.desktopSVG, .tabletSVG {
    display: none;
}
.wrapper {
    height: 6927px;
}
@keyframes svg-animation {
    0% {
        height: 200px;
        }
        100% {
        height: 10px;
        }
}

.mobileSVG {
    position: absolute;
    top: 594px;
    left: 0px;
    width: 100%;
    z-index: -1;
    display: block;
}

.outcome-block, .get-started {
    width: 100%;
}
 
.fixed .background-cover{
    height: 200px;
}

.background-cover {
    animation: svg-animation 2s 0.8s backwards;
    width: 100%;
    position: fixed;
    bottom: 0px;
    right: 15px;
    z-index: -1;
    background-color:white;
    height: 200px;
    display: block;
  }
  
  

/*** Main content CSS **/

.main-content {
    width: 291px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}


.bubble {
    position: absolute;
    right: 0;
    top: 85px;
    width: 290px;
}

.men-with-tablet-block {
    position: absolute;
    top: 625px;
    left: 0;
}

.men-with-tablet-img {
    height: 228px;
}

.practice-info {
    position: absolute;
    top: 920px;
    max-width: 168px;
    left: 0px;
}



.doctor {
    position: absolute;
    top: 1040px;
    left: 90px;
    height: 133px;
}

.nurse {
    position: absolute;
    top: 958px;
    left: 128px;
    height: 142px;
}

.lady-with-laptop-block {
    position: absolute;
    top: 1398px;
    left: 145px;
    max-height:137px;
    max-width:118px;
}

.men-with-chello-app {
    position: absolute;
    top: 2548px;
    left: 30px;
    height: 243px;
}

.men-with-system {
    position: absolute;
    top: 4383px;
    left: 0;
    height: 175px; 
}


.outcome-block{
    background-color: #A120D1;
    position: absolute;
    top: 4619px;
    width: 100%;
    max-height: 379px;
}


.entrepreneurs-block-img {
    position: absolute;
    top: 5820px;
    max-height: 152px;
}

.entrepreneurs-block-heading {
    position: absolute;
    top: 6009px;
    left: -20px;
}

.entrepreneurs-block div.team-member-detail-section {
    position: absolute;
    top: 166px;
    left: -127px;
}

.entrepreneurs-block-intro {
    position: absolute;
    top: 5880px;
    max-width: 220px;
    left: 85px;
}

.medical-practice-img {
    max-height: 154px;
    position: absolute;
    top: 5611px;
    right: -20px;
}

.medical-practice-heading {
    position: absolute;
    top: 5776px;
    left: 196px;
    font-size: 15px;
    line-height: 16px;
}

.medical-practice-intro {
    position: absolute;
    top: 5640px;
    right: 82px;
}

.medical-practice-block div.team-member-detail-section {
    position: absolute;
    bottom: 165px;
    right: -189px;
    max-width: 263px;
}


.small-business-block-img {
    height: 157px;
    position: absolute;
    top: 6334px;
}

.small-business-block-heading {
    position: absolute;
    top: 6532px;
    left: 43px;
    max-width: 69px;
}

.small-business-block-intro {
    position: absolute;
    top: 6411px;
    max-width: 220px;
    left: 62px;
}

.finance-manager-block-img {
    height: 169px;
    position: absolute;
    top: 6060px;
    left: 177px;
}

.finance-manager-block-heading {
    position: absolute;
    top: 6234px;
    left: 196px;
    max-width: 100px;
}

.finance-manager-block-intro {
    position: absolute;
    top: 6120px;
    max-width: 220px;
    left: 0;
}


.get-started {
    background-color: #A120D1;
    min-height: 220px;
    position: absolute;
    top: 6706px;
    width: 100%;
}

.get-started div.h1 {
    max-width: 680px;
}

.chello-built {
    max-width: 110px;
    display: inline-block;
    position: absolute;
    top: 860px;
    right: 0px;
    line-height: 18px;
    font-size: 16px;
}

.front-tagline {
    position: absolute;
    top: 457px;
    text-align: center;
}

.custom-toast.shadow-sm.bubble-info {
    position: absolute;
    right: 0;
    top: 135px;
    width: 146px;
}

.men-with-table-info {
    position: absolute;
left: 73px;
top: 108px;
}

.good-bye {
    max-width: 460px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    top: 1273px;
    left: 0;
    min-height:90px;
}

.lady-with-laptop-section {
    position: absolute;
    top: 1353px;
    right: -20px;
    width: 132px;
    height: 83px;
    max-height: 83px;
    min-height: 83px;
    display: flex;
    flex-direction: column;
}

.lady-with-laptop-section img {
    height: 25px;
}

.lady-with-laptop-section button {
    border-radius: 6px;
    height: 18px;
    padding: 5px;
    width: 50px;  
}

.info-secondary-button .continue-btn {
    height: 25px;
    width: auto;
}

.video-section-heading {
    min-height: 50px;
}

.cash-flow-insights-btn {
    height: 20px;
    border-radius: 6px;
}

.connecting-section {
    position: absolute;
    top: 1576px;
}

.connecting-section-head {
    min-height: 71px;
}

.advance-machin {
    position: absolute;
    top: 2865px;
    text-align: center;
    min-height: 135px;
    left: 0px;
}

.advance-machin div.h1 {
    max-width: 580px
}

.boost-your-business {
    position: absolute;
    top: 3400px;
    text-align: center;
    min-height: 96px;
    left:0px;
}

.unlock-block {
    position: absolute;
    top: 3568px;
    right: 0;
    width: 220px;
}

.want-to-block {
    position: absolute;
    top: 4283px;
    right: 0;
    width: 220px;
}

.auto-cover-block {
    position: absolute;
    top: 3910px;
    left: 0;
    width: 220px;
}

.team-section-heading {
    position: absolute;
    top: 5420px;
    min-height: 87px;
    background: #ffffff;
    left:0px;
}

.team-section-heading div.h1 {
    max-width: 400px;
}

.star-img {
    position: absolute;
    top: 2958px;
    right: -15px;
    width: 128px;
    height: 96px;
}

.boost-now-info-section {
    position: absolute;
    top: 4011px;
    right: 0;
    width: 206px;
    height: 146px;
    max-height: 146px;
    min-height: 146px;
    display: flex;
    flex-direction: column;
}

.cash-ready-info-section {
    position: absolute;
    top: 3690px;
    left: 0;
    width: 206px;
    height: 146px;
    max-height: 146px;
    min-height: 146px;
    display: flex;
    flex-direction: column;
}

.cash-ready-info-section img{
    height: 38px;
    max-width: 100%;
}
.cash-flow-chart-section {
    position: absolute;
    top: 3191px;
    right: 0;
    width: 206px;
    height: 146px;
    max-height: 146px;
    min-height: 146px;
    display: flex;
    flex-direction: column;
}

.get-started-button {
    font-family: "Gellix Chello Regular", sans-serif;
    width: 137px;
    height: 40px;
}

.chello-app-logo {
    position: absolute;
    top: 2486px;
    left: 0px;
}

.chello-app-logo span {
    font-size: 26px;
    letter-spacing: 0;
}

.get-started {
    color: #ffffff;
}

.globe-section {
    max-width: 188px;
}

.video-section {
    position: absolute;
    top: 5093px;
    left: 0px;
}

.video-section img {
    height: 148px;
    max-width: 100%;
}

.content-heading {
    position: absolute;
    top: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.content-heading h1 {
    font-size: 45px;
    line-height: 45px;
    text-align: center;
}

.overlay-line {
    /* animation: cut-line 2s 0.8s backwards; */
    width: 180px;
    position: absolute;
    height: 6px;
    top: 69px;
    background-color: var(--bs-primary);
    z-index: 1;
}

/*     @keyframes cut-line {
    0% {
        width: 0px;
        opacity: 0px;
        }
        100% {
        width: 180px;
        }
} */
.competition-heading, .comparision-table {
    display: none;
}

.background-image{
    background: url(../images/video-bg.png);
    min-height: 170px;
    position: absolute;
    top: 5170px;
    min-width: 291px;
    width: 100%;
    z-index: -1;
  }
  
  .transfer-txt {
    font-size: 8px;
    line-height: 9px;
    padding: 0px 9px;
    font-family: 'Gellix Chello Regular';
  }
  .transfer-txt .p3 {
    border: 0.5px solid #808080;
    padding: 4px 3px;
    display: inline-block;
    font-size: 6px;
    line-height: 7px;
    margin: 0px 0px 0px 0px;
    color: #808080;
    border-radius: 3px;
    width: 73px;
    min-height: 17.77px;
  }
  
  .bi-arrow-right{
    position: relative;
    top: 5px;
  }
  .color-s
    {
        font-family: "Gellix Chello Bold", sans-serif;
    }
    .video-player 
  {
    border-radius:15px;
    box-shadow: 4px 4px 20px rgb(31 41 55 / 12%);
    position: relative;
    top: 0px;
    height: 148px;
    width: 290px;
    }

    .info-secondary-button .btn-primary {
        pointer-events: none;
    }


    @media only screen and (max-width: 767px){
    .practice-info img {
        height: 160px;
    }
}


    @media only screen and (max-width: 350px){
        .practice-info {
       left: 0px;
   }
   .entrepreneurs-block-heading {
       left: 0px;
   }

   .entrepreneurs-block div.team-member-detail-section {
       left: 0px;
   }

   .medical-practice-img {
       right: 0px;
   }
   .medical-practice-block div.team-member-detail-section {
       right: 0px;
   }
   .lady-with-laptop-section {
       right: 0px;
   }
    .star-img {
       right: 0px;
   }
   .finance-manager-block-img {
       left: 165px;
   }
   .half-circle.bg-dark.third-column {
    width: 15px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(90deg,black 55%, white 50% );
    border: 1px solid black;
}
   }