/* ============================== */
/* What We Do Section             */
/* ============================== */

/* Decorative bottom-right image */
.we-do-corner-image {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 1;
  pointer-events: none;
}

.we-do-corner-image img {
  width: clamp(90px, 18vw, 300px); /* responsive scaling */
  max-width: 100%;
  opacity: 0.45;
}

/* Section background */
.we_do {
  background-color: black;
  padding: 60px 20px;
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  position: relative;
}

/* Center wrapper */
.we_do-wrapper {
  max-width: 900px;
  text-align: center;
  color: white;
}

/* Heading */
.what_we_do {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}

/* Description paragraph */
.we_do-description {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 40px;
}

/* Subheading */
.offer-title {
  font-family: "Science Gothic", sans-serif;
  
  letter-spacing: inherit;
}


/* Bullet list styling */
.offer-list {
  list-style-type: disc;
  padding-left: 0;
  display: inline-block;
  text-align: left;
}

.offer-list li {
  margin-bottom: 15px;
  font-size: 1.2rem;
  line-height: 1.5;
}

/* ============================== */
/* Tablet Adjustments             */
/* ============================== */

@media (max-width: 768px) {
  .we-do-corner-image {
    bottom: 16px;
    right: 16px;
  }

  .we-do-corner-image img {
    width: 160px;
    opacity: 0.35;
  }

  .we_do-wrapper {
    padding-bottom: 120px; /* prevents image from touching text */
  }

  .what_we_do {
    font-size: 2.3rem;
  }
}

/* ============================== */
/* Mobile Adjustments             */
/* ============================== */

@media (max-width: 480px) {
  .we-do-corner-image {
    bottom: 12px;
    right: 12px;
  }

  .we-do-corner-image img {
    width: 110px;
    opacity: 0.25;
  }

  .we_do-wrapper {
    padding-bottom: 100px;
  }

  .what_we_do {
    font-size: 1.4rem;
  }

  .offer-title {
    font-size: 1.3rem;
  }

  .offer-list li {
    font-size: 1.1rem;
  }
}





/* ============================== */
/* Extra Small Screens            */
/* ============================== */

@media (max-width: 360px) {
  .we-do-corner-image {
    display: none;
  }
}

@media (max-width: 600px) {
  .about-us {
    font-size: 1.4rem;
  }
}

@media (max-width: 600px) {
  .offer-title {
    font-size: 1.4rem;
  }
}