body{
    font-family: 'Manrope', sans-serif;
}
img{
    max-width: 100%;
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow: none;
}
.header{
    background: transparent linear-gradient(110deg, #E5FDFF 0%, #E8F4FF 100%) 0% 0% no-repeat padding-box;
}
.dot-landing-page-banner{
    background: transparent linear-gradient(110deg, #E5FDFF 0%, #E8F4FF 100%) 0% 0% no-repeat padding-box;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
}
.dot-landing-page-banner .banner-content{
    padding: 30px;
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.dot-landing-page-banner .banner-content .banner-heading{
    color: #355879;
    font-weight: bold;
    font-size: 50px;
    /* margin-bottom: 20px; */
}
.banner-content{
    background-image: url(../img/banner-content-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.dot-landing-page-banner .banner-content .banner-des{
    color: #355879;
    font-size: 20px;
    font-weight: 500;
    /* margin-bottom: 0px; */
}
.btn-default{
    background: transparent linear-gradient(262deg, #355879 0%, #46BBC5 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #0000001A;
    border-radius: 30px;
    color: #fff;
}
.btn-default:hover{
    background: transparent linear-gradient(262deg, #46BBC5 0%, #355879 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.dot-landing-page-banner .banner-img img{
    max-width: 100%;
}
  @keyframes float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-20px);
    }
    100% {
      transform: translatey(0px);
    }
  }
  .banner-img {
    overflow: hidden;
    transform: translatey(0px);
    -webkit-animation: float 4s ease-in-out infinite;
    animation: float 4s ease-in-out infinite;
    position: relative;
    z-index: 1;
  }

.dot-landing-page-banner::before{
    content: '';
    background-image: url(../img/banner-gra-shape.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 260px;
    width: 250px;
    position: absolute;
    bottom: 0px;
    left: -130px;
}
@media (max-width: 1280px){
    .dot-landing-page-banner::before{
        left: -170px;
        bottom: -30px;
    }
}
.dot-landing-page-banner::after{
    content: '';
    background-image: url(../img/banner-circle.png);
    background-repeat: no-repeat;
    height: 760px;
    width: 440px;
    position: absolute;
    top: -80px;
    right: 0;
}
.scroll-gif{
    left: 15%;
    bottom: 20px;
}
.scroll-gif img{
    width: 20px;
}

.old-vs-new{
    padding: 100px 0;
}
.old-vs-new .ovn-section-title h1{
    color: #355879;
    font-size: 70px;
}
.ovn-description .ovn-heading{
    position: relative;
    color: #002C4D;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inline-block;
    font-size: 30px;
}
.ovn-description .ovn-head-1::before{
    content: '01';
    font-size: 70px;
    position: absolute;
    right: -60px;
    top: -40px;
    color: #BAFAFF;
    z-index: -1;
}
.ovn-description .ovn-head-2::before{
    content: '02';
    font-size: 70px;
    position: absolute;
    left: -55px;
    top: -40px;
    color: #FFEAB2;
    z-index: -1;
}
.ovn-head-3::before{
    content: '03' !important;
}
.ovn-head-4::before{
    content: '04' !important;
}
.old-fea-img, .new-fea-img{
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 40px #0000000F;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.old-fea-img img, .new-fea-img img{
    max-width: 100%;
}
.old-vs-new.old-1{
    position: relative;
}
.old-vs-new.old-1::before{
    content: '';
    background-image: url(../img/ovn-bg-1.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 90px;
    z-index: -1;
    background-size: contain;
    background-position: left center;
}
.old-vs-new.old-1::after{
    content: '';
    background-image: url(../img/ovn-bg-shape-1.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 504px;
    width: 235px;
    left: 0;
    top: 40%;
    z-index: -1;
}
.old-vs-new.old-2{
    position: relative;
}
.old-vs-new.old-2::before{
    content: '';
    background-image: url(../img/ovn-bg-2.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    right: 50px;
    top: 0;
    z-index: -1;
    background-size: contain;
    background-position: right center;
}
.old-vs-new.old-1.old-1-2::before{
    top: 0 !important;
}
.old-vs-new.old-2::after{
    content: '';
    background-image: url(../img/ovn-bg-shape-2.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 504px;
    width: 235px;
    right: 0;
    top: 40%;
    z-index: -1;
}

.marketplace-mobile-app{
    padding: 100px 0;
    background-color: #2A4B6A;
}
.new-fea-sec-heading{
    font-size: 70px;
    color: #fff;
}
p.marketplace-des{
    color: #D5D5D5;
}
.marketPlaces .owl-stage-outer {
    padding: 50px 10px 25px;
}
.marketPlaces .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 20px;
}
.owl-carousel .owl-nav button.owl-prev{
    right: 40px;
}
.owl-carousel .owl-nav button.owl-next{
    right: 0;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    font-family: FontAwesome;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    color: #46BBC5;
    opacity: 0.5;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{
    opacity: 1;
    transition: 0.4s ease-in-out all;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span{
    display: none;
    opacity: 0;
    visibility: hidden;
}
.marketPlaces .item {
    text-align: center;
    width: 300px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out all;
}
.marketPlaces .item::before{
    content: '';
    position: absolute;
    background: transparent linear-gradient(133deg, #355879 0%, #46BBC5 100%) 0% 0% no-repeat padding-box;
    height: 150px;
    width: 150px;
    top: -50px;
    right: -60px;
    border-radius: 100%;
    transition: 0.3s ease-in-out all;
}
.marketPlaces .item:hover::before{
    height: 100%;
    width: 100%;
    transform: scale(2);
}
.marketPlaces .item .new-features{
    height: 50px;
    width: 50px;
    position: relative;
    margin: 50px 0 30px 20px;
}
.marketPlaces .item .new-features::before{
    content: '';
    position: absolute;
    background-image: url('../img/nf-bg-shape.png');
    height: 90px;
    width: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -30px;
    left: -30px;
}
.marketPlaces .item .new-features .img-1, .marketPlaces .item .new-features .img-2{
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.new-features-content{
    position: relative;
    z-index: 1;
}
.nf-heading{
    color: #355879;
    font-size: 18px;
}
.nf-des{
    font-size: 14px;
    color: #355879;
    min-height: 60px;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.marketPlaces .item:hover .nf-des, .marketPlaces .item:hover .nf-heading{
    color: #fff;
}
.marketPlaces .item .new-features .img-2{
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out all;
    position: absolute;
    top: 0;
}
.marketPlaces .item:hover .new-features .img-1{
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out all;
}
.marketPlaces .item:hover .new-features .img-2{
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in-out all;
}
.marketPlaces .item:hover .new-features::before{
    opacity: 0.5;
}
.marketplace-mobile-app .mobile-app-info{
    position: relative;
    padding-left: 125px;
}

.marketplace-mobile-app .mobile-app-info .mob-info-bg-logo{
    position: absolute;
    left: -30px;
    bottom: 0;
}
@media (max-width:1366px){
    .nf-des{
        height: 65px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .dot-landing-page-banner{
        height: 50vh;
    }
    .swiper-slide-img{
        width: 347.333px !important;
    }
    .dot-landing-page-banner::after{
        width: 250px;
        top: -200px;
    }
}
@media (max-width:1024px){
    
    .dot-landing-page-banner .banner-content .banner-heading{
        font-size: 30px;
    }
    .scroll-gif{
        display: none !important;
    }
}
@media (max-width:768px){
    .dot-landing-page-banner .banner-content{
        text-align: center;
    }
    .dot-landing-page-banner{
        height: 80vh;
    }
    .banner-img{
        display: flex;
        justify-content: center;
    }
    .dot-landing-page-banner .banner-img img{
        max-width: 75%;
    }
    .marketplace-mobile-app .mobile-app-info .mob-info-bg-logo{
        width: 100px;
        bottom: 50px;
        left: 0;
    }
    .mob-app-content{
        padding-left: 0 !important;
    }
    .dot-landing-page-banner::after{
        width: 250px;
    }
    .old-vs-new .ovn-section-title h1{
        font-size: 40px;
    }
    .old-fea-img{
        margin-bottom: 25px;
    }
}
@media (max-width:767px){
    .dot-landing-page-banner{
        height: 100vh;
    }
    .dot-landing-page-banner .banner-content .banner-heading{
        font-size: 20px;
    }
    .dot-landing-page-banner .banner-content .banner-des{
        font-size: 16px;
    }
    .dot-landing-page-banner .banner-img img{
        max-width: 100%;
    }
    .ovn-description .ovn-heading{
        font-size: 22px;
    }
    .ovn-description .ovn-head-1::before, .ovn-description .ovn-head-2::before {
        font-size: 50px;
    }
    .ovn-description .ovn-head-1::before{
        right: -40px;
        top: -30px;
    }
    .ovn-description .ovn-head-2::before{
        left: -50px;
        top: -30px;
    }
    .new-fea-sec-heading, .old-vs-new .ovn-section-title h1{
        font-size: 24px;
    }
    .marketplace-mobile-app, .old-vs-new{
        padding: 50px 0;
    }
    .dot-landing-page-banner::after{
        display: none;
        visibility: hidden;
        opacity: 0;
    }
    .dot-landing-page-banner .banner-content{
        padding: 0;
        padding-bottom: 40px;
        margin-top: 50px;
    }
    
    .marketplace-mobile-app .mobile-app-info{
        padding-left: 65px;
    }
    .marketplace-mobile-app .mobile-app-info .mob-info-bg-logo{
        width: 55px;
    }
    .landing-logo{
        padding-left: 15px !important;
    }
}



/* mobile app page css start */

.main-mobile-app{
    padding: 100px 0;
    background: transparent linear-gradient(114deg, #E5FDFF 0%, #E8F4FF 100%) 0% 0% no-repeat padding-box;
}
.mobile-head-des h1{
    font-size: 50px;
    color: #355879;
}
.mobile-head-des p{
    font-size: 20px;
    color: #355879;
}
.swiper {
  width: 100%;
  padding: 1.875rem 0;
}

.swiper-slide {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
  box-shadow: 0.063rem 0.5rem 1.25rem rgba(0, 0, 0, 0.1216);
  border-radius: 10px;
}
.swiper-slide-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
  bottom: -0.063rem;
  border-radius: 10px;
  aspect-ratio: 0.5 / 1;
}
.swiper-slide-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-position: center;
  z-index: -1;
  transition: 0.3s ease-in-out;
}
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}

@media screen and (min-width: 93.75rem) {
  .swiper {
    width: 85%;
  }
}
.slider__controls {
  margin: 0 auto;
  text-align: center;
}
.slider__controls .swiper-pagination-bullet{
  background: #AEE2E6;
  opacity: 1;
  border-radius: 25px;
  height: 11px;
  width: 11px;
  transition: 0.3s ease-in-out all;
-webkit-transition: 0.3s ease-in-out all;
-mos-transition: 0.3s ease-in-out all;
-ms-transition: 0.3s ease-in-out all;

}
.slider__controls .swiper-pagination-bullet-active{
  width: 52px;
  background: #46BBC5;
}


/* mobile app page css end */


/* marketplace page css start  */

body{
    font-family: 'Manrope', sans-serif;
}
img{
    max-width: 100%;
}
.main-marketplace{
    padding: 100px 0;
    background: transparent linear-gradient(118deg, #E5FDFF 0%, #E8F4FF 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
.main-marketplace .main-marketplace-head-des h1{
    font-size: 50px;
    color: #355879;
}
.main-marketplace .main-marketplace-head-des p{
    font-size: 20px;
    color: #355879;
}
 

.main-marketplace .marketPlaces .mp-item {
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out all;
}
.main-marketplace .marketPlaces .mp-item::before{
    content: '';
    position: absolute;
    background: transparent linear-gradient(133deg, #355879 0%, #46BBC5 100%) 0% 0% no-repeat padding-box;
    height: 150px;
    width: 150px;
    top: -50px;
    right: -60px;
    border-radius: 100%;
    transition: 0.3s ease-in-out all;
}
.main-marketplace .marketPlaces .mp-item:hover::before{
    height: 100%;
    width: 100%;
    transform: scale(2);
}
.main-marketplace .marketPlaces .mp-item .new-features{
    height: 50px;
    width: 50px;
    position: relative;
    margin: 50px 0 30px 20px;
}
.main-marketplace .marketPlaces .mp-item .new-features::before{
    content: '';
    position: absolute;
    background-image: url('../img/nf-bg-shape.png');
    height: 90px;
    width: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -30px;
    left: -30px;
}
.main-marketplace .marketPlaces .mp-item .new-features .img-1, .main-marketplace .marketPlaces .mp-item .new-features .img-2{
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.new-features-content{
    position: relative;
    z-index: 1;
}
.main-marketplace .nf-heading{
    color: #355879;
    font-size: 18px;
    height: 45px;
    display: flex;
    align-items: center;
}
.nf-des{
    font-size: 14px;
    color: #355879;
}
.main-marketplace .marketPlaces .mp-item:hover .nf-des, .main-marketplace .marketPlaces .mp-item:hover .nf-heading{
    color: #fff;
}
.main-marketplace .marketPlaces .mp-item .new-features .img-2{
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out all;
    position: absolute;
    left: 0;
}
.main-marketplace .marketPlaces .mp-item:hover .new-features .img-1{
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out all;
}
.main-marketplace .marketPlaces .mp-item:hover .new-features .img-2{
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in-out all;
}
.main-marketplace .marketPlaces .mp-item:hover .new-features::before{
    opacity: 0.5;
}
@media (max-width: 1440px){
    .swiper{
        width: 80% !important;
    }
}
/* marketplace page css end  */


.dowbload-app-btns{
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-mobile-app .landing-logo{
    z-index:2;
}
.dowbload-app-btns a + a{
	margin-left: 20px;
}

.main-mobile-app .mobile-head-des h1,
.main-mobile-app .mobile-head-des p{
    color:#ffffff;
}
.mobile-head-des h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
}
.mobile-head-des p{
    font-size:18px;
    margin:20px 0 50px;
}
.main-mobile-app .mobile-head-des h1{
    font-size:40px;
    text-tra
}
.main-mobile-app .landing-logo img {
    max-width: 200px;
}
.main-mobile-app .landing-logo {
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.main-mobile-app{
    position:relative;
}
.main-mobile-app:before {
    position: absolute;
    content: "";
    width: 100%;
    background-image: url(/assets/img/bg-shape.webp);
    height: 65vh;
    left: 0;
    top: 11%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}
section.main-mobile-app:after {
    position: absolute;
    content: "";
    background-image: url(/assets/img/bg-mobile.webp);
    width: 100%;
    height: 60vh;
    z-index: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}
.main-mobile-app .container{
    position:relative;
    z-index:1;
}

@media(max-width:1440px){
    .mobile-head-des p{
        font-size:16px;
    }
    .mobile-head-des h1 {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 2px;
    }
    .main-mobile-app:before{
        top: 9%;
    }
}
@media(max-width:1280px){
    .main-mobile-app:before{
        top: 14%;
    }
}
@media(max-width: 1199px){
    .main-mobile-app:after{
        height: 50vh;
    }
    .main-mobile-app:before{
        top: 13%;
    }
}

@media(max-width: 991px){
    .main-mobile-app:before{
        content: none;
    }
    section.main-mobile-app:after{
        height: 100%;
    }
}


/* @media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) and (orientation: landscape) {
    .main-mobile-app:before{
        top: 16%;
    }
} */

/* @media only screen 
  and (min-width: 1024px) 
  and (max-width: 1024px) 
  and (min-height: 768px) 
  and (max-height: 768px) 
  and (orientation: landscape) {
    section.main-mobile-app:after{
        height: 60vh;
    }
} */