@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('../fonts/FrutigerLTPro-Light.woff2') format('woff2'),
        url('../fonts/FrutigerLTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/Cambria.woff2') format('woff2'),
        url('../fonts/Cambria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria Math';
    src: url('../fonts/CambriaMath.woff2') format('woff2'),
        url('../fonts/CambriaMath.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-HeavyItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT W1G 55 Roman';
    src: url('../fonts/HelveticaNeueLTW1G-BdIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTW1G-BdIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-ThinItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.ff_minion_pro {
    font-family: 'Minion Pro';
    font-weight: normal !important;
}

.ff_fru_lt_300 {
    font-family: 'Frutiger LT Pro';
    font-weight: 300 !important;
}

.ff_cam {
    font-family: 'Cambria';
    font-weight: normal !important;
}

.ff_cam_math {
    font-family: 'Cambria Math';
    font-weight: normal !important;
}

.ff_hel_nue_900 {
    font-family: 'Helvetica Neue';
    font-weight: 900 !important;
}

.ff_hel_nue_700 {
    font-family: 'Helvetica Neue';
    font-weight: bold !important;
}

.ff_hel_nue_500 {
    font-family: 'Helvetica Neue';
    font-weight: 500 !important;
}

.ff_hel_nue_400 {
    font-family: 'Helvetica Neue';
    font-weight: 400 !important;
}

.ff_hel_nue_300 {
    font-family: 'Helvetica Neue';
    font-weight: 300 !important;
}

.ff_hel_nue_100 {
    font-family: 'Helvetica Neue';
    font-weight: 100 !important;
}

.ff_hel_nue_lt {
    font-family: 'HelveticaNeueLT W1G 55 Roman';
    font-weight: bold !important;
}

.ff_rupee_n {
    font-family: 'Rupee';
}

.bg_7378b9 {
    background-color: #7378b9;
}

.bg_eeeef7 {
    background-color: #eeeef7;
}

.bg_e0e0f1 {
    background-color: #e0e0f1;
}

.bg_c7c8e5 {
    background-color: #c7c8e5;
}

.bg_b0b1d9 {
    background-color: #b0b1d9;
}


.bg_ffffff {
    background-color: #fff;
}

.bg_9a9ccd {
    background-color: #9a9ccd;
}



:root {
    --blue: #21409a;
    --orange: #f15a29;
    --black: #000000;
    --black_10: #00000020;
    --white: #ffffff;
    --ededee: #ededee;
    --f58220: #f58220;
    --green: #169146;
    --21409a: #21409a60;
    --21409a-10: #21409a30;
    --dcddde: #dcddde;
    --f1f2f2: #f1f2f2;
    --c5c5e3: #c5c5e3;
    --8689c3: #8689c3;
    --c7c8e5: #c7c8e5;
    --eeeef7: #eeeef7;
    --F58220: #F58220;
    --teal: #0f99d6;
    --blueDark: #194B6D;
    --brown: #b16720;
    --greenDk: #036A38;
}

.greenTextDk {
    color: var(--greenDk);
}

.greenBgDk {
    background-color: var(--greenDk);
}

.blueTextDk {
    color: var(--blueDark);
}

.blueBgDk {
    background-color: var(--blueDark);
}

.brownBg {
    background-color: var(--brown);
}

.brownText {
    color: var(--brown);
}

.orangeText2 {
    color: var(--F58220);
}

.tealBg {
    background-color: var(--teal);
}

.tealText {
    color: var(--teal);
}

.orangeText {
    color: var(--orange);
}

.orangeBg {
    background-color: var(--orange);
}

.blueText {
    color: var(--blue);
}

.blueBg {
    background-color: var(--blue);
}

.greenText {
    color: var(--green);
}

.greenBg {
    background-color: var(--green);
}

.whiteText {
    color: var(--white);
}

.whiteBg {
    background-color: var(--white);
}

.blackText {
    color: var(--black) !important;
}

.bg_ededee {
    background-color: var(--ededee);
}

.bg_f58220 {
    background-color: var(--f58220);
}

.bg_21409a {
    background-color: var(--21409a);
}

.bg_21409a {
    background-color: var(--21409a-10);
}

.bg_dcddde {
    background-color: var(--dcddde);
}

.bg_f1f2f2 {
    background-color: var(--f1f2f2);
}

.bg_c5c5e3 {
    background-color: var(--c5c5e3);
}

.bg_8689c3 {
    background-color: var(--8689c3);
}

.bg_eeeef7 {
    background-color: var(--eeeef7);
}

.bg_c7c8e5 {
    background-color: var(--c7c8e5);
}



.oh {
    overflow: hidden;
}

body {
    font-family: 'Helvetica Neue';
    font-size: 18px;
    font-weight: 400;
}

.customBlock {
    padding-top: 80px;
    padding-bottom: 80px;
}

.secHead {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Rockwell';

    span {
        font-size: 40px;
        font-weight: 500;
        display: block;
    }
}

.blueText2 {
    color: #004C8D;
}

.blueBg2 {
    background-color: #004C8D;
}

p,
ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    font-family: 'Helvetica Neue';
}

p:empty {
    display: none !important;
}

p:last-child {
    margin-bottom: 0 !important;
}

ul li:not(:last-child) {
    margin-bottom: 10px;
}

.row_gap20 {
    row-gap: 20px;
}

.row_gap30 {
    row-gap: 30px;
}

.row_gap40{
    row-gap: 40px;
}

.row_gap50{
    row-gap: 50px;
}

.greyBor {
    border: 1px solid #8e9092;
}

.greyBorRt {
    border-right: 1px solid #8e9092;
}

.greyBorlt {
    border-left: 1px solid #8e9092;
}

.greyBorTop {
    border-top: 1px solid #8e9092;
}

.greyBorBtm {
    border-bottom: 1px solid #8e9092;
}

.blueBor {
    border: 1px solid #004c8d;
}



.headerBox {
    .hero-label {
        display: block;
        font-size: 18px;
        font-weight: 400;
        color: var(--black);
        margin-bottom: 20px;
        font-family: 'Helvetica Neue';
    }

    .hero-title {
        display: block;
        font-size: 56px;
        font-weight: bold;
        color: var(--black);
        margin-bottom: 40px;
        font-family: 'Helvetica Neue';
    }

    p {
        font-size: 24px;
        font-weight: 300;
        font-family: 'Helvetica Neue';
    }

    .normalDiv {
        p {
            font-family: 'Helvetica Neue';
            font-weight: 400;

            &.ff_hel_nue_700 {
                font-weight: 700;
            }
        }

        strong.fz_24 {}
    }
}

.purpleBox {
    padding: 30px 30px 30px;
    background-color: #e0e0f1;
}

.purpleBox_2 {
    z-index: -1;
    padding: 70px 30px 30px;
    background-color: #c7c8e5;

    &.rel {
        margin-top: -40px;
    }
}

.subH {
    width: auto;
    display: inline-block;
    padding: 10px 30px;
    padding-left: 0px;
    border: 1px solid #f78d1e;
    border-radius: 0 0px 15px 0;
    border-top: none;
    border-left: none;
}

.stickyBox {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 80px;
}

.lineSec {
    border: 1px solid #ffffff;
    border-left: none;
    border-radius: 0px 30px 30px 0px;
    padding: 30px;
    padding-left: 0;
    position: relative;
    /* margin-left: -30px; */

    .lineSecInn {
        padding-left: 30px;
    }

    &::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 70px;
        height: 1px;
        background-color: #004C8D;
        z-index: 1;
    }

    &::before {
        content: '';
        position: absolute;
        width: 40px;
        height: 60px;
        border-radius: 30px 0px 0px 0px;
        border-left: 1px solid #fff;
        bottom: -60px;
        left: 40px;
        border-top: 1px solid #fff;
        z-index: 2;
    }

    &.blueBor {
        border-color: #004C8D;

        &::before {
            border-color: #004C8D;
        }
    }
}

.ltOrBg {
    .lineSec {
        &::after {
            background-color: #fff0e1;
        }
    }
}

.whiteBg {
    .lineSec {
        &::after {
            background-color: #fff;
        }
    }
}

.customList {
    li {
        font-family: 'Helvetica Neue';
        font-weight: 400;
        font-size: 18px;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;

        &::before {
            content: '';
            position: absolute;
            background-color: var(--blue);
            background-size: contain;
            width: 8px;
            height: 8px;
            border-radius: 3px;
            left: 0;
            top: 10px;
        }

        &.liHead {
            display: flex;
            padding: 10px 30px;
            border-radius: 10px;
            align-items: center;
            justify-content: flex-end;
            flex-direction: row-reverse;

            &::before {
                content: normal;
            }

            img {
                margin-right: 30px;
                display: inline-block;
            }

            h6 {
                margin-bottom: 0;
            }
        }
    }

    &.orangeList {
        li {
            &::before {
                background-color: var(--orange);
            }
        }

        &.stkList {
            li {
                &:before {
                    top: 14px;
                }
            }
        }
    }

    &.whiteList {
        li {
            &::before {
                background-color: var(--white);
            }
        }
    }

    &.blueList {
        li {
            &::before {
                background-color: var(--blueDark);
            }
        }
    }

    &.brownList {
        li {
            &::before {
                background-color: var(--brown);
            }
        }
    }

    &.greenList {
        li {
            &::before {
                background-color: var(--green);
            }
        }
    }
}

.imgBox {
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.whiteBox {
    * {
        color: var(--white) !important;
    }

    p,
    li {
        color: #fff;
    }
    .blackText{
        color: var(--black) !important;
    }
}

.imgBox a[data-fancybox] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    &:hover{
        padding: 10px;
    }
}

.imgBox a[data-fancybox]:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    transition: 0.6s;
    position: absolute;
    transform: scale(0);
    /* backdrop-filter: blur(10px); */
    background: rgba(31, 159, 106, 0.2);
    background: linear-gradient(180deg, rgb(255, 175, 90, 0.2) 0%, rgb(255, 216, 142, 0.2) 100%);
}

.imgBox a[data-fancybox]:hover:after {
    transform: scale(1);
}


/* ─── Pull Quote ─── */
.blockQuoteWrap {
    margin: 20px 0;
    position: relative;
    overflow: hidden;

    .blockQuoteInner {
        span {
            &.commonQuote {
                left: 0;
                right: 0;
                margin: auto;
                width: 40px;
                height: 40px;
                display: flex;
                border-radius: 50%;
                position: relative;
                align-content: center;
                justify-content: center;
                background-color: var(--white);
                border: 2px solid var(--orange);

                &::before {
                    top: 50%;
                    right: 0;
                    z-index: 0;
                    height: 2px;
                    content: '';
                    left: -130px;
                    width: 300px;
                    margin: auto;
                    margin-top: -1px;
                    position: absolute;
                    background-color: var(--blue);
                }

                span {
                    display: flex;
                    z-index: 1;
                    width: 38px;
                    height: 36px;
                    overflow: hidden;
                    border-radius: 50%;
                    position: relative;
                    align-items: center;
                    justify-content: center;
                    background-color: var(--white);
                }
            }
        }

        p {
            padding: 30px;
        }
    }
}

/* ---------- Number box ---------- */
.numBox {
    width: calc(100% / 3);
    padding: 30px 15px 30px 0;
    display: flex;
    align-items: center;

    .numBoxInner {
        position: relative;
        padding-left: 15px;

        .num {
            margin-bottom: 8px;
            display: inline-block;
            line-height: 1 !important;
        }

        &:before,
        &:after {
            top: 0;
            left: 0;
            width: 2px;
            content: '';
            position: absolute;
        }

        &:before {
            height: 30px;
        }

        &:after {
            width: 2px;
            bottom: 0;
            background-color: transparent;
            border-left: 2px dotted transparent;
        }
    }
}

.accordBlue {
    .numBox {
        .numBoxInner {

            &:before,
            &:after {
                background-color: var(--blue);
            }

            &:after {
                background-color: transparent;
                border-left: 2px dotted var(--blue);
            }
        }
    }
}

.accordOrange {
    .numBox {
        .numBoxInner {

            &:before,
            &:after {
                background-color: var(--orange);
            }

            &:after {
                background-color: transparent;
                border-left: 2px dotted var(--orange);
            }
        }
    }
}

.accordGreen {
    background-color: #dae5d7;

    .numBox {
        .numBoxInner {

            &:before,
            &:after {
                background-color: var(--green);
            }

            &:after {
                background-color: transparent;
                border-left: 2px dotted var(--green);
            }
        }
    }
}

.accordGreenLt {
    background-color: #eaefe7;

    .numBox {
        .numBoxInner {

            &:before,
            &:after {
                background-color: var(--green);
            }

            &:after {
                background-color: transparent;
                border-left: 2px dotted var(--green);
            }
        }
    }
}

.accordWhite {
    background-color: transparent;

    .numBox {
        .numBoxInner {

            &:before,
            &:after {
                background-color: var(--white);
            }

            &:after {
                background-color: transparent;
                border-left: 2px dotted var(--white);
            }
        }
    }
}

.tableWrap {
    &.layFixed {
        .tableInner {
            table {
                table-layout: fixed;
            }
        }
    }

    .tableInner {
        table {
            width: 100%;

            td,
            th {
                vertical-align: middle !important;
            }
        }
    }

    &.tableBr_orange {
        tr {
            td {
                border-bottom: 1px solid #f79a71;

                &.bg_f79a70 {
                    border-color: #ffffff80;
                }
            }
        }
    }

    &.tableBr_green {
        tr {
            td {
                border-bottom: 1px solid #169146;

                &.bg_709472 {
                    border-color: #ffffff;
                }
            }
        }
    }

    &.tableBr_blue {
        tr {
            td {
                border-bottom: 1px solid #a3a9c8;

                &.bg_6e7c96 {
                    border-color: #ffffff80;
                }
            }
        }
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: #f78d1e;
}

.is-sticky {
    padding-top: 50px;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bgNotesWrap {
    border-radius: 20px;
    padding: 10px;
    margin-top: 20px;

    p {
        color: #fff;
        font-size: 15px;

        a {
            color: #fff;
            font-style: italic;
        }
    }
}

.fancybox-image {
    padding: 10px;
    background-color: #fff;
    width: 100%;
}

/* Responsive */

@media (max-width: 1600px) {
    .numBlockDiv {
        .numBlock {
            &.fz_45 {
                font-size: 35px !important;
            }
        }
    }

    .headerBox {
        .hero-title {
            font-size: 36px;
            margin-bottom: 15px;
        }

        p {
            font-size: 22px;
        }
    }


    p,
    ul li {
        font-size: 16px;
        line-height: 1.5;
    }

    .customList {
        li {
            font-size: 16px;
            padding-left: 20px;

            &::before {
                top: 6px;
            }
        }
    }

    body {
        font-size: 16px;
    }

    .fz_22 {
        font-size: 20px !important;
    }
}

@media (max-width: 1440px) {
    .headerBox {
        .hero-title {
            font-size: 36px;
        }
    }
}


@media (max-width: 1366px) {
    .headerBox {
        p {
            font-size: 20px;
        }
    }

    p,
    ul li {
        font-size: 14px;
    }

    body {
        font-size: 14px;
    }

    .fz_22 {
        font-size: 18px !important;
    }

}

@media (max-width: 1199px) {
    .headerBox {
        .hero-title {
            font-size: 32px;
        }
    }

    .lineSec {
        padding: 20px;
        padding-left: 0;

        .lineSecInn {
            padding-left: 0;
        }
    }

    .fz_28 {
        font-size: 24px !important;
    }

    .fz_22 {
        font-size: 18px !important;
    }

    .fz_24 {
        font-size: 22px !important;
    }

    .container {
        max-width: 100%;
    }

    .numBlockDiv {
        .numBlock {
            &.fz_45 {
                font-size: 30px !important;
            }
        }
    }
}

@media (max-width: 1024px) {

    .customBlock,
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .secHead {
        font-size: 40px !important;

        span {
            &.fz_40 {
                font-size: 30px !important;
            }
        }
    }

    .container-max {
        padding-left: 20px;
        padding-right: 20px;
    }

    .headerBox {
        .hero-title {
            font-size: 40px;
        }
    }
}

@media (max-width: 991px) {
    .box_2 {
        position: initial;
        margin-bottom: 30px;
    }

    .headerBox {
        .hero-title {
            font-size: 28px;
        }

        p {
            font-size: 18px;
        }
    }
}

@media (max-width: 768px) {

    body {
        font-size: 14px;
    }

    p,
    ul li {
        font-size: 14px;
    }

    .customList {
        li {
            font-size: 14px;
        }
    }

    .fz_16 {
        font-size: 14px !important;
    }

    .fz_22 {
        font-size: 16px !important;
    }

    .subH {
        padding: 8px 18px;
        font-size: 16px !important;
    }

    .headerBox {
        p {
            font-size: 16px;
        }
    }

    .headingInner.mb_50 {
        margin-bottom: 30px !important;
    }

    .customBlock {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .lineSec {
        padding: 15px;
        padding-left: 0;

        &::before {
            width: 19px;
            height: 40px;
            bottom: -40px;
            left: 10px;
        }

        &::after {
            left: 0;
            bottom: -1px;
            width: 28px;
        }

        &.mb_60 {
            margin-bottom: 40px !important;
        }
    }

    .fz_28 {
        font-size: 20px !important;
    }

    .fz_24 {
        font-size: 18px !important;
    }

    .fz_20 {
        font-size: 17px !important;
    }

    .customBlock,
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .headerBox {
        .hero-title {
            font-size: 26px;
        }
    }

    .headerBox {
        .hero-label {
            margin-bottom: 10px;
        }
    }
}

@media (max-width: 575px) {
    .secHead {
        font-size: 35px !important;

        span {
            &.fz_40 {
                font-size: 22px !important;
            }
        }
    }

    .numBlockDiv {
        .numBlock {
            &.fz_45 {
                font-size: 25px !important;
            }

            &::after {
                height: 20px;
            }
        }
    }

}

.figT {
    right: 20px;
    bottom: 20px;
    padding: 8px 15px;
    color: var(--black);
    border-radius: 25px;
    position: absolute;
    background-color: var(--white);
    z-index: 1;
}