/* Estilos base para todos los dispositivos */
.lawyer-about-area {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.lawyer-about-area.lawyer-home .shape{
	width: 200px;
}
.lawyer-about-area .lawyer-home .right-content-area,
.lawyer-about-area .right-content-area {
  flex: 1 1 100%; /* Ocupa todo el ancho por defecto */
  box-sizing: border-box; /* Incluye padding en el tamaño total */
}

/* Para pantallas ≥ 768px y < 991px */
@media (min-width: 768px) and (max-width: 990px) {
  .lawyer-about-area.lawyer-home .right-content-area {
    padding-top: 7rem !important;
    padding-bottom: 2rem !important;
  }
  .lawyer-about-area {
    padding-bottom: 2rem !important;
  }
}
/* Para pantallas ≥ 991px (sin padding-top) */
@media (min-width: 991px) {
  .lawyer-about-area.lawyer-home .right-content-area {
    padding-top: 0 !important; /* Eliminar padding-top */
    padding-bottom: 2rem !important;
  }
  .lawyer-about-area {
    padding-bottom: 2rem !important;
  }
   .lawyer-about-area.lawyer-home .left-content-area .shape {
    right: -100px;
    width: 400px;
    bottom: -436px;
 }
}

@media (min-width: 1400px) {
  .lawyer-about-area.lawyer-home .left-content-area .shape {
    right: -4px;
    width: 229px;
    bottom: -25px !important;
  }
}

/* Para pantallas ≥ 991px (sin padding-top) */
@media (min-width: 1200px) {
   .lawyer-about-area.lawyer-home .left-content-area .shape {
    right: -64px;
    width: 229px;
    bottom: -126px;
 }
}
/* Para pantallas menores a 767px (evitar solapamiento) */
@media (max-width: 767px) {
  .lawyer-about-area.lawyer-home .right-content-area {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    position: static !important;
    width: 100%;
    margin: 0;
  }
  .lawyer-about-area {
    display: block;
    padding-bottom: 1rem !important;
  }
}

/* Regla específica para pantallas ≤ 414px (ajustada) */
@media (max-width: 414px) {
  .lawyer-about-area .right-content-area {
    padding-top: 5rem !important;
    padding-bottom: 2rem !important;
  }
}

/* Otros breakpoints existentes */
@media (min-width: 300px) and (max-width: 991.98px) {
  .lawyer-what-we-offer-area {
    padding-top: 2rem !important;
  }
}