@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


*{
    font-family: "Montserrat", sans-serif;
}

.active {
    border-bottom: 2px solid #3CA4C4; /* Underline in the required color */
    color: #3CA4C4 !important; /* Change text color to match */
}




.imgContainer{
    height: 100%;
}

.card-container{
    border-bottom-left-radius: 20%;
    border-Top-right-radius: 20%;
}

/* .btn{
    background-color: #3CA4C4;
} */

.bg-image{
    background-image: url(./images/contact.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.bg-custom-blue {
    background-color: #0b8eb6;
  }
  .text-custom-blue {
    color: #0b8eb6;
  }

  img.w-full.mobcontainer.object-cover.sm\:hidden.lg\:max-xl\:hidden.xl\:max-2xl\:hidden.\32 xl\:hidden {
    display: none;
}
  @media (max-width: 768px) {
    .font1 , h3{
      font-size: 24px !important; 
    }
  }

  @media (max-width: 768px) {
    .margin2 {
      margin-left: -18px; 
      font-size: 22px !important;
    }
  }

  @media (max-width: 768px) {
    .imgs{
      margin-left: -50px !important;
    }
    .mybtn{
      margin-left: 130px !important;
    }
    
  }

  @media (max-width: 768px) {
    .heading{
        text-align: left; 
      font-size: 30px !important; 
      }
  }

  /* @media (max-width: 768px) {
    .services{
        display: none;
    }
  } */

  @media (min-width: 768px) and (max-width: 1024px) {
    html, body {
        overflow-x: hidden;
    }
    .mybtn {
        margin-left: 180px !important;
    }
    .font1 {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
  .mybtn1 {
    margin-left: 130px !important;
    margin-top: 12px;
  }
  
}

.icon {
  width: 32px;
  height: auto;
  filter: invert(51%) sepia(16%) saturate(2875%) hue-rotate(162deg) brightness(94%) contrast(86%);
}