@font-face {
  font-family: "Flaticon";
  src: url("../fonts/flaticon.eot");
  src: url("../fonts/flaticond41d.eot?#iefix") format("embedded-opentype"),
       url("../fonts/flaticon.woff") format("woff"),
       url("../fonts/flaticon.ttf") format("truetype"),
       url("../fonts/flaticon.html#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: Chat-light;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/chat/eot/Chat-Light.eot);
    src: url(../fonts/chat/eot/Chat-Light.eot) format('embedded-opentype'), url(../fonts/chat/woff2/Chat-Light.woff2) format('woff2'), url(../fonts/chat/woff/Chat-Light.woff) format('woff'), url(../fonts/chat/tff/Chat-Light.ttf) format('truetype')
}

@font-face {
    font-family: Chat-regular;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/chat/eot/Chat-Regular.eot);
    src: url(../fonts/chat/eot/Chat-Regular.eot) format('embedded-opentype'), url(../fonts/chat/woff2/Chat-Regular.woff2) format('woff2'), url(../fonts/chat/woff/Chat-Regular.woff) format('woff'), url(../fonts/chat/tff/Chat-Regular.ttf) format('truetype')
}

@font-face {
    font-family: Chat-medium;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/chat/eot/Chat-Medium.eot);
    src: url(../fonts/chat/eot/Chat-Medium.eot) format('embedded-opentype'), url(../fonts/chat/woff2/Chat-Medium.woff2) format('woff2'), url(../fonts/chat/woff/Chat-Medium.woff) format('woff'), url(../fonts/chat/tff/Chat-Medium.ttf) format('truetype')
}

@font-face {
    font-family: Chat-bold;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/chat/eot/Chat-Bold.eot);
    src: url(../fonts/chat/eot/Chat-Bold.eot) format('embedded-opentype'), url(../fonts/chat/woff2/Chat-Bold.woff2) format('woff2'), url(../fonts/chat/woff/Chat-Bold.woff) format('woff'), url(../fonts/chat/tff/Chat-Bold.ttf) format('truetype')
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.html#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-24-hours:before { content: "\f100"; }
.flaticon-exam:before { content: "\f101"; }
.flaticon-open-book:before { content: "\f102"; }
.flaticon-home:before { content: "\f103"; }
.flaticon-quote:before { content: "\f104"; }
.flaticon-placeholder:before { content: "\f105"; }
.flaticon-placeholder-1:before { content: "\f106"; }
.flaticon-placeholder-2:before { content: "\f107"; }
.flaticon-placeholder-filled-point:before { content: "\f108"; }
.flaticon-telephone:before { content: "\f109"; }
.flaticon-phone-call:before { content: "\f10a"; }
.flaticon-comment:before { content: "\f10b"; }
.flaticon-timetable:before { content: "\f10c"; }
.flaticon-unlink:before { content: "\f10d"; }
.flaticon-play-arrow:before { content: "\f10e"; }
.flaticon-portfolio:before { content: "\f10f"; }
.flaticon-money-bag:before { content: "\f110"; }
.flaticon-portfolio-1:before { content: "\f111"; }
.flaticon-award:before { content: "\f112"; }
.flaticon-winner:before { content: "\f113"; }
.flaticon-trophy:before { content: "\f114"; }
.flaticon-map:before { content: "\f115"; }
.flaticon-magnifying-glass:before { content: "\f116"; }
.flaticon-menu:before { content: "\f117"; }
.flaticon-shopping-cart:before { content: "\f118"; }
.flaticon-shopping-cart-1:before { content: "\f119"; }
.flaticon-back:before { content: "\f11a"; }
.flaticon-play-button:before { content: "\f11b"; }
.flaticon-back-arrow:before { content: "\f11c"; }
.flaticon-growth:before { content: "\f11d"; }
.flaticon-target:before { content: "\f11e"; }
.flaticon-settings:before { content: "\f11f"; }
.flaticon-avatar:before { content: "\f120"; }
.flaticon-share:before { content: "\f121"; }
.flaticon-heart:before { content: "\f122"; }
.flaticon-like:before { content: "\f123"; }
.flaticon-star:before { content: "\f124"; }
.flaticon-headphones:before { content: "\f125"; }
.flaticon-garbage:before { content: "\f126"; }
.flaticon-internet:before { content: "\f127"; }
.flaticon-network:before { content: "\f128"; }
.flaticon-shopping-cart-2:before { content: "\f129"; }
.flaticon-connections:before { content: "\f12a"; }
.flaticon-email:before { content: "\f12b"; }
.flaticon-message:before { content: "\f12c"; }
.flaticon-full-screen:before { content: "\f12d"; }
.flaticon-send:before { content: "\f12e"; }
.flaticon-success:before { content: "\f12f"; }
.flaticon-tick-inside-circle:before { content: "\f130"; }
.flaticon-monitor:before { content: "\f131"; }
.flaticon-lock:before { content: "\f132"; }
.flaticon-eye:before { content: "\f133"; }
.flaticon-rocket-ship:before { content: "\f134"; }
.flaticon-headphones-1:before { content: "\f135"; }
.flaticon-pin:before { content: "\f136"; }
.flaticon-stopwatch:before { content: "\f137"; }
.flaticon-email-1:before { content: "\f138"; }
.flaticon-crown:before { content: "\f139"; }
.flaticon-multiply:before { content: "\f13a"; }
.flaticon-media-play-symbol:before { content: "\f13b"; }
.flaticon-arrow-pointing-to-right:before { content: "\f13c"; }
.flaticon-back-1:before { content: "\f13d"; }
.flaticon-award-1:before { content: "\f13e"; }
.flaticon-pdf:before { content: "\f13f"; }
.flaticon-loupe:before { content: "\f140"; }
.flaticon-link:before { content: "\f141"; }
.flaticon-user:before { content: "\f142"; }
.flaticon-trophy-1:before { content: "\f143"; }
.flaticon-house:before { content: "\f144"; }
.flaticon-bar-chart:before { content: "\f145"; }
.flaticon-coin:before { content: "\f146"; }
.flaticon-line-chart:before { content: "\f147"; }
.flaticon-planet-earth:before { content: "\f148"; }
.flaticon-pie-chart:before { content: "\f149"; }
.flaticon-megaphone:before { content: "\f14a"; }
.flaticon-quote-1:before { content: "\f14b"; }
.flaticon-cloud:before { content: "\f14c"; }
.flaticon-wheel:before { content: "\f14d"; }
.flaticon-light-bulb:before { content: "\f14e"; }
.flaticon-clock:before { content: "\f14f"; }
.flaticon-clock-1:before { content: "\f150"; }
.flaticon-alarm-clock:before { content: "\f151"; }
.flaticon-alarm-clock-1:before { content: "\f152"; }
.flaticon-shopping-bag:before { content: "\f153"; }
.flaticon-menu-1:before { content: "\f154"; }
.flaticon-big-anchor:before { content: "\f155"; }
.flaticon-flash:before { content: "\f156"; }
.flaticon-add:before { content: "\f157"; }
.flaticon-placeholder-3:before { content: "\f158"; }
.flaticon-increase-size-option:before { content: "\f159"; }
.flaticon-double-angle-pointing-to-right:before { content: "\f15a"; }
.flaticon-long-arrow-pointing-to-left:before { content: "\f15b"; }
.flaticon-long-arrow-pointing-to-the-right:before { content: "\f15c"; }
.flaticon-gallery:before { content: "\f15d"; }
.flaticon-right-arrow:before { content: "\f15e"; }
.flaticon-right-arrow-forward:before { content: "\f15f"; }
.flaticon-success-1:before { content: "\f160"; }
.flaticon-paper-plane:before { content: "\f161"; }
.flaticon-high-volume:before { content: "\f162"; }
.flaticon-left-arrow:before { content: "\f163"; }
.flaticon-go-back-left-arrow:before { content: "\f164"; }
.flaticon-file:before { content: "\f165"; }
.flaticon-share-symbol:before { content: "\f166"; }
.flaticon-favourites-filled-star-symbol:before { content: "\f167"; }
.flaticon-star-1:before { content: "\f168"; }
.flaticon-gift:before { content: "\f169"; }
.flaticon-tick:before { content: "\f16a"; }
.flaticon-email-2:before { content: "\f16b"; }
.flaticon-telephone-auricular-with-cable:before { content: "\f16c"; }
.flaticon-placeholder-4:before { content: "\f16d"; }
.flaticon-calendar:before { content: "\f16e"; }
.flaticon-shopping-bag-1:before { content: "\f16f"; }
.flaticon-up-arrow:before { content: "\f170"; }
.flaticon-angle-arrow-down:before { content: "\f171"; }
.flaticon-right-arrow-1:before { content: "\f172"; }
.flaticon-left-arrow-2:before { content: "\f173"; }
.flaticon-check-symbol:before { content: "\f174"; }
.flaticon-pdf-1:before { content: "\f175"; }
.flaticon-powerpoint-file:before { content: "\f176"; }
.flaticon-placeholder-5:before { content: "\f177"; }
.flaticon-24-hours-phone-service:before { content: "\f178"; }
.flaticon-home-page:before { content: "\f179"; }
.flaticon-safe:before { content: "\f17a"; }
.flaticon-zoom-increasing-symbol:before { content: "\f17b"; }
.flaticon-zoom-in:before { content: "\f17c"; }
.flaticon-folder:before { content: "\f17d"; }
.flaticon-comment-1:before { content: "\f17e"; }
.flaticon-paper-plane-1:before { content: "\f17f"; }
.flaticon-send-1:before { content: "\f180"; }
.flaticon-smartphone:before { content: "\f181"; }
.flaticon-24-hours-1:before { content: "\f182"; }
.flaticon-edit:before { content: "\f183"; }
.flaticon-clock-2:before { content: "\f184"; }
.flaticon-hand:before { content: "\f185"; }
.flaticon-add-1:before { content: "\f186"; }
.flaticon-plus-symbol:before { content: "\f187"; }
.flaticon-substract:before { content: "\f188"; }
.flaticon-substract-1:before { content: "\f189"; }
.flaticon-pdf-file-format-symbol:before { content: "\f18a"; }
.flaticon-edit-1:before { content: "\f18b"; }
.flaticon-shield:before { content: "\f18c"; }
.flaticon-user-1:before { content: "\f18d"; }
.flaticon-calendar-1:before { content: "\f18e"; }
.flaticon-bars:before { content: "\f18f"; }
.flaticon-diagram:before { content: "\f190"; }
.flaticon-hand-shake:before { content: "\f191"; }
.flaticon-startup:before { content: "\f192"; }
.flaticon-verified:before { content: "\f193"; }
.flaticon-security:before { content: "\f194"; }
.flaticon-checked:before { content: "\f195"; }
.flaticon-quote-2:before { content: "\f196"; }
.flaticon-email-3:before { content: "\f197"; }
.flaticon-24-hours-2:before { content: "\f198"; }
.flaticon-menu-2:before { content: "\f199"; }
.flaticon-menu-3:before { content: "\f19a"; }
.flaticon-search:before { content: "\f19b"; }
.flaticon-plus:before { content: "\f19c"; }
.flaticon-maps-and-flags:before { content: "\f19d"; }
.flaticon-call:before { content: "\f19e"; }
.flaticon-email-4:before { content: "\f19f"; }
.flaticon-user-2:before { content: "\f1a0"; }
.flaticon-user-3:before { content: "\f1a1"; }
.flaticon-home-1:before { content: "\f1a2"; }
.flaticon-home-2:before { content: "\f1a3"; }
.flaticon-shopping-cart-3:before { content: "\f1a4"; }
.flaticon-shopping-bag-2:before { content: "\f1a5"; }
.flaticon-bar-chart-1:before { content: "\f1a6"; }
.flaticon-suitcase:before { content: "\f1a7"; }
.flaticon-file-1:before { content: "\f1a8"; }
.flaticon-file-2:before { content: "\f1a9"; }
.flaticon-tick-1:before { content: "\f1aa"; }
.flaticon-shopping-bag-3:before { content: "\f1ab"; }
.flaticon-world:before { content: "\f1ac"; }
.flaticon-agreement:before { content: "\f1ad"; }
.flaticon-up-arrow-1:before { content: "\f1ae"; }
.flaticon-right-arrow-3:before { content: "\f1af"; }
.flaticon-left-arrow-3:before { content: "\f1b0"; }
.flaticon-call-1:before { content: "\f1b1"; }
.flaticon-call-2:before { content: "\f1b2"; }
.flaticon-envelope:before { content: "\f1b3"; }
.flaticon-location:before { content: "\f1b4"; }
.flaticon-diamond:before { content: "\f1b5"; }
.flaticon-heart-1:before { content: "\f1b6"; }
.flaticon-down-arrow-1:before { content: "\f1b7"; }
.flaticon-servers:before { content: "\f1b8"; }
.flaticon-data:before { content: "\f1b9"; }
.flaticon-technical-support:before { content: "\f1ba"; }
.flaticon-support:before { content: "\f1bb"; }
.flaticon-contact-us:before { content: "\f1bc"; }
.flaticon-customer-service:before { content: "\f1bd"; }
.flaticon-smartphone-1:before { content: "\f1be"; }
.flaticon-location-1:before { content: "\f1bf"; }
.flaticon-destination:before { content: "\f1c0"; }
.flaticon-man:before { content: "\f1c1"; }
.flaticon-database:before { content: "\f1c2"; }
.flaticon-database-1:before { content: "\f1c3"; }
.flaticon-organization:before { content: "\f1c4"; }
.flaticon-increase:before { content: "\f1c5"; }
.flaticon-increase-1:before { content: "\f1c6"; }
.flaticon-database-2:before { content: "\f1c7"; }
.flaticon-server:before { content: "\f1c8"; }
.flaticon-apple:before { content: "\f1c9"; }
.flaticon-android:before { content: "\f1ca"; }
.flaticon-playstore:before { content: "\f1cb"; }
.flaticon-sketch:before { content: "\f1cc"; }
.flaticon-graph:before { content: "\f1cd"; }
.flaticon-graph-1:before { content: "\f1ce"; }
.flaticon-comment-2:before { content: "\f1cf"; }
.flaticon-conversation:before { content: "\f1d0"; }
.flaticon-left-quote:before { content: "\f1d1"; }
.flaticon-quote-3:before { content: "\f1d2"; }
.flaticon-chat:before { content: "\f1d3"; }
.flaticon-right-quote-sign:before { content: "\f1d4"; }
.flaticon-right-quote:before { content: "\f1d5"; }
.flaticon-quote-4:before { content: "\f1d6"; }
.flaticon-quotation-mark:before { content: "\f1d7"; }
.flaticon-blocks-with-angled-cuts:before { content: "\f1d8"; }
.flaticon-straight-quotes:before { content: "\f1d9"; }
.flaticon-visibility:before { content: "\f1da"; }
.flaticon-delivery-truck:before { content: "\f1db"; }
.flaticon-tracking:before { content: "\f1dc"; }
.flaticon-return:before { content: "\f1dd"; }
.flaticon-percentage:before { content: "\f1de"; }
.flaticon-discount:before { content: "\f1df"; }
.flaticon-support-1:before { content: "\f1e0"; }
.flaticon-right:before { content: "\f1e1"; }
.flaticon-left-arrow-1:before { content: "\f1e2"; }
.flaticon-right-arrow-2:before { content: "\f1e3"; }
.flaticon-back-2:before { content: "\f1e4"; }
.flaticon-down-arrow:before { content: "\f1e5"; }
.flaticon-recycle:before { content: "\f1e6"; }
.flaticon-angry:before { content: "\f1e7"; }
.flaticon-angry-1:before { content: "\f1e8"; }
.flaticon-sad:before { content: "\f1e9"; }
.flaticon-smile:before { content: "\f1ea"; }
.flaticon-burguer:before { content: "\f1eb"; }
.flaticon-popcorn:before { content: "\f1ec"; }
.flaticon-burger:before { content: "\f1ed"; }
.flaticon-wallet:before { content: "\f1ee"; }
.flaticon-trolley:before { content: "\f1ef"; }
.flaticon-reward:before { content: "\f1f0"; }
.flaticon-air-freight:before { content: "\f1f1"; }
.flaticon-cruise:before { content: "\f1f2"; }
.flaticon-ship:before { content: "\f1f3"; }
.flaticon-delivery:before { content: "\f1f4"; }
.flaticon-truck:before { content: "\f1f5"; }

/*** 

====================================================================
    Reset
====================================================================

 ***/
 
* {
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
}

/*** 

====================================================================
    Global Settings
====================================================================

 ***/

body {
    font-family: 'Chat-regular', sans-serif;
    font-size:18px;
    color:#777777;
    line-height:1.7em;
    font-weight:400;
    background:#ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
    padding:0px 50px 0px;
}

a{
    text-decoration:none; 
    color:#1b46ff;
}

button,
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
    position:relative;
    font-weight:normal;
    margin:0px;
    background:none;
    line-height:1.6em;
    font-family: 'Chat-regular', sans-serif;
}

input,button,select,textarea{
    
}

textarea{
    overflow:hidden;
}

p{
    position:relative;
    line-height:1.8em;  
}

/* Typography */

h1{
    font-size:62px;
}

h2{
    font-size:48px;
    line-height:1.1em;
}

h3{
    font-size:30px;
}

h4{
    font-size:24px;
}

h5{
    font-size:20px;
}

h6{
    font-size:18px;
}

.auto-container{
    position:static;
    max-width:1200px;
    padding:0px 15px;
    margin:0 auto;
}

.medium-container{
    max-width:850px;
}

.page-wrapper{
    position:relative;
    margin:0 auto;
    width:100%;
    min-width:300px;
}

ul,li{
    list-style:none;
    padding:0px;
    margin:0px; 
}

img{
    display:inline-block;
    max-width:100%;
}
 

/*** 

====================================================================
    Section Title
====================================================================

***/

.sec-title{
    position:relative;
    margin-bottom:70px;
}

.sec-title .title{
    position:relative;
    color:#00000a;
    font-size:15px;
    font-weight:500; 
    letter-spacing:2px;
    text-transform:uppercase;
}

.sec-title h2{
    position: relative;
    color:#00000a;
    font-weight: 600;
    margin-top:15px;
    line-height:1.3em;
}

.sec-title .text{
    position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
    margin-top:18px;
    font-size:16px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
    color:#ffffff;
}

.sec-title.centered{
    text-align: center;
}

/*** 

====================================================================
    Section Title Two
====================================================================

***/

.sec-title-two{
    position:relative;
    margin-bottom:50px;
}

.sec-title-two .icon{
    position:relative;
    color:#468ff5;
    font-size:24px;
    line-height:1em;
}

.sec-title-two .title{
    position:relative;
    color:#468ff5;
    font-size:20px;
    font-weight:400;
    margin-top:10px;
    
    font-family: 'Covered By Your Grace', cursive;
}

.sec-title-two h2{
    position: relative;
    color:#18212e;
    line-height:1.3em;
    font-weight: 700;
    margin-top:18px;
}

.sec-title-two .text{
    position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
    margin-top:18px;
    font-size:18px;
}

.sec-title-two.light .text,
.sec-title-two.light .title,
.sec-title-two.light h2{
    color:#ffffff;
}

.sec-title-two.centered{
    text-align: center;
}

/*** 

====================================================================
    Section Title Three
====================================================================

***/

.sec-title-three{
    position:relative;
    margin-bottom:50px;
}

.sec-title-three h2{
    position: relative;
    color:#000000;
    line-height:1.2em;
    font-weight: 300;
}

.sec-title-three h2 strong{
    font-weight:700;
}

.sec-title-three .text{
    position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 2em;
    margin-top:12px;
    font-size:16px;
}

.sec-title-three.light .text,
.sec-title-three.light h2{
    color:#ffffff;
}

.sec-title-three.centered{
    text-align: center;
}

/*** 

====================================================================
    Section Title Four
====================================================================

***/

.sec-title-four{
    position:relative;
    margin-bottom:70px;
}

.sec-title-four .title{
    position:relative;
    color:#008e92;
    font-size:16px;
    font-weight:400;
    letter-spacing:1px;
    
}

.sec-title-four h2{
    position: relative;
    color:#222222;
    font-size:35px;
    font-weight: 600;
    margin-top:15px;
    line-height:1.4em;
}

.sec-title-four .text{
    position: relative;
    color:#999999;
    font-weight: 400;
    line-height: 1.8em;
    margin-top:18px;
    font-size:16px;
}

.sec-title-four.light .text,
.sec-title-four.light .title,
.sec-title-four.light h2{
    color:#ffffff;
}

.sec-title-four.centered{
    text-align: center;
}

.sec-title-four.style-two .title{
    color:#3e7ef8;
}

/*** 

====================================================================
    Section Title Five
====================================================================

***/

.sec-title-five{
    position:relative;
    margin-bottom:40px;
}

.sec-title-five .title{
    position:relative;
    color:#ff00aa;
    font-size:20px;
    font-weight:500;
    
    font-family: 'Asap', sans-serif;
}

.sec-title-five h2{
    position: relative;
    color:#000000;
    font-size:50px;
    font-weight: 600;
    margin-top:15px;
    line-height:1.2em;
    font-family: 'Asap', sans-serif;
}

.sec-title-five .text{
    position: relative;
    color:#555555;
    font-weight: 500;
    line-height: 1.7em;
    margin-top:18px;
    font-size:20px;
    font-family: 'Asap', sans-serif;
}

.sec-title-five.light .text,
.sec-title-five.light .title,
.sec-title-five.light h2{
    color:#ffffff;
}

.sec-title-five.centered{
    text-align: center;
}

/*** 

====================================================================
    Section Title Six
====================================================================

***/

.sec-title-six{
    position:relative;
    margin-bottom:40px;
}

.sec-title-six .title{
    position:relative;
    color:#0b53ff;
    font-size:21px;
    font-weight:500;
    text-transform:uppercase;
    font-family: 'Ubuntu', sans-serif;
}

.sec-title-six h2{
    position: relative;
    color:#000000;
    font-size:50px;
    font-weight: 700;
    margin-top:15px;
    line-height:1.2em;
    font-family: 'Ubuntu', sans-serif;
}

.sec-title-six .text{
    position: relative;
    color:#807f81;
    font-weight: 400;
    line-height: 1.7em;
    margin-top:14px;
    font-size:20px;
    font-family: 'Ubuntu', sans-serif;
}

.sec-title-six.light .text,
.sec-title-six.light .title,
.sec-title-six.light h2{
    color:#ffffff;
}

.sec-title-six.centered{
    text-align: center;
}
 
 
/*** 

====================================================================
    Featured Section
====================================================================

***/

.featured-section{
    position:relative;
    padding:50px 0px 90px;
}

.featured-section .icon-one{
    position:absolute;
    left:20%;
    top:12%;
    width:132px;
    height:132px;
    background-repeat:no-repeat;
}

.featured-section .icon-two{
    position:absolute;
    left:0%;
    bottom:0%;
    width:255px;
    height:360px;
    background-repeat:no-repeat;
}

.feature-block{
    position:relative;
    margin-bottom:30px;
}

.feature-block .inner-box{
    position:relative;
    overflow:hidden;
    padding:55px 15px 50px;
    text-align:center;
    background-color:#f9f9f9;
}

.feature-block .inner-box .overlay-link{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display:block;
    z-index:1;
}

.feature-block .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    color:#ffffff;
    text-align:center;
    
    background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
    background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
    background-image: -o-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299ff));
    background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
    background-image: linear-gradient(to right, #1B46FF 0%, #2299ff 100%);
    
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.feature-block .inner-box:hover::before{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.feature-block .inner-box .icon-box{
    position:relative;
    display:inline-block;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.feature-block .inner-box .icon-box:before{
    position:absolute;
    content:'';
    left:-15px;
    top:0px;
    width:55px;
    height:55px;
    border-radius:50px;
    background-color:rgba(27,70,255,0.10);
}

.feature-block .inner-box:hover .icon-box:before{
    background-color:rgba(255,255,255,0.10);
}

.feature-block .inner-box .icon-box .icon{
    position:relative;
    font-size:64px;
    line-height:1em;
    color:#1b46ff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.feature-block .inner-box h5{
    position:relative;
    font-weight:600;
    color:#343434;
    line-height:1.3em;
    margin-top:18px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.feature-block .inner-box:hover h5{
    color:#ffffff;
}

.feature-block .inner-box:hover .icon-box .icon{
    color:#ffffff;
}

.feature-block .inner-box:hover .icon-box{
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
  
/*** 

====================================================================
    Services Section
====================================================================

***/

.services-section{
    position:relative;
    padding:50px 0px 80px;
}

.services-section .icon-one{
    position:absolute;
    left:20%;
    top:5%;
    width:102px;
    height:122px;
    background-repeat:no-repeat;
}

.services-section .icon-two{
    position:absolute;
    left:44%;
    top:0%;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
}

.services-section .icon-three{
    position:absolute;
    left:10%;
    top:58%;
    width:62px;
    height:61px;
    background-repeat:no-repeat;
}

.services-section .icon-four{
    position:absolute;
    right:8%;
    top:58%;
    width:31px;
    height:31px;
    background-repeat:no-repeat;
}

.services-section .icon-five{
    position:absolute;
    right:8%;
    top:-7%;
    width:78px;
    height:79px;
    background-repeat:no-repeat;
}

.services-section .service-block:nth-child(2n + 0){
    margin-top:40px;
}

.service-block{
    position:relative;
}

.service-block .inner-box{
    position:relative;
    text-align:center;
    padding:50px 15px 45px;
    background-color:#ffffff;
    box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.service-block .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    bottom:0px;
    height:4px;
    width:100%;
    background-color:#4049E3;
    -webkit-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    transition:all 600ms ease;
    transform:scale(0,1);
}

.service-block .inner-box:hover::before{
    transform:scale(1,1);
}

.service-block .inner-box .icon-box{
    position:relative;
    font-size:52px;
    line-height:1em;
    color:#4049E3;
}

.service-block .inner-box h5{
    position:relative;
    margin-top:20px;
    color:#222222;
    font-weight:600;
    line-height:1.3em;
}

.service-block .inner-box .overlay-link{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:1;
    display:block;
}

.service-block.style-two .inner-box .icon-box{
    color:#468ff5;
}

.service-block.style-two .inner-box:before{
    background-color:#468ff5;
}
 

.card-cta {
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
border-radius: 20px;
}





























.ri-lg {
    font-size: 1.3333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.ri-sm {
    font-size: .875em
}

.ri-1x {
    font-size: 1em
}

.ri-2x {
    font-size: 2em
}

.ri-3x {
    font-size: 3em
}

.ri-4x {
    font-size: 4em
}

.ri-5x {
    font-size: 5em
}

.ri-6x {
    font-size: 6em
}

.ri-7x {
    font-size: 7em
}

.ri-8x {
    font-size: 8em
}

.ri-9x {
    font-size: 9em
}

.ri-10x {
    font-size: 10em
}

.ri-align-bottom:before {
    content: "\ea24"
}

.ri-align-center:before {
    content: "\ea25"
}

.ri-align-justify:before {
    content: "\ea26"
}

.ri-align-left:before {
    content: "\ea27"
}

.ri-align-right:before {
    content: "\ea28"
}

.ri-align-top:before {
    content: "\ea29"
}

.ri-chat-1-fill:before {
    content: "\eb4c"
}

.ri-chat-2-fill:before {
    content: "\eb4e"
}

.ri-chat-3-fill:before {
    content: "\eb50"
}

.ri-chat-4-fill:before {
    content: "\eb52"
}

.ri-chat-new-fill:before {
    content: "\eb62"
}

.ri-chat-private-fill:before {
    content: "\eb68"
}

.ri-copyright-fill:before {
    content: "\ebe1"
}

.ri-css3-fill:before {
    content: "\ec03"
}

.ri-device-fill:before {
    content: "\ec2d"
}

.ri-facebook-fill:before {
    content: "\ecbc"
}

.ri-font-color:before {
    content: "\ed8b"
}

.ri-font-size-2:before {
    content: "\ed8c"
}

.ri-font-size:before {
    content: "\ed8d"
}

.ri-function-fill:before {
    content: "\ed9d"
}

.ri-github-fill:before {
    content: "\edca"
}

.ri-h-1:before {
    content: "\ede6"
}

.ri-h-2:before {
    content: "\ede7"
}

.ri-h-3:before {
    content: "\ede8"
}

.ri-h-4:before {
    content: "\ede9"
}

.ri-h-5:before {
    content: "\edea"
}

.ri-h-6:before {
    content: "\edeb"
}

.ri-heading:before {
    content: "\ee03"
}

.ri-html5-fill:before {
    content: "\ee40"
}

.ri-ie-fill:before {
    content: "\ee42"
}

.ri-image-2-fill:before {
    content: "\ee44"
}

.ri-image-fill:before {
    content: "\ee4a"
}

.ri-link-m:before {
    content: "\eeaf"
}

.ri-link:before {
    content: "\eeb2"
}

.ri-links-fill:before {
    content: "\eeb7"
}

.ri-loader-2-fill:before {
    content: "\eec1"
}

.ri-loader-3-fill:before {
    content: "\eec3"
}

.ri-loader-4-fill:before {
    content: "\eec5"
}

.ri-loader-5-fill:before {
    content: "\eec7"
}

.ri-loader-fill:before {
    content: "\eec9"
}

.ri-map-2-fill:before {
    content: "\ef05"
}

.ri-map-fill:before {
    content: "\ef07"
}

.ri-pages-fill:before {
    content: "\efbe"
}

.ri-price-tag-2-fill:before {
    content: "\f020"
}

.ri-price-tag-3-fill:before {
    content: "\f022"
}

.ri-price-tag-fill:before {
    content: "\f024"
}

.ri-remixicon-fill:before {
    content: "\f06b"
}

.ri-reserved-fill:before {
    content: "\f07b"
}

.ri-speed-fill:before {
    content: "\f176"
}

.ri-text-wrap:before {
    content: "\f200"
}

.ri-text:before {
    content: "\f201"
}

.ri-twitch-fill:before {
    content: "\f238"
}

.ri-twitter-fill:before {
    content: "\f23a"
}

.ri-video-chat-fill:before {
    content: "\f27d"
}

.ri-video-fill:before {
    content: "\f281"
}

.ri-whatsapp-fill:before {
    content: "\f2bb"
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-3d {
    perspective: 1200px
}

:root {
    --swiper-navigation-size: 44px
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes modal-video {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }
    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased!important;
    -moz-font-smoothing: antialiased!important;
    -o-font-smoothing: antialiased!important;
    -ms-font-smoothing: antialiased!important;
    font-smoothing: antialiased!important;
    -webkit-transition: .3s ease-in-out!important;
    transition: .3s ease-in-out!important
}

#content {
    width: 100%;
    height: 100%
}

.btn,
.btn:active,
.btn:focus {
    -webkit-box-shadow: none!important;
    -o-box-shadow: none!important;
    -ms-box-shadow: none!important;
    box-shadow: none!important;
    border: 0
}

img {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -o-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

::-moz-selection {
    background-color: #4049e3;
    color: #fff
}

::selection {
    background-color: #4049e3;
    color: #fff
}

.loaded_page .loading_overlay {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s!important;
    transition: opacity .6s!important
}

.loading_overlay {
    background-color: #f3f8ff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loading_overlay .loader_logo {
    position: relative
}

.loading_overlay .loader_logo .logo {
    -webkit-animation: text-focus-in 1.5s cubic-bezier(.55, .085, .68, .53) both!important;
    animation: text-focus-in 1.5s cubic-bezier(.55, .085, .68, .53) both!important
}

.bg_dark {
    background: #10154e!important
}

.bg_white {
    background: #fff!important
}

.btn-block {
    width: 100%
}

.color_white {
    color: #fff!important
}

.color_dark {
    color: #10154e!important
}

.top-15 {
    top: 15px
}

.height-100_reset {
    margin-top: -100px
}

.height-100 {
    height: 100px
}

.top_hero_reset {
    height: 20rem
}

.top_hero {
    margin-top: -20rem
}

.p-0 {
    padding: 0!important
}

.p-10 {
    padding: 10px
}

.p-20 {
    padding: 20px!important
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.p-50 {
    padding: 50px
}

.p-60 {
    padding: 60px
}

.p-70 {
    padding: 70px
}

.p-80 {
    padding: 80px
}

.p-90 {
    padding: 90px
}

.p-100 {
    padding: 10rem
}

.pt-0 {
    padding-top: 0!important
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px!important
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-120 {
    padding-top: 120px
}

.m-0 {
    margin: 0
}

.m-10 {
    margin: 10px
}

.m-20 {
    margin: 20px
}

.m-30 {
    margin: 30px
}

.m-40 {
    margin: 40px
}

.m-50 {
    margin: 50px
}

.m-60 {
    margin: 60px
}

.m-70 {
    margin: 70px
}

.m-80 {
    margin: 80px
}

.m-90 {
    margin: 90px
}

.m-100 {
    margin: 10rem
}

@media screen and (max-width:576px) {
    .mt-sm-30 {
        margin-top: 30px
    }
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-30_reset {
    margin-bottom: -30px!important
}

.mb-1_reset {
    margin-bottom: -1rem!important
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px!important
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 10rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-20_reset {
    margin-bottom: -20px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

@media screen and (max-width:992px) {
    .lg-hidden {
        display: none
    }
}

@media screen and (max-width:768px) {
    .md-hidden {
        display: none
    }
}

@media screen and (max-width:576px) {
    .sm-hidden {
        display: none
    }
}
@media screen and (max-width:380px) {
    #chamada {
        left: -54px;
    }
} 


.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex.start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:768px) {
    .flex.md-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:576px) {
    .flex.sm-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.flex.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.white-link {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.white-link:hover {
    opacity: .7;
    color: #fff;
    font-size: 15.5px
}

@-webkit-keyframes anim-up-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes anim-up-down {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animbg {
    from {
        background-repeat: no-repeat;
        background-size: cover
    }
    50% {
        background-size: 120%;
        background-blend-mode: saturation;
        background-repeat: no-repeat
    }
    to {
        background-size: 130%;
        background-repeat: no-repeat
    }
}

@keyframes animbg {
    from {
        background-repeat: no-repeat;
        background-size: cover
    }
    50% {
        background-size: 120%;
        background-blend-mode: saturation;
        background-repeat: no-repeat
    }
    to {
        background-size: 130%;
        background-repeat: no-repeat
    }
}

@-webkit-keyframes anim2 {
    from {
        height: 120%;
        width: 120%
    }
    50% {
        height: 170%;
        width: 170%
    }
    70% {
        height: 120%;
        width: 120%
    }
    to {
        height: 130%;
        width: 130%
    }
}

@keyframes anim2 {
    from {
        height: 120%;
        width: 120%
    }
    50% {
        height: 170%;
        width: 170%
    }
    70% {
        height: 120%;
        width: 120%
    }
    to {
        height: 130%;
        width: 130%
    }
}

@-webkit-keyframes anim1 {
    from {
        height: 180%;
        width: 180%
    }
    50% {
        height: 140%;
        width: 140%
    }
    70% {
        height: 150%;
        width: 150%
    }
    to {
        height: 180%;
        width: 180%
    }
}

@keyframes anim1 {
    from {
        height: 180%;
        width: 180%
    }
    50% {
        height: 140%;
        width: 140%
    }
    70% {
        height: 150%;
        width: 150%
    }
    to {
        height: 180%;
        width: 180%
    }
}

.text-primary {
    color: #4049e3!important
}

.font-s-20 {
    font-size: 20px
}

.font-s-30 {
    font-size: 30px
}

.font-s-40 {
    font-size: 40px
}

.font-s-50 {
    font-size: 50px
}

.font-s-60 {
    font-size: 60px
}

.font-s-70 {
    font-size: 70px
}

.font-s-80 {
    font-size: 80px
}

.font-s-90 {
    font-size: 90px
}

.font-s-100 {
    font-size: 100px
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.before-none::before {
    content: none!important
}

@media screen and (max-width:576px) {
    .sm-none {
        display: none!important
    }
}

@media screen and (max-width:768px) {
    .md-none {
        display: none
    }
}

@media screen and (max-width:992px) {
    .lg-none {
        display: none
    }
}

@media screen and (max-width:576px) {
    .sm-block {
        display: block
    }
}

@media screen and (max-width:768px) {
    .md-block {
        display: block
    }
}

@media screen and (max-width:992px) {
    .lg-block {
        display: block
    }
}

@media screen and (max-width:768px) {
    .mb-sm-20 {
        margin-bottom: 20px
    }
}

.top-border {
    border-top: solid 1px #f3f3f3
}

.min-30 {
    margin-bottom: -30px
}

.min-40 {
    margin-bottom: -40px
}

.mt-section {
    margin-top: 70px
}

@media screen and (max-width:768px) {
    .mb-sm-30 {
        margin-bottom: 30px
    }
}

.top-0 {
    top: 0!important
}

.mb-70 {
    margin-bottom: 70px
}

.min-20 {
    margin-bottom: -20px
}

.text-copyright {
    color: rgba(255, 255, 255, .548)!important
}

.max-30 {
    max-width: 30rem
}

.max-20 {
    max-width: 20rem
}

.min-60 {
    margin-bottom: -60px
}

.mb-20 {
    margin-bottom: 20px!important
}

.spacer_header,
.spacer_header_top {
    height: 50px
}

.spacer_10 {
    height: 10px
}

.spacer_bottom {
    padding-bottom: 90px
}

.md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@font-face {
    font-family: Sora-Bold;
    src: url("../fonts/Sora/static/Sora-Bold.ttf") format("truetype")
}

@font-face {
    font-family: Sora;
    src: url("../fonts/Sora/static/Sora-Medium.ttf") format("truetype");
    font-weight: 400
}

html {
    scroll-behavior: smooth
} 

@media screen and (max-width:768px) {
    body {
        font-size: 15.5px
    }
}

body.is-dark {
    background: #2d3a58;
    color: #fff
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1220px
    }
}

@media screen and (max-width:768px) {
    .container {
        max-width: 800px!important
    }
}

@media screen and (max-width:1400px) {
    .container {
        max-width: 1200px
    }
}

@media only screen and (min-width:1510px) {
    .index_page .container {
        max-width: 1400px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}

ul {
    margin: 0;
    padding: 0
}

section:focus {
    outline: 0!important
}

a {
    -webkit-transition: .25s cubic-bezier(.4, 0, .2, 1);
    transition: .25s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none!important
}

a:hover {
    text-decoration: none
}

li {
    list-style: none
}

p {
    font-family: Chat-regular;
    color: #6f7583
}

.heading {
    margin-bottom: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: Chat-medium, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important;
    font-weight: 700;
    text-align: inherit;
    position: relative;
    color: #10154e;
    letter-spacing: -.01em
}

a,
a:hover {
    color: #4049e3
}

h1 {
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    line-height: 1;
    letter-spacing: -.03em
}

@media screen and (max-width:576px) {
    h1 {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    h1 {
        font-size: 64px
    }
}

@media screen and (max-width:768px) {
    h1 {
        line-height: 1!important
    }
}

h2 {
    font-size: calc(40px + 14 * ((100vw - 576px)/ 1024));
    line-height: 1.15;
    letter-spacing: -.02em
}

@media screen and (max-width:576px) {
    h2 {
        font-size: 40px
    }
}

@media screen and (min-width:1600px) {
    h2 {
        font-size: 54px
    }
}

h3 {
    font-size: calc(36px + 4 * ((100vw - 576px)/ 1024));
    line-height: 1.1
}

@media screen and (max-width:576px) {
    h3 {
        font-size: 36px
    }
}

@media screen and (min-width:1600px) {
    h3 {
        font-size: 40px
    }
}

h4 {
    font-size: calc(24px + 2 * ((100vw - 576px)/ 1024));
    line-height: 1.35
}

@media screen and (max-width:576px) {
    h4 {
        font-size: 24px
    }
}

@media screen and (min-width:1600px) {
    h4 {
        font-size: 26px
    }
}

h5 {
    font-size: calc(19px + 1 * ((100vw - 576px)/ 1024));
    line-height: 1.5
}

@media screen and (max-width:576px) {
    h5 {
        font-size: 19px
    }
}

@media screen and (min-width:1600px) {
    h5 {
        font-size: 20px
    }
}

h6 {
    font-size: 1.05em;
    line-height: 1.5;
    letter-spacing: 0
}

p {
    width: 100%;
    margin: 10px auto;
    display: block;
    line-height: 1.6
}

.scale {
    -webkit-transition: .3s!important;
    transition: .3s!important;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

.scale:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.effect-letter {
    position: relative;
    overflow: hidden
}

.effect-letter:not(.simple):after,
.effect-letter:not(.simple):before {
    content: "";
    position: absolute;
    background: var(--pb, var(--hover-back));
    top: 0;
    left: 0;
    right: 0;
    height: 200%;
    border-radius: var(--br, 40%);
    -webkit-transform: translateY(var(--y, 50%));
    transform: translateY(var(--y, 50%));
    -webkit-transition: border-radius .5s ease var(--br-d, .08s), -webkit-transform var(--d, .4s) ease-in var(--d-d, 0s);
    transition: border-radius .5s ease var(--br-d, .08s), -webkit-transform var(--d, .4s) ease-in var(--d-d, 0s);
    transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s);
    transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s), -webkit-transform var(--d, .4s) ease-in var(--d-d, 0s)
}

.effect-letter div {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.effect-letter div span {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: var(--name, none) .7s linear forwards .18s;
    animation: var(--name, none) .7s linear forwards .18s
}

.effect-letter.in {
    --name: move
}

.effect-letter.in:not(.out) {
    --c: var(--color-hover);
    --b: var(--background-hover)
}

.effect-letter.in:not(.out):before {
    --y: 0;
    --br: 5%
}

.effect-letter.in:not(.out):after {
    --y: 0;
    --br: 5%;
    --br: 10%;
    --d-d: .02s
}

.effect-letter.in.out {
    --name: move-out
}

.effect-letter.in.out:before {
    --d-d: .06s
}

@-webkit-keyframes move {
    30%,
    36% {
        -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)))
    }
    50% {
        -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)))
    }
    70% {
        -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)))
    }
}

@keyframes move {
    30%,
    36% {
        -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)))
    }
    50% {
        -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)))
    }
    70% {
        -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)))
    }
}

@-webkit-keyframes move-out {
    30%,
    36% {
        -webkit-transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
        transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)))
    }
    50% {
        -webkit-transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
        transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)))
    }
    70% {
        -webkit-transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
        transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)))
    }
}

@-webkit-keyframes ripple-map {
    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }
}

@keyframes ripple-map {
    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }
}

@-webkit-keyframes ripple {
    to {
        -webkit-transform: scaleX(1.3) scaleY(1.6);
        transform: scaleX(1.3) scaleY(1.6);
        opacity: 0
    }
}

@keyframes ripple {
    to {
        -webkit-transform: scaleX(1.3) scaleY(1.6);
        transform: scaleX(1.3) scaleY(1.6);
        opacity: 0
    }
}

@-webkit-keyframes rippleCircle {
    to {
        -webkit-transform: scale(4.5);
        transform: scale(4.5);
        opacity: 0
    }
}

@keyframes rippleCircle {
    to {
        -webkit-transform: scale(4.5);
        transform: scale(4.5);
        opacity: 0
    }
}

@-webkit-keyframes RippleMenu {
    to {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0
    }
}

@keyframes RippleMenu {
    to {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0
    }
}

@-webkit-keyframes ripple_Circle {
    to {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0
    }
}

@keyframes ripple_Circle {
    to {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0
    }
}

@-webkit-keyframes flicker-1 {
    0%,
    100%,
    41.99% {
        opacity: 1
    }
    42%,
    43% {
        opacity: 0
    }
    43.01%,
    47.99% {
        opacity: 1
    }
    48%,
    49% {
        opacity: 0
    }
    49.01% {
        opacity: 1
    }
}

@keyframes flicker-1 {
    0%,
    100%,
    41.99% {
        opacity: 1
    }
    42%,
    43% {
        opacity: 0
    }
    43.01%,
    47.99% {
        opacity: 1
    }
    48%,
    49% {
        opacity: 0
    }
    49.01% {
        opacity: 1
    }
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-10px) rotate(-2deg);
        transform: translateX(-10px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(5px) rotate(3deg);
        transform: translateX(5px) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-5px) rotate(-2.6deg);
        transform: translateX(-5px) rotate(-2.6deg)
    }
    60% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg)
    }
    75% {
        -webkit-transform: translateX(-3px) rotate(-.5deg);
        transform: translateX(-3px) rotate(-.5deg)
    }
}

@keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-10px) rotate(-2deg);
        transform: translateX(-10px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(5px) rotate(3deg);
        transform: translateX(5px) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-5px) rotate(-2.6deg);
        transform: translateX(-5px) rotate(-2.6deg)
    }
    60% {
        -webkit-transform: translateX(2px) rotate(1.4deg);
        transform: translateX(2px) rotate(1.4deg)
    }
    75% {
        -webkit-transform: translateX(-3px) rotate(-.5deg);
        transform: translateX(-3px) rotate(-.5deg)
    }
}

@-webkit-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes slide-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating-3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating-4 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(35%);
        transform: translateY(35%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-4 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(35%);
        transform: translateY(35%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating-simple {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-simple {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    24% {
        opacity: .5
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    24% {
        opacity: .5
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes blink-1 {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes blink-1 {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes circleRipple {
    from {
        -webkit-transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2);
        opacity: 0
    }
}

@keyframes circleRipple {
    from {
        -webkit-transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes pulseRipple {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulseRipple {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg)
    }
}

@keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg)
    }
}

@-webkit-keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg)
    }
}

@keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg)
    }
}

html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.btn {
    color: #4049e3;
    border: 2px solid #4049e3;
    padding: 12px 18px;
    min-height: 20px;
    line-height: 20px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    outline: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    will-change: transform, box-shadow
}

.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text {
    color: #fff
}

.btn i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -16px;
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    stroke: 2px;
    min-width: 20px;
    height: 20px
}

.btn i-left {
    margin-right: 5px
}

.btn i-right {
    margin-left: 5px
}

.btn:not(.text-hover):hover .icon.icon-right svg,
.btn:not(.text-hover):hover .icon.icon-right:before {
    -webkit-animation: hoverBtn ease-out .3s;
    animation: hoverBtn ease-out .3s
}

.btn:not(.text-hover):hover .icon.icon-left svg,
.btn:not(.text-hover):hover .icon.icon-left:before {
    animation: hoverBtn ease-out .3s reverse
}

.btn:not(.text-hover):hover .icon:before {
    color: inherit
}

@-webkit-keyframes hoverBtn {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    53% {
        opacity: 0
    }
    54% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hoverBtn {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    53% {
        opacity: 0
    }
    54% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.btn:focus,
.btn:hover {
    color: #fff;
    background-color: #4049e3;
    border-color: #4049e3;
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    opacity: .9
}

.btn.text-hover {
    overflow: hidden;
    position: relative
}

.btn.text-hover .icon,
.btn.text-hover .text {
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s
}

.btn.text-hover .icon {
    max-width: 100%;
    text-align: center;
    height: 26px;
    position: absolute;
    font-size: 20px;
    left: 50%;
    top: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn.text-hover .text {
    display: inline-block;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0
}

.btn.text-hover:hover .icon {
    -webkit-transform: translate(-50%, 120%);
    transform: translate(-50%, 120%);
    opacity: 0
}

.btn.text-hover:hover .text {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

p a.btn:hover {
    text-decoration: none
}

.btn-outline,
a.btn-outline {
    background-color: transparent;
    color: currentColor
}

.btn-outline:after,
.btn-outline:before,
a.btn-outline:after,
a.btn-outline:before {
    display: none
}

.btn-outline:focus,
.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:hover {
    background-color: #4049e3;
    color: #fff
}

.btn-outline.btn-white,
a.btn-outline.btn-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.btn-outline.btn-white:hover,
a.btn-outline.btn-white:hover {
    background-color: #fff;
    color: #10154e
}

.btn-loading {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-loading:before {
    content: "";
    position: relative;
    display: inline-block!important;
    width: 18px;
    height: 18px;
    bottom: auto;
    left: auto;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top: 2px solid rgba(255, 255, 255, .7);
    border-right: 2px solid rgba(255, 255, 255, .7);
    background: 0 0;
    -webkit-animation: .8s rotate cubic-bezier(.99, .71, .22, .68) infinite;
    animation: .8s rotate cubic-bezier(.99, .71, .22, .68) infinite
}

.btn-loading.btn-outline:before,
.btn-loading.btn:before {
    margin-right: 8px
}

.btn-loading:before {
    vertical-align: top;
    margin-top: 1px
}

.btn-loading:hover {
    -webkit-transition: none;
    transition: none
}

.btn-loading:hover:before {
    background: 0 0;
    width: 18px;
    -webkit-transition: none;
    transition: none
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.btn-sm {
    padding: 8px 12px;
    min-width: 100px;
    border-radius: 6px;
    font-size: 15.5px
}

.btn-lg {
    padding: 9px 20px;
    font-size: 18px;
    line-height: 1.7
}

.btn-primary {
    background: #4049e3;
    color: #fff;
    border: none!important;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.btn-primary.btn-outline {
    border: 2px solid #4049e3;
    background: 0 0!important;
    color: #4049e3
}

.btn-primary.btn-outline-bottom {
    border-bottom: solid 3px #4049e3;
    background: 0 0!important;
    color: #4049e3!important
}

.btn-primary:hover {
    outline: 0;
    background: #4049e3!important;
    border: 2px solid #4049e3
}

.btn-white {
    background: #fff;
    border: 1px solid rgba(10, 33, 65, .05);
    color: #10154e;
    -webkit-box-shadow: 0 2px 4px #7e8eb11f!important;
    box-shadow: 0 2px 4px #7e8eb11f!important
}

.btn-white span::after {
    color: #10154e!important
}

.btn-white.btn-outline {
    color: #fff;
    border: 2px solid #fff
}

.btn-white:hover {
    opacity: .8;
    background: #fff;
    color: #4049e3!important;
    -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, .1), 0 -50px 0 transparent inset;
    box-shadow: 0 9px 6px rgba(0, 0, 0, .1), 0 -50px 0 transparent inset;
    border: 1px solid rgba(10, 33, 65, .05)!important
}

.btn-dark {
    background: #10154e;
    color: #fff;
    border: 1px solid #10154e
}

.btn-dark:hover {
    color: #faf4f6!important;
    background: #10154e;
    border: 1px solid #10154e
}

.btn-dark.btn-outline {
    border: 2px solid #10154e;
    background: 0 0!important;
    color: #10154e
}

.btn-dark.btn-outline:hover {
    color: #4049e3!important
}

.btn-dark.btn-outline-bottom {
    border-bottom: solid 3px #10154e;
    background: 0 0!important;
    color: #10154e
}

.btn_sm_primary {
    padding: .7rem 1.55rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s!important;
    transition: .3s!important
}

.btn_sm_primary:hover {
    opacity: .9
}

.btn_md_primary {
    padding: .85rem 1.8rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s!important;
    transition: .3s!important
}

.btn_md_primary:hover {
    opacity: .9
}

.btn_lg_primary {
    padding: .9rem 2.3rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: .3s!important;
    transition: .3s!important
}

.btn_lg_primary:hover {
    opacity: .9
}

.btn-video {
    background-color: #4049e3;
    color: #fff;
    padding: .9rem 1.55rem;
    text-align: center;
    position: relative
}

.btn-video:before {
    background: #4049e3;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-animation: ripple 1.3s infinite cubic-bezier(.29, -.01, .17, .95)!important;
    animation: ripple 1.3s infinite cubic-bezier(.29, -.01, .17, .95)!important
}

.btn-video:hover {
    color: #fff
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.page-link {
    position: relative;
    margin-left: -1px;
    line-height: 100%;
    color: #10154e;
    background-color: #faf4f6;
    padding: .5rem .75rem;
    border: none;
    border-radius: 60px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-link:hover {
    background: #683769;
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    color: #fff
}

.page-item:last-child .page-link {
    border-radius: 60px
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 60px
}

.has_dark {
    position: relative
}

.has_dark::before {
    content: "";
    position: absolute;
    height: 40%;
    bottom: 0;
    width: 100%;
    background: #10154e;
    z-index: -1
}

.img_top {
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .1);
    box-shadow: 0 40px 40px -20px rgba(23, 29, 48, .1);
    position: relative
}

header {
    z-index: 9;
    position: absolute;
    top: 0;
    background: 0 0!important;
    right: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(16, 21, 78, 0);
    -webkit-backdrop-filter: saturate(1) blur(20px)!important;
    -moz-backdrop-filter: saturate(1) blur(20px)!important;
    -o-backdrop-filter: saturate(1) blur(20px)!important;
    backdrop-filter: saturate(1) blur(20px)!important;
    -webkit-transition: .3s!important;
    transition: .3s!important
}

@-moz-document url-prefix() {
    .fixed-header header {
        background: #fff;
        border-bottom: 0!important;
        backdrop-filter: saturate(1) blur(0);
        box-shadow: 0 10px 40px 0 rgba(11, 34, 56, .05)
    }
}

@media screen and (max-width:991px) {
    header {
        background: #fff
    }
}

.crypto_dark {
    background-color: transparent;
    position: absolute;
    -webkit-backdrop-filter: saturate(1) blur(0)!important;
    -moz-backdrop-filter: saturate(1) blur(0)!important;
    -o-backdrop-filter: saturate(1) blur(0)!important;
    backdrop-filter: saturate(1) blur(0)!important
}

@media screen and (max-width:768px) {
    .crypto_dark {
        position: fixed;
        background: rgba(255, 255, 255, .8);
        -webkit-backdrop-filter: saturate(1) blur(20px)!important;
        -moz-backdrop-filter: saturate(1) blur(20px)!important;
        -o-backdrop-filter: saturate(1) blur(20px)!important;
        backdrop-filter: saturate(1) blur(20px)!important
    }
    @-moz-document url-prefix() {
        .crypto_dark {
            background: #fff;
            border-bottom: 0!important;
            box-shadow: 0 10px 40px 0 rgba(11, 34, 56, .05)
        }
    }
}

.coming {
    position: relative;
    position: relative
}

.coming::before {
    content: " coming soon ";
    position: absolute;
    top: 6px;
    font-size: 10px;
    background-color: #683769;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    right: 2rem
}

.hero {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat
}

.hero .container,
.hero .row {
    height: 100%
}
 

.hero .hero_wrap {
    padding: 7rem 0
}

@media screen and (max-width:768px) {
    .hero .hero_wrap {
        padding: 3rem 0
    }
}

.hero.in_index {
    position: relative;
    position: relative;
    position: relative
}

.hero.in_index::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: #10154e;
    z-index: -2;
    border-bottom-right-radius: 350px
}

@media screen and (max-width:991px) {
    .hero.in_index::after {
        border-bottom-right-radius: 50px
    }
}

.hero.in_index::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(assets/img/hero.png);
    z-index: -1;
    background-position: center
}

.hero.in_index .hero_wrap {
    padding: 12rem 0;
    height: 100vh;
    position: relative
}
 
@media screen and (max-width:991px) {
    .hero.in_index .hero_wrap {
        padding: 10rem 0 0;
        height: auto
    }
}

.hero.in_index .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    line-height: 1.1;
    margin-bottom: 10px;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:576px) {
    .hero.in_index .hero_title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero.in_index .hero_title {
        font-size: 64px
    }
}

.hero.in_index .img_right {
    height: 100%;
    width: auto
}

@media screen and (max-width:991px) {
    .hero.in_index .img_right {
        display: none
    }
}

.hero.in_index .hero_text {
    margin: 0 0 20px;
    font-size: 17px
}

.hero.in_index .list_index {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 20px;
    text-align: center
}

.hero.has_style1 {
    background-color: #10154e;
    border-radius: 20px;
    background-image: url(assets/img/wave.svg);
    background-size: contain;
    background-position-x: left;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e;
    position: relative
}
 

@media screen and (max-width:768px) {
    .hero.has_style1 .hero_wrap {
        padding: 5rem 1rem
    }
}

.hero.has_style1 .hero_title {
    color: #683769;
    font-size: calc(36px + 18 * ((100vw - 576px)/ 1024));
    text-align: left;
    z-index: 1
}

@media screen and (max-width:576px) {
    .hero.has_style1 .hero_title {
        font-size: 36px
    }
}

@media screen and (min-width:1600px) {
    .hero.has_style1 .hero_title {
        font-size: 54px
    }
}

@media screen and (max-width:991px) {
    .hero.has_style1 .hero_title {
        text-align: center;
        line-height: 1.2
    }
}

.hero.has_style1 .hero_text {
    font-size: 16px;
    z-index: 1;
    opacity: .85
}

@media screen and (max-width:991px) {
    .hero.has_style1 .hero_text {
        text-align: center
    }
}

.hero.has_style1 .img_wrap {
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
    z-index: -1
}

.hero.has_style1 .img_wrap img {
    width: 147%
}

@media screen and (max-width:991px) {
    .hero.has_style1 .img_wrap {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .hero.has_style1 .img_wrap img {
        margin-top: 20px;
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width:991px) {
    .hero.has_style1 .btn_hero {
        width: 100%;
        margin-bottom: 10px
    }
}

.hero.has_style2 {
    overflow: hidden;
    background-color: #faf4f6;
    position: relative
}

@media screen and (max-width:991px) {
    .hero.has_style2 {
        height: auto
    }
}

.hero.has_style2 .hero_wrap {
    padding: 36px 0 4rem;
    height: 100%
}

.hero.has_style2::before {
    position: absolute;
    content: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    border-radius: 0 0 60px;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    z-index: -2
}

@media screen and (max-width:991px) {
    .hero.has_style2::before {
        width: 100%
    }
}

.hero.has_style2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -2rem;
    background: url(assets/img/decorations/mix_shapes.png) 0 0/contain no-repeat;
    height: 20rem;
    width: 20rem;
    z-index: -1
}

.hero.has_style2 .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    text-align: left;
    z-index: 1
}

@media screen and (max-width:576px) {
    .hero.has_style2 .hero_title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero.has_style2 .hero_title {
        font-size: 64px
    }
}

@media screen and (max-width:991px) {
    .hero.has_style2 .hero_title {
        text-align: center;
        font-size: 40px
    }
}

.hero.has_style2 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #515664;
    z-index: 1
}

@media screen and (max-width:991px) {
    .hero.has_style2 .hero_text {
        text-align: center;
        font-size: 15px;
        margin-top: 20px
    }
}

.hero.has_style2 .img_wrap {
    text-align: center;
    margin: auto;
    min-height: 35rem
}

.hero.has_style2 .img_wrap img {
    width: 100%;
    max-width: 900px
}

@media screen and (max-width:991px) {
    .hero.has_style2 .img_wrap img {
        margin-top: 20px;
        width: 100%;
        max-width: 700px
    }
}

@media screen and (max-width:991px) {
    .hero.has_style2 .img_wrap {
        min-height: auto!important;
        margin-top: 20px
    }
}

.hero.has_style3 {
    position: relative;
    position: relative
}

.hero.has_style3::before {
    content: "";
    position: absolute;
    background: #edf0f2;
    height: 100%;
    width: 80%;
    left: 0;
    top: 0;
    z-index: -2
}

@media screen and (max-width:991px) {
    .hero.has_style3::before {
        width: 100%
    }
} 
.hero.has_style3 .container,
.hero.has_style3 .row {
    height: auto
}

.hero.has_style3 .img_wrap {
    position: relative;
    background-repeat: no-repeat;
    background-position: center
}

.hero.has_style3 .img_wrap img {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    border-radius: 10px
}

.hero.has_style3 .hero_title {
    color: #10154e;
    margin-bottom: 20px;
    text-align: left;
    z-index: 1;
    font-size: calc(40px + 24 * ((100vw - 576px)/ 1024))
}

@media screen and (max-width:576px) {
    .hero.has_style3 .hero_title {
        font-size: 40px
    }
}

@media screen and (min-width:1600px) {
    .hero.has_style3 .hero_title {
        font-size: 64px
    }
}

@media screen and (max-width:991px) {
    .hero.has_style3 .hero_title {
        text-align: center;
        margin-bottom: 20px
    }
}

.hero.has_style3 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -.5px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #6f7583;
    z-index: 1
}

@media screen and (max-width:991px) {
    .hero.has_style3 .hero_text {
        text-align: center;
        margin-left: auto!important;
        mgright: auto!important
    }
}

.hero.has_style4 {
    background-size: cover;
    height: auto;
    background-position: right bottom;
    background-color: #10154e;
    z-index: 1;
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    position: relative
}

.hero.has_style4::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .479)
}

@media screen and (min-width:1025px) {
    .hero.has_style4::before {
        background: rgba(0, 0, 0, .089)
    }
}

@media screen and (max-width:991px) {
    .hero.has_style4 {
        height: auto;
        padding-bottom: 60px
    }
}

.hero.has_style4 .hero_wrap {
    height: 100%;
    padding: 10rem 0 3rem 0;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .hero.has_style4 .hero_wrap {
        padding: 60px 0 20px
    }
}

.hero.has_style4 .hero_title {
    font-size: 60px;
    color: #fff;
    max-width: 60rem;
    margin-bottom: 20px;
    line-height: 1
}

@media screen and (max-width:991px) {
    .hero.has_style4 .hero_title {
        font-size: 40px;
        text-align: center
    }
}

.hero.has_style4 .hero_text {
    color: #fff;
    margin-left: 0;
    font-size: 21px
}

@media screen and (max-width:992px) {
    .hero.has_style4 .hero_text {
        text-align: center;
        margin: auto auto 27px
    }
}

.hero.has_style4 .price_wrap {
    background: #fff;
    padding: 2rem;
    border-radius: 5px;
    -webkit-box-shadow: -1px 20px 80px -14px #27073f21;
    box-shadow: -1px 20px 80px -14px #27073f21;
    position: relative
} 

.hero.has_style4 .price_wrap .btn {
    padding: 20px
}

.hero.has_style5 {
    background-color: #10154e;
    background-image: url(assets/img/wave.svg);
    background-attachment: fixed;
    background-size: contain;
    background-position-x: right;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e
}

.hero.has_style5 .container {
    position: relative
}

.hero.has_style5 .hero_wrap {
    padding: 4rem 0
}

.hero.has_style5 .hero_title {
    font-size: 64px;
    color: #fff;
    max-width: 60rem;
    margin-bottom: 20px;
    line-height: 1.2
}

@media screen and (max-width:992px) {
    .hero.has_style5 .hero_title {
        font-size: 60px;
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .hero.has_style5 .hero_title {
        font-size: 40px
    }
}

.hero.has_style5 .hero_text {
    color: #fff;
    max-width: 30rem;
    margin-bottom: 20px;
    font-size: 15.5px;
    margin-left: 0
}

@media screen and (max-width:992px) {
    .hero.has_style5 .hero_text {
        text-align: center;
        margin: auto auto 27px
    }
}

.hero.has_style5 .img_wrap {
    margin-top: 4rem
}

.hero.has_style5 .img_wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 30rem;
    width: 100%
}

.hero.has_style6 {
    overflow: hidden;
    position: relative
}

.hero.has_style6::before {
    content: "";
    position: absolute;
    background: #f7f5f7;
    height: 100%;
    width: 60%;
    left: 0;
    border-radius: 0 0 50px;
    top: 0;
    z-index: -2
}

.hero.has_style6 .img_wrap {
    position: relative;
    background-repeat: no-repeat;
    background-position: center
}

.hero.has_style6 .img_wrap img {
    max-height: 60rem
}

.hero.has_style6 .hero_title {
    color: #10154e;
    margin-bottom: 20px;
    text-align: left;
    z-index: 1;
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024))
}

@media screen and (max-width:576px) {
    .hero.has_style6 .hero_title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero.has_style6 .hero_title {
        font-size: 64px
    }
}

@media screen and (max-width:991px) {
    .hero.has_style6 .hero_title {
        text-align: center;
        font-size: 40px;
        margin-bottom: 20px
    }
}

.hero.has_style6 .hero_text {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 20px;
    color: #54587f;
    z-index: 1
}

@media screen and (max-width:991px) {
    .hero.has_style6 .hero_text {
        text-align: center
    }
}

.hero.is_dark {
    margin-bottom: 5rem;
    background: #10154e
}

.hero.is_dark .hero_wrap {
    height: 100%;
    padding: 120px 0
}

.hero.is_dark .hero_title {
    color: #fff;
    margin-bottom: 30px
}

@media screen and (max-width:992px) {
    .hero.is_dark .hero_title {
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .hero.is_dark .hero_title {
        font-size: 40px
    }
}

.hero.is_dark .hero-img {
    text-align: center;
    margin: auto
}

.hero.is_dark .hero-img img {
    width: 130%
}

@media screen and (max-width:992px) {
    .hero.is_dark .hero-img img {
        padding-top: 5rem;
        width: 80%
    }
}

.hero.is_dark .hero_wrap {
    overflow: hidden
}

.hero.has_bg {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover
}

.hero.has_bg .hero_wrap {
    padding: 200px 0
}

.hero.has_bg .header-title {
    color: #fff;
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    line-height: 1;
    margin-bottom: 30px
}

@media screen and (max-width:576px) {
    .hero.has_bg .header-title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero.has_bg .header-title {
        font-size: 64px
    }
}

.hero.has_bg .item_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    padding: 10px 20px 10px 10px;
    border: 1px solid;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    color: #fff;
    margin-bottom: 30px
}

.hero.has_bg .item_block span {
    color: #fff;
    margin-left: 10px
}

.hero.has_bg .item_block svg {
    height: 3rem;
    width: 3rem;
    fill: #fff;
    background: #4049e3;
    border-radius: 50%;
    padding: 10px
}

.hero_page {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat!important
}

.hero_page .hero_wrap {
    padding: 120px 0
}

.hero_page.has_style1 {
    background-size: contain;
    position: relative;
    z-index: 0
}

.hero_page.has_style1 .hero_img {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 30px
}

.hero_page.has_style1 .hero_wrap {
    padding: 80px 0;
    position: relative
}
 
 

.hero_page.has_style1 .hero_title {
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (max-width:576px) {
    .hero_page.has_style1 .hero_title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero_page.has_style1 .hero_title {
        font-size: 64px
    }
}

.hero_page.has_style1 .hero_text {
    margin: 0;
    text-align: center;
    max-width: 40rem;
    color: #5a6875
}
 

.hero_page.has_style2 .title {
    text-align: center;
    color: #10154e
}

.hero_page.has_style2 .hero_wrap {
    padding: 100px 0
}

.hero_page.has_bg {
    background-color: #f3f8ff;
    background-position: right top
}

.hero_page.has_bg::before {
    background: rgba(8, 3, 43, .562)!important
}

.hero_page.has_bg .title {
    text-align: center
}

.hero_page.has_bg {
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.hero_page.has_bg .hero_wrap {
    padding: 150px 0
}

@media screen and (max-width:991px) {
    .hero_page.has_bg .hero_wrap {
        padding: 70px 0
    }
}

.hero_page.has_bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.hero_page.has_bg .title {
    color: #fff;
    font-size: calc(40px + 24 * ((100vw - 576px)/ 1024))
}

@media screen and (max-width:576px) {
    .hero_page.has_bg .title {
        font-size: 40px
    }
}

@media screen and (min-width:1600px) {
    .hero_page.has_bg .title {
        font-size: 64px
    }
}

.hero_page.is_dark {
    background: #10154e
}

.hero_page.is_dark .hero_wrap {
    padding: 100px 0
}

.hero_page.is_dark .title {
    font-size: calc(46px + 18 * ((100vw - 576px)/ 1024));
    line-height: 1;
    color: #fff;
    margin-bottom: 20px
}

@media screen and (max-width:576px) {
    .hero_page.is_dark .title {
        font-size: 46px
    }
}

@media screen and (min-width:1600px) {
    .hero_page.is_dark .title {
        font-size: 64px
    }
}

.hero_page.is_dark .description {
    color: #fff;
    margin: 0
}

.client_logos.has_style1 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .client_logos.has_style1 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.client_logos.has_style1 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.client_logos.has_style1 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.client_logos.has_style2 .brands {
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #ebedf3;
    padding: 60px 0 30px
}

.client_logos.has_style2 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .client_logos.has_style2 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.client_logos.has_style2 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.client_logos.has_style2 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.client_logos.has_style3 .company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .client_logos.has_style3 .company-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.client_logos.has_style3 .company-item img {
    max-width: 7rem;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.client_logos.has_style3 .company-item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.content .left_icon {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .left_icon [class^=ri-] {
    color: #fff;
    font-size: 1.7rem
}

.content .list {
    border-radius: 5px;
    padding: 10px 20px;
    background: #faf4f6;
    margin-bottom: 20px
}

.content .list.has_style1 {
    background: #fff;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211;
    border: 1px solid #e8eaee
}

.content .list.has_style1 .icon {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .list.has_style1 [class*=" ri-"],
.content .list.has_style1 [class^=ri-] {
    font-size: 22px;
    color: #4049e3
}

.content .list.has_style2 .icon {
    height: 3rem;
    width: 3rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.content .list.has_style2 .icon [class*=" ri-"],
.content .list.has_style2 .icon [class^=ri-] {
    font-size: 22px
}

.content .list.has_style3 {
    border-radius: 5px;
    padding: 0;
    background: #fff;
    margin-bottom: 0
}

.content .list.has_style3 .icon {
    height: 3rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.content .list.has_style3 .icon [class*=" ri-"],
.content .list.has_style3 .icon [class^=ri-] {
    font-size: 22px;
    color: #4049e3
}

.pricing {
    position: relative
}

.section_head {
    margin-bottom: 40px;
    width: 100%
}

@media screen and (max-width:992px) {
    .section_head {
        margin-bottom: 30px!important
    }
}

.section_title {
    font-size: calc(36px + 4 * ((100vw - 576px)/ 1024));
    line-height: 1.2;
    max-width: 40rem;
    color: #10154e;
    text-align: left; 
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

@media screen and (max-width:576px) {
    .section_title {
        font-size: 36px
    }
}

@media screen and (min-width:1600px) {
    .section_title {
        font-size: 40px
    }
}

@media screen and (max-width:992px) {
    .section_title {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    .section_title {
        font-size: 35px
    }
}

@media screen and (max-width:576px) {
    .section_title {
        font-size: 30px
    }
}

.section_title ::before {
    content: "";
    position: absolute;
    top: -10px;
    height: 4px;
    left: 0;
    width: 40px;
    background: #4049e3
}

.section_title ::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 4px;
    background-color: #282828;
    left: 42px;
    top: -10px
}

.section_title.is-left {
    max-width: 30rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left
}

.section_title.is-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 60rem
}

.section_title.is-center ::before {
    content: "";
    position: absolute;
    top: -10px;
    height: 4px;
    left: 50%;
    width: 40px;
    background: #4049e3
}

.section_title.is-center ::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 4px;
    background-color: #282828;
    left: 50%;
    top: -10px
}

.section {
    position: relative;
    z-index: 0
}

.section.section_dark {
    background-color: #0f1348;
    background-image: url(assets/img/wave.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    -webkit-box-shadow: 0 36px 66px -42px #11164e;
    box-shadow: 0 36px 66px -42px #11164e
}

.section.section_dark * {
    color: #fff
}

.section.section_dark p {
    color: rgba(255, 255, 255, .719)
}

.section.is-lg {
    padding-top: 140px;
    padding-bottom: 140px
}

@media screen and (max-width:992px) {
    .section.is-lg {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.section.is_sm {
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (max-width:992px) {
    .section.is_sm {
        padding: 80px 0
    }
}

.section .section-title-sm {
    margin-bottom: 1.5rem;
    font-size: 45px;
    line-height: 1.4;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
    color: #0f072e;
    text-align: center;
    text-transform: lowercase
}

.section .section-title-sm.is-left {
    max-width: 30rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left
}

.section .section_description {
    max-width: 35rem;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0
}

.section .section_description.is-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.section.is-dark {
    color: #fff
}

.section.is-dark .section_title {
    color: #fff;
    font-size: 45px;
    text-align: left; 
    position: relative;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .section.is-dark .section_title {
        font-size: 25px
    }
}

.section.is-dark .section_description {
    color: #fff
}

.section.primary-bg {
    background: #10154e
}

.section.section-about {
    position: relative;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .section.section-about .section_title {
        text-align: center;
        margin: auto
    }
}

.section.section-about .section_description {
    max-width: 40rem
}

.section.section-about .section_description.is_sm {
    max-width: 26rem
}

@media screen and (max-width:992px) {
    .section.section-about .section_description {
        margin-left: auto;
        margin-right: auto
    }
}

.section.section-about .about-img {
    width: 100%;
    margin: auto
}

.section.section-about .about-img img {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .1);
    box-shadow: 0 15px 25px 0 rgba(93, 90, 129, .1)
}

.section.section-about .has-overlay {
    z-index: 0;
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.section.section-about .has-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #5731ab;
    opacity: .56;
    border-radius: 5px
}

.section.section-about .about-img2 {
    width: 100%
}

.is_white {
    background-color: #fff!important
}

.footer {
    padding: 100px 0 50px
}

.footer.has_style1 {
    background: #10154e
}

.footer.has_style1 .copyright {
    color: #fff;
    opacity: .7;
    font-size: 14px;
    margin-bottom: 0
}

.footer.has_style1 .list-items,
.footer.has_style1 .list-title,
.footer.has_style1 .social_footer a,
.footer.has_style1 .social_footer i {
    color: #fff
}

.footer.has_style1 .list-items li a {
    color: #fff;
    opacity: .85
}

.footer.has_style1 .list-items li a:hover {
    color: #4049e3
}

.footer.has_style2 {
    background: #fff
}

.footer .footer_text {
    max-width: 30rem;
    margin-left: 0
}

.footer .social_footer a,
.footer .social_footer i {
    color: #10154e;
    font-size: 1.5rem
}

.footer .footer-desc {
    margin-bottom: 2rem
}

.footer .footer-desc .logo {
    margin-bottom: 1rem
}

.footer .footer-desc .logo img {
    height: 2.5rem
}

.footer .footer-desc .social-footer {
    margin-top: 1rem
}

.footer .footer-desc .social-footer a img {
    width: 18px;
    margin-right: 8px
}

.footer .list-title {
    font-size: 1.1rem;
    position: relative;
    margin-bottom: 1.3rem
}

.footer .list-items {
    margin-bottom: 2rem
}

.footer .list-items li {
    margin-bottom: 1rem
}

.footer .list-items li a {
    color: #2e3158
}

.footer .list-items li a:hover {
    padding-left: .5rem;
    color: #4049e3
}

.footer .copyright {
    margin-top: 35px;
    font-size: 14px;
    margin-bottom: 0
}

.footer .copyright p {
    padding: 2rem 0;
    font-size: 1rem;
    margin: 0;
    color: #a5a5a5
}

.footer_index {
    background: #10154e!important;
    padding: 20px 0
}

.footer_index img {
    max-height: 40px
}

.footer_index .links a {
    color: #faf4f6;
    padding: 0 5px;
    text-transform: lowercase
}

.block {
    padding: 30px;
    margin-bottom: 30px
}

.block .title {
    font-size: 20px
}

.block .title_top {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #ebeaef;
    font-size: calc(24px + 2 * ((100vw - 576px)/ 1024))
}

@media screen and (max-width:576px) {
    .block .title_top {
        font-size: 24px
    }
}

@media screen and (min-width:1600px) {
    .block .title_top {
        font-size: 26px
    }
}

.block li:not(:last-child) {
    margin-bottom: 5px
}

.block li a {
    color: #526792!important
}

.dark_block {
    background: #4049e3
}

.dark_block h1,
.dark_block h2,
.dark_block h3,
.dark_block h4,
.dark_block h5,
.dark_block h6,
.dark_block p,
.dark_block span {
    color: #fff
}

.block_404 {
    margin: 0;
    height: calc(100vh - 100px);
    position: relative
}

.block_404 .title_404 {
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    font-size: 20rem;
    font-family: Chat-medium;
    color: #fff;
    text-shadow: 0 0 74px #35356c0a;
    line-height: 100%
}

@media screen and (max-width:1024px) {
    .block_404 {
        margin: 100px 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
    .block_404 .title_404 {
        position: absolute;
        top: 0;
        font-size: 10rem
    }
}

.block_thanks {
    margin: 0;
    height: calc(100vh - 100px);
    position: relative
}

.block_thanks .title_404 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    font-size: 10rem;
    font-family: Chat-regular;
    color: #fff;
    text-shadow: 0 0 74px #35356c0a;
    line-height: 100%
}

@media screen and (max-width:1024px) {
    .block_thanks {
        margin: 100px 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
    .block_thanks .title_404 {
        position: absolute;
        top: 0;
        font-size: 10rem
    }
}

.privacy_block {
    padding: 60px!important;
    -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
    box-shadow: 0 33px 88px 0 #1d0e6211
}

@media screen and (max-width:991px) {
    .privacy_block {
        padding: 15px!important
    }
}

.block_list {
    position: relative;
    padding-top: 60px;
    padding-bottom: 44px;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08)
}

.block_list .list_item {
    border-bottom: solid 1px #dfdce6;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.block_list .list_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.contact_wrap_dark {
    max-width: 60rem;
    border-radius: 5px;
    background: #10154e;
    padding: 60px 30px
}

.contact_wrap_dark p {
    color: #fff
}

.img_2 {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem)
}

.img_3 {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px)
}

.block_plugin_free {
    margin: 50px 50px 0;
    border-radius: 5px;
    background: linear-gradient(104deg, #fff, #fff, #fff, rgba(255, 255, 255, .522));
    padding: 50px 0
}

@media screen and (max-width:991px) {
    .block_plugin_free {
        margin: 50px 15px 0
    }
}

.block_plugin_free .item_plugins {
    margin-top: 50px;
    text-align: center
}

.block_plugin_free .icon {
    height: 4rem;
    width: 4rem;
    padding: 1rem;
    background: linear-gradient(45deg, #4c3d69 0, #c73e67 100%);
    margin: 0 auto 15px;
    border-radius: 3px;
    color: #fff
}

.block_plugin_free .icon i {
    color: #fff;
    line-height: 2rem;
    font-size: 24px
}

@-webkit-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg)
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg)
    }
}

@-webkit-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg)
    }
}

@-webkit-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg)
    }
}

@-webkit-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg)
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg)
    }
}

@-webkit-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg)
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg)
    }
}

.index_page {
    background: #fff
}

.index_page .item-img {
    opacity: 1
}

.index_page .item-img img {
    width: 100%;
    -webkit-box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, .08);
    -webkit-transition: .25s cubic-bezier(.4, 0, .2, 1);
    transition: .25s cubic-bezier(.4, 0, .2, 1)
}

.index_page .item-img img:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

:not(pre)>code[class*=language-] {
    background-color: #1f2937!important
}

.subt {
    font-size: 35px;
    background: #4049e3; 
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.logod {
    background: #4049e3;
    padding: 15px 30px;
    position: relative;
    border-radius: 100px;
    margin-bottom: 28px;
    text-align: center;
    display: inline-block
}

.logod img {
    max-width: 150px;
    max-height: 129px
}

.tdow {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 47px solid transparent;
    border-top: 23px solid #4049e3;
    position: absolute;
    left: 32px;
    bottom: -19px
}
 

footer {
    background: #10154E;
    min-height: 60px;
    padding-top: 18px;
    position: relative;
    margin-top: 50px;
} 

.bghnd { background:#4049E3; padding: 15px; border-radius: 50px; color: white !important; display: inline-block;  }


.beforeImg li::before {
    content: '';
    position: relative;
    left: 0;
    top: 4px;
    padding: 5px 15px;
    background-image: url(../img/before.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    margin-right: 3px;
}


/* Barra Fixa */
.barchat{ 
    width:100%;
    position:fixed;
    bottom:0;
    z-index:999
} 
.barchat .row {
  display: flex;
  flex-wrap: wrap;
}
.barchat .row  > [class*='col-'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}  
.barchat .barchat-title{
    padding-top:1.6rem;
    padding-bottom:1.6rem;
}
.barchat .barchat-title h2{
    color:#fff;
     font-size: 21px;
}
.barchat .barchat-ctas{
    background: #0062ad;
    padding-top:1.4rem;
    padding-bottom:1.4rem;
    height: 80px;
} 
.barchat .barchat-ctas .btn{
    font-size:1.1rem
} 
 .bg1{
     background: #028bf3;
}
 .font-b-w{
     font-size: 18px;
     font-weight: bold;
}
 .btn-blw {
     background: #083c97;
     color: white;
}
 .btn-blw:hover {
     background: white;
     color: #083c97;
}

/* Fim Barra Fixa */

/* Inicio Pop-Out */ 

.modalExit .close span { border-radius: 32px; padding: 6px; color: black; }
.modalExit h1 { color: #2687e9; font-size: 32px;     font-weight: 600;} 
.modalExit ul li {
  font-size: 19px;
  padding-bottom: 2px;
}
.modalExit ul li::before {
  content: '';
    position: relative;
    left: 0;
    top: 7px;
    padding: 5px 15px;
    background-image: url(../img/before.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    margin-right: 3px;
}
.modalExit .whatsapp { background: green; color: white; font-size: 20px;   }

/* Fim Pop-Out */