.banner-img .container {
      padding-top: 10rem;
      padding-bottom: 10rem;
    }
    .banner-img p {
      width: 45%;
      line-height: 25px;
    }
    .tool-item h3{
      padding:6px 16px;
       border-radius: 40px;
      border: 1px solid #002868;
      background: #002868;
    }
    
    @media (max-width: 992px) {
      .banner-img p {
          width: 100%;
          line-height: 25px;
      }
    }
    
    .card-1, .card-2 {
      border-radius: 13px;
      border: 1px solid #054A9154;
    }
    @media (min-width: 992px) {
      .card-1 {
        max-width: 550px;
        display: flex;
        flex-direction: column;
      }
    }
    
    .tool-item:not(:first-child) h3 {
      margin-left: 10px;
    }
    
    .btn-green {
      border: 1px solid #054A91 !important;
      border-radius: 8px;
      padding: 8px 27px;
      width: 10% !important;
      background: #054A91 !important;
      transition: transform 0.3s ease;
    }
        .btn-green:hover {
          transform: scale(1.08);
        }
   
    
    @media (max-width: 991.98px) {
      .btn-green {
          width: 45% !important;
      }
    }
    
    .btn-green.less {
      background-color: #FF595E !important;
      color: #ffff;
      border: 1px solid #FF595E !important;
    }
    
    .expert-card .card {
      background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/product-development/bg-last.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 12px;
    }
    
    .paddin-last {
      padding: 43px 45px;
    }
    
    @media (min-width: 991px) {
      .width {
          width: 26%;
      }
    
      .width-h {
          width: 63%;
      }
    }
    
    .width50 {
      width: 50%;
    }
    
    @media (max-width: 991.98px) {
      .width50 {
          width: 100%;
      }
    }
    /* @media (max-width:1399.98px) and (min-width:992px){
      /* .banner-background {
        height: 840px !important;
    } 
    }
      @media (max-width:1199.98px) and (min-width:992px){
        /* .banner-background {
          height: 840px !important;
      } 
    }
    @media (max-width: 576px) and (min-width: 387px) {
      .banner-background {
        height: 830px !important;
    }
    }
    @media (max-width: 387.98px) {
      .banner-background {
        height: 100% !important;
    }
    }
    @media (max-width:991.98px) and (min-width: 576px){
      .banner-background {
          height: 880px !important;
      }
    } */

    @media (min-width:992px) and (max-width:1023.98px) {
      .banner-background{
        height: 550px;
      }
    }
    @media (min-width:1024px) and (max-width:2560px) {
      .banner-background{
        height: 550px;
      }
    }