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

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


.info-wrapper{
  padding: 1rem;
  width: 40vw;
  line-height: 1;
  margin-bottom: 4rem;
}

.about-us-img{
  width: 80%;
  border-radius: 20px;
}


#about-us .img{
  margin-left: 15px;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 97% !important;
}


.info{
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}

.info-wrapper > p{
  color: var(--black-color) !important;
}

.info-wrapper > h2{
  color: var(--black-color) !important;
}

@media (max-width: 768px) {
  #about-us {
    background-position: -350px 0px; 
    
  }

  .about-us-img{
    width: 96%;
  }

  .info-wrapper{
    width: auto;
  }
  
  .info{
    display: grid;
    grid-template-columns: none !important;
    grid-template-rows: 1fr 0.3fr !important;
  }
  

  
}