@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/_resources/themes/base-foundation-theme/images/ajax-loader.gif) center center no-repeat;
}
/* slider styles*/

.slider {
    width: 100%;
    margin: 20px auto;
}

.slick-slide {
    margin: 0px .75rem;
}

.slick-slide img {
    width: 100%;
}

/* Flex card */
.flex-card-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    width:50%;
    padding:24px;
   }
   .flex-card-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
   }
   .img-contain {
       width: 50%;
       height: auto;
   }
   
   .img-contain img {
       width: 100%;
       height: 100%;
       object-fit: cover;/* or 'contain' depending on your preference */
   }
   
/* slick counter */
.slide-count .slick-card h3,.slick-card h4,.slick-card p,.slick-card span{
 margin: 0;
}

/* .slide-count .slick-card span{
 font-size: 13px;
 font-style: normal;
 font-weight: 300;
 line-height: normal;
 letter-spacing: 0.52px;
 text-transform:uppercase;
} */

.slide-count .slick-card h4{
 font-size: .95rem;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}
.slide-count .slick-card h3{
 font-size: 1.25rem;
 font-style: normal;
 font-weight: 600;
 line-height: normal;
}
.slide-count .slick-card p{
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
}

.slide-count .slick-card {
    display: flex;
    flex-direction: row;
    gap: 8px;
    border: 1px solid #f2f2f2;
    background: #ffff;
    min-height: 292px;
    border-radius: 6px;
}

/* .slide-count .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .4;
}
.slide-count .slick-current {
    opacity: 1;
} */
.slick-active .slick-dot{
 color:#111;
 font-weight:500;
 font-size:22px;
}

.slide-nav{
 display:flex;
 justify-content: center;
 padding:24px 0;
 gap:64px;
}

.nav-btn{
 background:rgba(0,0,0,0.5);
 display: inline-flex;
 align-self: center;
 padding: 6px 20px;
}

.nav-btn:hover{
 background:rgba(0,0,0,1);
}

.counter-container{
 display:flex;
 justify-content: center;
}
.counter{
 margin:0;
 padding:0;
 display:flex;
 align-items: center;
}
.counter li {
   display: none;

}.counter li.slick-active {
   display: block;
}


/* newscrollinglistings-H styles */

.listing-contain h4{
    font-size: 1rem;
}

.listing-contain h3{
    font-size: 1.25rem;
}

/* Round Nav Button */
.round-btn{
    background:rgba(0,0,0,0.05);
    border: solid 1px #111;
    border-radius:2px;
    display: inline-flex;
    align-self: center;
    padding: 16px;
   }
.round-btn:hover{
    background: none;
}

@media (max-width: 1280px){

.slide-count .slick-card{
   flex-direction:column;
 }

 .flex-card-content{
    width:100%;
    gap:16px;
    padding:20px
}
.img-contain {
    width: 100%;
}
}