.orange {
    background-color: #F29B20;
    border: none;
}
.btn:hover{
    background-color: #F29B20;   
}
.txt{
    font-size: 32px;
    color: #322BDD;
}
a:hover{
    background-color: none!important;
}
button {
    height: 58px;
}
@media screen and (max-widht:768px) {
    button {
        height: 50px;
    }
}

 @media screen and (max-width: 928px) {
  .dhide {
    display:none;
  }
  .navbar-brand{
      margin-top:-15px!important;
  }

}


.bubbles{
  position:absolute;
  width:100%;
  height: 100%;
  z-index:0;
  overflow:hidden;
  top:0;
  left:0;
}
.bubble{
  position: absolute;
  bottom:-100px;
  width:40px;
  height: 40px;
  background:#ffffff;
  border-radius:50%;
  opacity:0.5;
  animation: rise 10s infinite ease-in;
}
.bubble:nth-child(1){
  width:40px;
  height:40px;
  left:10%;
  animation-duration:8s;
}
.bubble:nth-child(2){
  width:20px;
  height:20px;
  left:20%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(3){
  width:50px;
  height:50px;
  left:35%;
  animation-duration:7s;
  animation-delay:2s;
}
.bubble:nth-child(4){
  width:80px;
  height:80px;
  left:50%;
  animation-duration:11s;
  animation-delay:0s;
}
.bubble:nth-child(5){
  width:35px;
  height:35px;
  left:55%;
  animation-duration:6s;
  animation-delay:1s;
}
.bubble:nth-child(6){
  width:45px;
  height:45px;
  left:65%;
  animation-duration:8s;
  animation-delay:3s;
}
.bubble:nth-child(7){
  width:90px;
  height:90px;
  left:70%;
  animation-duration:12s;
  animation-delay:2s;
}
.bubble:nth-child(8){
  width:25px;
  height:25px;
  left:80%;
  animation-duration:6s;
  animation-delay:2s;
}
.bubble:nth-child(9){
  width:15px;
  height:15px;
  left:70%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(10){
  width:90px;
  height:90px;
  left:25%;
  animation-duration:10s;
  animation-delay:4s;
}
@keyframes rise{
  0%{
    bottom:-100px;
    transform:translateX(0);
  }
  50%{
    transform:translate(100px);
  }
  100%{
    bottom:1080px;
    transform:translateX(-200px);
  }
}

  @media only screen and (min-width: 991px) and (max-width: 1120px)  {
      .grid_wrap{
        margin-right:10px;
      }
      /*.maintop{*/
      /*           margin-top:-10px;*/
      /*}*/
      .dv_main.cutt_main_b2{
        margin-top: -85px;
      }
      .mtop1{
        margin-top: -5px!important;
      }
      @media only screen and (width: 768px)
        .mtop1 {
          margin-top: 0!important;
      }
    }
   
    @media only screen and (min-width: 320px) and (max-width: 383px)  {
      .mobile-top-margin{
        margin-top: 25px!important;
      }
    }
    @media only screen and (min-width: 384px) and (max-width: 446px)  {
      .mobile-top-margin{
        margin-top: 45px!important;
      }
    }
    @media only screen and (min-width: 447px) and (max-width: 479px)  {
      .mobile-top-margin{
        margin-top: 66px!important;
      }
    }
    @media only screen and (min-width: 769px) and (max-width: 990px)  {
      .mtop1 {
        margin-top: -5px!important;
      }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px)  {
      .mtop {
        margin-top: 25px;
      }
    }
    
    @media only screen and (min-width: 320px) and (max-width: 479px)
.mtop {
    margin-top: 25px;
}
}
    @media only screen and (width: 768px)  {
      .mtop {
        margin-top: 28px;
      }
    }
   @media only screen and (min-width: 768px) and (max-width: 990px)  {
      .mtop {
        margin-top: 25px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 928px)  {
      .navbar-brand img {
        height: 40px!important;
        margin-top: 20px!important;
        margin-bottom: 10px!important;
        margin-left: 0;
      }
    }
    @media only screen and (min-width: 328px) and (max-width: 767px)  {
      .navbar-brand img {
        height: 40px!important;
        margin-top: 14px!important;
        margin-bottom: 10px!important;
        margin-left: 0;
      }
    }
    @media only screen and (min-width: 447px) and (max-width: 768px)  {
      .mobile-card-top{
        margin-top:-150px;
      }
    }
    @media only screen and (min-width: 320px) and (max-width: 446px)  {
      .mobile-card-top{
        margin-top:-110px;
      }
    }
    @media only screen and (min-width: 320px) and (max-width: 768px)  {
      .grid_wrap{
        margin-right:14px;
      }
      .dv_main.cutt_main_b2 {
        padding: inherit;
        text-align: left;
        max-width: 700px;
        float: left;
        color: #fff;
        font-weight: 400;
        line-height: 1.4;
        margin-top: 16px;
      }
      .btn_cutt {
        position: absolute;
        top: 6%;
        right: 4px;
      }
      .bg{
        position: absolute;
        top: -30%;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 133%!important;
        background: #322BDD!important;
        /* transform: skewY(-5deg); */
        /* transform-origin: top left; */
        /* overflow: hidden; */
      }
      .bg-imge{
        background-size: 295px 200px;
      }
      .ptop{
        padding-top:40px!important;
      }
      .mwidth{
        max-width:200px!important
      }
      .mt-mobile{
        margin-top: 12px;
      }
      /*.cutt_link{*/
      /*  padding: 15px 20px 15px 40px;*/
      /*  color: var(--col_white);*/
      /*  font-size: .875rem;*/
      /*  font-weight: 700;*/
      /*  margin: 0 auto;*/
      /*  background: var(--col_main);*/
      /*  background: linear-gradient(45deg,var(--col_main) 0%,var(--col_main_dark) 100%);*/
      /*  background-size: 300% 100%;*/
      /*  position: relative;*/
      /*  word-break: break-all;*/
      /*  display: table;*/
      /*  text-align: center;*/
      /*  min-width: 220px;*/
      /*  box-shadow: none;*/
      /*  border: none;*/
      /*  border-radius: 8px!important;*/
      /*  width: 460px;*/
      /*  margin:0px -16px 0px -4px;*/
      /*}*/
    }
    @media screen and (min-width: 769px) and (max-width: 1200px){
      .bg{
        position: absolute;
        top: -30%;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 160%!important;
        background: #322BDD!important;
        /* transform: skewY(-5deg); */
        /* transform-origin: top left; */
        /* overflow: hidden; */
      }
      .bg_cuttly_main_092021 {
        /*background: var(--col_grey_light)!important*/
      }
      .mt-100{
        /*margin-top: -10px;*/
      }
      .dv_main.cutt_main_b2{
        margin-top: -85px;
      }
      .cutt_link{
        padding: 15px 20px 15px 40px;
        color: var(--col_white);
        font-size: .875rem;
        font-weight: 700;
        margin: 0 auto;
        background: var(--col_main);
        background: linear-gradient(45deg,var(--col_main) 0%,var(--col_main_dark) 100%);
        background-size: 300% 100%;
        position: relative;
        word-break: break-all;
        display: table;
        text-align: center;
        min-width: 220px;
        box-shadow: none;
        border: none;
        border-radius: 8px!important;
        width: 900px;
        margin: 0px -16px 0px -4px;
      }
    }
    @media screen and (min-width: 1200px){
      .bg {
        position: absolute;
        top: -30%;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 160%!important;
        background: #322BDD!important;
        /* transform: skewY(-5deg); */
        /* transform-origin: top left; */
        /* overflow: hidden; */
      }
      .mobile-top-margin{
        margin-top:40px;
      }
      .mt-100{
        margin-top: -10px;
      }
      .dv_main.cutt_main_b2{
        margin-top: -85px;
      }
      .bg_cuttly_main_092021 {
        /*background: var(--col_grey_light)!important*/
      }
      .mrgtop{
        margin-bottom:12px!important;
      }
      .cutt_link{
        padding: 15px 20px 15px 40px;
        color: var(--col_white);
        font-size: .875rem;
        font-weight: 700;
        margin: 0 auto;
        background: var(--col_main);
        background: linear-gradient(45deg,var(--col_main) 0%,var(--col_main_dark) 100%);
        background-size: 300% 100%;
        position: relative;
        word-break: break-all;
        display: table;
        text-align: center;
        min-width: 220px;
        box-shadow: none;
        border: none;
        border-radius: 8px!important;
        width: 1105px;
        margin: 0px -16px 0px -4px;
      }
    }
    .cutt_link:hover{
      background:#2B26C1!important;
    }
    @media screen and (min-width: 999px)and (max-width:1199px){
      
      .btn_cutt{
        right: 136px;
      }
    }
    @media screen and (min-width: 769px){
      .mtop1{
        margin-top: -105px!important;
      }
    }
    @media screen and (min-width: 1200px){
      .cutt_url {
        background-color: var(--col_white);
        background-repeat: no-repeat;
        background-position: left 15px center;
        padding: 0 100px 0 25px!important;
        height: 52px;
        line-height: 52px;
        border: 1px solid var(--col_grey);
        width: 75%!important;
        margin-left: 140px;
        margin-right: 120px;
      }
      .btn_cutt{
        right: 145px;
      }
    }
   
    @media screen and (min-width: 1020px){
      .mwidth{
        max-width:1050px!important
      }
      .navbar-brand img {
        height: 0px!important;
        margin-top: 5px!important;
        margin-bottom:10px!important;
        margin-left:0;
      }
      .mtop1{
        margin-top: -105px!important;
      }
      
    }
    .step {
      padding: 40px 10px;
      border: 1px solid #d4d4d4;
      border-radius: 5px;
    }
    .steps{
      height:314px;
    }
    .steps-content{
      margin-bottom:25px;
    }
    .step-img {
      margin-bottom: 45px;
    }
    .step-heading {
      text-transform: uppercase;
    }
    .step-content {
      margin-bottom: 25px;
    }
    .step-num span {
      background-color: #00001c!important;
    }
    .step-num span {
      font-family: 'Montserrat', sans-serif;
      background-color: #2982f3;
      color: #ffffff;
      border-radius: 100%;
      padding: 11px;
      line-height: 19px;
      font-size: 19px;
      width: 40px;
      height: 40px;
      display: inline-block;
    }
    section h2.section-heading {
      font-size: 45px;
      margin-top: 0;
      font-weight: 400;
      margin-bottom: 15px;
    }
    section h3.section-subheading {
      color: #322BDD;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 400;
      margin-top: 0px;
      margin-bottom: 7px;
    }
    
    .reveal{
      position: relative;
      transform: translateY(150px);
      opacity: 0;
      transition: 1s all ease;
    }
    .reveal.active{
      transform: translateY(0);
      opacity: 1;
      color:#000!important;
    }
    .btn_m_1 {
      margin: 10px;
      padding: 12px 45px;
      text-align: center;
      transition: .5s;
      background-size: 200% auto;
      color: var(--col_white);
      display: block;
      border-radius: 8px;
      font-weight: 500;
      text-transform: uppercase;
    }
    .navbar-brand img {
      height: 48px!important;
      margin-top: 5px;
      margin-bottom:10px!important;
      margin-left:0;
    }
    .bg-col{
      background-color:#ffcc00!important;
      border:2px solid #ffcc00!important;
      color:#000!important;
      margin: 10px;
      padding: 12px 45px;
      text-align: center;
      transition: .5s;
      background-size: 200% auto;
      color: var(--col_white);
      display: block;
      border-radius: 8px;
      font-weight: 500;
      text-transform: uppercase;
      transition:all ease-in-out;
    }
    .bg-col:hover{
      border:#ffcc00!important;
      color: #322bdd!important;
      background:#eeeeee!important;
      border:2px solid #eeeeee!important;
      padding: 12px 47px;
    }
    .dv_main .butt_on a {
      padding: 12px 100px;
    }
    .logo-width{
      width: 225px;
    }
    .bubbles{
      position:absolute;
      width:100%;
      height: 100%;
      z-index:0;
      overflow:hidden;
      top:0;
      left:0;
    }
    .bubble{
      position: absolute;
      bottom:-100px;
      width:40px;
      height: 40px;
      background:#ffffff;
      border-radius:50%;
      opacity:0.5;
      animation: rise 0s infinite ease-in;
      animation-delay:0s!important;
    }
    .bubble:nth-child(1){
      width:40px;
      height:40px;
      left:10%;
      animation-duration:14s;
      animation-delay:0s;
    }
    .bubble:nth-child(2){
      width:20px;
      height:20px;
      left:5%;
      animation-duration:16s;
      animation-delay:1s;
    }
    .bubble:nth-child(3){
      width:50px;
      height:50px;
      left:35%;
      animation-duration:18s;
      animation-delay:2s;
    }
    .bubble:nth-child(4){
      width:80px;
      height:80px;
      left:45%;
      animation-duration:20s;
      animation-delay:0s;
    }
    .bubble:nth-child(5){
      width:35px;
      height:35px;
      left:55%;
      animation-duration:22s;
      animation-delay:1s;
    }
    .bubble:nth-child(6){
      width:45px;
      height:45px;
      left:65%;
      animation-duration:24s;
      animation-delay:3s;
    }
    .bubble:nth-child(7){
      width:70px;
      height:60px;
      left:70%;
      animation-duration:23s;
      animation-delay:2s;
    }
    .bubble:nth-child(8){
      width:45px;
      height:45px;
      left:10%;
      animation-duration:21s;
      animation-delay:2s;
    }
    .bubble:nth-child(9){
      width:25px;
      height:25px;
      left:25%;
      animation-duration:26s;
      animation-delay:1s;
    }
    .bubble:nth-child(10){
      width:70px;
      height:70px;
      left:80%;
      animation-duration:12s;
      animation-delay:3s;
    }
    @keyframes rise{
      0%{
        bottom:-100px;
        transform:translateX(0);
      }
      50%{
        transform:translate(100px);
      }
      100%{
        bottom:1080px;
        transform:translateX(-200px);
      }
    }
    
    #particles-js{
      width: 100%;
      height: 100%;
      /*background-color: #000!important;*/
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
    }
    .mlr{
      margin-left:4px;
      margin-right:4px;
    }
    :root {
      --animate-duration: 1600ms;
      --animate-delay: 0.85s;
    }