 .container 
 {
    display: flex;
    padding: 50px 10% !important;
    gap: 50px;
    flex-wrap: wrap;
 }
.job-box h4{
    color: #fff !important;
}
.main-content h2 {
    font-size: 17px !important;
}
.feature-box svg{
    font-size: 33px !important;
    color: #103862;
    margin-bottom: 10px;
}

.feature-box i,
.feature-box h2 {
  transition: color 0.3s ease;
}

.feature-box:hover svg,
.feature-box:hover h2 {
  color: #fff !important;
}
.feature-box:hover{
    background-color: #103862 ;
}
.feature-box{
    box-shadow: 0px 0px 3px 0px #c8c8c8;
}

      .whatsApp {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 999;
      }

      .whatsApp a {
        background: #25d366;
        color: white !important;
        border-radius: 50%;
       padding: 12px 16px !important;
        font-size: 28px !important;
        display: inline-block;
      }

      /* Mobile (phones) */
      @media (max-width: 767px) {
        .container{
          display: flex !important;
          flex-direction: column-reverse !important;
          padding: 45px 7% !important;
        }
        .main-content h1{
          font-size: 21px !important;
        }
        .sidebar{
          max-width: inherit !important;
        }
        .breadcrumb-container{
          font-size: 13px;
          margin-left: 15px;
          margin-right: 15px;
        }
        .explore-section h1{
          font-size: 19px !important;
        }
        .main-content img{
          margin-bottom: 9px !important;
        }
      }
      @media (min-width: 768px) and (max-width: 1024px) {
        .container{
          display: flex !important;
          flex-direction: column-reverse !important;
          padding: 45px 7% !important;
        }
         .sidebar{
          max-width: inherit !important;
        }
        .main-content h2 {
          font-size: 16px !important;
          margin-bottom: 0px !important;
        }
        .features {
            display: flex;
            flex-wrap: nowrap !important;
        }
        .explore-images img {
            max-width: fit-content !important;
            width: 48% !important;
        }
        .breadcrumb-container{
          font-size: 14px;
           margin-left: 15px;
          margin-right: 15px;
        }
         .main-content img{
          margin-bottom: 10px !important;
        }
      }

      
      