/* News: Featured Posts */

.news-hero-bg{

    background: url('../images/blog/news-top-bg.png') no-repeat center top;

    background-size: cover;

}

.featured-posts-header p{

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: #7A85BC;

}

.featured-posts-header h2{

    font-size: 36px;    

}

.featured-posts-list{

    padding-bottom: 80px;

}

.featured-posts-list-big{

    overflow: hidden;

}

.featured-posts-list-big h3{

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 36px;

    line-height: 44px;

    margin-bottom: 25px;

}

.featured-posts-list-big p{

    font-family: var(--lita-font-open-sans);

    font-weight: 400;

    font-size: 18px;

    line-height: 27px;

}

.featured-posts-list-small h3{

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 24px;

    line-height: 29px;

}

.featured-posts-list-big {        

    min-height: 476px;

    border-radius: 24px;

    z-index: 1;

}

.featured-posts-list-big .fpl-img{

    height: 476px;

    overflow: hidden;

    border-radius: 24px;

}

.featured-posts-list-big .fpl-img img{

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 24px;

    -o-object-fit: cover;

    object-fit: cover;

}

.featured-posts-list-big::before{

    border-radius: 24px;

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top:0px;

    left:0px;

    background: linear-gradient(206.08deg, rgba(0, 0, 0, 0) 8.87%, rgba(0, 0, 0, 0.75) 50.53%);

    z-index: 1;

}

.featured-posts-list-big .hover-content{

    padding: 40px;

    position: absolute;

    top: 50px;

    bottom: 0px;

    z-index: 1;

    transition: transform 0.4s ease; 

}

.featured-posts-list-big:hover .hover-content {

  transform: translateY(-10px); 

}

.read-more-link {    

    margin-top: 40px;

}

.read-more-link a{

    font-weight: 600;

    font-size: 18px;

}

.read-more-link a img{

    margin-left: 8px;

    position: relative;

    top: -2px;

}

.featured-posts-list-big .fpl-img img {

  transition: transform 0.5s ease; 

}

.featured-posts-list-big:hover .fpl-img img {

  transform: scale(1.1); 

}

.featured-posts-list-small{    

    overflow: hidden;   

    height: 225px; 

    z-index: 1;

    border-radius: 24px;

}

.featured-posts-list-small .hover-content{

    padding: 30px;

    position: absolute;

    bottom: 0px;

    z-index: 1;

    transition: transform 0.4s ease; 

}

.featured-posts-list-small .fpl-img{

    height: 225px;

    border-radius: 24px;

    transform: scale(1.1); 

}

.featured-posts-list-small .fpl-img img {

  transition: transform 0.5s ease; 

}

.featured-posts-list-small:hover .fpl-img img {

  transform: scale(1.1); 

}

.featured-posts-list-small .fpl-img img{

    width: 100%;

    height: 100%;

    overflow: hidden;

    -o-object-fit: cover;

    object-fit: cover;

}

.featured-posts-list-small::before{   

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top:0px;

    left:0px;

    background: linear-gradient(206.08deg, rgba(0, 0, 0, 0) 8.87%, rgba(0, 0, 0, 0.75) 50.53%);

    z-index: 1;

}

.featured-posts-list-small h3{

    font-family: var(--lita-font-raleway);

    font-weight: 600;    

    font-size: 24px;   

    line-height: 29px;

}

.fp-list-right .featured-posts-list-small:first-child{

    margin-bottom: 28px;

}

.news-divider{

    margin-top: 0;

    margin-bottom: 50px;

}

.news-divider hr{

    border-bottom: 1px solid #F0F0F0;

}

.latest-news-header{

    margin-bottom: 40px;

}

.latest-news-header p{

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    color: #7A85BC;

    text-transform: uppercase;

}

.latest-news-header h2{

    font-size: 36px;    

    color:#26305A;

    font-weight: 600;

}

/* Category Filter */

.category-btns{

    margin-bottom: 35px;

}

.category-btns a{

    background: #E3E6F5;

    padding: 10px 17px;

    font-weight: 500;

    margin: 10px;

    color:#26305A;

    border-radius: 8px;

    display: inline-block;

    transition: all 0.3s;

}

.category-btns .active,

.category-btns a:hover{

    background: #C4CDFA;

}

/* End of News: Featured Posts */



/* Category Post List */

.post-small-img{

    overflow: hidden;

    height: 224px;

    border-radius: 24px;

    margin-bottom: 20px;

}

.vpl-box h3,.vpl-box h3 a{

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 24px;

    color:#26305A;

    min-height: 72px;

}

.verticle-post-list-wrapper{

    padding: 30px 0px 80px;

}

.btn-read-more{

    font-family: var(--lita-font-open-sans);

    font-weight: 600;

    font-size: 16px;

    text-align: center;

    min-width: 195px;

    display: inline-block;

    background-color: #E3E6F5;

    border-radius: 100px;

    color:#26305A;

    line-height: 26px;

    position: relative;

    padding: 8px 15px 8px 5px;

    transition: all 0.3s;

}

.btn-read-more::after{

    content: '';

    position: absolute;

    top: 15px;

    background-image: url('../images/blog/arrow-right-btn.svg');

    width: 20px;

    height: 14px;

    right: 25px;

}

.btn-read-more:hover{

    background: #C4CDFA;

}

.vpl-box{

    transition: all 0.5s;

}

.vpl-box .btn-read-more{

    opacity: 0;

}

.vpl-box:hover .btn-read-more{

    opacity: 100;

}

.vpl-box .post-small-img img {

  transition: transform 0.4s ease, filter 0.4s ease;

  width: 100%;

  height: 100%;

  display: block;

}

.vpl-box:hover .post-small-img img {

  transform: scale(1.1); /* zoom in */

  filter: brightness(1.1); /* optional: slight brightness */

}

.vpl-box{

    margin-bottom: 25px;

}

.pagination-blog{

    color:#26305A;

}

.pagination-blog li{

    margin-right: 15px;

}

.pagination-blog .page-link{

    background: #E3E6F5;

    border-radius: 4px;

    color:#26305A;

    font-size: 18px;

    line-height: normal;

    padding-bottom: 10px;

    border-radius: 5px;

}

.pagination-blog  .page-item:last-child .page-link,.pagination-blog  .page-item:first-child .page-link{

    border-radius: 5px;

}

/* .pagination-blog  .page-item:first-child .page-link{

    background: transparent;

    box-shadow: none;

    border:none;

} */

.pagination-blog .active>.page-link, .pagination-blog .page-link.active{

    color:#ffffff;

    background: #26305A;

    border:none;

}

.page-link:focus{

    box-shadow: none;

}

.category-list-page{

    padding-top: 50px;

    padding-bottom: 100px;

}

.category-list-page h2{

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 35px;

}

.hcl-img{

    overflow: hidden;

    min-width: 257px;

    height: 235px;

    border-radius: 24px;

    margin-bottom: 20px;

}

.hcl-img img{

    width: 100%;

    height: 100%;

    overflow: hidden;

    -o-object-fit: cover;

    object-fit: cover;    

    transition: all 0.5s;

}

.hcl-img:hover img{

  transform: scale(1.1); /* zoom in */

  filter: brightness(1.1); /* optional: slight brightness */

}

.hcl-content{

    padding-left: 30px;

    padding-right: 20px;

}

.hcl-content h3{

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 24px;

    color:#26305A;

}

.category-right h2{    

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 18px;

    line-height: 32px;

    color:#26305A;

}

.category-right .category-btns .btn-category{

    font-size: 14px;

    padding: 2px 21px;

    margin: 3px 5px 8px 3px;

}   

.post-date img{

    margin-right: 8px;

    position: relative;

    top: -2px;

}

.post-date{

    font-size: 14px;

    color:#9AA2CA; 

    margin-bottom: 5px;

}

.hcl{

    margin-bottom: 25px;

}

.single-post-banner{

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    min-height: 296px;

    padding: 60px 0px 48px;

    text-align: center;

    margin-bottom: 60px;

    position: relative;

    z-index: 1;

}

.single-post-banner::before{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;   

    left: 0px;

    top:0px;

    background: #000000;

    background: linear-gradient(178deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    z-index: -1;

}

.single-post-banner h2{

    font-family: var(--lita-font-raleway);

    font-weight: 600;

    font-size: 48px;

    line-height: 51px;

}

.single-post-banner span{

    font-family: var(--lita-font-open-sans);

    display: inline-block;

    background: #DCE0F4;

    border-radius: 100px;

    font-size: 16px;

    font-weight: 500;

    color:#26305A;

    padding: 5px 20px;

    margin-bottom: 25px;

}

.founder-box{

    padding: 22px;

    background: #F6F7FE;

    border-radius:16px;

}

.founder-box h3{

    font-family: var(--lita-font-open-sans);

    font-size: 18px;

    line-height: 24px;

    color:#26305A;

    margin-bottom: 5px;

    font-weight: 600;

}

.founder-box h4{

    font-size: 14px;

    line-height: 24px;

    color:#9AA2CA;

}

.about-author{

    font-size: 11px;

    color:#9AA2CA;

    margin-bottom: 0;

}

.des{

    font-family: var(--lita-font-open-sans);

    font-size: 14px;

    color:#0C122B;

    margin-bottom: 0;

}

.fd-profile{

    width: 82px;

    height: 82px;

    border-radius: 100%;

    background-position: center center;

    background-size: cover;

    margin-top: -50px;

    margin: -50px auto 15px;

}

.founder-share{

    height: 70px;

}

.published{

    margin-top: 20px;

    font-size: 14px;

    color:#455494;

    margin-bottom: 0;

}

.read-time{

    font-size: 14px;

    color:#9AA2CA;

}

.mid-two-box .b-1{

    width: 60%;

    padding-right: 15px;

}

.mid-two-box .b-2{

    width: 40%;

}

.mid-two-box img{    

    border-radius: 8px;

    margin-bottom: 15px;

}

.caption{

    font-size: 12px;

    color:#7A85BC;

    line-height: 16px;

}

.post-share{

    height: 56px;

}

.related-articles h2{

    font-size: 18px;

    font-weight: 700;

    font-family: var(--lita-font-raleway);

    color:#0C122B;

    margin-bottom: 35px;

}

/* Primary layout: heading text left, thin rule fills remaining space */

  .related-row {

    display: flex;

    align-items: center;

    gap: 16px;                /* spacing between text and line */

    width: 100%;

  }



  /* Title style */

  .related-title {

    font-weight: 700;

    /* responsive sizing: won't get absurdly small or large */

    font-size: clamp(0.9rem, 1.6vw, 1.05rem);

    letter-spacing: 0.6px;

    color: #0b1b34;           /* dark navy similar to screenshot */

    white-space: nowrap;      /* prevents wrapping */

  }



  /* line that stretches to fill the rest of the row */

  .related-line {

    flex: 1;

    height: 1px;              /* thin */

    background: #E5ECFA;

    /* fallback solid light color if gradient not desired:

       background-color: #e6eaf1; */

  }



  /* small vertical spacing for examples */

.spacer { height: 24px; }

.related-articles-box .rab-img{

    transition: all 0.5s;

}

.rab-img{

    overflow: hidden;

    height: 220px;

    border-radius: 8px;

    margin-bottom: 20px;

}

.rab-img img{

    transition: transform 0.4s ease, filter 0.4s ease;

    width: 100%;

    height: 100%;

    display: block;

}

.related-articles{

    padding-bottom: 100px;

}

.related-articles-box:hover .rab-img img {

  transform: scale(1.1); /* zoom in */

  filter: brightness(1.1); /* optional: slight brightness */

}



.related-articles-box .category-name .category-btn{

    background: #F4F8FF;

    font-family: var(--lita-font-raleway);

    font-weight: 500;

    font-size: 14px;    

    display: inline-block;

    color:#2972E2;

    padding: 6px 15px;

    line-height: normal;

    border-radius: 8px;

}

.related-articles-box h3{

    font-size: 18px;

    font-weight: 700;

}

.related-articles-box .publish-date p{

    font-weight: 500;

    font-size: 13px;

    color:#AEB7DB;

}

.related-articles-box p{

    font-weight: 400;

    font-size: 15px;

    color:#26305A;

}

.related-articles-box .btn-read-more{

    min-width: 160px;

    font-size: 15px;

}

.related-row{

    margin-bottom: 30px;

}

.btn-read-more::after{

    right: 20px;

}



.related-post-slider .slick-arrow{

    padding: 0;

    border:none;

}



/* make sure slider wrapper is relative */

.related-post-slider {

  position: relative;

}



.related-post-slider  .slick-list {

  padding: 0 0px 0px 9px; /* space left and right inside the track */

}



.related-post-slider  .slick-slide {

  margin: 0 10px 0px; /* 10px on each side of every slide */

}



/* base arrow positioning */

.related-post-slider .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

  background: none;

  border: none;

  padding: 0;

  cursor: pointer;

}



/* left and right positions */

.related-post-slider .slick-prev {

  left: -30px;

}



.related-post-slider .slick-next {

  right: -30px;

}



/* remove slick default pseudo elements */

.related-post-slider .slick-prev:before,

.related-post-slider .slick-next:before {

  display: none;

}



/* optional: make sure your SVG scales nicely */

.related-post-slider .slick-arrow svg {

    width: 24px;

    height: 40px;   

    transition: transform 0.2s ease;

}



/* optional hover effect */

.related-post-slider .slick-arrow:hover svg {

  transform: scale(1.1);

  color: #000; /* change color if you want */

}



.related-post-slider .slick-dots{

    list-style: none;

    margin-bottom: 0;

    text-align: center;

    margin-top: 50px;

}

.related-post-slider .slick-dots li{

    display: inline-block !important;

}

.related-post-slider .slick-dots li button{

    display: block;

    width: 12px;

    height: 12px;

    border-radius: 11px;

    border:none;

    font-size: 0;

    background: #C9D4F7;

}

.related-post-slider .slick-dots li.slick-active button{

    background: linear-gradient(270deg, #D80B8C 0%, #FCAF17 100%);

    width: 12px;

    height: 12px;

    border-radius: 12px;

}

.related-post-slider .slick-dots li:not(:last-child) {

    margin-right: 10px;

}




/* Responsive Adjustments */

@media (max-width: 1199.98px) {

    .related-post-slider .slick-prev {

        left: -15px;

    }

    .related-post-slider .slick-next {

        right: -25px;

    }

    .related-post-slider{

        max-width: 95%;

        margin: 0 auto;

    }

    .featured-posts-list-big h3{

        font-size: 30px;

        line-height: 40px;

    }

    .featured-posts-list-big p{

        font-size: 16px;

        line-height: 24px;

    }

    .read-more-link a{

        font-size: 16px;

    }

    .featured-posts-list-small h3{

        font-size: 20px;

        line-height: 26px;

    }

    .vpl-box h3{

        font-size: 20px;

    }

    .vpl-box p{

        font-size: 14px;

    }

    .category-btns a{margin: 5px;}

}

@media (max-width: 991.98px) {

    .related-articles-box .rab-img{

        height: 280px;

    }

    .category-list-page h2{margin-bottom: 25px;}

    .founder-box{margin-top: 35px;}

    .post-content{

        padding-bottom: 50px;

    }

    .single-post-banner{margin-bottom: 35px;}

    .featured-posts-header h2{font-size: 30px; margin-top: 15px;}

    .featured-posts-list-big h3 {

        font-size: 22px;

        line-height: 28px;

    }

    .featured-posts-list-big p{

        font-size: 15px;

        line-height: 22px;

    }

    .featured-posts-list-small .hover-content{

        padding: 20px;

    }

    .featured-posts-list-small h3{

        font-size: 16px;

        line-height: 22px;

    }

    .featured-posts-list {

        padding-bottom: 50px;

    }

    .latest-news-header p{font-size: 16px;}

    .latest-news-header h2{

        font-size: 30px;

    }

    .category-btns a{font-size: 14px;} 

    .vpl-box h3{

        min-height: 48px;

    }   

    .category-right {padding-top: 50px;}

}

@media (max-width: 767.98px) {

    .post-content h3{

        font-size: 18px;

    }

    .post-content p{

        font-size: 15px;

    }

    .post-content .caption{

        font-size: 12px;

    }

    .category-list-page h2 {

        margin-bottom: 20px;

        margin-top: 35px;

    }

    .category-list-page{padding-bottom: 10px;}

    .related-post-slider .slick-prev {

        left: -11px;

    }

    .related-post-slider .slick-next {

        right: -20px;

    }  

    .single-post-banner ul li{font-size: 12px;}

    .featured-posts-header h2,.latest-news-header h2{

        font-size: 24px;

    }

    .featured-posts-list-big{margin-bottom: 30px;}

    .post-small-img{height: 300px;}

    .vpl-box .btn-read-more {

        opacity: 100;

    }

    .vpl-box h3{min-height: auto;}

    .latest-news-header p{font-size: 14px;}

    .featured-posts-list-big{

        min-height: auto;

        

    }

    .featured-posts-list-big .fpl-img{height: 340px;}

    .news-divider{margin-bottom: 20px;}

    .latest-news-header {

        margin-bottom: 25px;

    }

    .featured-posts-list-big .hover-content{top: 25px;}

    .news-hero-bg{background: #ffffff; }

    .news-hero-bg .navbar{box-shadow: 0px 4px 55px 0px #00000026;} 

    .category-list-page h2{margin-top: 0;}

    .hcl-content{padding-left: 0px; padding-right: 0px;}

}   

@media (max-width: 575.98px) {

    .related-articles-box .rab-img {

        height: 200px;

    }

    .single-post-banner span{

        font-size: 13px;

    }

    .single-post-banner h1{

        font-size: 24px;

    }

    .related-articles-box .btn-read-more{

        padding: 5px 15px 5px 5px;   

    }

    .related-articles-box .btn-read-more::after{

        top: 11px;

    }

    .related-post-slider .slick-prev {

        left: -11px;

    }

    .related-post-slider .slick-next {

        right: -15px;

    } 

    .related-articles-box .btn-read-more{margin-top: 20px;}

    .single-post-banner{

        min-height: 247px;

    }

    .post-small-img {

        height: 200px;

    }

}

@media (max-width: 480px) {

    .post-small-img {

        height: 250px;

    }

    .category-btns a{margin: 5px; padding:6px 18px; font-size: 12px;}

    .featured-posts-list-big .hover-content{

        padding: 20px;

    }

    .featured-posts-list-big .hover-content {

        top: 90px;

    }

}



/* Small devices (landscape phones, 414px and down) */

@media (max-width: 414px) {

    .featured-posts-list-big .hover-content {

        top: 40px;

    }

}



/* Small devices (landscape phones, 384px and down) */

@media (max-width: 384px) {

    .featured-posts-list-big .hover-content {

        top: 30px;

    }

}