@import '../../css/global.css'; /* Import your global styles */

#contact-us {

  background: linear-gradient(180deg, #70a5b3, #b9d4dd); /* Purple to blue gradient */
  border-radius: 40px;
}

h2{
  color: var(--white-color) !important;
}

.img{
  width: 50vw;
  display: grid;
  align-items: center;
  justify-content: center;
}

.contact-us-img{
  width: 40vw;
}

@media (max-width: 768px) {
  .info {
      display: grid;
      grid-template-columns: none !important;
      grid-template-rows: 0.3fr 0.7fr !important;
  }

  .contact-us-img{
    width: 100%;
  }

  #contact-us .info-wrapper{
    width: 95%;
  }
}

.info-wrapper{
  padding: 1rem;
  line-height: 1;
}

.info-wrapper p{
  margin-top: 1.8rem;
  font-family: Arial, Helvetica, sans-serif;
}

.info-wrapper h2 {
  margin: 0.5rem 0; /* Reduces vertical space between elements */
}

.info-wrapper h2 {
  margin-bottom: 0.3rem; /* Reduces space below the heading */
}

.info-wrapper a.btn1 {
  margin-top: 1rem; /* Slightly separates the button from the text */
}