@font-face {
    font-family: 'opensans-regular';
    src: url('../fonts/opensans-font/OpenSans-Regular.woff');
}

@font-face {
    font-family: 'opensans-semibold';
    src: url('../fonts/opensans-font/OpenSans-SemiBold.woff');
}

@font-face {
    font-family: 'opensans-light';
    src: url('../fonts/opensans-font/OpenSans-Light.woff');
}

@font-face {
    font-family: 'opensans-semibolditalic';
    src: url('../fonts/opensans-font/OpenSans-SemiBoldItalic.woff');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/opensans-font/OpenSans-Italic.woff');
}

@font-face {
    font-family: 'opensans-lightitalic';
    src: url('../fonts/opensans-font/OpenSans-LightItalic.woff');
}

@font-face {
    font-family: 'opensans-bold';
    src: url('../fonts/opensans-font/OpenSans-Bold.woff');
}


@font-face {
    font-family: 'opensans-extrabold';
    src: url('../fonts/opensans-font/OpenSans-ExtraBold.woff');
}
/**** Lato ****/
@font-face {
    font-family: 'lato-regular';
    src: url('../fonts/Lato/Lato-Regular.ttf');
}

@font-face {
    font-family: 'lato-thin';
    src: url('../fonts/Lato/Lato-Thin.ttf');
}

@font-face {
    font-family: 'lato-italic';
    src: url('../fonts/Lato/Lato-Italic.ttf');
}


@font-face {
    font-family: 'lato-lightitalic';
    src: url('../fonts/Lato/Lato-LightItalic.ttf');
}

@font-face {
    font-family: 'lato-light';
    src: url('../fonts/Lato/Lato-Light.ttf');
}

@font-face {
    font-family: 'lato-bold';
    src: url('../fonts/Lato/Lato-Bold.ttf');
}


@font-face {
    font-family: 'lato-extrabold';
    src: url('../fonts/Lato/Lato-Black.ttf');
}

/**** Poppins ****/
@font-face {
    font-family: 'poppins-light';
    src: url('../fonts/Poppins/Poppins-Light.ttf');
}

@font-face {
    font-family: 'poppins-bold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'poppins-extrabold';
    src: url('../fonts/Poppins/Poppins-ExtraBold.ttf');
}

@font-face {
    font-family: 'poppins-italic';
    src: url('../fonts/Poppins/Poppins-Italic.ttf');
}

@font-face {
    font-family: 'poppins-lightitalic';
    src: url('../fonts/Poppins/Poppins-LightItalic.ttf');
}

@font-face {
    font-family: 'poppins-medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'poppins-semiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'poppins-regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: "gravesend-sans";
    src: url("https://use.typekit.net/af/bc003c/00000000000000007735cbb1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/bc003c/00000000000000007735cbb1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/bc003c/00000000000000007735cbb1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "gravesend-semi";
    src: url("https://use.typekit.net/af/b7ba5f/00000000000000007735cbb6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/b7ba5f/00000000000000007735cbb6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/b7ba5f/00000000000000007735cbb6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
}
:root {
    --ff-light: poppins-light;
    --ff-regular: poppins-regular;
    --ff-medium: poppins-medium;
    --ff-semibold: poppins-semibold;
    --ff-bold: poppins-bold;
    --ff-extrabold: poppins-bold;
    --prim-button-color-text: #7f85f5;
    --mistGreyText: #F2F2F2;
    --highlightcolor: #00EBEF;
}
html {
    position: relative;
    min-height: 100%;
}
    html.dark {
        background-color: #293347 !important;
        background: #293347 !important;
    }
body.dark {
    background-color: #293347 !important;
    background: #293347 !important;
}
    body {
        font-family: opensans-regular;
        margin-bottom: 126px;
    }

.pad-3 {
    padding: 3rem;
}

.pad-4 {
    padding: 4rem;
}

.p_rel {
    position: relative;
}

.pad-5 {
    padding: 5rem;
}
.tab-title-right {
    font-size: .9vw !important;
    text-align: right;
    margin: 10px;
}
.pady-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pady-1-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pady-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pady-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.padx-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.padx-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.pady-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.padx-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.pady-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.padx-5 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.padb-1 {
    padding-bottom: 1rem;
}

.padt-1 {
    padding-top: 1rem;
}

.padt-2 {
    padding-top: 2rem !important;
}

.padt-4 {
    padding-top: 4rem !important;
}

.padb-2 {
    padding-bottom: 2rem;
}

.padl-2 {
    padding-left: 2rem;
}

.padr-2 {
    padding-right: 2rem;
}

.padt-3 {
    padding-top: 3rem !important;
}

.padb-3 {
    padding-bottom: 3rem;
}

.padl-3 {
    padding-left: 3rem;
}

.padr-1 {
    padding-right: 1rem;
}

.padr-2 {
    padding-right: 2rem;
}

.padr-3 {
    padding-right: 3rem;
}

.padt-4 {
    padding-top: 4rem;
}

.padb-4 {
    padding-bottom: 4rem;
}

.padl-4 {
    padding-left: 4rem;
}

.padr-4 {
    padding-right: 4rem;
}

.padt-5 {
    padding-top: 5rem;
}

.padt-6 {
    padding-top: 10rem;
}

.padt-10 {
    padding-top: 10rem;
}

.padb-5 {
    padding-bottom: 5rem !important;
}

.padt-6 {
    padding-top: 6rem;
}

.padt-8 {
    padding-top: 8rem;
}

.padb-6 {
    padding-bottom: 6rem;
}

.padb-7 {
    padding-bottom: 7rem;
}

.padb-8 {
    padding-bottom: 8rem;
}

.padt-10 {
    padding-top: 10rem;
}

.padb-10 {
    padding-bottom: 10rem;
}

.mab-1 {
    margin-bottom: 1rem;
}

.martb-2 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.mart-3 {
    margin-top: 3rem;
}

.marb-1 {
    margin-bottom: 1rem;
}


.mat-2 {
    margin-top: 2rem;
}

.mab-2 {
    margin-bottom: 2rem;
}

.mal-1 {
    margin-left: 1rem;
}

.mal-2 {
    margin-left: 2rem;
}

.mar-2 {
    margin-right: 2rem;
}

.mab-3 {
    margin-bottom: 3rem;
}

.fill-AB {
    background: #00bbff;
}

.n-bor-rad {
    border-radius: 0 !important;
}

.fill-B {
    background: #2d6ddb;
}
/******* Header *******/
h1 {
    font-size: 4.0vw;
    font-family: opensans-bold;
}

h2 {
    font-size: 2.5vw;
    font-family: opensans-bold;
}

h3 {
    font-size: 2.2vw;
    font-family: opensans-bold;
}

h4 {
    font-size: 1.8vw;
    font-family: opensans-bold;
}

h5 {
    font-size: 1.4vw;
    font-family: opensans-bold;
}

.sub-head {
    font-size: 1.4vw;
    font-family: opensans-semibold;
}

.light-ff {
    font-family: opensans-light !important;
}

.fill-t-B {
    color: #2253a5 !important;
}

.fill-t-CB {
    color: #0bf !important;
}

.fill-t-W {
    color: #fff;
}

.fill-t-G {
    color: #475066;
}

fill-t-LG {
    color: #535861;
}

.fill-t-O {
    color: #ff6704;
}

.over-FR {
    font-family: opensans-regular !important;
}

.over-FS {
    font-family: opensans-semibold !important;
}

.over-FB {
    font-family: opensans-bold !important;
}

.over-FEB {
    font-family: opensans-extrabold !important;
}

.over-FSI {
    font-family: opensans-semibolditalic !important;
}

.over-FI {
    font-family: OpenSans-Italic !important;
}

.lato-ff {
    font-family: lato-regular !important;
}

p {
    color: #525252;
    font-size: 1.1vw;
    margin-bottom: 1vw;
    line-height: 1.8;
}

.btn-cyan {
    background: #0bf;
    border: 2px solid #0bf;
    display: inline-block;
    font-size: 1.2vw;
    font-family: opensans-semibold;
    color: #fff !important;
    margin-right: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all .25s;
    white-space: nowrap;
    padding: .45vw 3vw;
    text-align: center;
    text-decoration:none !important;
}

    .btn-cyan:hover {
        border: 2px solid #0bf;
        background: transparent;
        color: #0bf !important;
    }

.lnPage .btn-cyan:hover {
    border: 2px solid #0bf;
    background: transparent;
    color: #0bf !important;
    text-decoration: none;
}

.btn-cyan.cyanH:hover {
    border: 2px solid #0bf;
    background: transparent;
    color: #0bf !Important;
}

.btn-text {
    font-family: opensans-semibold;
    font-size: 1.0vw;
    color: #0bf;
    transition: all .3s;
    padding-left: 0;
}

.btn-Blue {
    background: #2253a5;
    border: 2px solid #2253a5;
    display: inline-block;
    font-size: 1.2vw;
    font-family: opensans-semibold;
    color: #fff !important;
    margin-right: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all .25s;
    white-space: nowrap;
    padding: .45vw 3vw;
    text-align: center;
}

    .btn-Blue:hover {
        border: 2px solid #fff;
        background: transparent;
        color: #fff;
    }

    .btn-Blue.BlueH:hover {
        border: 2px solid #2253a5;
        background: transparent;
        color: #2253a5 !Important;
    }


.vw_container {
    padding: 0 6vw;
    width:100%;
}

.outline-btn {
    padding: 5px 25px;
    border: 1px solid #2253a5;
    font-size: 0.95vw;
    color: #2253a5 !important;
    font-family: 'opensans-semibold';
    margin-left: 15px;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s;
}

    .outline-btn:hover {
        text-decoration: none;
        color: #eee !important;
    }

.outline-btn-Blue {
    padding: 0.4vw 25px;
    border: 1px solid #00bbff;
    font-size: 0.95vw;
    color: #fff !important;
    font-family: 'opensans-semibold';
    margin-left: 15px;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s;
    background: #00bbff;
}

    .outline-btn-Blue:hover {
        text-decoration: none;
        color: #eee !important;
    }

.btn-small {
    font-size: 1vw;
    margin-top: 1.5vw;
    padding: 0.2vw 35px;
}

.box-shade {
    box-shadow: 0 5px 14px rgb(15 31 41 / 10%), 0 0 3px rgb(15 31 41 / 6%);
}

.fs-1 {
    font-size: 10rem;
}

.fs-1-2 {
    font-size: 12rem;
}

.fs-1-4 {
    font-size: 14rem;
}

.fs-0-8 {
    font-size: 8rem;
}

@media(min-width:992px) {
    .fs-1 {
        font-size: 1.0vw;
    }

    .fs-1-2 {
        font-size: 1.2vw;
    }

    .fs-1-4 {
        font-size: 1.4vw;
    }

    .fs-0-8 {
        font-size: 0.8vw;
    }

    .pad-3 {
        padding: 3vw;
    }

    .pad-4 {
        padding: 4vw;
    }

    .pad-5 {
        padding: 5vw;
    }

    .pady-1 {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .pady-1-5 {
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
    }

    .pady-2 {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }

    .pady-3 {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .padx-1 {
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .padx-3 {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .pady-4 {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }

    .padx-4 {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .pady-5 {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .padx-5 {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .padb-1 {
        padding-bottom: 1vw;
    }

    .padt-1 {
        padding-top: 1vw;
    }

    .padt-2 {
        padding-top: 2vw !important;
    }

    .padt-4 {
        padding-top: 4vw !important;
    }

    .padb-2 {
        padding-bottom: 2vw;
    }

    .padl-2 {
        padding-left: 2vw;
    }

    .padr-2 {
        padding-right: 2vw;
    }

    .padt-3 {
        padding-top: 3vw !important;
    }

    .padb-3 {
        padding-bottom: 3vw;
    }

    .padl-3 {
        padding-left: 3vw;
    }

    .padr-1 {
        padding-right: 1vw;
    }

    .padr-2 {
        padding-right: 2vw;
    }

    .padr-3 {
        padding-right: 3vw;
    }

    .padt-4 {
        padding-top: 4vw;
    }

    .padb-4 {
        padding-bottom: 4vw;
    }

    .padl-4 {
        padding-left: 4vw;
    }

    .padr-4 {
        padding-right: 4vw;
    }

    .padt-5 {
        padding-top: 5vw;
    }

    .padt-6 {
        padding-top: 6vw;
    }

    .padt-10 {
        padding-top: 10vw;
    }

    .padb-5 {
        padding-bottom: 5vw !important;
    }

    .padt-6 {
        padding-top: 6vw;
    }

    .padt-8 {
        padding-top: 8vw;
    }

    .padb-6 {
        padding-bottom: 6vw;
    }

    .padb-7 {
        padding-bottom: 7vw;
    }

    .padb-8 {
        padding-bottom: 8vw;
    }

    .padt-10 {
        padding-top: 10vw;
    }

    .padb-10 {
        padding-bottom: 10vw;
    }

    .mab-1 {
        margin-bottom: 1vw;
    }

    .martb-2 {
        margin-bottom: 2vw;
        margin-top: 2vw;
    }

    .mart-3 {
        margin-top: 3vw;
    }

    .marb-1 {
        margin-bottom: 1vw;
    }


    .mat-2 {
        margin-top: 2vw;
    }

    .mab-2 {
        margin-bottom: 2vw;
    }

    .mal-1 {
        margin-left: 1vw;
    }

    .mal-2 {
        margin-left: 2vw;
    }

    .mar-2 {
        margin-right: 2vw;
    }

    .mab-3 {
        margin-bottom: 3vw;
    }
}
.drildown-container .hierarchy-custom {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.hierarchy-custom  .card-img-top {
    height: 9vw;
}
.drildown-container  .hp-header-breadcrumb {
    font-family: 'opensans-semibold';
    color: #6e6e6e;
    font-size: 0.8vw;
    transition: all 0.2s;
}
    .drildown-container .hp-header-breadcrumb:first-child {
        color: #ff6704 !important;
    }
    .drildown-container .hp-header-breadcrumb:hover {
        color: #ff6704;
    }
    .drildown-container .hp-header-breadcrumb:last-child {
        color: #888;
        cursor:auto;
    }
    .drildown-container .hp-header-breadcrumb:last-child span {
        color: transparent;
    }
.drildown-container .hierarchy-custom li {
    width: 25%;
    padding: 0 15px;
    list-style-type: none;
    position: relative;
    margin-bottom: 1.5vw;
    margin-bottom: 1vw;
}
.drildown-container .hierarchy-custom li a{
color:transparent !important;
}
    .drildown-container .hierarchy-custom li a:hover img{
        opacity: 0.8 !important;
    }
    .drildown-container .hierarchy-custom li .badge {
            position: absolute;
            right: 20px;
            bottom: 15px;
            padding: 0.3vw 10px;
            border-radius: 10px;
            background: #2253a5;
            font-size: 80%;
        }
.drildown-container .hierarchy-custom li .card-body {
        width: 100%;
        display: block;
        background: #f5f5f5;
}