.sky-bg{
    background:linear-gradient(171.77deg,#4b38d8 9.9%,#857efe 94.67%)
}
.landing-page-sky{
    height:auto;
    background:linear-gradient(to right,#dbedf9,#f5faff,#e5edfd)
}
.landing-page-sky .banner{
    height:100vh;
    border-radius:0 0 2rem 2rem
}
.landing-page-sky .banner #qrcarouselbanner{
    height:100%;
    position:relative
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner{
    height:inherit;
    border-radius:0
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item{
    height:inherit
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item{
    display:flex;
    height:inherit;
    position:relative;
    justify-content:center;
    border-radius:0 0 40px 40px
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .after,.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .before{
    position:absolute
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .before{
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    display:flex
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .before img{
    width:30vw;
    -o-object-fit:contain;
    object-fit:contain
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .after{
    right:0;
    bottom:0;
    margin:auto;
    display:flex
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .after img{
    width:40vw;
    -o-object-fit:contain;
    object-fit:contain
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details{
    display:flex;
    height:inherit;
    align-items:center;
    padding-bottom:5rem;
    flex:1
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details{
    flex:0 0 54%;
    font-family:Gilroy,sans-serif!important
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h6{
    gap:5px;
    display:flex;
    line-height:1;
    font-size:12px;
    padding:5px 7px;
    font-weight:500;
    color:rgba(255,255,255,.6980392157);
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:15px;
    justify-content:flex-start;
    border:solid 1px rgba(255,255,255,.7);
    background:rgba(255,255,255,.1019607843)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h6 img{
    width:18px;
    height:18px;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h4{
    color:#fff;
    font-size:54px;
    font-weight:600;
    line-height:1.1
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h4 span{
    color:#fab475;
    display:inline-block
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h4.smaller{
    width:85%
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details p{
    width:35rem;
    font-size:18px;
    font-weight:500;
    margin:0 0 2rem;
    color:rgba(255,255,255,.7)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons{
    gap:10px;
    display:flex;
    align-items:center
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons button.btn.btn-orange{
    gap:10px;
    display:flex;
    color:#fff !important;
    font-size:18px;
    font-weight:600;
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:40px;
    justify-content:center;
    padding:6px 7px 6px 7px;
    background:linear-gradient(to bottom,#ef8626 0,#e7a66b 100%);
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons button.btn.btn-orange span.qr{
    width:48px;
    height:48px;
    display:flex;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background:#fff !important
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons button.btn.btn-hollow{
    gap:10px;
    height:62px;
    display:flex;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding:6px 25px;
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:40px;
    justify-content:center;
    background:0 0;
    border:solid 1px rgba(255,255,255,.3)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .image{
    flex:0 0 40%
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .image img{
    height:100%;
    width:100%;
    position:relative;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .benefits{
    bottom:8rem;
    gap:1.5rem;
    margin:auto;
    display:flex;
    position:absolute;
    width:-moz-max-content;
    width:max-content
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .benefits p{
    gap:10px;
    margin:0;
    display:flex;
    font-size:16px;
    font-weight:600;
    align-items:center;
    color:#d8e2fe
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config{
    flex:0 0 40%;
    position:absolute;
    right:0;
    bottom:0
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content{
    position:relative
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons{
    position:absolute;
    width:220px;
    height:auto;
    display:flex;
    flex-direction:column;
    left:-200px;
    top:40px;
    gap:1rem
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item button{
    width:63px;
    height:65px;
    left:977.84px;
    border-radius:15px;
    background:rgba(217,217,217,.6980392157);
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.active button{
    background-color:#fff;
    box-shadow:0 4px 36px 12px #493cbc
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.play{
    justify-content:flex-end!important
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.item.gift-icon{
    margin-left:35px
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.cars{
    justify-content:flex-start!important;
    margin-left:58px
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.item.animals{
    justify-content:flex-start!important;
    margin-left:58px;
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.item.location{
    margin-left:35px;
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item.item.scroll{
    justify-content:flex-end!important
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image{
    left:-74px;
    top:36px;
    z-index:1;
    padding:2rem;
    border-radius:50%;
    position:absolute;
    background:linear-gradient(90deg,rgba(217,217,217,.2) 0,rgba(217,217,217,0) 27.75%)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    overflow:hidden;
    border:4.36px solid #d9d9d9;
    width:378px;
    height:378px;
    border-radius:50%
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .hand{
    position:relative;
    z-index:2
}
.landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .hand img{
    width:auto;
    height:90vh
}
.landing-page-sky .banner #qrcarouselbanner .carousel-indicators{
    margin-bottom:4rem
}
.landing-page-sky .banner #qrcarouselbanner .carousel-indicators [data-bs-target]{
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:rgba(255,128,130,.2)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-indicators [data-bs-target].active{
    background-color:#fff
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container{
    left:0;
    right:0;
    width:100%;
    bottom:3rem;
    position:absolute;
    font-family:Gilroy,sans-serif!important
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer{
    gap:2rem;
    width:100%;
    margin:auto;
    display:flex;
    align-items:center;
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left{
    gap:0;
    height:60px;
    display:flex;
    align-items:center;
    padding:0 18px 0 13px;
    border-radius: 45.148px;
    border: 0.728px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left .images{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left .images img{
    width:42px;
    height:42px;
    -o-object-fit:cover;
    object-fit:cover;
    position:relative;
    border-radius:50%;
    -o-object-position:center;
    object-position:center;
    border:solid 4px rgba(255,255,255,.1019607843)
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left .images img.back{
    z-index:5
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left .images img.front{
    z-index:6;
    left:-13px
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left p{
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:500;
    height:-moz-fit-content;
    height:fit-content
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .left p span{
    display:block
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .right{
    gap:3rem;
    display:flex;
    align-items:center
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .right h5{
    gap:10px;
    margin:0;
    display:flex;
    font-size:18px;
    font-weight:500;
    align-items:center;
    color:rgba(255,255,255,.7);
    justify-content:flex-start
}
.landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container .carousel-banner-footer .right h5 img{
    width:28px;
    height:28px
}
.landing-page-sky .banner #qrcarouselbanner .carousel-control-next img,.landing-page-sky .banner #qrcarouselbanner .carousel-control-prev img{
    width:54px;
    height:54px;
    border-radius:50%;
    background-color:rgba(255,255,255,.2);
    border:solid 1px rgba(255,255,255,.5)
}
.landing-page-sky .features{
    display:flex;
    flex-wrap:wrap;
    /*padding:4rem 0 3rem*/
}
.landing-page-sky .features .item{
    flex:0 0 33%
}
.landing-page-sky .features .item .cont{
    display:flex;
    margin:0 1rem 60px;
    align-items:center;
    flex-direction:column;
    justify-content:center
}
.landing-page-sky .features .item .cont svg{
    margin:0 0 1rem
}
.landing-page-sky .features .item .cont h5{
    font-size:22px;
    color:#344268;
    font-weight:500;
    margin:0 0 14px;
    text-align:center
}
.landing-page-sky .features .item .cont p{
    margin:0;
    color:#344268;
    font-weight:500;
    text-align:center;
    font-size: 16px;
}
.landing-page-sky .slides{
    gap:1rem;
    display:flex;
    margin-top:60px;
    align-items:center;
    flex-direction:column;
    justify-content:center
}

.landing-page-sky .slider-container{
    overflow-x:hidden;
    padding:8rem 0 2rem;
}
.landing-page-sky .slider-container .swiper-slide{
    height:456px;
    transition:transform .3s ease
}
.landing-page-sky .slider-container .swiper-slide img{
    width:100%;
    height:100%;
    overflow:hidden;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:30px
}
.landing-page-sky .slider-container .swiper-slide-active{
    z-index:10;
    top:-2rem;
    position:relative;
    transform:scale(1.1);
    margin:0!important;
    left:-8px
}
.landing-page-sky .slider-container .swiper-slide-active img{
    -o-object-fit:cover;
    object-fit:cover;
    border:solid 10px #fff
}
.landing-page-sky .slider-container .swiper-slide-active.custom-slide{
    transform:scale(2.8);
    margin-left:2rem;
    margin-right:3rem!important
}
.landing-page-sky .slider-container .swiper-slide-active.custom-slide img{
    -o-object-fit:contain;
    object-fit:contain
}

.landing-page-sky .see-how-it-works .title{
    margin:0 0 2rem
}
.landing-page-sky .see-how-it-works .title h6{
    color:#819ad7;
    font-size:14px;
    font-weight:600;
    padding:8px 12px;
    width:-moz-max-content;
    width:max-content;
    margin:0 auto 10px;
    border-radius:15px;
    background-color:#eaf0ff
}
.landing-page-sky .see-how-it-works .title h2{
    color:#344268;
    font-size:46px;
    text-align:center;
    font-weight:600;
    margin:0 0 1rem
}
.landing-page-sky .see-how-it-works .title p{
    margin:auto;
    color:#6376a2;
    font-weight:500;
    font-size:16px;
    text-align:center;
    max-width:626px
}
.landing-page-sky .see-how-it-works .steps{
    display:flex;
    margin-left:1rem;
    align-items:center;
    flex-wrap:wrap
}
.landing-page-sky .see-how-it-works .steps .item{
    flex:50%
}
.landing-page-sky .see-how-it-works .steps .item .content{
    margin:10px;
    border:1px solid #eaf0ff;
    background:#fff;
    padding:1rem;
    border-radius:30px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:1rem;
    position:relative
}
.landing-page-sky .see-how-it-works .steps .item .content .number{
    margin:0;
    width:48px;
    height:48px;
    color:#fff;
    display:flex;
    flex:0 0 48px;
    line-height:1;
    font-size:28px;
    font-weight:600;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background:linear-gradient(171.77deg,#4b38d8 9.9%,#857efe 94.67%)
}
.landing-page-sky .see-how-it-works .steps .item .content .description h5{
    color:#344268;
    font-weight:700;
    font-size:20px
}
.landing-page-sky .see-how-it-works .steps .item .content .description p{
    color:#6376a2;
    font-size:16px;
    font-weight:500;
    line-height:22.4px;
    margin:0
}
.landing-page-sky .see-how-it-works .steps .item .content .image img{
    width:208px;
    height:156px
}
.landing-page-sky .see-how-it-works .button{
    display:flex;
    align-items:center;
    justify-content:center
}
.landing-page-sky .see-how-it-works .button button.btn.btn-orange{
    gap:10px;
    display:flex;
    color:#fff;
    font-size:18px;
    font-weight:600;
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:40px;
    justify-content:flex-end;
    padding:6px 7px 6px 30px;
    background:linear-gradient(to bottom,#ef8626 0,#e7a66b 100%)
}
.landing-page-sky .see-how-it-works .button button.btn.btn-orange span.qr{
    width:48px;
    height:48px;
    display:flex;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background-color:#fff
}
.landing-page-sky .see-how-it-works .button button.btn.btn-orange span.qr img{
    width:27px;
    height:25px;
    -o-object-fit:contain;
    object-fit:contain
}
.landing-page-sky .testimonials .title{
    margin:0 0 4rem
}
.landing-page-sky .testimonials .title h6{
    color:#819ad7;
    font-size:14px;
    font-weight:600;
    padding:8px 12px;
    width:-moz-max-content;
    width:max-content;
    margin:0 auto 10px;
    border-radius:15px;
    background-color:#eaf0ff
}
.landing-page-sky .testimonials .title h2{
    color:#344268;
    font-size:46px;
    text-align:center;
    font-weight:600;
    margin:0 0 1rem
}
.landing-page-sky .testimonials .title p{
    margin:auto;
    color:#6376a2;
    font-weight:500;
    font-size:16px;
    text-align:center;
    max-width:626px
}
.landing-page-sky .testimonials .details{
    gap:1rem;
    display:flex;
    flex-wrap:nowrap;
    margin-bottom:1rem;
    align-items:center;
    justify-content:center;
    overflow-x:hidden
}
.landing-page-sky .testimonials .details .testimonials-container{
    width:100%;
    max-width:1200px;
    overflow:hidden
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide{
    width:590px!important
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content{
    position:relative;
    border-radius:20px;
    border:1px solid #eaf0ff;
    background:var(--Basic-White,#fff);
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2rem;
    min-height:329px
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    height:100%
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .top h4{
    font-size:20px;
    font-weight:700;
    line-height:28px;
    text-align:left;
    color:#344268
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .top p{
    font-size:18px;
    font-weight:500;
    line-height:25.2px;
    text-align:left;
    color:#344268;
    margin:0
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .bottom .author{
    gap:10px;
    display:flex;
    align-items:center
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .bottom .author img{
    width:44px;
    height:44px;
    border-radius:50%;
    -o-object-fit:cover;
    object-fit:cover
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .bottom .author p{
    color:#344268;
    font-size:14px;
    font-weight:600;
    margin:0
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .left .bottom .author p span{
    display:block;
    color:#7989af;
    font-size:14px;
    font-weight:400
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .right{
    flex:0 0 180px
}
.landing-page-sky .testimonials .details .testimonials-container .swiper-slide .item .content .right img{
    width:180px;
    border-radius:20px;
    overflow:hidden
}

.landing-page-sky .manage-content{
    margin:0 0 60px;
}
.landing-page-sky .manage-content .title{
    margin:0 0 4rem
}
.landing-page-sky .manage-content .title h6{
    color:#819ad7;
    font-size:14px;
    font-weight:600;
    padding:8px 12px;
    width:-moz-max-content;
    width:max-content;
    margin:0 auto 10px;
    border-radius:15px;
    background-color:#eaf0ff
}
.landing-page-sky .manage-content .title h2{
    color:#344268;
    font-size:46px;
    text-align:center;
    font-weight:600;
    margin:0 0 1rem
}
.landing-page-sky .manage-content .title p{
    margin:auto;
    color:#6376a2;
    font-weight:500;
    font-size:16px;
    text-align:center;
    max-width:626px
}
.landing-page-sky .manage-content .details{
    display:flex;
    margin:2rem 0 6rem;
    position:relative;
    align-items:center;
    justify-content:center
}
.landing-page-sky .manage-content .details img{
    width:734px;
    height:auto;
    margin-left:20rem;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center
}
.landing-page-sky .manage-content .details .five,.landing-page-sky .manage-content .details .four,.landing-page-sky .manage-content .details .one,.landing-page-sky .manage-content .details .three,.landing-page-sky .manage-content .details .two{
    position:absolute
}
.landing-page-sky .manage-content .details .five .content,.landing-page-sky .manage-content .details .four .content,.landing-page-sky .manage-content .details .one .content,.landing-page-sky .manage-content .details .three .content,.landing-page-sky .manage-content .details .two .content{
    gap:4rem;
    display:flex;
    position:relative;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start
}
.landing-page-sky .manage-content .details .five .content .list,.landing-page-sky .manage-content .details .four .content .list,.landing-page-sky .manage-content .details .one .content .list,.landing-page-sky .manage-content .details .three .content .list,.landing-page-sky .manage-content .details .two .content .list{
    position:relative
}
.landing-page-sky .manage-content .details .five .content .list p,.landing-page-sky .manage-content .details .four .content .list p,.landing-page-sky .manage-content .details .one .content .list p,.landing-page-sky .manage-content .details .three .content .list p,.landing-page-sky .manage-content .details .two .content .list p{
    font-size:16px;
    top:20px;
    left:0;
    width:300px;
    max-width: 300px;
    text-align:left;
    color:#344268;
    font-weight:500;
    position:absolute;
    line-height:22.4px;
    font-size:16px
}
.landing-page-sky .manage-content .details .five .content .list .mobile,.landing-page-sky .manage-content .details .four .content .list .mobile,.landing-page-sky .manage-content .details .one .content .list .mobile,.landing-page-sky .manage-content .details .three .content .list .mobile,.landing-page-sky .manage-content .details .two .content .list .mobile{
    display:none
}
.landing-page-sky .manage-content .details .one{
    top:60px;
    left:17rem
}
.landing-page-sky .manage-content .details .two{
    left:10rem;
    top:14rem
}
.landing-page-sky .manage-content .details .three{
    left:9rem;
    bottom:12rem
}
.landing-page-sky .manage-content .details .four{
    bottom:-1rem;
    left:13rem
}
.landing-page-sky .manage-content .details .four .content .list p{
    top:60px
}
.landing-page-sky .manage-content .details .five{
    right:13rem;
    bottom:-3rem
}
.landing-page-sky .manage-content .details .left{
    top:5rem;
    left:1rem;
    position:absolute
}
.landing-page-sky .manage-content .details .left .content{
    gap:4rem;
    display:flex;
    position:relative;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start
}
.landing-page-sky .manage-content .details .left .content .list{
    position:relative
}
.landing-page-sky .manage-content .details .left .content .list p{
    font-size:16px;
    top:1rem;
    left:0;
    width:240px;
    text-align:left;
    color:#344268;
    font-weight:500;
    position:absolute;
    line-height:22.4px;
    font-size:16px
}
.landing-page-sky .manage-content .details .left .content .list .mobile{
    display:none
}
.landing-page-sky .manage-content .details .right{
    right:4rem;
    bottom:0;
    top:0;
    margin:auto;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center
}
.landing-page-sky .manage-content .details .right .content{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:flex-start
}
.landing-page-sky .manage-content .details .right .content p{
    font-size:16px;
    width:220px;
    text-align:left;
    color:#344268;
    font-weight:500;
    margin:0;
    line-height:22.4px;
    font-size:16px
}
.landing-page-sky .manage-content .details .right .content p b{
    font-weight:700
}
.landing-page-sky .manage-content .details .right .content button.btn.pricing{
    background-color:#344268;
    color:#fff;
    font-weight:600;
    font-size:14px;
    width:96px;
    border-radius:50px
}
.landing-page-sky .manage-content .details .right .content .line{
    position:absolute;
    left:-7rem;
    bottom:-2rem
}
.landing-page-sky .manage-content .details .right .content .mobile{
    display:none
}

.landing-page-sky .tech{
    margin:2rem 0
}
.landing-page-sky .tech .title-image{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.landing-page-sky .tech .title-image img{
    width:352px;
    height:450px;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:30px 0 0 0
}
.landing-page-sky .tech .title{
    margin:2rem 0 60px
}
.landing-page-sky .tech .title h6{
    color:#819ad7;
    font-size:14px;
    font-weight:600;
    padding:8px 12px;
    width:-moz-max-content;
    width:max-content;
    margin:0 auto 10px;
    border-radius:15px;
    background-color:#eaf0ff
}
.landing-page-sky .tech .title h2{
    color:#344268;
    font-size:46px;
    text-align:center;
    font-weight:600;
    margin:0 0 1rem
}
.landing-page-sky .tech .title p{
    margin:auto;
    color:#6376a2;
    font-weight:500;
    font-size:16px;
    text-align:center;
    max-width:626px
}
.landing-page-sky .tech .items{
    max-width:904px;
    margin:auto;
    display:flex;
    flex-wrap:wrap
}
.landing-page-sky .tech .items .item{
    flex:0 0 25%
}
.landing-page-sky .tech .items .item .content{
    margin:1rem;
    position:relative;
    display:flex;
    height:258px;
    flex-direction:column;
    justify-content:flex-end;
    border-radius:20px;
    overflow:hidden
}
.landing-page-sky .tech .items .item .content .overlay{
    width:100%;
    height:100%;
    position:absolute;
    background:linear-gradient(180deg,rgba(5,2,29,0) 0,rgba(5,2,29,.5) 100%)
}
.landing-page-sky .tech .items .item .content img{
    width:100%;
    height:100%;
    position:absolute
}
.landing-page-sky .tech .items .item .content .actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px;
    z-index:10
}
.landing-page-sky .tech .items .item .content .actions p{
    margin:0;
    font-size:14px;
    font-weight:600;
    line-height:16px;
    color:#fff
}
.landing-page-sky .tech .items .item .content .actions button{
    margin:0;
    padding:0;
    background:0 0;
    border:none
}
.landing-page-sky .perfect-qr{
    border-radius:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:444px;
    margin:3rem 0
}
.landing-page-sky .perfect-qr .details{
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:center
}
.landing-page-sky .perfect-qr .details h3{
    font-size:46px;
    font-weight:600;
    line-height:50.6px;
    text-align:center;
    color:#344268;
    max-width:490px
}
.landing-page-sky .perfect-qr .details .buttons{
    gap:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.landing-page-sky .perfect-qr .details .buttons button.btn.btn-orange{
    gap:10px;
    height:56px;
    display:flex;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding:6px 4px 6px 24px;
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:50px;
    justify-content:center;
    background:0 0;
    background:linear-gradient(220.89deg,#d37722 12.05%,#f2aa68 87.86%)
}
.landing-page-sky .perfect-qr .details .buttons button.btn.btn-orange span.qr{
    width:48px;
    height:48px;
    display:flex;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background-color:#fff
}
.landing-page-sky .perfect-qr .details .buttons button.btn.btn-orange span.qr img{
    width:27px;
    height:25px;
    -o-object-fit:contain;
    object-fit:contain
}
.landing-page-sky .perfect-qr .details .buttons button.btn.btn-hollow{
    gap:10px;
    height:56px;
    display:flex;
    color:#6376a2;
    font-size:18px;
    font-weight:600;
    padding:6px 25px;
    width:-moz-max-content;
    width:max-content;
    align-items:center;
    border-radius:50px;
    justify-content:center;
    background:#e1e5ff;
    border:1px solid #6376a2
}
@media (max-width:1360px){
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h4{
        font-size:40px
    }
    .landing-page-sky .articles .cont .article .image img{
        height:200px
    }
    .landing-page-sky .manage-content .details img{
        width:540px
    }
    .landing-page-sky .manage-content .details .three{
        bottom:6rem
    }
}
@media (max-width:1200px){
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons{
        top:-24px;
        left:-219px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image{
        top:14px;
        left:-79px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image img{
        width:320px;
        height:320px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .hand img{
        height:75vh
    }
    .landing-page-sky .manage-content .details img{
        width:540px
    }
    .landing-page-sky .manage-content .details .three{
        bottom:9rem;
        left:3rem
    }
    .landing-page-sky .manage-content .details .two{
        left:1rem;
        top:11rem
    }
    .landing-page-sky .manage-content .details .four{
        bottom:2rem;
        left:2rem
    }
    .landing-page-sky .manage-content .details .five{
        right:8rem;
        bottom:-4rem
    }
}
@media (max-width:991px){
    .landing-page-sky .banner{
        height:auto
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item{
        flex-direction:column;
        align-items:center;
        padding:6rem 0 0
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details{
        flex:1;
        text-align:center
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h6{
        margin:0 auto 10px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons{
        margin-bottom:0
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details p{
        width:auto
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons{
        flex-direction:column
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config{
        position:static;
        width:100%;
        display:flex;
        justify-content:flex-end
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item{
        padding:0;
        flex-direction:row
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-banner-footer-container{
        display:none
    }
    .landing-page-sky .features{
        justify-content:center
    }
    .landing-page-sky .manage-content .details{
        flex-direction:column;
        margin-bottom:3rem
    }
    .landing-page-sky .manage-content .details img{
        margin: auto;
        padding: 3rem 0;
        width:100%
    }
    .landing-page-sky .manage-content .details .five,.landing-page-sky .manage-content .details .four,.landing-page-sky .manage-content .details .one,.landing-page-sky .manage-content .details .three,.landing-page-sky .manage-content .details .two{
        position:static;
        width:100%
    }
    .landing-page-sky .manage-content .details .five .content .list svg,.landing-page-sky .manage-content .details .four .content .list svg,.landing-page-sky .manage-content .details .one .content .list svg,.landing-page-sky .manage-content .details .three .content .list svg,.landing-page-sky .manage-content .details .two .content .list svg{
        display:none
    }
    .landing-page-sky .manage-content .details .five .content .list p,.landing-page-sky .manage-content .details .four .content .list p,.landing-page-sky .manage-content .details .one .content .list p,.landing-page-sky .manage-content .details .three .content .list p,.landing-page-sky .manage-content .details .two .content .list p{
        width:100%;
        position:relative;
        padding-left:1rem
    }
    .landing-page-sky .manage-content .details .five .content .list p::before,.landing-page-sky .manage-content .details .four .content .list p::before,.landing-page-sky .manage-content .details .one .content .list p::before,.landing-page-sky .manage-content .details .three .content .list p::before,.landing-page-sky .manage-content .details .two .content .list p::before{
        content:"";
        position:absolute;
        background:linear-gradient(220.89deg,#d37722 12.05%,#f2aa68 87.86%);
        width:8px;
        height:8px;
        border-radius:50%;
        left:0;
        top:0;
        bottom:0;
        margin:auto
    }
    .landing-page-sky .manage-content .details .four .content .list p{
        top:20px
    }
    .landing-page-sky .manage-content .buttons{
        flex-direction:column
    }
    .landing-page-sky .manage-content .buttons button.btn.btn-orange{
        width:100%;
        max-width:100%;
        font-size:16px;
        justify-content:center;
        position:relative;
        padding-right:3rem
    }
    .landing-page-sky .manage-content .buttons button.btn.btn-orange span.qr{
        position:absolute;
        right:4px
    }
    .landing-page-sky .manage-content .buttons button.btn.btn-hollow{
        width:100%;
        max-width:308px;
        font-size:16px;
        justify-content:center;
        padding:0
    }
    .landing-page-sky .tech .items .item{
        flex:0 0 50%
    }
}
@media (max-width:767px){
    .landing-page-sky .slides{
        gap:0
    }
    .landing-page-sky .slides h2{
        font-size:30px;
        font-weight:600;
        line-height:33px;
        text-align: center;
    }
    .landing-page-sky .slides p{
        text-align: justify;
        font-size: 14px;
        color: #344268;
        font-weight: 500;
    }
    .landing-page-sky .slider-container{
        height:auto;
        overflow:visible;
        padding:4rem 0;
        overflow-x:hidden
    }
    .landing-page-sky .slider-container .swiper-slide{
        height:296px;
        border-radius:15.59px 0 0 0
    }
    .landing-page-sky .slider-container .swiper-slide-active.custom-slide{
        margin-left:unset;
        margin-right:15px!important
    }
    .landing-page-sky .features{
        flex-direction:column
    }
    .landing-page-sky .features .item .cont h5{
        font-size:22px
    }
    .landing-page-sky .features .item .cont p{
        font-size:14px
    }
    .landing-page-sky .testimonials .details .testimonials-container-2{
        display:none
    }
    .landing-page-sky .perfect-qr .details h3{
        font-size:30px
    }
    .landing-page-sky .perfect-qr .details .buttons{
        width:260px;
        flex-direction:column
    }
    .landing-page-sky .perfect-qr .details .buttons button.btn.btn-orange{
        width:100%;
        max-width:308px;
        font-size:16px;
        justify-content:center;
        position:relative;
        padding-right:3rem
    }
    .landing-page-sky .perfect-qr .details .buttons button.btn.btn-orange span.qr{
        position:absolute;
        right:4px
    }
    .landing-page-sky .perfect-qr .details .buttons button.btn.btn-hollow{
        width:100%;
        max-width:308px;
        font-size:16px;
        justify-content:center;
        padding:0
    }
}
@media (max-width:565px){
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details {
        padding-bottom: 2rem;
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details h4{
        font-size:30px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details p{
        font-size:15px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons{
        /*flex-direction:row;*/
        justify-content:center
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons button.btn.btn-orange{
        height:52px;
        border:none;
        font-size:15px;
        /*padding:1rem;*/
        width:100%;
        max-width: 260px;
        justify-content:center;
        padding: 6px 4px 6px 50px;
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .item-details .details .buttons button.btn.btn-hollow{
        height:48px;
        font-size:15px;
        font-weight:600;
        width: 100%;
        max-width: 260px;
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image{
        top:28px;
        left:-32px;
        padding:1rem
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .main-image img{
        width:210px;
        height:210px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons{
        top:30px;
        left:-120px;
        width:180px;
        gap: .80rem;
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item button{
        width:36px;
        height:37px;
        border-radius:8px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item button.cars{
        margin-left:46px
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .bg-buttons .item button svg{
        width:16px!important;
        height:16px!important
    }
    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item .image-config .content .hand img{
        height:50vh
    }

    .landing-page-sky .banner #qrcarouselbanner .carousel-inner .carousel-item .item {
        border-radius: 0px;
    }

    .landing-page-sky .slider-container{
        /*height:36rem;*/
        overflow-y:hidden
    }
    .landing-page-sky .tech .title h2{
        font-size:30px;
        margin:0 0 1rem;
        line-height:33px
    }
    .landing-page-sky .tech .title p{
        margin:0 0 2rem
    }
    .landing-page-sky .tech .items .item .content{
        margin:5px
    }
    .landing-page-sky .tech .items .item .content .actions button svg{
        width:30px!important;
        height:30px!important
    }
    .landing-page-sky .testimonials .title h2{
        font-size:30px;
        margin:0 0 1rem;
        line-height:33px
    }
    .landing-page-sky .testimonials .title p{
        margin:0 0 2rem
    }
}


/*custom css*/

@media (max-width: 767px) {
    .landing-page-sky .slider-container .swiper-slide img {
        width: 210px;
    }
}

@media (max-width: 565px) {
    .landing-page-sky .see-how-it-works .title h2{
        font-size: 30px !important;
    }

    .landing-page-sky .manage-content .title h2 {
        font-size: 30px !important;
    }
}

.hand img {
    z-index: 1;
}

.bg-buttons .item {
    z-index: 2;
}