@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;

}
@font-face {
    font-family: 'BentonSans-Regular';
    src: url('../fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BentonSans-Regular.otf')  format('opentype'),
            url('../fonts/BentonSans-Regular.woff') format('woff'), url('../fonts/BentonSans-Regular.ttf')  format('truetype'), url('../fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BentonSans-Medium';
    src: url('../fonts/BentonSans-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/BentonSans-Medium.otf')  format('opentype'),
            url('../fonts/BentonSans-Medium.woff') format('woff'), url('../fonts/BentonSans-Medium.ttf')  format('truetype'), url('../fonts/BentonSans-Medium.svg#BentonSans-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BentonSans-Light';
    src: url('../fonts/BentonSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/BentonSans-Light.otf')  format('opentype'),
            url('../fonts/BentonSans-Light.woff') format('woff'), url('../fonts/BentonSans-Light.ttf')  format('truetype'), url('../fonts/BentonSans-Light.svg#BentonSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BentonSans-Bold';
    src: url('../fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/BentonSans-Bold.otf')  format('opentype'),
            url('../fonts/BentonSans-Bold.woff') format('woff'), url('../fonts/BentonSans-Bold.ttf')  format('truetype'), url('../fonts/BentonSans-Bold.svg#BentonSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BentonSans-Book';
    src: url('../fonts/BentonSans-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/BentonSans-Book.otf')  format('opentype'),

            url('../fonts/BentonSans-Book.woff') format('woff'), url('../fonts/BentonSans-Book.ttf')  format('truetype'), url('../fonts/BentonSans-Book.svg#BentonSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

: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;
    --sap-background-color: #f5f6f7;
    --sap-container-width: 1320px;
    --sap-font-family: '72_brandregular', Arial, Helvetica, sans-serif;
    --sap-font-medium: '72_brandmedium', Arial, Helvetica, sans-serif;
    --sap-font-book: '72_brandbook', Arial, Helvetica, sans-serif;
    --sap-font-bold: '72_brandbold', Arial, Helvetica, sans-serif;
}

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


html {
    font-family: var(--sap-font-family);
    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);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--sap-gray-11);
    padding: 0;
    margin: 0;
    font-weight: 400;
    background: #ffffff;
}
p{
    font-family: var(--sap-font-family);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--sap-gray-11);
    margin-bottom: 15px;
}
.title{
    font-size: 2.3rem;
    line-height: 1.1;
    color: var(--sap-gray-10);
    font-family: var(--sap-font-bold);
    margin-bottom: 1rem;
    margin-top: 0px;
}
.content-title{
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--sap-gray-11);
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}
.small-title{
    font-size: 1.4rem;
    color: var(--sap-gray-11);
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}
.btn-primary {
    cursor: pointer;
    background: var(--sap-blue-7);
    color: #fff;
    padding: 0px 16px;
    z-index: 0;
    border-radius: 8px;
    min-height: 40px;
    display: flex;
    align-items: center;
    border: none;
    font-size: 1rem;
    font-family: '72_brandmedium', Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    max-width: fit-content;
    transition: all .15s ease-out;
}
.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-space-inside{
    padding: 60px 0px;
}
.btn-secondary{
    cursor: pointer;
    background: transparent;
    border: 1px solid #475e75;
    color: var(--sap-gray-7);
    padding: 0px 16px;
    z-index: 0;
    border-radius: 8px;
    min-height: 40px;
    display: flex;
    align-items: center;
    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: 1200px!important;
        }
    }
}
@media (min-zoom: 125%) and (max-zoom: 175%) {
    @media only screen and (min-width:1200px) and (max-width:1920px){
        .container {
            width: 1200px!important;
      }
  }
}
@media only screen and (min-width:1200px) and (max-width:1920px){
    .container {
        width: 1200px;
  }
}
@media only screen and (min-width:1200px) and (max-width:1366px){
    .container {
        width: 1100px;
  }
}
.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;
    }
    .title{
        font-size: 1.6rem;
    }
  
}

/* style for footer start */
.footer {
    background-color: var(--sap-gray-2);
    border-top: 1px solid #d5dadd;
}
.footer .footer-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.footer_txt {
    text-decoration: none;
    font-weight: 400
}
.footer_ul {
    list-style: none;
    font-size: 1rem;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0px;
}
.social-icons-block, .footer-menu{
    padding-left: 5px;
    padding-right: 5px;
}
.social-icons-block .footer_ul {
    justify-content: flex-start;
}
.footer_ul li {
    padding: 0 3px 0 0;
    margin-right: 10px
}
.footer_ul a {
    text-decoration: none;
    color: var(--sap-gray-11);
    font-size: 1rem;
    line-height: 1.3;
}
.footer_ul a:hover {
    color: #509fda!important
}
.footer-content .float-right {
    text-align: center
}
.social-networks__icon {
    max-width: 16px;
    max-height: 16px;
    display: block;
    margin: 0 auto
}
.back_footer a {
    color: #fff!important
}
.sm-link {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: var(--sap-gray-11);
    display: flex;
    margin-right: -4px;
    align-items: center;
    padding: 5px;
}
.sm-link svg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sm-link svg path{
    fill: #fff;
}
@media only screen and (min-width:320px) and (max-width:767px) {
  .social-icons-block .footer_ul {
      justify-content: center;
      padding-bottom: 20px;
  }

  .slider-list {
      padding: 0;
      margin-bottom: 0px;
  }

  .footer-menu .footer_ul {
      padding-top: 0
  }

  .footer {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0px
  }

  .footer .container {
      max-width: 100%
  }

  .footer .footer-content {
      flex-direction: column
  }

  .social-icons-block,
  .footer-menu {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .footer-menu .footer_ul li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin-right: 0;
      border: 1px solid #B2B2B2;
      text-align: center;
      padding: 8px 0
  }

  .footer-menu .footer_ul li:last-child {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}
/* style for footer end */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}