.contact-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 20px;
    gap: 60px;
    background: #fff;
  }

  .contact-info .cnt-det{
    width: 50%;
    margin: 10px;
  }

  .contact-info h3 {
    color: var(--main-color);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
  }

  .contact-info small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: var(--muted-color);
  }
.cnt-det h4{
  color: var(--head-color)!important;
  font-size: 16px;
}
.cnt-det p{
   color: var(--muted-color);
  font-size: 16px;
  font-weight: 300;
}
  .map {
    width: 33%;
    margin: 10px;
  }

  iframe {
    width: 100%;
    min-height: 280px;
    height: fit-content;
    border: none;
  }
  @media (max-width: 475px) {
    .contact-info{
      flex-direction: column;
    }
  }
/* Contact Form Container */
.cform {
  background-color: #d9d9d921;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 12px;
}

/* Row */
.crow {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Groups */
.cgroup {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.cgroup label {
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--head-color);
}

/* Required */
.creq {
  color: #e63946;
  font-size: 10px;
  vertical-align: super;
  margin-left: 3px;
}

/* Inputs */
.cgroup input {
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 3px 1px 9px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  background: #fff;
}

/* Submit */
.csubmit {
  text-align: center;
  margin-top: 20px;
}

.cbtn {
  background: var(--main-color);
  color: #fff;
  padding: 14px 40px;
  font-size: 16px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
}

.cbtn:hover {
  background: #218c4d;
}

/* Responsive */
@media (max-width: 768px) {
     .contact-info{
      flex-direction: column;
    }
  .crow {
    flex-direction: column;
  }
  .cgroup {
    width: 100%;
    
  }
  .csubmit{
    text-align: left!important;
  }
  .cform {
    padding: 0px 0px!important;
  }
}
@media (max-width: 900px){
    .contact-info {
        flex-direction: column!important;
    }
     .contact-info .cnt-det{
         width: 100%!important;
         text-align: center!important;
     }
      .map{
            width: 100%!important;
         text-align: center!important;
      }
}


/* team section css */
.custom-team-section {
  padding: 60px 40px;     
  background-color: #fff;
  text-align: center;
  max-width: 1240px;
  margin: 0 auto;
}

.team-heading {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 60px;
  color: var(--main-color);
  text-align: left;
}

.custom-team-wrapper {
  padding-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}

.custom-team-card {
  width: calc(25% - 30px);
  background-color: #EEEEEE;
  border-radius: 16px;
  padding-top: 60px;
  padding-bottom: 20px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  text-align: center;
  transition: transform 0.3s ease;
  margin-bottom: 60px;
}

.custom-team-card:hover {
  transform: translateY(-5px);
}

.team-img-wrapper {
  margin-top: -120px;
  margin-bottom: 20px;
}

.team-img-wrapper img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  /* border: 4px solid white; */
  background-color: white;
  display: block;
  margin: 0 auto;
}

.team-card-content h4 {
font-size: 16px;
font-weight: 600;
color: var(--head-color);


}

.team-card-content .role {
font-size: 16px;
font-weight: 700;
color: var(--head-color);
margin-bottom: 15px;
} 

.team-card-content .desc {
  font-size:16px;
  color: var(--muted-color);
font-weight: 400;
  padding: 0 10px;
}

/* Responsive Layouts */
@media (max-width: 1200px) {
  .custom-team-card {
    width: calc(33.33% - 30px); 
  }
}

@media (max-width: 768px) {
  .custom-team-card {
    width: calc(50% - 30px);
  }
  .team-heading {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 60px;
    color: var(--main-color);
  }
}

@media (max-width: 500px) {
  .custom-team-card {
    width: 100%; 
  }
}