/* Blog Listing css */
.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 40px;
}
section.news-updates.blog-listing .news-cards-row .news-col:nth-child(4){
    display: block;
}
.blog-pagination .page-numbers.current {
    background: #3CBDEF;
    border: 0;
    border-radius: 50%;
    color: #fff !important;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-pagination .page-numbers {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    transition: all .5s ease;
}

.blog-pagination .page-numbers:hover {
    color: #3CBDEF;
}

a.next.page-numbers {
    margin-left: 8px;
}

a.prev.page-numbers {
    margin-right: 8px;
}

a.next.page-numbers,
a.prev.page-numbers {
    display: flex;
    align-items: center;
}

.blog-pagination a.next.page-numbers svg,
.blog-pagination a.prev.page-numbers svg {
    width: 11px;
    height: 19px;
    display: block;
    transition: all .5s ease;
}

.blog-pagination a.next.page-numbers svg path,
.blog-pagination a.prev.page-numbers svg path {
    fill: #000;
    transition: all .5s ease;
    /* or white if on dark bg */
}

.blog-pagination a.prev.page-numbers:hover svg path,
.blog-pagination a.next.page-numbers:hover svg path {
    fill: #3CBDEF;
}

section.news-updates.blog-listing {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 180px;
}

section.news-updates.blog-listing .news-card {
    box-shadow: 0px 0px 36px #00000014;
}

section.news-updates.blog-listing .news-card:hover {
    box-shadow:
        0px 0px 36px #00000014,
        0 0 0 2px #3CBDEF;
}

section.inner-pg-main-banner.banner-top-spacing.blog-list-page {
    margin-bottom: 70px;
}

/* Blog Listing css */

/* blog details css */
section.news-updates.details-latest-news {
    margin-bottom: 0;
    padding-top: 90px;
    padding-bottom: 180px;
}

section.news-updates.details-latest-news .news-title-row {
    margin-bottom: 32px;
}

body.single-post .global-cta-section {
    margin-top: 0;
}

.single-post-container {
    padding-top: 51px;
    padding-bottom: 100px;
}

.single-post-container .container {
    max-width: 890px;
}

.single-post-container .featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin-bottom: 50px;
}

.single-post-container .blog-top-bar h1 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 16px;
}

.single-post-container .blog-top-bar p.post-meta {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px;
}

.single-post-container .blog-top-bar p.post-meta span {
    position: relative;
}

.single-post-container .blog-top-bar p.post-meta span.date-span {
    padding-left: 32px;
}

.single-post-container .blog-top-bar p.post-meta span.author-span {
    padding-left: 29px;
}

.single-post-container .blog-top-bar p.post-meta span::before {
    content: "";
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.single-post-container .blog-top-bar p.post-meta span.date-span::before {
    background-image: url(../../../../wp-content/uploads/2026/02/date-icon.svg);
    width: 22px;
    height: 22px;
}

.single-post-container .blog-top-bar p.post-meta span.author-span::before {
    background-image: url(../../../../wp-content/uploads/2026/02/user-icon.svg);
    width: 19px;
    height: 22px;
}

.typography p {
    margin-bottom: 30px;
}

.typography p:last-child {
    margin-bottom: 0;
}


.typography h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 9px;
}

.typography h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 9px;
}

.typography h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 9px;
}

.typography h5 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 9px;
}

.typography h6 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 9px;
}

.typography img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin-bottom: 50px;
}

.typography strong,
.typography b {
    font-weight: 600;
}

.typography p a {
    color: #3CBDEF;
    cursor: pointer;
    font-weight: 700;
}

.typography p a:hover {
    color: #2B2870;
}

.typography blockquote {
    padding: 28.5px 40px;
    background: #F7F7F7;
    margin-bottom: 30px;
    border-left: 3px solid #3CBDEF;
}

.typography blockquote p {
    font-size: 22px;
    line-height: 34px;
}

.typography em {
    font-style: italic;
}


.typography ul,
.typography ol {
    padding-left: 0;
    padding-bottom: 30px;
}

.typography p+ul,
.typography p+ol {
    margin-top: -8px;
}

.typography p+ul+ul,
.typography p+ul+ol,
.typography p+ol+ol,
.typography p+ol+ul {
    margin-top: -8px;
}

.typography ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 5px;
    height: 20px;
    color: #fff;
    width: 20px;
    background: #3CBDEF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-radius: 50px;
}

.typography ol li,
.typography ul li {
    margin-bottom: 0;
    position: relative;
    list-style: none;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    font-family: 'Lato', sans-serif;
}

.typography ol li:last-child,
.typography ul li:last-child {
    margin-bottom: 0;
}

.typography ol li {
    padding-left: 32px;
}

.typography ul li {
    padding-left: 19px;
}

.typography ol li:last-child,
.typography ul li:last-child {
    margin-bottom: 0;
}

.typography ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.039" height="15.385" viewBox="0 0 9.039 15.385"><g id="Group_455" data-name="Group 455" transform="translate(-101.478)"><g id="Group_454" data-name="Group 454" transform="translate(101.478)"><path id="Path_1326" data-name="Path 1326" d="M110.271,7.092,103.425.246a.843.843,0,0,0-1.19,0l-.5.5a.843.843,0,0,0,0,1.19l5.749,5.749-5.756,5.756a.844.844,0,0,0,0,1.19l.5.5a.843.843,0,0,0,1.19,0l6.853-6.853a.849.849,0,0,0,0-1.194Z" transform="translate(-101.478)" fill="%233cbdef"/></g></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.typography ol li {
    counter-increment: custom-counter;
}

.typography .gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 30px !important;
    row-gap: 30px;
}

.typography .gallery br {
    display: none;
}

.typography .gallery .gallery-item {
    margin-top: 0 !important;
    float: none !important;
    width: 33.33% !important;
    height: 220px;
    display: block;
    overflow: hidden;
    padding: 0 15px;
}

.typography .gallery .gallery-item .gallery-icon,
.typography .gallery .gallery-item .gallery-icon a {
    width: 100%;
    height: 100%;
}

.typography .gallery .gallery-item img {
    border: none !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-post-container .page-content .single_content {
    padding-bottom: 40px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 22.5px;
}

.single-post-container .addtoany_shortcode {
    position: relative;
    margin: 0 0 0 auto;
    width: max-content;
    padding-left: 73px;
}

.single-post-container .addtoany_shortcode::before {
    content: "Share:";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    font-weight: 600;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a {
    font-size: 0;
    padding: 0;
    position: relative;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.addtoany_shortcode a.a2a_button_facebook::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.194" height="22.961" viewBox="0 0 11.194 22.961"><path id="Path_62" data-name="Path 62" d="M8.07,22.961V12.2H5.2V8.323H8.07v-3.3C8.07,2.44,9.792,0,13.667,0a24.359,24.359,0,0,1,2.727.144L16.25,3.731H13.81c-1.435,0-1.579.574-1.579,1.722v2.87h4.162L16.25,12.2H12.232V22.961Z" transform="translate(-5.2)" fill="%23fff"/></svg>');
    width: 11px;
    height: 23px;
}

.addtoany_shortcode a.a2a_button_email::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.094" height="15.554" viewBox="0 0 20.094 15.554"><path id="Path_1418" data-name="Path 1418" d="M27.493,78.772l6.039,6.042a3.4,3.4,0,0,0,4.788,0l6.039-6.042a.137.137,0,0,0-.019-.21,3.788,3.788,0,0,0-2.173-.684H29.684a3.789,3.789,0,0,0-2.173.684A.137.137,0,0,0,27.493,78.772Zm-1.614,2.911a3.776,3.776,0,0,1,.435-1.762.137.137,0,0,1,.219-.033L32.5,85.851a4.858,4.858,0,0,0,6.862,0l5.963-5.963a.137.137,0,0,1,.219.033,3.776,3.776,0,0,1,.435,1.762v7.943a3.809,3.809,0,0,1-3.805,3.805H29.684a3.809,3.809,0,0,1-3.805-3.805Z" transform="translate(-25.879 -77.878)" fill="%23fff" fill-rule="evenodd"/></svg>');
    width: 20px;
    height: 16px;
}

.addtoany_shortcode a.a2a_button_linkedin::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.527" height="17.173" viewBox="0 0 24.527 17.173"><path id="Path_63" data-name="Path 63" d="M24.022-3.395A3.073,3.073,0,0,0,21.86-5.557c-1.919-.525-9.6-.525-9.6-.525s-7.677,0-9.6.505A3.135,3.135,0,0,0,.505-3.395,32.378,32.378,0,0,0,0,2.5,32.259,32.259,0,0,0,.505,8.4a3.073,3.073,0,0,0,2.162,2.162c1.939.525,9.6.525,9.6.525s7.677,0,9.6-.505a3.073,3.073,0,0,0,2.162-2.162,32.388,32.388,0,0,0,.5-5.9A30.735,30.735,0,0,0,24.022-3.395ZM9.819,6.182V-1.172L16.2,2.5Zm0,0" transform="translate(0 6.082)" fill="%23fff"/></svg>');
    width: 25px;
    height: 17px;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a span {
    font-size: 0;
    width: 0;
    display: none;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: #3CBDEF;
    transition: all 0.5s ease;
}

.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:hover:after {
    background-color: #ffe818;
}
section.news-updates.details-latest-news .news-title-row h2{
    font-weight: 600;
}
/* blog details css */

/* responsive css */
@media (max-width: 1439px) {}

@media (max-width: 1199px) {

    /* Blog Listing css */
    section.news-updates.blog-listing {
        margin-bottom: 160px;
    }

    /* Blog Listing css */

    /* blog details css */
    .single-post-container .blog-top-bar h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .single-post-container .blog-top-bar p.post-meta {
        margin-bottom: 25px;
    }

    .single-post-container .featured-image img {
        margin-bottom: 40px;
    }

    .typography p {
        margin-bottom: 22px;
    }

    .typography h2 {
        margin-bottom: 6px;
        font-size: 32px;
        line-height: 42px;
    }

    .typography h3 {
        font-size: 26px;
        margin-bottom: 6px;
        line-height: 36px;
    }

    .typography h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 6px;
    }

    .typography h5 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .typography h6 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .typography blockquote {
        padding: 20px 30px;
        margin-bottom: 25px;
    }

    .single-post-container .page-content .single_content {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }

    .typography ul,
    .typography ol {
        padding-left: 0;
        padding-bottom: 25px;
    }

    .typography ul li::before {
        width: 7px;
        height: 13px;
        top: 9px;
    }

    .typography img {
        margin-bottom: 40px;
    }

    .typography ol li,
    .typography ul li {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .typography ol li::before {
        top: 5.5px;
        height: 17px;
        width: 17px;
        font-size: 12px;
    }

    .typography ol li {
        padding-left: 26px;
    }

    .typography ul li {
        padding-left: 15px;
    }

    .single-post-container .addtoany_shortcode {
        padding-left: 65px;
    }

    .addtoany_shortcode .addtoany_list.a2a_kit_size_32 {
        gap: 10px;
    }

    .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a {
        width: 30px;
        height: 30px;
    }

    .addtoany_shortcode a.a2a_button_email::before {
        width: 16px;
        height: 12px;
    }

    .addtoany_shortcode a.a2a_button_facebook::before {
        width: 8px;
        height: 19px;
    }

    .single-post-container {
        padding-bottom: 70px;
    }

    .typography blockquote p {
        font-size: 20px;
        line-height: 32px;
    }

    .blog-pagination .page-numbers {
        font-size: 16px;
        line-height: 23px;
    }

    .blog-pagination .page-numbers.current {
        width: 40px;
        height: 40px;
    }

    .blog-pagination {
        gap: 15px
    }

    .blog-pagination a.next.page-numbers svg,
    .blog-pagination a.prev.page-numbers svg {
        width: 9px;
        height: 17px;
    }

    a.next.page-numbers {
        margin-left: 5px;
    }

    a.prev.page-numbers {
        margin-right: 5px;
    }

    section.news-updates.details-latest-news {
        padding-top: 62px;
        padding-bottom: 159px;
    }
section.news-updates.details-latest-news .news-title-row {
    margin-bottom: 30px;
}
    /* blog details css */
}

@media (max-width: 991px) {

    /* Blog Listing css */
    section.news-updates.blog-listing {
        margin-bottom: 70px;
    }
section.news-updates.details-latest-news {
    padding-bottom: 70px;
}
    /* Blog Listing css */
}

@media (max-width: 767px) {

    /* Blog Listing css */
    section.inner-pg-main-banner.banner-top-spacing.blog-list-page {
        margin-bottom: 60px;
    }

    section.news-updates.blog-listing {
        margin-bottom: 60px;
    }

    /* Blog Listing css */
    /* blog details css */
    .single-post-container .blog-top-bar h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .single-post-container .blog-top-bar p.post-meta {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 21px;
        gap: 30px;
    }

    .single-post-container .blog-top-bar p.post-meta span.author-span::before {
        width: 16px;
        height: 19px;
    }


    .single-post-container .blog-top-bar p.post-meta span.date-span::before {
        background-image: url(../../../../wp-content/uploads/2026/02/date-icon.svg);
        width: 18px;
        height: 18px;
    }

    .single-post-container .blog-top-bar p.post-meta span.author-span {
        padding-left: 25px;
    }

    .single-post-container .blog-top-bar p.post-meta span.date-span {
        padding-left: 28px;
    }

    .single-post-container .featured-image img {
        margin-bottom: 30px;
    }

    .typography img {
        margin-bottom: 30px;
    }

    .typography p {
        margin-bottom: 18px;
    }

    .typography h2 {
        margin-bottom: 6px;
        font-size: 26px;
        line-height: 36px;
    }

    .typography h3 {
        font-size: 22px;
        margin-bottom: 6px;
        line-height: 32px;
    }

    .typography h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .typography h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .typography h6 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .typography blockquote {
        padding: 15px 25px;
        margin-bottom: 20px;
    }

    .single-post-container .page-content .single_content {
        padding-bottom: 25px;
        /* margin-bottom: 25px; */
    }

    .typography ul,
    .typography ol {
        padding-left: 0;
        padding-bottom: 20px;
    }

    .typography ol li,
    .typography ul li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .typography ol li::before {
        top: 4.5px;
    }

    .typography ul li::before {
        top: 6.5px;
    }

    .single-post-container {
        padding-bottom: 60px;
    }

    .typography blockquote p {
        font-size: 18px;
        line-height: 30px;
    }

    .typography .gallery .gallery-item {
        width: 50% !important;
        height: 250px;
        padding: 0 10px;
    }

    .typography .gallery {
        margin: 0 -10px 20px !important;
        row-gap: 20px;
    }

    .blog-pagination .page-numbers {
        font-size: 15px;
        line-height: 22px;
    }

    .blog-pagination .page-numbers.current {
        width: 35px;
        height: 35px;
    }
section.news-updates.details-latest-news {
    padding-top: 52px;
    padding-bottom: 60px;
}

section.news-updates.details-latest-news .news-title-row {
    margin-bottom: 30px;
}
    /* blog details css */
}

@media (max-width: 575px) {}

@media (max-width: 479px) {
    .typography .gallery .gallery-item {
        width: 100% !important;
        height: 250px;
        padding: 0;
    }

    .typography .gallery {
        margin: 0 -0 20px !important;
    }
}