/* ContactUs.css */

/* Body background */
body {
  background: linear-gradient(to top, #6ee7f9 10%, #ffffff 70%);
  
}

.container-main {
  height: 81.8vh;
}

.form1{
  margin-top: -1%;
}
/* Contact details icons */
.contact-details i {
  color: #0b4b75;
}
.contact-details p {
  color: #0b4b75;
}
.fw-bold{
  color: #0b4b75;
}
.color{
  color: #0b4b75;
  font-style: italic;
}


/* Form labels color */
form label {
  color: #0b4b75;
}

.btn-cyan {
  background-color: #0b4b75;
   color: #6ee7f9;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-cyan:hover {
  background-color: #03426d;
  color: #6ee7f9;
}


/* Optional spacing tweak for tablet stacking */
@media (max-width: 576px) {
  .contact-details {
    margin-bottom: 2rem;
  }
  .container-main{
    transform: translateY(-3%);
    height: 100%;  
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body{
    height: 100vh;
    overflow: hidden;
  }
  .container-main{ 
    transform: translateY(20%);
  }
}