/* .banner-background{
    height: 750px;
} */
@media (max-width: 1399.98px) and (min-width: 992px) {
    /* .banner-background {
        height: 647px;
    } */

    .benefits .heading h4 {
        width: 30% !important;
    }
}

.service-provide .card {
    border: 1px solid rgba(33, 212, 150, 0.53);
    cursor: pointer;
    width: 42%;
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 8.93%, #DDF5F0 110.71%);
}

.service-provide .card:hover {
    background: #21d49614;
    box-shadow: inset 0 0 15px 0 hsla(0, 0%, 100%, 0.43);
}

.service-provide .heading h4 {
    width: 28%;
}

.service-provide .pragraph p {
    width: 50%;
}

@media (max-width: 992px) {
    .service-provide .card {
        width: 100%;
    }

    .service-provide .heading h4 {
        width: 100%;
    }

    .service-provide .pragraph p {
        width: 100%;
    }
}

.service-provide .width-20 {
    width: 20%;
}

.service-provide .width-15 {
    width: 15%;
    margin-left: 9px;
}

.workflow .card {
    border: 1px solid rgba(230, 233, 236, 1) !important;
    /* min-height: 165px; */
}

.workflow .numbers {
    top: 9px !important;
    padding: 4px 9px !important;
    background: linear-gradient(175.37deg, #A639FF 13.49%, #0593F8 121.57%) !important;
    z-index: 9;
}

.workflow .workflow-borderline {
    border: 1px solid rgb(159, 159, 159);
}

.tools-we-use .card-img {
    border: 1px solid rgba(232, 228, 228, 1);
    width: 31%;
    padding: 5px;
}

.tools-we-use .card {
    /* box-shadow: 0px 2px 19px 3px rgb(172 172 172 / 9%); */
    box-shadow: 0px 2px 19px 1px rgb(114, 114, 114 / 28%);
    transition: transform 0.2s ease-in-out;
    border-radius: 12px;
}

.tools-we-use .card:hover {
    transform: scale(1.08);
}

.benefits .card {
    min-height: 250px;
    background: linear-gradient(199.11deg, #21D496 -26.83%, #054A91 85.96%);
    opacity: 1;
}

.benefits .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.74);
}

.benefits .z-index {
    z-index: 9;
}

.benefits .heading h4 {
    width: 25%;
}

.benefits .pragraph p {
    width: 75%;
}

@media (max-width: 992px) {
    .benefits .heading h4 {
        width: 100%;
    }

    .benefits .pragraph p {
        width: 100%;
    }
}

/* .uiux-client-review .reviws-card{
        box-shadow: 0px 2px 19px 3px rgb(172 172 172 / 9%);
        background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.46));
        min-height: 369px !important;
        border-radius: 12px;
        padding: 12px;
    } */

@keyframes webbanner{
    0%{
    transform:scale(1)
  }
  
  50%{
    transform:scaleX(.9)
  }
  
  to{
    transform:scale(1)
  }
  
  
  }
  
  .webbanner{
    animation: webbanner 5s ease-out infinite;
  }
  .width53{
    width: 78%;
  }
  @media (max-width:992px){
    .width53{
      width: 100%;
    }
  }
  .width75{
    width: 75%;
  }
  @media (max-width:992px){
    .width75{
      width: 100%;
    }
  }
  @media (max-width:1399.98px) and (min-width:992px){
    .width53{
        width: 73%;
      }
      .benefits .card{
            min-height: 267px;
        }
    
    /* .uiux-client-review .reviws-card{
            min-height: 408px !important;
        } */
    
}
    @media (max-width:1199.98px) and (min-width:992px){
        .benefits{
            .card{
                min-height: 306px;
            }  
    }
    /* .uiux-client-review .reviws-card{
            min-height: 488px !important;
        } */
    
        .workflow .card {
            border: 1px solid rgba(230, 233, 236, 1) !important;
            /* min-height: 210px; */
        }
        
        .workflow .numbers {
            top: 9px;
            padding: 4px 9px;
            background: linear-gradient(175.37deg, #A639FF 13.49%, #0593F8 121.57%);
            z-index: 9;
        }
        
  }
  @media (max-width: 576px) and (min-width: 387px) {
    /* .uiux-client-review .reviws-card{
          min-height: 450px !important;
        } */
    
    /* // .workflow{
    //     .card{
    //         min-height: 189px;
    //     }
    // } */
}
@media (max-width: 387.98px) {
    /* .uiux-client-review .reviws-card{
          min-height: 454px !important;
        } */
    
    /* // .workflow{
    //     .card{
    //         min-height: 189px;
    //     }
    // } */
}
@media (max-width:992px) and (min-width: 576px){
    /* .banner-background {
        height: 840px !important;
    } */
    /* .uiux-client-review .reviws-card{
          min-height: 449px !important;
        } */
    
}

@media (max-width: 575.98px){
    /* .banner-background {
        height: 785px;
    } */
}

/* .banner-height {
    height: 692px;
} */

.owl-item {
    margin-right: 20px !important;
  }
  
  .owl-carousel .owl-stage {
    display: flex !important;
  }
  
  .owl-carousel .owl-item {
    display: flex !important;
    flex: 1 0 auto !important;
  }
  
  .owl-carousel .thumbnail {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 15px !important;
  }
  
  .owl-carousel .thumbnail .caption {
    display: flex !important;
    flex: 1 0 auto !important;
    flex-direction: column !important;
  }
  
  .owl-carousel .thumbnail .caption .flex-text {
    flex-grow: 1 !important;
  }
  .owl-theme .owl-nav {
    position: absolute;
    bottom: -25px;
    right: 0;
    display: flex;
  }
  
  .owl-dots {
    position: absolute;
    bottom: -18px;
    left: 0;
  }