/* Fix for Why Choose Us section icons not showing on mobile */

@media (max-width: 767px) {
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea {
    padding: 95px 20px 30px 20px !important;
    min-height: auto !important;
    margin-bottom: 25px !important;
    text-align: left !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons {
    height: 75px !important;
    width: 75px !important;
    line-height: 75px !important;
    left: 20px !important;
    margin-left: 0 !important;
    top: 20px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons img {
    height: 40px !important;
    width: 40px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area {
    text-align: left !important;
  }
}

@media (max-width: 575px) {
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea {
    padding: 90px 18px 25px 18px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons {
    height: 70px !important;
    width: 70px !important;
    line-height: 70px !important;
    left: 18px !important;
    margin-left: 0 !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons img {
    height: 35px !important;
    width: 35px !important;
    max-width: 35px !important;
    max-height: 35px !important;
  }
}

/* iPhone SE and smaller screens (375px and below) */
@media (max-width: 375px) {
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea {
    padding: 85px 15px 25px 15px !important;
    margin-bottom: 20px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons {
    height: 65px !important;
    width: 65px !important;
    line-height: 65px !important;
    left: 15px !important;
    margin-left: 0 !important;
    top: 15px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons img {
    height: 32px !important;
    width: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area .title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }
  
  .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  .service-benefites-section-area .benefites-box {
    padding: 0 5px !important;
  }
  
  .service-benefites-section-area .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}