@font-face {
    font-family: '72_brandmedium';
    src: url('../../fonts/72brand-medium-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandmedium_italic';
    src: url('../../fonts/72brand-mediumitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandregular';
    src: url('../../fonts/72brand-regular-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandthin';
    src: url('../../fonts/72brand-thin-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandthin_italic';
    src: url('../../fonts/72brand-thinitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandblack';
    src: url('../../fonts/72brand-black-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandblack_italic';
    src: url('../../fonts/72brand-blackitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandbold';
    src: url('../../fonts/72brand-bold-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandbold_italic';
    src: url('../../fonts/72brand-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandbook';
    src: url('../../fonts/72brand-book-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandbook_italic';
    src: url('../../fonts/72brand-bookitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandextralight';
    src: url('../../fonts/72brand-extralight-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandextralight';
    src: url('../../fonts/72brand-extralight-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandextralight_italic';
    src: url('../../fonts/72brand-extralightitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_branditalic';
    src: url('../../fonts/72brand-italic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandlight';
    src: url('../../fonts/72brand-light-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: '72_brandlight_italic';
    src: url('../../fonts/72brand-lightitalic-webfont.woff2') format('woff2'),
         url('../../fonts/72brand-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --sap-blue-2: #D1EFFF;
    --sap-blue-4: #89D1FF;
    --sap-blue-6: #1B90FF;
    --sap-blue-7: #0070F2;
    --sap-blue-10: #002A86;
    --sap-blue-11: #00144A;
    --sap-gray-2: #EAECEE;
    --sap-gray-4: #A9B4BE;
    --sap-gray-6: #5B738B;
    --sap-gray-7: #475E75;
    --sap-gray-10: #1A2733;
    --sap-gray-11: #12171C;
    --sap-teal-2: #C2FCEE;
    --sap-teal-4: #2CE0BF;
    --sap-teal-6: #049F9A;
    --sap-teal-7: #07838F;
    --sap-teal-10: #02414C;
    --sap-teal-11: #012931;
    --sap-green-2: #EBF5CB;
    --sap-green-4: #97DD40;
    --sap-green-6: #36A41D;
    --sap-green-7: #188918;
    --sap-green-10: #164323;
    --sap-green-11: #0E2B16;
    --sap-red-2: #FFD5EA;
    --sap-red-4: #FF8CB2;
    --sap-red-6: #EE3939;
    --sap-red-7: #D20A0A;
    --sap-red-10: #5A0404;
    --sap-red-11: #350000;
    --sap-mango-2: #FFF388;
    --sap-mango-4: #FFC933;
    --sap-mango-6: #E76500;
    --sap-mango-7: #C35500;
    --sap-mango-10: #6D1900;
    --sap-mango-11: #450B00;
    --sap-pink-2: #FFDCF3;
    --sap-pink-4: #FF8AF0;
    --sap-pink-6: #F31DED;
    --sap-pink-7: #CC00DC;
    --sap-pink-10: #510080;
    --sap-pink-11: #28004A;
    --sap-indigo-2: #E2D8FF;
    --sap-indigo-4: #B894FF;
    --sap-indigo-6: #7858FF;
    --sap-indigo-7: #5D36FF;
    --sap-indigo-10: #1C0C6E;
    --sap-indigo-11: #0E0637;
    --title-color: #223548;
    --title-highlight-color: #0057d2;
    --background-color: #f5f6f7;
    --sap-container-width: 1320px;
    --sap-font-family: '72_brandbook', Arial, Helvetica, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    font-family: var(--sap-font-family)!important;
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    font-family: var(--sap-font-family)!important;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--sap-gray-11);
    padding: 0;
    margin: 0;
    font-weight: 400;
    background: #ffffff;
}

h1, h2, h3, h4, h5, h6{
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif!important;
}

p{
    font-family: var(--sap-font-family)!important;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--sap-gray-11);
    margin-bottom: 15px;
}
p strong{
    font-family: var(--sap-font-family)!important;
}
.content-title{
    font-size: 1.3rem;
    color: var(--sap-gray-11);
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 0px;
}
.small-title{
    font-size: 1rem;
    color: var(--sap-gray-11);
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    font-weight: 600;
}
.btn-primary {
    cursor: pointer;
    background: var(--sap-blue-7);
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    font-size: 1.1rem;
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    max-width: fit-content;
    transition: all .15s ease-out;

}
.btn-primary:before{
    display: none;
}
.btn-primary:hover {
    background: var(--title-highlight-color);
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled):active{
    color: #ffffff;
}
.btn-primary.focus, .btn-primary:focus{
    box-shadow: none;
}
.sec-space{
    margin: 60px 0px;
}
.sec-inside-space{
    padding: 60px 0px;
}
.btn-secondary{
    cursor: pointer;
    background: transparent;
    border: 1px solid #475e75;
    color: var(--sap-gray-7);
    padding: 8px 16px;
    z-index: 0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    max-width: fit-content;
    transition: all .15s ease-out;
}
.btn-content{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    gap: .5rem;
}
.btn-secondary:hover{
    background-color: var(--sap-gray-2)!important;
    color: var(--sap-gray-7);
}
.btn-secondary:active{
    color: var(--sap-gray-7)!important;
}
.text-center{
    text-align: center;
}
@media (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
    html{
        font-size: 14px;
        line-height: 2;
    }
}
@media (min-zoom: 125%) and (max-zoom: 175%) {
   
    html{
        font-size: 14px;
        line-height: 2;
    }
}
@media only screen and (min-width:1200px) and (max-width: 1370px) {
    html{
        font-size: 13px;
        line-height: 1.5;
    }
}

@media (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
    @media only screen and (min-width:1200px) and (max-width:1920px){
        .container {
            width: 1020px!important;
        }
    }
}
@media (min-zoom: 125%) and (max-zoom: 175%) {
    @media only screen and (min-width:1200px) and (max-width:1920px){
        .container {
            width: 1020px!important;
        }
    }
}
@media only screen and (min-width:1200px) and (max-width:1920px){
    .container {
        width: 1040px;
    }
}
.blue-text{
    color: var(--sap-blue-7);
}

.text-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}
.text-loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid var(--sap-blue-7);
    animation: prixClipFix 2s linear infinite ;
}

@keyframes rotate {
    100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

@media only screen and (min-width: 0px) and (max-width:767px) {
    .sec-space{
        margin: 50px 0px;
    }
}
.sap-shadow-box{
    background-color: #fff;
    box-shadow: 0 0 20px 5px #0000001a;
    color: #000;
    padding: 15px;
    width: 100%;
    border-radius: 16px;
}
.sec-title{
    position: relative;
    text-align: left;
    padding: 5px 20px;
}
.sec-title::before {
    content: "";
    position: absolute;
    left: 0px;
    background-color: var(--sap-gray-11);
    width: 6px;
    top: 0px;
    bottom: 0px;
}
.fotter_1 p {
    color: #ffffff;
}
.light-footer, #explore-footer{
    position: static;
}
#explore-footer{
    padding-bottom: 0px;
}
ul.dark_footer>li>a{
    color: #ffffff;
}

.text-color-blue-7{ color: var(--sap-blue-7); }

.text-color-green-7{ color: var(--sap-green-7)!important; }

.text-color-white{ color: var(--sap-white)!important; }