.bg-aurea-image{
    background-image: url('../../uploads/2026/08/bg-contact.webp');
  
}
.bg-aurea-at1{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('https://aureatextilia.com/wp-content/uploads/2026/09/at1.webp')
}
.bg-aurea-at2{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('../../uploads/2026/09/at2.webp');
}
.bg-aurea-at3{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('../../uploads/2026/09/a1.webp');
}
.bg-aurea-b2b1{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('../../uploads/2026/09/b2b1-e1788371789536.webp');
}
.bg-aurea-b2b2{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('../../uploads/2026/09/b2b2.webp');
}
.bg-aurea-b2b3{
 background-image: linear-gradient(
      rgba(255, 255, 255, 0.5)
    ),url('../../uploads/2026/09/b2b3.webp');
}
.cover {
    background-size: cover;
}
.service-intro-box{
    width: 100%;
background-image: linear-gradient(135deg,rgba(202,177,114,0.5) 58%,rgb(255,255,255) 100%);
border-radius: 24px 0;
padding: 40px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
box-sizing: border-box;
}

.service-intro-list{
    list-style-position: inside;
list-style-type: upper-roman;
}
.atelier-container{
    display: grid;
grid-template-columns: repeat(1,1fr);
gap: 20px;
}
.atelier-box{
padding: 20px 0;
}
.b2b-container {
  max-width: 1200px;
  margin: 0 auto; /* Centers the layout horizontally on large screens */
  padding: 20px;
  box-sizing: border-box;
}
.box{
    width: 100%;
    border-radius: 24px;
    margin: 20px 0;
padding: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
box-sizing: border-box;
background-color: rgba(255,255,255, 0.7);
}
.b2b-service-container{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    
}
.b2b-service-container h3 {
  grid-column: 1 / -1;
}
.b2b-service-container .box {
  margin: 0; /* Remove inner box margin so gap controls spacing */
}

/* Mobile Styles (Screen widths 768px and below) */
@media screen and (max-width: 768px) {
  
 

  .box {
    background-color: rgba(255, 255, 255, 0.7);
  }

  /* Padding adjustments for smaller viewports */
  .service-intro-box,
  .box {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .b2b-container {
    padding: 12px;
  }

  /* Stack multi-column grids into a single column */
  .b2b-service-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .atelier-container {
    gap: 16px;
  }

  .atelier-box {
    padding: 12px 0;
  }

  /* Keep list readability intact inside smaller containers */
  .service-intro-list {
    padding-left: 8px;
  }
  
}