body,html {
    height: 100%
}

body {
    line-height: 1.74;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    font-family: "Inter", sans-serif;
    color: #7e7e7e;
    position: relative;
    background-color: #06bea6
}

body.no-overflow {
    overflow: hidden
}

h1,h2,h3,h4,h5,h6 {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.23
}

.h1,h1 {
    font-size: 56px
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .h1,h1 {
        font-size:46px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .h1,h1 {
        font-size:40px
    }
}

@media only screen and (max-width: 767px) {
    .h1,h1 {
        font-size:34px
    }
}

.h2,h2 {
    font-size: 48px
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .h2,h2 {
        font-size:36px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .h2,h2 {
        font-size:36px
    }
}

@media only screen and (max-width: 767px) {
    .h2,h2 {
        font-size:30px
    }
}

.h3,h3 {
    font-size: 40px
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .h3,h3 {
        font-size:32px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .h3,h3 {
        font-size:28px
    }
}

@media only screen and (max-width: 767px) {
    .h3,h3 {
        font-size:25px
    }
}

h4 {
    font-size: 34px
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    h4 {
        font-size:30px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    h4 {
        font-size:28px
    }
}

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

h5 {
    font-size: 24px
}

h6 {
    font-size: 18px
}

.drak-area h1,.drak-area h2,.drak-area h3,.drak-area h4,.drak-area h5,.drak-area h6 {
    color: #fff
}

.drak-area .text {
    color: #ebebeb
}

.drak-area .check-list .list-item {
    color: #fff
}

p:last-child {
    margin-bottom: 0
}

a,button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer
}

a,button,img,input,span {
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

:focus {
    outline: none!important
}

a:focus {
    color: inherit;
    outline: none;
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: none;
    box-shadow: none
}

a:hover {
    text-decoration: none;
    color: #5945e6
}

button,input[type=submit] {
    cursor: pointer
}

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}
.theme_bg-2 {
    background: #119b9d
}

.bg-cover {
    background-position: 50%;
    background-size: cover
}

.text-black {
    color: #333
}


::-moz-selection {
    color: #fff;
    background-color: #5945e6
}

::selection {
    color: #fff;
    background-color: #5945e6
}

@keyframes moveVertical {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.move-up {
    transform: translateY(0)
}

.move-up.animated {
    transform: translateY(100px);
    animation: moveVertical .65s ease forwards
}

.section-space--ptb_120 {
    padding-top: 120px;
    padding-bottom: 120px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--ptb_120 {
        padding-top:80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_120 {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.section-space--pt_120 {
    padding-top: 120px
}
.pt_120{
    padding-top: 120px;
}
@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pt_120 {
        padding-top:80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_120 {
        padding-top:60px
    }
}
.section-space--pt_90 {
    padding-top: 90px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pt_90 {
        padding-top:60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_90 {
        padding-top:40px
    }
}

.section-space--pb_90 {
    padding-bottom: 90px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pb_90 {
        padding-bottom:60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_90 {
        padding-bottom:40px
    }
}

.section-space--ptb_60 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--ptb_60 {
        padding-top:60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_60 {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.section-space--pt_60 {
    padding-top: 60px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pt_60 {
        padding-top:60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_60 {
        padding-top:60px
    }
}

.section-space--pb_60 {
    padding-bottom: 60px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pb_60 {
        padding-bottom:60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_60 {
        padding-bottom:60px
    }
}

.section-space--pt_40 {
    padding-top: 40px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--pt_40 {
        padding-top:30px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_40 {
        padding-top:30px
    }
}



.section-space--mt_30 {
    margin-top: 30px
}

.section-space--mt_40 {
    margin-top: 40px
}

.section-space--mt_50 {
    margin-top: 50px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .section-space--mt_50 {
        margin-top:40px
    }
}

.section-space--mb_40 {
    margin-bottom: 40px
}
.mb-10 {
    margin-bottom: 10px
}

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

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

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

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

.mb-40 {
    margin-bottom: 40px
}
.mt-20 {
    margin-top: 20px
}
.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}
.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

@media(min-width: 1600px) {
    .container-fluid--cp-150 {
        padding:0 150px!important
    }
}

@media(min-width: 1600px)and (max-width:1664px) {
    .container-fluid--cp-150 {
        padding:0 110px!important
    }
}

@media(min-width: 1200px) {
    .container-fluid--cp-150 {
        padding:0 50px
    }
}
@media(min-width: 1200px) {
    .container {
        max-width:1200px
    }
}
@media only screen and (max-width: 767px),only screen and (min-width:768px)and (max-width:991px),only screen and (min-width:992px)and (max-width:1199px) {
    .header-area {
        padding:15px 0
    }
}

.fixed-top {
    z-index: 9
}

.navbar-brand img {
    width: 180px
}

.navbar {
    padding: 0
}

.header-area.text-white .logo-dark {
    display: none
}

.header-area.text-white .logo-light,.header-area.text-white.is-sticky.text-white .logo-dark {
    display: block
}

.header-area.text-white.is-sticky.text-white .logo-light {
    display: none
}
.navbar-toggler {
    padding: 4px 5px
}

.navbar-toggler:focus {
    box-shadow: none
}

@media only screen and (max-width: 767px),only screen and (min-width:768px)and (max-width:991px),only screen and (min-width:992px)and (max-width:1199px) {
    .navbar-toggler {
        order:3;
        background-color: #fff
    }
}

.footer-widget-wrapper {
    margin-bottom: -35px
}

.app-landing_footer .heading {
    z-index: 2;
    position: relative
}

.app-landing_footer .app-landing-background__links img {
    border-radius: 5px;
    margin-right: 10px
}

@media only screen and (max-width: 575px) {
    .app-landing_footer .app-landing-background__links img {
        margin-bottom:5px
    }
}
.copyright-text {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .copyright-text {
        margin-bottom:15px
    }
}

.logo-light {
    width: 180px
}

.btn {
    background: transparent;
    height: inherit;
    padding: 0;
    line-height: 1;
    border: none
}

.btn:hover {
    border: none;
    color: inherit;
    background: inherit
}

.btn:focus {
    box-shadow: none!important
}

.ht-btn {
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 100px;
    border-color: transparent;
    padding: 10px 36px;
    text-align: center;
    background-size: 200% auto;
    background-position: 0;
    border-width: 1px;
    transform: translateY(0)
}

.ht-btn,.ht-btn:active,.ht-btn:focus,.ht-btn:hover {
    color: #fff;
    background-image: linear-gradient(218deg, #b73232, #f86063 50%, #b73232)
}

.ht-btn:active,.ht-btn:focus,.ht-btn:hover {
    background-position: 100%;
    transform: translateY(-3px)
}

.ht-btn .btn-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    font-size: 20px;
    margin-left: 10px
}

.btn {
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 100px;
    border-color: transparent;
    border: 1px solid transparent;
    padding: 0 36px;
    text-align: center;
    transition: all .4s ease-in-out;
    height: 54px;
    line-height: 54px;
    letter-spacing: 0;
    color: #fff;
    background: #fb846e;
    transform: translateY(0)
}

.btn:active,.btn:focus,.btn:hover {
    font-weight: 500;
    transform: translateY(-3px);
     background: #16bdb3;
     color: #fff;
}

.btn--green {
    background-image: none;
    background-color: #07b9a4
}

.btn--green:hover {
    color: #fff!important;
    background-image: none!important;
    background: #07b9a4!important
}

.hover-style-link {
    position: relative
}

.hover-style-link:after {
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #5945e6
}

.hover-style-link:hover {
    color: #5945e6
}

.hover-style-link:hover:after {
    left: 0;
    width: 100%;
    right: auto
}

.hover-style-link--white {
    color: #fff
}

.hover-style-link--white:after {
    background-color: #fff
}

.hover-style-link--white:hover {
    color: #fff
}
.hero-branding.hero-sass {
    height: 1110px;
    background-position: 50%;
    background-size: cover
}
.check-list .list-item {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
        color: #ebebeb;
}

.check-list .list-item:before {
    color: #5945e6;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    font-size: 13px;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

.check-list .list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.check-list .list-item a {
    line-height: 16px
}

.check-list.green-check-list .list-item:before {
    color: #eaf8f6
}
ol {
    min-width: 45px;
    margin: 0;
    padding-left: 30px
}

.horizontal-list ul li {
    display: inline-block;
    color: #fff;
    padding: 3px 14px;
    position: relative
}

.horizontal-list ul li:before {
    position: absolute;
    top: 8px;
    left: -2px;
    content: "";
    height: 16px;
    width: 1px;
    background: hsla(0,0%,100%,.5)
}

.horizontal-list ul li:first-child:before {
    display: none
}

.vc_row-separator svg {
    height: 100px;
    width: 100%
}
.vc_row-separator {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    line-height: 0
}

.vc_row-separator.bottom {
    bottom: 0
}
.curve-shape.curve-bottom {
    height: 106px;
    overflow: hidden;
    transform: rotateX(-180deg);
    margin-bottom: -160px!important
}

@media only screen and (min-width: 1200px)and (max-width:1599.98px) {
    .curve-shape.curve-bottom {
        height:86px
    }
}

@media only screen and (min-width: 1200px)and (max-width:1499px) {
    .curve-shape.curve-bottom {
        height:65px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .curve-shape.curve-bottom {
        height:55px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .curve-shape.curve-bottom {
        height:43px;
        margin-bottom: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .curve-shape.curve-bottom {
        height:30px;
        margin-bottom: 0!important
    }
}

@media only screen and (max-width: 575px) {
    .curve-shape.curve-bottom {
        height:25px
    }
}

@media only screen and (max-width: 479px) {
    .curve-shape.curve-bottom {
        height:20px
    }
}

.no-height {
    margin-top: -105px
}

@media only screen and (min-width: 1200px)and (max-width:1599.98px) {
    .no-height {
        margin-top:-85px
    }
}

@media only screen and (min-width: 1200px)and (max-width:1499px) {
    .no-height {
        margin-top:-65px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .no-height {
        margin-top:-55px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .no-height {
        margin-top:-43px
    }
}

@media only screen and (max-width: 767px) {
    .no-height {
        margin-top:-30px
    }
}

@media only screen and (max-width: 575px) {
    .no-height {
        margin-top:-25px
    }
}
@media only screen and (max-width: 479px) {
    .no-height {
        margin-top:-20px
    }
}
.feature-app-landing {
    background: #06bea6
}

.feature-app-landing__wrap {
    max-width: 400px;
    width: 100%;
    margin-left: 100px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .feature-app-landing__wrap {
        margin-left:50px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .feature-app-landing__wrap {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    .feature-app-landing__wrap {
        margin-left:0;
        max-width: 100%
    }
}

.feature-app-landing__inner {
    margin-bottom: 60px;
    margin-top: 30px
}

.feature-app-landing__inner .section-title {
    margin-top: 90px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px)and (max-width:991px) {
    .feature-app-landing__inner {
        margin-bottom:30px;
        margin-top: 30px
    }

    .feature-app-landing__inner .section-title {
        margin-top: 0
    }
}

.feature-app-landing__icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 40px;
    font-size: 34px;
    color: #fff;
    background-image: linear-gradient(-221deg, #dc3545, #f5766c);
    box-shadow: 0 15px 50px rgba(89,69,230,.12);
    margin-bottom: 52px
}

@media only screen and (max-width: 575px) {
    .feature-app-landing__icon {
        width:85px;
        height: 85px;
        line-height: 85px;
        border-radius: 25px
    }
}

.feature-app-landing .app-landing__content {
    max-width: 600px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 100px
}

@media only screen and (min-width: 1200px)and (max-width:1499px),only screen and (min-width:768px)and (max-width:991px),only screen and (min-width:992px)and (max-width:1199px) {
    .feature-app-landing .app-landing__content {
        margin-left:0
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px)and (max-width:991px) {
    .feature-app-landing .app-landing__content {
        margin-left:0;
        max-width: 100%;
        padding-top: 40px
    }
}

.feature-app-landing .app-landing__content .sub-text {
    font-size: 18px;
    line-height: 1.78
}

.app-landing--center-slider-wrapper {
    background: #03b4a6
}


.app-bottom-bg {
    background-image: url(img/aeroland-payment-image-02.png);
    background-repeat: no-repeat;
    background-position: top
}

.app-landing-bottom-banner-area {
    position: relative
}

.app-landing-bottom-banner-area .vc_row-separator svg {
    fill: #03b4a6
}

.app-landing-bottom-banner-area .bottom-banner-images {
    margin-top: -220px;
    z-index: 4;
    position: relative
}
.app-showcase-process-step__content {
    max-width: 470px;
    width: 100%
}

.app-showcase-process-step__content .sub__title {
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.34
}

.app-showcase-process-step__content .sub__title h6 {
    color: #ee7455;
    font-size: 15px
}

.app-showcase-process-step__content .sub-text {
    font-size: 18px;
    line-height: 1.78;
    margin-top: 20px;
    color: #ebebeb;
}

.app-showcase-process-step__one .app-showcase-process-step__media img {
    border-radius: 37px
}
.curve-shape[data-v-02011680] {
    margin-bottom: -12px;
    overflow-x: hidden
}

.curve-shape svg[data-v-02011680] {
    width: 200%;
    position: relative;
    animation: move-left-02011680 6s linear infinite
}

@keyframes move-left-02011680 {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

.test {
    color: red
}
.hero-branding {
    height: 100vh;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .hero-branding {
        height:550px
    }
}

.hero-content {
    width: 540px;
    padding-top: 30px
}

@media only screen and (max-width: 767px) {
    .hero-content {
        width:380px
    }
}

@media only screen and (max-width: 575px) {
    .hero-content {
        width:100%
    }
}

.hero-content-title {
    color: #333
}

@media only screen and (max-width: 575px) {
    .hero-content-title {
        font-size:28px
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-title {
        font-size:24px
    }
}

.hero-content-subtitle {
    color: dimgray;
    font-weight: 400;
    line-height: 1.8
}

@media only screen and (max-width: 767px) {
    .hero-branding {
        height:600px;
        padding-right: 125px
    }
}

@media only screen and (max-width: 575px) {
    .hero-branding {
        height:550px;
        padding-right: 30px;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-content {
        width:100%
    }
}

.curve-shape[data-v-02011680] {
    margin-bottom: -12px;
    overflow-x: hidden
}

.curve-shape svg[data-v-02011680] {
    width: 200%;
    position: relative;
    animation: move-left-02011680 6s linear infinite
}

@keyframes move-left-02011680 {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}
.navbar-toggler{
    position: absolute;
    right: 0;
    top: 0;
}
.section_conditions h1{
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000;
}
.section_conditions h2{
    font-size: 20px;
    margin-top: 10px;
    font-weight: 600;
    color: #000;
}
.section h2{
    font-size: 18px;
}
.section_conditions p{
    color: #767676;
}
.about-section h3{
    color: #000;
    font-size: 20px;
}
.about-section h2{
    color: #000;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
}
.ht-box-icon.style-01 .icon-box-wrap {
    display: flex;
    padding: 37px 30px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    box-shadow: 0 10px 50px 5px rgba(89, 69, 230, .1);
    margin-bottom: 20px;
    height: 100%;
}
.ht-box-icon.style-01 .icon-box-wrap .image {
    position: relative;
    flex-shrink: 0;
    margin: 0 27px 0 0;
    border: 3px solid #f5f5f5;
    height: 114px;
    width: 114px;
    line-height: 114px;
    text-align: center;
    border-radius: 50%;
}
.ht-box-icon.style-01 .icon-box-wrap .content .heading {
    color: #fb846e;
    margin-bottom: 15px;
    font-size: 18px;
}
.ht-box-icon.style-01:hover .icon-box-wrap {
    transform: translateY(-5px);
    background: #fff;
   
}
.contact-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 0;
}
.contact-info-icon i {
    font-size: 25px;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    background: #05afa1;
}
.contact-info h5 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #000;
}
.contact-content
{
        box-shadow: 0 10px 50px 5px rgba(89, 69, 230, .1);
    padding: 20px;
    height: 100%;
    border-radius: 10px;
}