@media only screen and (max-width: 767px)
  {
    .desktopSVG {
        display: none;
    }

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

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

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

  /*   .outcome-block, .get-started {
        width: 100%;
    } */
     
    @keyframes svg-animation {
        0% {
            height: 500px;
          }
          100% {
            height: 50px;
        }
    }

    .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 **/
    .wrapper{
      height: 3890px;
    }
    .main-content {
        width: 291px;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
    }

    .video-box{
        position: absolute;
        top: -120px;
        width: 291px;
        min-height: 505px;
        left: 0px;
    }

    .video-box-content{
        position: relative;
        align-items: center;
        top: 30px;
    }
    .line{
        position:absolute;
        top:365px;
        height: 1px;
        width: 100%;
       background: #A120D1;
       min-width: 291px;
    }

    .metaverse-heading{
      position: absolute;
      top: 456px;
      left: 0px;
      width: 100%;
      min-height: 76.82px;
      text-align: center;
      font-size: 16px;
      line-height: 18px;
    }
    .metaverse-heading h2{
      width: 75%;
    }

    .meta-box1{
      position: absolute;
      top: 536px;
      left: 0px;
      width: 192px;
      min-height: 104px;
    }
    .tooltip-box {
      box-sizing: border-box;
      background: #fff;
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      min-height: 100px;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      line-height: 1.2;
      font-family: "Gellix Chello SemiBold", sans-serif;
      padding: 15px;
    }
    
    
    .tooltip-box::after{
      content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 30px;
        top: 100%;
        margin-top: -2px;
        box-sizing: border-box;
        border: 1em solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -4px 5px 3px 0px rgb(0 0 0 / 10%);
      }

      .custom-bi-quote::before {
        font-size: 17px;
        color: #a120d1;
    }
      
     
.meta-box2{
  position: absolute;
  top: 723px;
  left: 100px;
  width: 190px;
  max-width: 100%;
  min-height: 108px;
}
      
      
.meta-box3{
  position: absolute;
  top: 910px;
  left: 50px;
  width: auto;
  max-width: 100%;
  min-height: 157px;
}
    
.tooltip-box-icon {
  position: absolute;
  right: 28px;
  top: calc(100% + 24px);
  height: 20px;
}
      .our-mission{
        position: absolute;
        top: 1178px;
        left: 0px;
        width: 100%;
        text-align: center;
        flex-direction: column;
        min-height: 155px;
        font-size: 13px;
        line-height: 16px;
      }
      .our-mission .h1{
        width: 84%;
      }
      .nurses{
        position: absolute;
        top: 1335px;
        left: 0px;
        max-height: 241px;
        max-width: 190px;
 }
      .driver{
        position: absolute;
        top: 1502px;
        left: 151px;
        max-height: 171px;
        max-width: 139px;
      }

      .builder{
        position: absolute;
        top: 1723px;
        left: 100px;
        z-index: -1;
        max-height: 229px;
        max-width: 190px;
      }

      .man-with-flask{
        position: absolute;
        top: 1626px;
        left: 0px;
        height: 170px;
        max-width: 140px;
      }
      .make-your-life{
        position: absolute;
        top: 2139px;
        left: 0px;
        width: 100%;
        text-align: center;
        min-height: 150px;
      }
      .make-your-life .h1{
        max-width: 95%;
      }

    .toast1 .custom-toast{
        position: absolute;
        top: 2291px;
        left: 0px;
        width: 139px;
        min-height: 70px;
        z-index: 99;
        background: #fff;
        max-width: 139px;
    }

    .toast1 .custom-toast-header {
        padding: 2px 6px;
        background-color: #A120D1 !important;
    }

   .toast1 .custom-circle-fill {
      font-size: 5px;
    }
   
    .trizetto-img {
        position: relative;
        left: 23px;
        top: 0px;
        max-height: 31.68px;
        max-width: 92.15px;
    }
.simplify-img{
    position: absolute;
    top: 2335px;
    left: 0px;
    z-index: -1;
    max-height: 155px;
    max-width: 290px;
}

.simplify-block{
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  margin: 0px 0px 0px 0px;
  border: 1px solid white;
  z-index: 1;
  width: 205px;
  min-height: 32px;
  border-radius: 12px;
  position: absolute;
  top: 2476px;
  left: 85px;
  font-size: 9px;
  line-height: 10px;
   padding: 0px 10px;
}

.simplify-block-img{
  position: relative;
  top: 0px;
  border: 2px solid green;
  border-radius: 50%;
  left: 0px;
  height: 23px;
}

.simplify-line{
  display: none;
}

.simplify-line-img{
  position: absolute;
  top: 2508px;
  left: 172px;
}

.toast2 .custom-toast{
    position: absolute;
    top: 2529px;
    left: 0px;
    width: 172px;
    min-height: 109px;
    z-index: 99;

}

.toast2 .custom-toast-header {
    padding: 2px 6px;
    background-color: #A120D1 !important;
}
.toast2 .custom-circle-fill {
  font-size: 5px;
}
.toast2 .custom-toast-body{
    padding: 9px 8.26px 0px 21.85px;
    min-height: auto;
    background: #fff;
    border-radius: 10px;
}

hr{
margin: 10px 2px 10px 2px !important;
}
.revenue{
    font-size: 9px;
    line-height: 10px;
    color: #000000;
}

.custom-toast-text{
  font-family: "Gellix Chello Regular", sans-serif;
    font-size: 9px;
    line-height: 10px;
    color: #000000;
    margin: 0px;
    
}
    .toast-ul{
    padding-left: 16px;
    margin-bottom: 0px;
    }
  ::marker{
      color: #a120d1;
    }

.connect-business{
    background-color: #A120D1;
    min-height: 158px;
    position: absolute;
    top: 2663px;
}

.connect-business .h1{
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 17.84px;
    top: -8px;
}

.connect-business .get-started{
    position: relative;
    background-color: white !important;
    color: #a120d1;
    width: 170px;
    min-height: 40px;
    border: none;
    border-radius: 10px;
}
.think-of-us-img{
    position: absolute;
    top: 2851px;
    left: 100px;
    max-height: 232px;
    max-width: 189px;
}

.thinkbox{
  position: absolute;
  top: 3066px;
  left: 0px;
  width:290px;
  min-height:257px;
  font-size:12px;
  line-height: 15px;
  font-family: "Gellix Chello Regular";
}

.thinkbox.tooltip-box::after{
  position: absolute;
  left: 30px;
}

.thinkbox .tooltip-box-icon {
  position: absolute;
  left: 33px;
  top: calc(100% + 36px);
 }
 .thinkbox .custom-bi-quote
 {
   position:relative;
   bottom:4px;
 }


  .OFG-heading{
    position: absolute;
    top: 3468px;
    left: 0px;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    min-height: 91px;
  }
  .OFG-heading .h1{
    max-width: 100%;
  }
 .find-out-more{
 position: absolute;
 top: 3560px;
 left: 0px;
 outline: none;
 border: none;
 padding: 12px 28px;
 width: 190px;
 border-radius: 6px;
 background-color: #a120d1;
 min-height: 46px;
}

 .toast3 .custom-toast {
    position: absolute;
    top: 3394px;
    left: 155px;
    width: 134px;
    min-height: 63px;
    z-index: 99;
    background: #fff;
}

.toast3 .custom-toast-header {
    padding: 2px 6px;
    background-color: #A120D1 !important;
}
.toast3 .custom-circle-fill {
  font-size: 5px;
}
.ofg-bank-img{
  position: relative;
  top: 5px;
  left: 0px;
  max-width: 109px;
  max-height: 17.92px;
}
.media-query{
    background-color: #A120D1;
    min-height: 158px;
    position: absolute;
    top: 3738px;
}

.media-query .h1{
      position: relative;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 17.84px;
    top: 0px;
    padding: 0px 15px;
}

.media-query .get-in-touch{
  position: relative;
  background-color: white !important;
  color: #a120d1;
  width: 170px;
  min-height: 40px;
  border: none;
  border-radius: 10px;
}

.toast1 .custom-toast-body
{
  padding: 10px 0px;
}

  }