/* Section Spacing */
.main-content-section {
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}

.sustainability-section {
  padding: 6rem 0;
  position: relative;
  z-index: 2;
  background: white;
}

.full-viewport-image {
  padding: 4rem 0;
  position: relative;
  z-index: 3;
}

.contact-form-section {
  padding: 4rem 0;
  position: relative;
  z-index: 4;
}

/* Mobile Adjustments */
@media (max-width: 992px) {
  .main-content .row.g-0 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .main-content .col-md-4 {
    height: auto !important;
    order: 2; 
  }

  .main-content .col-md-4:first-child,
  .main-content .col-md-4:last-child {
    height: 300px !important;
    order: 1;
  }

  .sustainability-section {
    padding: 4rem 0;
  }

  .orange-square {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    margin: 2rem 0;
  }

  .sustainability-image {
    margin-left: 0 !important;
    height: 400px !important;
  }
}

@media (max-width: 768px) {
  .main-content-section,
  .sustainability-section,
  .full-viewport-image,
  .contact-form-section {
    padding: 3rem 0;
  }

  .main-content .col-md-4:first-child,
  .main-content .col-md-4:last-child {
    height: 250px !important;
  }
}

@media (max-width: 576px) {
  .main-content-section,
  .sustainability-section,
  .full-viewport-image,
  .contact-form-section {
    padding: 2rem 0;
  }
}

@media (max-width: 992px) {
    .main-content .col-md-4:first-child, .main-content .col-md-4:last-child{
      height: 100% !important;
    }
  
  }
  /* Mobile-first Styles */
  .main-content {
    min-height: calc(100vh - 100px);
  }
  
  .vh-50 {
    height: 50vh;
  }
  
  .object-fit-cover {
    object-fit: cover;
  }
  
  /* Desktop Styles */
  @media (min-width: 768px) {
    .main-content {
      min-height: calc(100vh - 100px);
    }
    
    .row.g-0 {
      height: calc(100vh - 100px);
    }
    
    .vh-50 {
      height: 100%;
    }
  }
  
  @media (max-width: 767px) {
    .display-4 {
      font-size: 2rem;
    }
    
    .lead {
      font-size: 1rem;
    }
    
    .bg-light {
      padding: 2rem !important;
    }
  }
  
  @media (max-width: 575px) {
    .display-4 {
      font-size: 1.75rem;
    }
    
    .main-content {
      margin-top: 80px;
      min-height: calc(100vh - 80px);
    }
  }

.sust-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: white;
    padding: 4rem 0;
  }
  
  .sust-text {
    padding: 2rem;
  }
  
  .sust-img {
    /* width: 500px; */
    width: 100%;
    height: 500px;
    max-width: 100%;
    object-fit: cover;
    /* transform: scale(1.2);
    transition: transform 0.4s ease; */
  }
  
  /* .sust-img:hover {
    transform: scale(1.05);
  } */
  
  @media (max-width: 992px) {
    .sust-section {
      min-height: auto;
      padding: 4rem 0;
    }
    
    .sust-img {
      max-width: 100%;
      height: 400px;
    }
    
    .sust-text {
      text-align: center;
      padding: 1rem;
    }
  }
  
  @media (max-width: 768px) {
    .sust-img {
      height: 300px;
    }
  }