/* Hero Section - Section 1  */.news-hero {    position: relative;    height: 615px;    .banner-image {        width: 100%;        /* max-height: 620px; */        height: 100%;        z-index: -1;        img {            width: 100%;            height: 100%;            object-fit: cover;        }    }    .content {        position: absolute;        top: 0;        left: 50%;        transform: translateX(-50%);        width: 100%;        max-width: 575px;        height: auto;        display: flex;        flex-direction: column;        align-items: center;        justify-content: center;        text-align: center;        margin-top: 110px;        h1 {            color: var(--text-white);        }    }    /* Featured */    .featured-container {        position: absolute;        max-width: 790px;        width: 100%;        height: auto;        padding: 40px;        border-radius: 8px;        border: var(--border-light-blue);        background: var(--bg-white);        bottom: -90px;        left: 50%;        transform: translateX(-50%);        a {            display: flex;            flex-direction: column;            justify-content: start;            align-items: start;            gap: 45px;            text-decoration: none;            .featured-content {                width: 100%;                height: auto;                display: flex;                justify-content: space-between;                align-items: start;                span {                    max-width: 550px;                    width: 100%;                    height: auto;                    display: flex;                    flex-direction: column;                    gap: 12px;                    justify-content: start;                    align-items: start;                    h4 {                        color: var(--text-black-primary);                    }                }                .tag {                    width: fit-content;                    height: auto;                    padding: 8px 4px;                    border-radius: 3.5px;                    border: var(--border-light-blue);                    background: linear-gradient(180deg, #FFF 0%, #F5FAFF 100%);                    backdrop-filter: blur(2.3848466873168945px);                    p {                        color: var(--text-black-primary);                        font-size: 12px;                        font-style: normal;                        font-weight: 400;                        line-height: 19.2px;                    }                }            }            .featured-image {                width: auto;                height: auto;                img {                    width: 100%;                    height: 100%;                    object-fit: cover;                }            }        }        @media screen and (max-width: 1024px) {            & {                min-width: 335px;                max-width: 100%;                width: auto;                padding: 20px;                left: 44%;                background: var(--section-gradient);                bottom: -30px;                .featured-content {                    flex-direction: column-reverse;                    gap: 16px;                }                .image-container {                    width: 100%;                    height: auto;                    display: flex;                    justify-content: space-between;                    align-items: center;                }            }        }    }    @media screen and (max-width: 1025px) {        & {            .banner-image-mobile {                width: auto;                img {                    width: 100%;                }            }            .content {                min-width: 335px;                max-width: 100%;                width: auto;                left: 44%;            }        }    }    @media screen and (min-width: 601px) and (max-width: 1024px) {        & {            .banner-image-mobile {                img {                    height: 400px;                }            }            .content {                left: 50%;            }            .featured-container {                bottom: 60px;                left: 50%;            }        }    }}/* News Grid - Section 3  */.news-container {    width: auto;    margin-top: 200px;    margin-bottom: var(--spacer-120);    .news-grid {        width: 100%;        height: auto;        display: grid;        grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));        gap: 24px;        margin-top: 20px;        .news-card {            width: 100%;            height: 250px;            border-radius: 10px;            border: var(--border-light-blue);            background: var(--bg-white);            padding: 20px;            display: flex;            flex-direction: column;            justify-content: space-between;            align-items: start;            gap: 78px;            cursor: pointer;            transition: all 0.2s ease-in-out;            a {                text-decoration: none;                color: unset;                display: flex;                flex-direction: column;                justify-content: space-between;                gap: 8px;                width: 100%;                height: 100%;                .card-content {                    width: 100%;                    height: auto;                    .date {                        font-size: 12px;                    }                    .sub-heading-primary {                        text-overflow: ellipsis;                        display: -webkit-box;                        overflow: hidden;                        -webkit-box-orient: vertical;                        -webkit-line-clamp: 4;                    }                }                .image-container {                    width: 100%;                    height: auto;                    display: flex;                    justify-content: space-between;                    .card-image {                        width: 100%;                        height: auto;                        img {                            width: auto;                            height: auto;                            object-fit: cover;                        }                    }                }            }            @media screen and (max-width: 1024px) {                & {                    background: var(--section-gradient);                }            }            &:hover {                background: var(--section-gradient) padding-box,                    var(--blue-red-gradient) border-box;                border-radius: 10px;                border: 1px solid transparent;                transition: all 0.2s ease-in-out;            }        }    }    .pagination {        max-width: 560px;        width: 100%;        height: auto;        margin-inline: auto;        display: flex;        justify-content: center;        align-items: center;        gap: 12px;        margin-top: 60px;        .bullet {            width: 45px;            height: 45px;            border: var(--border-light-blue);            border-radius: 4px;            padding-block: 10px;            cursor: pointer;            /* p {            width: fit-content;            margin-inline: auto;            text-align: center;          } */            .pagination-input-wrapper {                background-color: #F0F7FF;                display: flex;                align-items: center;                justify-content: center;            }            .pagination-input {                width: 100%;                height: 100%;                text-align: center;                border: none;                background: transparent;                font-size: 16px;                outline: none;            }            .arrow-left {                rotate: 90deg;                margin-left: 15px;            }            .arrow-right {                rotate: 270deg;                margin-left: 15px;            }            &.active {                /* background: var(--bg-black-primary); */                background: #F0F7FF;                border: none;                p {                    color: var(--text-white);                }            }        }        .dots {            padding: 10px 16px;        }    }    @media screen and (width <=1025px) {        & {            margin-top: 130px;        }    }    @media screen and (min-width: 601px) and (max-width: 1024px) {        & {            .news-container {                margin-top: 60px;            }        }    }}/* latest insights - Section 4  */.latest-insights {    position: relative;    height: auto;    padding: 60px 100px;    display: flex;    justify-content: space-between;    align-items: start;    gap: 50px;    border: var(--border-light-blue);    border-radius: 20px;    background: var(--section-gradient);    margin-block: var(--spacer-120);    .triangle_graphic {        position: absolute;        top: 0;        left: 0;        z-index: 0;    }    .left-content {        max-width: 390px;        width: 100%;        height: auto;        .para-primary {            margin-top: 8px;        }    }    .right-content {        max-width: 625px;        width: 100%;        height: auto;        &.form {            display: flex;            flex-direction: column;            align-items: baseline;            width: 100%;            max-width: 625px;            height: auto;            .screen-reader-response {                display: none;            }            .form-row {                width: 100%;                display: flex;                gap: 24px;                justify-content: start;                align-items: start;                margin-top: 20px;                p {                    width: 50%;                }            }            .form-row-inner {                p {                    width: 100%;                    display: flex;                    justify-content: start;                    align-items: start;                }            }            input,            select {                padding: 15px;                border-radius: 8px;                border: 1px solid #D8E5F4;                background: #FFF;                width: 100%;                font-family: "Sora", sans-serif;                color: var(--text-black-primary);                font-size: 14px;                font-weight: 400;                line-height: normal;            }            select:focus-visible,            input:focus-visible {                outline: 0;            }            input::placeholder,            select::placeholder {                color: var(--text-grey2);                font-size: 14px;                font-weight: 400;                line-height: normal;            }            input[type='submit'] {                border-radius: 8px;                background: #E6323A;                padding: 16px 32px;                border: none;                color: #fff;                margin-top: 40px;                width: fit-content;                color: var(--text-white);                font-size: 16px;                font-weight: 400;                line-height: 22px;                letter-spacing: 0;            }            select[name="country-code"] {                width: fit-content;                padding-right: 0;                border-right: 0;                border-top-right-radius: 0;                border-bottom-right-radius: 0;                font-family: "Sora", sans-serif;                color: var(--text-black-primary);                font-size: 14px;                font-weight: 400;                line-height: normal;                padding: 14px;                padding-right: 0;            }            input[type='tel'] {                width: 185px;                padding-left: 15px;                border-left: 0;                border-top-left-radius: 0;                border-bottom-left-radius: 0;            }            .wpcf7-not-valid-tip {                font-size: 14px;            }            .wpcf7-response-output {                margin-top: 20px;                font-size: 14px;            }            &:last-child {                .form-row {                    p {                        width: 100%;                    }                }            }            @media screen and (max-width: 1024px) {                & {                    .form-row {                        flex-direction: column;                    }                    input[type='tel'] {                        width: 100%;                    }                    input[type='submit'] {                        width: 100%;                        font-size: 14px;                        line-height: 20px;                        margin-top: 32px;                    }                }            }        }    }    @media screen and (max-width: 1025px) {        & {            flex-direction: column;            gap: 32px;            padding: 40px 20px;            margin-block: var(--spacer-60);        }    }    @media screen and (min-width: 601px) and (max-width: 1024px) {        & {            .left-content {                max-width: 100%;            }            .form {                max-width: 100%;            }        }    }}/* ===== NEWS LIST LAYOUT FIX ===== */.news-container .news-grid {    grid-template-columns: repeat(2, 1fr);}.news-card {    height: auto !important;    gap: 16px !important;}/* make card horizontal */.news-card a {    flex-direction: row !important;    align-items: flex-start !important;    gap: 16px;}/* thumbnail size */.news-card .card-image {    flex: 0 0 120px;}.news-card .card-image img {    width: 120px !important;    height: auto !important;}/* content grow */.news-card .card-content {    flex: 1;}/* description styling */.news-desc {    margin-top: 6px;    color: #555;    font-size: 14px;    line-height: 1.5;}/* mobile */@media (max-width: 768px) {    .news-container .news-grid {        grid-template-columns: 1fr;    }}/* ===== FINAL NEWS LIST LAYOUT ===== *//* force 2-column newsroom layout */.news-container .news-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 32px;}/* horizontal media item */.news-item a {    display: flex;    gap: 16px;    align-items: flex-start;    text-decoration: none;}/* thumbnail */.news-thumb {    flex: 0 0 140px;}.news-thumb img {    width: 100%;    height: auto;    border-radius: 6px;}/* content */.news-content {    flex: 1;}/* description polish */.news-desc {    margin: 6px 0 10px;    color: #555;    font-size: 14px;    line-height: 1.5;}/* mobile */@media (max-width: 768px) {    .news-container .news-grid {        grid-template-columns: 1fr;    }    .news-item a {        flex-direction: column;    }    .news-thumb {        flex: none;        width: 100%;    }}/* new css */.news-title{    color: var(--text-black-primary);    font-weight: 500;    line-height: normal;}.news-readmore {    color: var(--text-black-primary);    font-weight: 500;}