@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 300;
     src        : url('../../../../fonts/ManropeLight.eot');
     src        : url('../../fonts/ManropeLight.eot') format('embedded-opentype'),
          url('../../fonts/ManropeLight.woff2') format('woff2'),
          url('../../fonts/ManropeLight.woff') format('woff'),
          url('../../fonts/ManropeLight.ttf') format('truetype'),
          url('../../fonts/ManropeLight.svg#ManropeLight') format('svg');
}

@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 400;
     src        : url('../../fonts/ManropeRegular.eot');
     src        : url('../../fonts/ManropeRegular.eot') format('embedded-opentype'),
          url('../../fonts/ManropeRegular.woff2') format('woff2'),
          url('../../fonts/ManropeRegular.woff') format('woff'),
          url('../../fonts/ManropeRegular.ttf') format('truetype'),
          url('../../fonts/ManropeRegular.svg#ManropeRegular') format('svg');
}

@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 500;
     src        : url('../../fonts/ManropeMedium.eot');
     src        : url('../../fonts/ManropeMedium.eot') format('embedded-opentype'),
          url('../../fonts/ManropeMedium.woff2') format('woff2'),
          url('../../fonts/ManropeMedium.woff') format('woff'),
          url('../../fonts/ManropeMedium.ttf') format('truetype'),
          url('../../fonts/ManropeMedium.svg#ManropeMedium') format('svg');
}

@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 600;
     src        : url('../../fonts/ManropeSemiBold.eot');
     src        : url('../../fonts/ManropeSemiBold.eot') format('embedded-opentype'),
          url('../../fonts/ManropeSemiBold.woff2') format('woff2'),
          url('../../fonts/ManropeSemiBold.woff') format('woff'),
          url('../../fonts/ManropeSemiBold.ttf') format('truetype'),
          url('../../fonts/ManropeSemiBold.svg#ManropeSemiBold') format('svg');
}

@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 700;
     src        : url('../../fonts/ManropeBold.eot');
     src        : url('../../fonts/ManropeBold.eot') format('embedded-opentype'),
          url('../../fonts/ManropeBold.woff2') format('woff2'),
          url('../../fonts/ManropeBold.woff') format('woff'),
          url('../../fonts/ManropeBold.ttf') format('truetype'),
          url('../../fonts/ManropeBold.svg#ManropeBold') format('svg');
}

@font-face {
     font-family: 'Manrope';
     font-style : normal;
     font-weight: 800;
     src        : url('../../fonts/ManropeExtraBold.eot');
     src        : url('../../fonts/ManropeExtraBold.eot') format('embedded-opentype'),
          url('../../fonts/ManropeExtraBold.woff2') format('woff2'),
          url('../../fonts/ManropeExtraBold.woff') format('woff'),
          url('../../fonts/ManropeExtraBold.ttf') format('truetype'),
          url('../../fonts/ManropeExtraBold.svg#ManropeExtraBold') format('svg');
}

a {
     text-decoration: none !important;
}

* {
     padding    : 0;
     margin     : 0;
     font-family: 'Manrope' !important;
     font-style : normal !important;
}

:focus-visible {
     outline: none !important;
}

:focus {
     box-shadow: none !important;
}

.aic {
     align-items: center;
}

.tac {
     text-align: center;
}

.blue_bg {
     border-radius  : 2px;
     background     : #0066CC;
     width          : 138px;
     height         : 40px;
     color          : #ffffff;
     font-size      : 14px;
     font-weight    : 500;
     display        : inline-flex;
     align-items    : center;
     justify-content: center;
     border         : none;
     position       : relative;
     overflow       : hidden;
     transition     : color .5s;
     z-index        : 1;
}

.black_bg {
     background     : #000;
     width          : 160px;
     height         : 40px;
     color          : #ffffff;
     font-size      : 16px;
     font-weight    : 500;
     display        : inline-flex;
     align-items    : center;
     justify-content: center;
     border         : 1px solid #000000;
     border-radius  : 5px;
     position       : relative;
     overflow       : hidden;
     transition     : color .5s;
     z-index        : 1;
     margin         : auto;
}

.black_bg:before {
     content      : "";
     position     : absolute;
     z-index      : -1;
     background   : #fff;
     height       : 150px;
     width        : 200px;
     border-radius: 50%;
}

.blue_bg:before {
     content      : "";
     position     : absolute;
     z-index      : -1;
     background   : #000;
     height       : 150px;
     width        : 200px;
     border-radius: 50%;
}

.blur_border {
     border-radius  : 2px;
     border         : 1px solid #0066CC;
     background     : #FFF;
     width          : 137px;
     height         : 40px;
     display        : inline-flex;
     align-items    : center;
     justify-content: center;
     position       : relative;
     overflow       : hidden;
     transition     : color .5s;
     z-index        : 1;
     font-size      : 14px;
     color: #0066CC;
}

.blur_border:before {
     content      : "";
     position     : absolute;
     z-index      : -1;
     background   : #0066CC;
     height       : 150px;
     width        : 200px;
     border-radius: 50%;
}

.black_bg:hover {
     border: 1px solid #fff;
     color: #000;
}

.blur_border:hover,
.blue_bg:hover {
     color: #fff;
}

.black_bg:before,
.blur_border:before,
.blue_bg:before {
     bottom    : 100%;
     right     : 100%;
     transition: all .7s;
}

.black_bg:hover:before,
.blur_border:hover:before,
.blue_bg:hover:before {
     bottom: -40px;
     right : -30px;
}

.black_bg:active:before,
.blur_border:active:before,
.blue_bg:active:before {
     background: #000000;
}

.banner_pt {
     padding-top: 4%;
}

.fst_title {
     color         : #06C;
     font-size     : 13px;
     font-weight   : 500;
     line-height   : 147.5%;
     letter-spacing: 2.32px;
     text-transform: uppercase;
}

.sec_title {
     color      : #060606;
     font-size  : 34px;
     font-weight: 600;
     line-height: 51px;
}

.bd_para {
     color    : #414F6F;
     font-size: 14px;
}

.content_section_right {
     margin-left: 32px;
}

.content_section_left {
     margin-right: 32px;
}

/* #footer iframe {
     border  : 0;
     width   : 100%;
     height  : 558px;
     overflow: hidden;
} */
@media (min-width:1366px) {
     .container {
          max-width: 1230px;
     }
}

@media screen and (max-width:1200px) {
     .sec_title {
          font-size: 28px;
     }
}