/* Inline #6 | https://huntocity.com/ */

.conact-btn::after {
    content: "";
    background: #7c51e5;
    width: 1px;
    position: absolute;
    bottom: 0px;
    height: 0px;
    border-radius: 50%;
    bottom: -150px;
    transition: all .5s ease;
}
  
.conact-btn:hover::after {
    width: 300px;
    height: 300px;
}
  
.conact-btn {
    position: relative;
    overflow: hidden;
}
.demo-wrapper .conact-btn {
    background-color: transparent;
}

.conact-btn span {
    z-index: 10;
    position: relative;
    display: block;
    white-space: nowrap;
    
}

.conact-btn:hover span {
    color: #fff;
 
}
.conact-btn::before {
    content: "";
    background: #ffff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.banner-section .conact-btn  , .banner-section .playstore-btn {
    width : 0% !important;
}
.banner-section.active .conact-btn , .banner-section .playstore-btn  {
    width : 100% !important;
}

.animation-container {
    max-width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.playstore-btn{
    transition: all .5s ease;
    overflow: hidden;
}

.qr-img {
    padding-left: 30%;
    opacity: .1;
    transition: all .5s ease;
}

.swiper-slide.swiper-slide-active .qr-img {
    padding-left: 50%;
    opacity: 1;
}

.feature-img-container .animated-image .center-phone{
    opacity: 1;
}
.how-works .scrolling-full-width-container .scrolling-slider {
    overflow: visible;
}

html body section {
    overflow-x: hidden;
    overflow-y: hidden;
}

@media only screen and (max-width:767px) {
    .sticky-header.nav-active .nav-container {
        z-index: 100;
    }
    button.close {
        z-index: 1000;
        }
    .animation-container {
        max-width: 140px;
    }
    .swiper-slide.swiper-slide-active .qr-img {
        padding-left: 35%;
    }
    .how-works .scrolling-full-width-container .scrolling-slider {
        padding-top: 0%;
    }
    .how-works .scrolling-full-width-container .scrolling-slider {
        margin-top: 40px;
    }
    .how-works.active .how-work-container {
        top: 85px;
    }
    .how-works .steps{
        min-height: 90px;
    }
    .how-works .how-work-container {
        padding: 15% 0px 4rem;
    }
    
}

/* main.min.css | http://127.0.0.1:5500/build/css/main.min.css */

@media only screen and (max-width:767px) {
    .how-works .how-work-container {
      padding: 15% 0px 4rem;
    }
  
    .container {
        padding-left: 15px ;
    }
  
    .para {
      font-size: 1.1rem;
    }
  
    .desc-para {
      font-size: 1.1rem;
    }
  
  
    .desc-para br {
        display: none;
    }
    .how-works .how-work-container {
        max-height: 100%;
    }
    footer .para br {
        display: none;
    }

    .sticky-header.nav-active .nav-container .nav-item {
        justify-content: flex-start !important;
    }
    .sticky-header .nav-container .btn.btn-primary {
        bottom: unset !important;
        top: 50px;
        right: 25px;
    }
}



/**
* Final animations
**/



.line-animation-final {
    position: absolute;
    right: -18rem;
    bottom: 0px;
    z-index: 1;
}

.line-animation-final svg{
    animation: dash 15s linear infinite;
}
.where-to-use .section-animation-2 {
    z-index: 100;
}

@media only screen and (max-width:767px){
    .banner-section .banner-content {
        padding: 5rem 0px 8rem;
    }
}

.sticky-header.active {
  z-index:1000;
}