/* ----- Fonts ----- */
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Medium.eot');
    src: url('../fonts/AvenirNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Medium.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Medium.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Medium.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ----- Reset css ----- */
* { margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'Avenir Next LT Pro';}
img {border:none; outline:none;max-width: 100%;vertical-align: middle;}
a,h1,h2,h3,h4,h5,h6,p,div,img,article {text-decoration:none; padding:0px; margin:0px;}
ul {list-style-type: none;margin:0px;}
input,textarea,select,input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;}
a:hover, a:focus {text-decoration: none;}
img {image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;}

::-webkit-input-placeholder {color: #aaaaaa;}
:-moz-placeholder {color: #aaaaaa;opacity: 1;}
::-moz-placeholder {color: #aaaaaa;opacity: 1;}
:-ms-input-placeholder {color: #aaaaaa;}

.d-flex{display:-ms-flexbox;display:-webkit-box;display:flex;}
.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-column{-ms-flex-direction:column;-webkit-box-orient:vertical;flex-direction:column;}
.flex-column,.flex-row{-webkit-box-direction:normal;}

/* ----- genralize css ----- */
.container {width: 1070px;margin: 0 auto;max-width: 100%;padding: 0 15px;}
p {font-size: 16px;}
h1 {font-size: 52px;}
h1.small, .h1.small {font-size: 50px;}
h2 {font-size: 44px;}
h3 {font-size: 36px;}
h4 {font-size: 32px;}
h5 {font-size: 24px;}
h6 {font-size: 18px;}
::selection {background-color: #5B99FB;color: #fff;}
.btn-outline {border: 1px solid rgba(255,255,255,0.2);border-radius: 20px;color: #fff;font-weight: bold;font-size: 13px;display: inline-block;padding: 11px 42px;letter-spacing: 1.86px;}
.btn-outline:hover {background-color: #5B99FB;color: #fff;border-color: #5B99FB;}
.btn-blue {border: 1px solid transparent;border-radius: 20px;color: #fff;font-weight: bold;font-size: 13px;display: inline-block;padding: 11px 42px;letter-spacing: 1.86px;background-color: #5B99FB;}
.btn-blue:hover {background-color: transparent;border-color: rgba(255,255,255,0.2);}
.btn-yellow {border: 1px solid transparent;border-radius: 30px;color: #fff;font-weight: bold;font-size: 14px;display: inline-block;padding: 16px 30px;letter-spacing: 1.86px;background-color: #F0CF44;text-transform: uppercase;}
.btn-yellow:hover {background-color: #5B99FB;border-color: #5B99FB;}
header,.btn-outline,.header-menu nav ul li a,.footer-nav ul li a,.btn-blue,.social-listing li a,.btn-yellow,.process-info .btn-link, .apex-features .apex-top .apex-image + .apex-image,.apex-features .apex-bottom .apex-detail + .apex-detail,.reg-play-video,.iframe-play-video {-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/* inner header */
.inner-header .header-menu .header-nav ul li a, .inner-header .languages-dropdown .languages-title{color:rgba(53,59,84,.6);font-weight:600;position: relative;padding-bottom:10px;}
.inner-header .header-menu .header-nav ul li a::before{position: absolute;content:"";bottom: 0;left:0;right:0;width:100%;height:1px;background-color: #5B99FB;
opacity:0;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.inner-header .header-menu .header-nav ul li a.active{color:rgba(53,59,84,1);}
.inner-header .header-menu .header-nav ul li a.active::before{opacity:1;}
.inner-header .header-menu .btn-outline{border-color:rgba(53,59,84,1);color:rgba(53,59,84,1);}
.inner-header .header-menu .btn-outline:hover{color:#ffffff;border-color: #5B99FB}
.inner-header .header-menu .btn-toggle span{background-color: rgba(53,59,84,1);}
.inner-header.sticky-header .header-menu .btn-toggle span{background-color: rgba(255,255,255,1);}
.inner-header .strky-logo{display: none;}
.inner-header.sticky-header .inner-logo{display:none;} 
.inner-header.sticky-header .strky-logo{display:block;}

/* ----- header ----- */
.btn-toggle {display: none;}
header {width: 100%;padding: 54px 0;position: fixed;left: 0;right: 0;top: 0;z-index: 111;}
.header-wrap {display: flex;align-items: center;justify-content: space-between;}
.logo {display: inline-block;width: 104px;}
.logo a {width: 100%;display: inline-block;}
.header-menu {display: flex;flex-wrap: wrap;align-items: center;}
.header-menu .header-nav {display: inline-block;margin-right: 46px;}
.header-menu .header-nav ul {display: flex;}
.header-menu .header-nav ul li {margin-right: 40px;}
.header-menu .header-nav ul li a, .languages-dropdown .languages-title {font-size: 14px;font-weight: 600;color: rgba(255,255,255,0.6);position: relative;letter-spacing: 0.5px;}
.header-menu .header-nav ul li a:hover,.languages-dropdown .languages-title:hover {color: #5B99FB;}
.header-menu .header-nav ul li:last-child {margin-right: 0;}
.header-menu .btn-toggle{width:30px; height: 30px;line-height: 30%;position: absolute; top: 24px; right: 15px;}
.header-menu .btn-toggle span{width:100%;height:2px;background-color:#ffffff;display: inline-block;}
.languages-dropdown {margin-left: 46px;position: relative;}
.languages-dropdown .languages-title {-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;align-items: center;}
.languages-dropdown .languages-title img, .languages-dropdown .languages-title svg {width: 20px;margin-left: 10px; height:10px;margin-top: 1px;object-fit: cover;}
.languages-menu {background-color: rgba(91,153,251,0.7);min-width: 150px;position: absolute;left: 0;top: calc(100% + 2px);text-align: center;border-radius: 5px;padding: 7px 0;display:none;}
.languages-menu.active {display:block;}
.languages-menu li {line-height: 30px;}
.languages-menu li a {color: #fff;font-family: 'Avenir Next LT Pro';}
.languages-dropdown.language-2 {display:none}
.languages-dropdown.mobile, .languages-dropdown.desktop {display:inline-block;}
.languages-dropdown.mobile {margin-left: 0;margin-right: 0 !important;position: relative;left: 0;width: 100%;}

/*.sticky-header */
.sticky-header {padding:20px 0;background-color: #5B99FB;}
.sticky-header .header-menu .header-nav ul li a, .sticky-header .languages-dropdown .languages-title{color:#ffffff;}
.sticky-header .header-menu .header-nav ul li a:hover, .sticky-header .languages-dropdown .languages-title:hover {color:#353b54;}
.sticky-header .header-menu .btn-outline{border-color:#ffffff;color:#ffffff;}
.sticky-header .header-menu .btn-outline:hover {background-color:#353b54;color: #fff;border-color:#353b54;}

/* ----- Footer ----- */
footer {background-image:url(../images/footer-bg.svg);width: 100%;padding: 132px 0;background-size: cover;background-color:#2f344b;}
.footer-wrap {display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-left {display: flex;flex-wrap: wrap;width: 50%;}
.footer-left .logo {margin-bottom: 45px;}
.footer-menu {display: inline-block;width: 100%;}
.footer-menu .footer-nav {width: 300px;display: inline-block;max-width: 100%;}
.footer-nav ul {display: flex;flex-wrap: wrap;}
.footer-nav ul li {width: 50%;margin-bottom: 20px;}
.footer-nav ul li a {color: rgba(255,255,255,0.6);font-weight: 500;font-size: 14px;text-transform: capitalize;}
.footer-nav ul li a:hover {color: #5B99FB;}
.footer-right {display: flex;flex-wrap: wrap;width: 50%;justify-content: flex-end;align-items: self-start;}
.footer-btns {display: inline-block;margin-bottom: 55px;vertical-align: top;}
.footer-btns a {margin-right: 10px;}
.footer-btns a:last-child {margin-right: 0;}
.footer-bottom {display: inline-block;vertical-align: top;width: 100%;}
.social-listing {display: flex;justify-content: flex-end;flex-wrap: wrap;width: 100%;margin-bottom: 23px;}
.social-listing li {margin-right: 20px;}
.social-listing li a {height: 40px;width: 40px;background-color: rgba(238,245,254,0.1);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.social-listing li a:hover {background-color: #5B99FB;}
.social-listing li:last-child {margin-right: 0;}
.footer-bottom .copyright-txt {letter-spacing: 0.43px;font-size: 12px;display: block;width: 100%;text-align: right;color: rgba(255,255,255,0.5);}

/* ----- Banner ----- */
.banner {background-image: url(../images/banner-shape.svg);background-size: cover;background-repeat: no-repeat;position:relative;padding-top:180px;padding-bottom:135px;}
.banner-wrap {display: inline-block;width: 100%;position: relative;}
.banner-left {width: 55%;display: inline-block;padding-top: 90px;margin-bottom: 174px;}
.banner-left h3 {font-weight: normal;color: rgba(91,153,251,0.7);line-height: 49.18px;letter-spacing: 1.07px;}
.banner-left h1 {color: #fff;font-weight: 500;line-height: 71.03px;letter-spacing: 0.93px;margin-bottom: 9px;}
.banner-left p {color: rgba(255,255,255,0.8);line-height: 21.86px;padding-right: 125px;}
.banner-right {width: 60%;display: inline-block;position: absolute;right: -12%;top:0;}
.banner-right img{width:580px;max-width:100%;}
.banner-btns {display: flex;flex-wrap: wrap;}
.banner-btns .btn + .btn {margin-left:15px;}
.banner-btns a {padding: 16px 10px;border-radius: 30px;display: flex;align-items: center;text-transform: uppercase;justify-content: center;height: 50px;}
.banner-btns a.btn-outline {border-color: rgba(91,153,251,0.4);}
.banner-arrow {width: 26px;height: 10px;line-height: 0;}
.banner-btns .btn.btn-merge {position: relative;z-index: 11;min-width: 235px;transition: all 0.6s ease-in-out;}
.banner-btns .btn.btn-merge img {margin-left: 10px;display: inline-block;}
.banner-btns .btn.btn-merge .btn-blue,.banner-btns .btn.btn-play .btn-blue {background-color: #5B99FB;}
.banner-btns .btn.play-btn {margin-left: -90px;position: relative;z-index: 1;transition: all 0.6s ease-in-out;}
.banner-btns .btn.play-btn a {width: 90px;background-color: #5B99FB;transition: all 0.6s ease-in-out;}
.banner-btn-wrap .btn.btn-try {margin-left: 20px;position: relative;z-index: 1;width: 160px;}
.banner-btn-wrap .btn.btn-try a {height: 50px;border-radius: 30px;display: flex;align-items: center;padding: 16px 20px;justify-content: center;}
/* .banner-btns:hover .btn.btn-merge a img {opacity: 0;display: none;} */
.banner-btns:hover .btn.play-btn {margin-left: 20px;transition: all 0.3s ease-in-out;}
.banner-btn-wrap {display: flex;align-items: center;margin-top: 42px;margin-bottom: 21px;}
.banner-btns:hover .btn.btn-merge .btn-blue {border-color: #5B99FB;transition: all 0.3s ease-in-out;}
.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;-ms-animation: bounce 2s infinite;animation: bounce 2s infinite;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); -ms-transform: translateY(0);-moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
  }
  40% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px);  -moz-transform: translateY(-10px);-o-transform: translateY(-10px);
    transform: translateY(-10px);
 }
  60% { -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.indonasia .banner-left h3 {white-space: nowrap;}
.indonasia .banner-left {width: 55%;}

.offer-part {
    width: 100%;
    width: 404px;
    max-width: 100%;
}
.offer-part li {
    background: rgba(91, 153, 251, 0.12);
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);
    border-radius: 37.5px;
    padding: 5px 20px 5px 30px;
    margin-bottom: 15px;
    position: relative;
}
.offer-part li::before {
    position: absolute;
    content: "";
    background-image: url('../images/offer-checked.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 19px;
    left: 6px;
    top: -6px;
}
.offer-part li:last-child {
    margin-bottom: 0;
}
.offer-part li b {
    font-weight: bold;
    color: #D7D8DD;
    font-size: 10px;
    line-height: 12px;
}
.offer-part li p {
    color: #D7D8DD;
    font-size: 10px;
    line-height: 12px;
    padding-right: 0;
}

/* ----- Brand Logo ----- */
.brand-logo {width: 100%;padding: 55px 0;}
.brand-logo-wrap {width:1070px;max-width:100%;}
.brand-logo-listing {white-space:nowrap;}
.brand-logo-listing li {padding: 15px 45px;display: inline-block;text-align: center;}
.brand-logo-listing li a {display: inline-block;max-width: 85px;}
.brand-logo-listing.slick-slider {margin-bottom: 0;}

/* ----- Features ----- */
.features {padding: 25px 0 88px 0;width: 100%;}
.features-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.features-col {width: 25%;padding: 0 10px;}
.features-col-info {background: #FFFFFF;border: 1px solid #F1F1F1;border-radius: 15px;padding: 22px;text-align: center;-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);-ms-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);-o-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05);height: 100%;}
.features-col-info i {height: 44px;width: 44px;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px auto;background-color: rgba(91,153,251,0.1);border-radius: 50%;}
.features-col-info h6 {color: #50525A;font-weight: 500;margin-bottom: 7px;}
.features-col-info p {font-size: 12px;color: #A3A5AE;line-height: 16px;}

/* ----- What is Apex ----- */
.what-is-apex {padding: 82px 0;width: 100%;}
.apex-heading {width: 100%;text-align: center;margin-bottom: 153px;}
.apex-heading h4 {font-size: 30px;line-height: 41px;font-weight: normal;color: #50525A;margin-bottom: 16px;}
.apex-heading h1 {font-weight: bold;color: #353B54;margin-bottom:110px;}
.apex-process {width: 100%;}
.process-listing {display: block;width: 100%;}
.process-listing li {display: block;width: 100%;margin-bottom: 110px;}
.process-listing li:last-child {margin-bottom: 0}
.process-listing li:nth-child(2n) .process-wrap{flex-direction: row-reverse;}
.process-wrap {display: flex;flex-wrap: wrap;}
.process-wrap figure {width: 50%;position: relative;}
.process-wrap .process-info {width: 50%;position: relative;}
.process-info .process-no-outer {width: 100%;display: flex;margin-bottom: 33px;}
.process-info .process-no {background-color: rgba(91,153,251,0.2);height: 60px;width: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.process-no span {background-color: #5B99FB;height: 38px;width: 38px;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 20px;font-weight: 500;}
.process-info h4 {color: #353B54;line-height: 44px;padding-right: 160px;margin-bottom: 15px;}
.process-info p {font-size: 18px;line-height: 25px;color: rgba(53,59,84,0.8);padding-right: 110px;margin-bottom: 20px;}
.process-info p a {text-decoration: underline;color: rgba(53,59,84,0.8);}
.process-info .btn-link {color: rgba(91,153,251,0.8);font-weight: bold;font-size: 18px;}
.process-info .btn-link:hover {color: #353B54;}
.process-listing li:nth-child(2n) .process-wrap figure {text-align: right;}
.process-listing li:nth-child(2n) .process-wrap .process-info .process-no-outer {justify-content: flex-end;margin-left: 60px;}
.process-listing li:nth-child(2n) .process-wrap .process-info .process-no-outer .process-no {}
.process-listing li:nth-child(2n) .process-wrap .process-info .process-info-inner {text-align: right;}
.process-listing li:nth-child(2n) .process-wrap .process-info .process-info-inner h4,.process-listing li:nth-child(2n) .process-wrap .process-info .process-info-inner p {padding-right: 0;}
.process-listing li:nth-child(2n) .process-wrap .process-info .process-info-inner p {padding-left: 60px;}
.process-listing li:first-child .process-wrap .process-info::before{display: none;}
.process-listing li:first-child .process-wrap figure::before{position: absolute;content: "";top: 36px;right:20px;
background-image: url(../images/feature-shape-top.svg);width: 107px;height: 82px;background-size: cover;    display: inline-block;}
.process-listing li:nth-child(even) .process-wrap .process-info::before{position: absolute;content: "";bottom:95.5%;right:20px;
background-image: url(../images/feature-shape-left.svg);width: 107px;height: 82px;background-size: cover;}
.process-listing li:nth-child(odd) .process-wrap .process-info::before{position: absolute;content: "";bottom:99%;left:20px;
background-image: url(../images/feature-shape-right.svg);width: 107px;height: 82px;background-size: cover;}
.combine-section{background-image:url(../images/combine-shape.svg);background-size:cover;}

/* ----- about-us ----- */
.about-us{padding:110px 0 130px;}
.about-us .about-desc{text-align: center;background-image:url(../images/about-bg.svg);padding:60px 15px;border-radius: 20px;}
.about-us .about-desc h4{font-weight:500;font-size: 30px;color: #FFFFFF;margin-bottom:30px;}

/* ----- apex feature ----- */
.apex-features{padding:0 0 130px;}
.apex-features h4{color:rgba(53,59,84,1);}
.apex-features h6{color:rgba(80,82,90,1);margin-top:10px; font-weight: 400;}
.apex-features .container-fluid{overflow: hidden;}
.apex-features .apex-top{margin:65px 0 65px;}
.apex-features .apex-top .apex-image figure{ position: relative; padding-top: 63%;}
.apex-features .apex-top .apex-image figure img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;height: 100%;width: 100%;}
.apex-features .apex-bottom .apex-detail + .apex-detail {width: 700px;max-width: 100%;padding-right: 80px;transform: translateX(-170px);}
.apex-features .apex-bottom .apex-detail h5{color:rgba(53,59,84,.3);font-weight:500;}
.apex-features .apex-bottom .apex-detail p{color:rgba(97,104,135,.3);line-height: 130%;margin: 10px 0 20px;/*max-width: 470px;width: 100%;*/}
.apex-features .apex-bottom .apex-detail .list li{position:relative;padding-left:20px;color:rgba(97,104,135,.3);}
.apex-features .apex-bottom .apex-detail .list li+li{margin-top: 10px;}
.apex-features .apex-bottom .apex-detail .list li::before{position: absolute;content:"";background-image: url(../images/cricle.svg);width: 10px;
    height: 10px;top: 4px;left: 0;}
.apex-features .apex-bottom .apex-detail.slick-current h5{color:rgba(91,153,251,1);font-weight:500;}
.apex-features .apex-bottom .apex-detail.slick-current  p{color:rgba(97,104,135,1);font-weight:500;}
.apex-features .apex-bottom .apex-detail.slick-current .list li{color:rgba(97,104,135,1);font-weight:500;}
.apex-features .apex-bottom .slick-dots{position: static;margin:70px 0 0;}
.apex-features .apex-bottom .slick-dots li{width: 40px;height: 40px;line-height: 40px;background-color:transparent;border-radius: 100%;}
.apex-features .apex-bottom .slick-dots li button{font-weight: 600;font-size: 14px;color: #989EB5;background-color:#DAE2EC;    display: inline-block;
    width: 26px;height: 26px;line-height: 26px;border-radius: 100%;padding:0;}
.apex-features .apex-bottom .slick-dots .slick-active{background-color:#DAE2EC; }
.apex-features .apex-bottom .slick-dots .slick-active button{background-color:#5B99FB;color:#ffffff;}
.apex-features .apex-bottom .slick-dots li button::before{display: none;}

/* ----- faq-section ----- */
.faq-section .faq-detail{display: flex;flex-wrap:wrap;padding:140px 0 170px;border-top:1px solid rgba(218,226,236,1);}
.faq-section .faq-left {width:40%;}
.faq-section .faq-left h4{color:rgba(80,82,90,1);font-weight:400;}
.faq-section .faq-left h2{color:rgba(53,59,84,1);font-weight:700;margin: 25px 0 30px;}
.faq-section .faq-left h6{font-size:20px;font-weight:600;color:rgba(53,59,84,1);margin:30px 0;}
.faq-section .faq-left ul li{position: relative;padding-left:20px;}
.faq-section .faq-left ul li a{font-size:18px;color:rgba(144,151,168,1);font-weight: 500;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;}
.faq-section .faq-left ul li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: #5b99fb;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.faq-section .faq-left ul li.active a::after {width: 100%;}
.faq-section .faq-left ul li a:hover{color:#5B99FB;}
.faq-section .faq-left ul li::before{position:absolute;content:"";top:5px;left:0;
background-image:url(../images/right-arrow.svg);width: 7px;height: 14px;}
.faq-section .faq-left ul li+li{margin-top:20px;}
.faq-section .faq-left .form-group{position: relative;}
.faq-section .faq-left .form-group .form-control{width: 100%;height:50px;border: 1px solid rgba(53, 59, 84, 0.15);
border-radius: 6px; background-color: transparent;padding:8px 60px;color:rgba(45,50,72,1);
font-size:16px;font-weight:500;font-family: 'Avenir Next LT Pro';}
.faq-section .faq-left .form-group .icon{position:absolute;top:12px;left:18px;}
.faq-section .faq-left .form-group .close{position:absolute;top: 17px;right: 18px;background: none;border: none;cursor:pointer;}
.faq-section .faq-left .form-group ::-webkit-input-placeholder {color:rgba(45,50,72,1);font-size:16px;font-weight:500;}
.faq-section .faq-left .form-group ::-moz-placeholder {color:rgba(45,50,72,1);font-size:16px;font-weight:500;}
.faq-section .faq-left .form-group :-ms-input-placeholder {color:rgba(45,50,72,1);font-size:16px;font-weight:500;}
.faq-section .faq-left .form-group :-moz-placeholder {color:rgba(45,50,72,1);font-size:16px;font-weight:500;}
.faq-section .faq-right{width:60%;padding-left:100px;max-height: 670px;}
.faq-section .faq-right .collapse{border-bottom:1px solid #DAE2EC;}
.faq-section .faq-right .collapse:first-child .collapse-header{padding:0 160px 24px 0;}
.faq-section .faq-right .tab-content.active + .tab-content .collapse:first-child .collapse-header {padding:24px 160px 24px 0;}
.faq-section .faq-right .collapse:first-child .collapse-header::before{top:0;}
.faq-section .faq-right .tab-content.active + .tab-content .collapse:first-child .collapse-header::before {top:25px;}
.faq-section .faq-right .tab-content.active + .tab-content .collapse:first-child .collapse-header.active::before {top:35px;}
.faq-section .faq-right .collapse:first-child .collapse-header.active::before{top:11px;}
.faq-section .faq-right .collapse .collapse-header{color:rgba(53,59,84,1);font-size:22px;font-weight:600;
    position: relative;display: block;padding:24px 160px 24px 0;}
.faq-section .faq-right .collapse .collapse-header::before{position:absolute;content: "";top:25px;right:0;
background-image: url(../images/plus.svg);width:22px;height:22px;}
.faq-section .faq-right .collapse .collapse-header.active::before{background-image: url(../images/minus.svg);
    width:22px;height:2px;top:35px;}  
.faq-section .faq-right .collapse .collapse-item{display: none;padding-bottom:50px;} 
.faq-section .faq-right .collapse .collapse-item p{color:rgba(53,59,84,.8);font-size:18px;line-height:145%;}
.faq-section .faq-right .collapse .collapse-item p+p{margin-top:30px;}
.form-group .close [type="reset"] {position:absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;visibility: hidden;}
.form-group .close img {display:block;}

/* ----- packages-page ----- */
.packages-page{display: inline-block;width: 100%;padding: 170px 0px;background-image: url(../images/package-bg.svg);background-size: 100%;background-repeat: no-repeat;background-position: bottom;}
.section-title {text-align: center;margin-bottom:50px;}
.section-title h1 {font-size: 50px;font-weight: 600;color: rgba(53, 59, 84, 1);margin-bottom: 15px;text-transform: capitalize;}
.section-title h6 {font-size: 18px;font-weight: 400; color: rgba(53,59,84,0.8);}
.text-blue{color: #7cadfc;font-weight: 500;}
.text-blue-normal{color: #7cadfc;}
.text-black{color: rgba(53,59,84,0.8);font-weight:500;}
.best-Package-main-box{display: flex;flex-wrap: wrap;margin: 0px -12.5px;}
.best-Package-box{height: 100%;border-radius: 15px;background-color: #fff;margin-right: 25px;display: flex;flex-direction: column;
box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
-o-box-shadow:  0px 5px 60px rgba(0, 0, 0, 0.05);-ms-box-shadow:  0px 5px 60px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);box-shadow:  0px 5px 60px rgba(0, 0, 0, 0.05);}
.best-Package-inner {width: 33.33%;padding: 0px 12.5px;}
.best-Package-small-box1 {border-bottom: 1px solid #F0F0F0;display: inline-block;width: 100%;padding:60px 25px 15px 25px;border-radius: 15px 15px 0px 0px;position: relative;}
.most-box {display: inline-block;width: 100%;position: absolute;top: 0;left:0;right:0;padding:0 30px;}   
.most-box span {background-color: rgba(240,207,68,1);padding: 10px 22px;border-radius: 0px 0px 15px 15px;color: #fff;font-size: 16px;font-weight: 500;display:inline-block;}
figure.star-icon {text-align: center;background-color:#eff5ff;width: 40px;float: right;border-radius: 50%;height: 40px;    display: flex; align-items: center; justify-content: center;margin-top: 20px;}
.best-Package-small-box1 .post-box h5 {font-size: 24px;color: #000;font-weight: 500;margin-bottom:8px;}
.best-Package-small-box1 .post-box p {font-size: 15px;font-weight: 500;margin-bottom:8px;color: rgba(53,59,84,.6);}
.best-Package-small-box1 .post-box .dollar {font-size: 36px;color: #000;font-weight: 600;min-height:45px;}
.best-Package-small-box1 .post-box .dollar span {font-size: 16px;font-weight: 500;    color: rgba(53,59,84,.6);}
.best-Package-small-box1 .post-box .dollar .new{font-size: 27px;color:#82848C;}
.best-Package-small-box2 {width: 100%;padding:35px 25px;border-radius: 0px 0px 15px 15px;flex-direction: column; display: flex;
    height: 100%;}
.list-menu li:last-child{margin-bottom: 0px;}
.list-menu{position: relative;margin-bottom:40px;display: flex;flex-grow: 1;flex-direction: column;height: 100%;}
.best-Package-small-box2 ul li{margin-bottom: 15px;color: rgba(53,59,84,.7);font-size: 14px;font-weight: 600;position: relative;padding-left: 30px;text-transform: capitalize;}
.best-Package-small-box2 ul li::before{content: '';position: absolute;top: 0;left:0;background-image: url(../images/right-img.svg);background-repeat: no-repeat;background-position: center;height: 18px;width: 18px;border-radius: 50%;background-color: #cee1fe;}
.best-Package-small-box2 a {max-width: 250px;margin: auto;width: 100%;text-transform: uppercase;padding: 16px 10px;text-align: center;display: inline-block;
    color:rgba(91,153,251,1);font-weight: 600;font-size: 14px;border-radius:30px;border:1px solid rgba(91,153,251,0.23);
    -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.best-Package-small-box2 a:hover{background-color:rgba(91,153,251,1);color:#ffffff;border:1px solid rgba(91,153,251,1); }
.best-Package-main-box .best-Package-box:last-child{ margin-right: 0px; }
.best-Package-main-box  .active{ background-color:rgba(85,141,231,1);
-webkit-box-shadow: 0px 5px 80px rgba(44, 103, 196, 0.4);-o-box-shadow: 0px 5px 80px rgba(44, 103, 196, 0.4);
-ms-box-shadow: 0px 5px 80px rgba(44, 103, 196, 0.4);-moz-box-shadow: 0px 5px 80px rgba(44, 103, 196, 0.4);
box-shadow: 0px 5px 80px rgba(44, 103, 196, 0.4);}
.best-Package-main-box .active .best-Package-small-box1{border-bottom:none;background-color: rgba(91,153,251,1);}
.best-Package-main-box  .active .active-btn{background-color:rgba(40,45,65,1);color: #ffffff;border:1px solid rgba(40,45,65,1);}
.best-Package-main-box  .active .active-btn:hover{background-color: #fff;color: rgba(91, 153, 251, 1);border:1px solid #ffffff;}
.best-Package-main-box  .active .post-box h5,.active  .post-box .dollar{ color: rgba(255,255,255,1);}
.best-Package-main-box  .active .post-box p{ color: rgba(255,255,255,.7);}
.best-Package-main-box  .active .dollar span{ color: rgba(255,255,255,.6);}
.best-Package-main-box  .active figure.star-icon{background-color: #558de7;}
.best-Package-main-box  .active .best-Package-small-box2 ul li{color: #fff ;}

/* ----- form-model ----- */ 
.modal-body  .form-list li .check-grp label{display: inline-block;text-decoration: underline;    cursor: pointer;font-weight: 500;margin:0;}
.modal-body  .form-list li .check-grp label::before {position: absolute;content: "";background-image:url(../images/check.svg);    width: 8px;
    height: 7px; background-repeat: no-repeat;top: 6.5px;left: 2px;opacity:0;z-index: 1;}
.modal-body  .form-list li .check-grp label::after {content: "";width: 12px;height: 12px;background-color:rgba(196,196,196,1);border-radius: 3px;position: absolute;left: 0px;top:3px;}
.modal-body  .form-list li .check-grp input[type="checkbox"] {opacity: 0;position: absolute;}
.modal-body  .form-list li .check-grp input[type="checkbox"]:checked + label::before {opacity: 1;}
.modal-body  .form-list li .check-grp input[type="checkbox"]:checked + label::after {border-color: #ffffff;}
.form-model{display: inline-block;width: 100%; position:relative;} 
.form-box {text-align: center;width: 100%; position: absolute; top:0; right:0;left: 0;bottom: 0;} 
.form-page h4 {font-weight: 600; font-size: 30px;color: rgba(45, 50,72, 1);letter-spacing: 0.6px;margin-bottom: 10px;} 
.form-page p {font-size:15px; font-weight: 600; color: rgba(45,50,72,0.7); margin-bottom: 20px;}
.modal-body  .form-group .form-control{width:100%;background: rgba(234, 235, 237, 0.4);border: 1px solid rgba(53, 59, 84,0.15);
    border-radius: 6px; padding:12px 6px 12px 20px;height: 45px;font-weight:500;font-family: 'Avenir Next LT Pro';color:rgba(45,50,72,1);
    font-size: 14px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 
.modal-body  .form-group ::-webkit-input-placeholder { font-family: 'Avenir Next LT Pro';color:rgba(45,50,72,.6);font-size: 14px;}
.modal-body  .form-group ::-o-placeholder {font-family: 'Avenir Next LT Pro';color:rgba(45,50,72,.6);font-size: 14px;}
.modal-body  .form-group :-ms-input-placeholder {font-family: 'Avenir Next LT Pro';color:rgba(45,50,72,.6);font-size: 14px;}
.modal-body  .form-group :-moz-placeholder {font-family: 'Avenir Next LT Pro';color:rgba(45,50,72,.6);font-size: 14px;}
.modal-body .form-group .form-control:focus{border: 1px solid #5B99FB;}
.modal-body  textarea.form-control{resize: none;height: 160px !important;margin-top:10px;} 
 .modal-body  textarea.form-control:focus{border: 1px solid #5B99FB;}
.modal-body  .form-group select.form-control{cursor:pointer;margin:10px 0;position: relative;background-image:url(../images/bottom-down.svg);background-position: 95% 50%;
    background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.modal-body  .form-group select.form-contro::before{position: absolute;content: "";top:0;right:0;}
.modal-body  .form-list li label {font-size: 14px;font-weight: 600;font-family:'Avenir Next LT Pro';margin-top:10px;} 
.modal-body  .form-list li label span{color:#eb5151;} 
.modal-body  .form-group {width: 100%;padding: 0 10px}
ul.form-list {position: relative;} 
.modal-body .form-group.col-2 {width: 50%;padding:0 10px;} 
.modal-body .form-list li{display:flex; flex-wrap: wrap;margin: 0 -10px 20px;position: relative;} 
.modal-body .form-listli:last-child{margin-bottom: 0px;} 
.modal-body .form-list li p {font-size: 14px;font-weight: 400;color:#2D3248;line-height: 130%;padding-right: 20px;} 
.modal-body .submit-btn{ border-radius: 30px;font-size:14px;font-weight: 600;padding: 21px 10px;display: inline-block;position: relative;
    min-width: 195px; cursor: pointer; color: #fff;background-color: #5B99FB;border: 1px solid #5B99FB;transition: all 0.3s ease-in-out;}
.modal-body .submit-btn:hover{color: rgba(91, 153, 251, 1);background-color: transparent;border:1px solid #5B99FB;}
.modal-body .subscribe-btn {font-weight: 500;font-size: 14px;color: rgba(251,127, 91, 0.6);margin-top:0;text-decoration:underline;position: relative;
    padding-left:20px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.modal-body  .subscribe-btn:hover{color:rgba(91, 153, 251, 1);} 
.modal-body .form-list li p span a{color:#5b99fb;font-weight:700;} 
.modal-body  .form-list li:nth-child(4){margin-bottom:15px;}
.modal-body  .form-list li:last-child{margin-bottom: 0;}
.modal-body  .form-list li .modal-btn{display: flex;align-items: center; width: 100%;}         
.contact-model .form-page p{font-weight: 500;}
.contact-model .form-page h4{margin-bottom: 50px;}
.modal-open {overflow: hidden;padding-right: 17px;}
.modal-tankyou-information .form-list {margin-top: 100px;}
.modal-tankyou-information .form-list .text {margin-bottom: 0;font-size: 18px;line-height: 25px;color: #2D3248;}
.modal-tankyou-information .modal-btn {margin-top: 206px;}
.modal-tankyou-information .modal-header h4 {width: 100%;}
.company-information .modal-wrapper {width: 800px;}

/* ----- model-css ----- */
.modal,.modal-contact,.partenr-toggle,.privacy-toggle,.terms-toggle,.video-toggle {position:fixed;z-index:999;text-align:center;top: 0;left: 0;right:0;bottom:0;visibility: hidden;width: 100%;height: 100%;
        padding: 20px 15px;opacity: 0;overflow: auto;}
.modal.is-visible,.modal-contact.is-visible,.partenr-toggle.is-visible,.privacy-toggle.is-visible,.terms-toggle.is-visible,.video-toggle.is-visible {visibility: visible;    opacity: 1;}
.modal.is-visible::before, .modal-contact.is-visible::before,.partenr-toggle.is-visible::before,.video-toggle.is-visible::before{content: ""; display: inline-block;vertical-align: middle;height: 100%; margin-left: -4px;}
.modal-overlay {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: rgba(40, 45, 65, 0.6);
    backdrop-filter: blur(13.5914px);opacity: 0;-o-backdrop-filter: blur(13.5914px);-moz-backdrop-filter: blur(13.5914px);
    -ms-backdrop-filter: blur(13.5914px);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity:0.3;}
.modal.is-visible .modal-overlay,.modal-contact.is-visible .modal-overlay,.partenr-toggle.is-visible .modal-overlay,.video-toggle.is-visible .modal-overlay {opacity: 1;transition-delay: 0s;    visibility: visible;}
.modal-wrapper { display: inline-block;vertical-align: middle;  position: relative; z-index: 11;text-align: left;border-radius: 15px;padding:55px 52px 50px 52px;margin: 0 auto;width:530px;max-width:100%;background-color: #fff;}
.modal-transition {-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;transform: translateY(-10%);-webkit-transform: translateY(-10%);-o-transform: translateY(-10%);-ms-transform: translateY(-10%);-moz-transform: translateY(-10%);}
.modal.is-visible  .modal-transition,.modal-contact.is-visible .modal-transition, .partenr-toggle.is-visible .modal-transition, .privacy-toggle.is-visible .modal-transition, .terms-toggle.is-visible .modal-transition,.video-toggle.is-visible .modal-transition
{transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0);
    -o-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0); -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.modal-content {padding: 50px 60px 10px 50px;}
.modal-header {position: relative;}
.modal-header .modal-close {position: absolute;top: -15px;right: -10px;background: none;border: 0;    cursor: pointer;}
.modal-header h4 {margin-bottom: 50px; font-size: 30px; font-weight: 600;max-width: 100%;width: 350px;}
.form-model .modal-header h4{margin-bottom:20px;}
.modal-header p{font-weight: 500;font-size: 15px;color: rgba(45, 50, 72, 0.7);}
.modal-body {margin-top: 25px;}
.modal-body .form-list li .modal-btn .n-btn{margin-left:40px;}
.modal-lg {width: 1440px;}
.modal-body .h1 {font-weight: 600;line-height: 62px;letter-spacing: -1px;color: #353B54}
.modal-body .modal-head p, .modal-block p, .modal-block ul li {font-size: 18px;line-height: 25px;color: #353B54;mix-blend-mode: normal;opacity: 0.8;margin-top: 8px;}
.text-center {text-align: center;}
.modal-block {padding-top: 40px;width: 1070px;max-width: 100%;margin: 0 auto;}
.modal-block h6 {margin-bottom: 8px;}
.modal-block p {margin-bottom: 32px;margin-top: 0;}
.modal-block p:last-child {margin-bottom: 0;}
.modal-block p a {color: rgba(91,153,251,1);}
.modal-block ul {margin-bottom: 32px;}
.modal-block ul li {position: relative;padding-left: 20px;margin-top: 0;margin-bottom: 10px;}
.modal-block ul li:last-child {margin-bottom: 0;}
.modal-block ul li::before {content:"";position: absolute;left: 0;top: 9px;width: 8px;height: 8px;background-color:#5B99FB; border-radius: 50%;}
.terms-toggle .modal-body, .privacy-toggle .modal-body {height: calc(100vh - 180px);overflow: auto;}
.terms-toggle .modal-wrapper, .privacy-toggle .modal-wrapper {background-image:url(../images/combine-shape2.svg);background-position: top center;background-repeat: no-repeat;background-size:100%;background-color: #eff5fe;}
.contact-button {margin-top: 70px;}
.company-information .modal-wrapper {background-image: url(../images/combine-shape3.svg);background-position: center;background-repeat: no-repeat;background-size: 100%;background-color: #fff;}
.error {color: red;font-weight: normal !important;}
.success {color: green;font-weight: normal !important;}
.submit-btn.disabled {opacity:0.5;pointer-events: none;}
.submit-btn.disabled span {opacity:0;}
.loader-image {display:none;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 30px;}
.disabled .loader-image {display:block;}
.video-toggle .modal-wrapper {width: 63%;max-width: 100%;}
.modal-close.video-toggle {right: -65px;left: auto;top: auto;background-color: #C4C4C4;padding: 5px;width: 40px;height: 40px;bottom: 25px;border-radius: 8px;cursor: pointer;}
.modal-close.video-toggle img {width: 14px;height: 14px;}

/* ----- cutomer popup ----- */
.partenr-toggle .modal-wrapper{width:1300px;padding:80px 120px 30px 120px;background-image:url(../images/cutomer-shape.svg);background-position: bottom center;
    background-repeat: no-repeat;background-size:cover;}
.partenr-toggle .modal-header{margin-bottom:75px;}
.partenr-toggle .modal-header h4{width:100%;text-align: center;margin-bottom: 15px;font-size:50px;color:#353B54;}
.partenr-toggle .modal-header h6{text-align: center;color:rgba(53,59,84,.8);font-weight:400;}
.partenr-toggle .modal-header .modal-close{    top: -35px;right: -60px;}
.partenr-toggle .modal-wrapper .modal-body ul{display: flex;justify-content: center;flex-wrap: wrap;}
.partenr-toggle .modal-wrapper .modal-body ul li{width:16.66%;text-align: center;margin-bottom:55px;}

/* --- Slider exp --- */
.apex-features .apex-top .apex-image + .apex-image {-webkit-transform: scale(0.458);-ms-transform: scale(0.458);-moz-transform: scale(0.458);-o-transform: scale(0.458);transform: scale(0.458);transform-origin: top;width: 700px;border: 2px solid #e5eaf2;border-radius: 12px;overflow: hidden;-webkit-transform-origin: top left;-ms-transform-origin: top left;-moz-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;}
.apex-features .apex-top .apex-image + .apex-image.slick-slide.slick-current.slick-active {-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);border-radius: 12px;overflow: hidden;border: 2px solid rgba(91, 153, 251, 0.2);-webkit-transform: translateX(-170px);-ms-transform: translateX(-170px);-moz-transform: translateX(-170px);-o-transform: translateX(-170px);transform: translateX(-170px);}
.apex-features .apex-top .apex-image + .apex-image.slick-slide.slick-current.slick-active + .slick-active {-webkit-transform: scale(0.458) translate(-200px);-ms-transform: scale(0.458) translate(-200px);-moz-transform: scale(0.458) translate(-200px);-o-transform: scale(0.458) translate(-200px);transform: scale(0.458) translate(-200px);}
.apex-features .apex-top .apex-image + .apex-image.slick-slide.slick-current.slick-active + .slick-active + .slick-slide {-webkit-transform: scale(0.458) translate(-962px);-ms-transform: scale(0.458) translate(-962px);-moz-transform: scale(0.458) translate(-962px);-o-transform: scale(0.458) translate(-962px);transform: scale(0.458) translate(-962px);}
.apex-features .apex-top .apex-image + .apex-image + .slick-active {-webkit-transform: scale(0.458) translateX(280px);-ms-transform: scale(0.458) translateX(280px);-moz-transform: scale(0.458) translateX(280px);-o-transform: scale(0.458) translateX(280px);transform: scale(0.458) translateX(280px);}
.slick-next, .slick-prev {display: none !important;}

.mCSB_scrollTools {width: 4px !important;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 2px !important;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width: 4px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #AAA !important;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #AAA !important;}
.mCSB_scrollTools {opacity: 0 !important;}
.mCSB_scrollTools_onDrag.mCSB_scrollTools {opacity: 1 !important;}
.faq-right .mCSB_inside > .mCSB_container {margin-right: 30px !important;}

.tab-content {display: none;}
.tab-content.active {display: block;}
.parag {display:none}
.google-maps {width: 65.035%;}
.google-maps iframe {width: 100%;height: 250px;display: block;}
.address {width: 34.965%;padding-left: 16px;font-family: 'Avenir Next LT Pro';font-style: normal;font-weight: 500;font-size: 14px;line-height: 24px;letter-spacing: -0.3px;color: #2D3248;opacity: 0.7;}
.address a {color: #2D3248;}
.address > span {margin-bottom: 2px;}
.address .name {font-size: 18px;}
.address .block {font-size: 16px;}
.address .email {font-size: 16px;}
.address .bottom-space {margin-bottom: 13px;}

.video-toggle .modal-body {margin-top: 0;position: relative;padding-top: 51%;border-radius: 15px;overflow: hidden;}
.video-toggle .modal-body iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.video-toggle .modal-wrapper.modal-transition {background-image: none;padding: 0;}
.video-toggle .modal-header {margin-bottom: 0;}
.video-toggle .modal-body iframe {width: 100%;position: absolute;}
.partenr-toggle .modal-header .modal-close {top: -27px;right: 0;background-color: #fff;padding: 5px;}
.reg-play-video {position: absolute;top: -84px;height: 47px;width: 180px;font-size: 12px;color: #fff;background-color: #4272BD;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 17px 17px 17px 0;left: 38px;font-weight: 500;opacity: 0;-webkit-transform: rotate(-14deg);-ms-transform: rotate(-14deg);-moz-transform: rotate(-14deg);-o-transform: rotate(-14deg);transform: rotate(-14deg);}
.reg-play-video::before {content: "";position: absolute;background-repeat: no-repeat;background-image: url('../images/reg-video-shape.svg');width: 29px;height: 16px;left: -19px;bottom: -3px;-webkit-transform: rotate(235deg);-ms-transform: rotate(235deg);-moz-transform: rotate(235deg);-o-transform: rotate(235deg);transform: rotate(235deg);}
.banner-btns:hover .btn.play-btn:hover .reg-play-video {opacity: 1;}
.modal-close.video-toggle::before {display: none;}

.iframe-play-video {transition-duration: 0.4s;position: absolute;background-color: #fff;top: -216px;width: 298px;text-align: center;border-radius: 17px 17px 17px 0;padding: 10px;font-size: 14px;color: #333850;font-weight: 500;left: 38px;-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;-moz-transform-origin: bottom left;-o-transform-origin: bottom left;transform-origin: bottom left;}
.iframe-play-video::after {position: absolute;content: "";background-image: url(../images/video-iframe-shape.svg);background-repeat: no-repeat;width: 22px;height: 29px;left: 0;bottom: -10px;}
.video-preview {width: 278px;height: 145px;display: inline-block;}
.video-preview figure {width: 100%;height: 100%;border-radius: 12px;background-color: #5086DC;overflow: hidden;}
.video-preview figure img {width: 100%;height: 100%;object-fit: cover;}
.banner-btns .btn.play-btn:hover .iframe-play-video {-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/* .btn.play-btn::before {height: 23px;content: "";width: 90px;display: inline-block;position: absolute;top: -23px;} */
.banner-btns .btn-merge > .btn-blue {background-image: url(../images/icon-play.svg);background-repeat: no-repeat;background-position: calc(100% - 25px) center;    transition-duration: 0.8s;}
.banner-btns:hover .btn-blue {background-position: calc(100% + 25px) center;}
.indonasia .banner-btns .btn.btn-merge {min-width: 270px;}