.abouts {
  padding: 8% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  background-color: #f2f2eb;
  background-image: url("../../images/About Us Section/Background/Fondo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.abouts .abouts-text {
  color: #181a1c;
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.abouts .abouts-text h2 {
  text-transform: uppercase;
  color: #181a1c;
  width: 90%;
  margin: 0;
  padding: 0;
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: bolder;
}
.abouts .abouts-text p {
  text-align: justify;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #181a1c;
  margin: 0;
  padding: 0;
  width: 90%;
}
.abouts .abouts-text a {
  text-decoration: none;
  color: #181a1c;
  text-align: center;
  margin-top: 30px;
  padding: 15px 25px 15px 25px;
  border-style: solid;
  border-color: #181a1c;
  border-width: 1px;
  font-size: 20px;
}
.abouts .abouts-text a:hover {
  background-color: #181a1c;
  color: white;
}
.abouts .abouts-text a:active {
  font-size: 15;
  padding: 14px 24px 14px 24px;
}
.abouts .abouts-img {
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.abouts .abouts-img img {
  width: 80%;
  border-radius: 30px;
  filter: sepia(20%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.comment-div-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.comment-link,
.click-aqui-a {
  margin-top: 40px;
  background-color: #000;
  color: #FFF;
  padding: 15px 35px;
  border: solid 1px #FFF;
  font-size: 18px;
}

.reviews-google-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.google-rating-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.google-rating-img {
  width: 180px;
}

.slider-container {
  margin: 0;
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews-container {
  max-height: 300px; /* No más alto que 300px */
  overflow-y: auto; /* Agrega un scroll vertical si el contenido supera la altura */
  display: flex;
  overflow: hidden;
}

.reviews-item p {
  color: #000;
  overflow-wrap: break-word; /* Rompe palabras largas */
  word-break: break-word; /* Adicional para compatibilidad */
  white-space: normal; /* Permite que el texto salte a la siguiente línea */
  overflow: hidden; /* Oculta cualquier texto que se desborde */
  text-overflow: ellipsis; /* Agrega "..." al final si el texto se corta */
  font-size: 0.5rem; /* Reduce el tamaño del texto (ajusta según necesidad) */
  line-height: 1.4; /* Mejora la legibilidad */
  margin: 0; /* Elimina márgenes extra que podrían afectar el diseño */
  width: 100%; /* Asegura que el texto ocupe todo el ancho disponible */
  box-sizing: border-box; /* Incluye padding y bordes en el ancho total */
}


.reviews-item {
  background-color: #fff;
  margin: 10px 5px;
  padding: 15px 25px;
  max-width: 100%; /* Asegura que no se desborde */
  box-sizing: border-box; /* Incluye padding/bordes en el tamaño total */
  display: flex; /* Configura como un contenedor flex */
  flex-direction: column; /* Apila los elementos verticalmente */
  align-items: flex-start; /* Alinea los elementos al inicio */
  justify-content: flex-start; /* Todo inicia desde la parte superior */
}


.reviews-div-authorinfo {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.reviews-authorinfo {
  width: 130px;
}

.reviews-div-authorinfo p {
  padding: 0;
  margin: 0;
}

.reviews-p-authorinfo {
  font-size: 18px;
  color: #000;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reviews-p-relativeTime {
  font-size: 13px;
  color: #777;
}

.reviews-img-profile {
  margin-right: 10px;
  width: 40px;
}

.reviews-googlelogo {
  width: 20px;
  height: 20px;
}

.reviews-stars {
  text-align: left;
  display: flex;
  color: rgb(254, 206, 26);
}

.reviews-star {
  color: #54fe33;
}

.reviews-comment {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  margin-top: 10px;
  height: auto; /* Permite que el contenido se ajuste dinámicamente */
  text-align: left;
}

.font-1 {
  font-size: 1.6em;
  margin: 13px 2px;
  color: #FECE1A;
}

.fa-star {
  color: #FECE1A;
}

.google-rating-container b,
.google-rating-container p {
  margin: 2px 0;
  color: #fff;
}

.google-rating-container > b {
  margin-top: 15px;
  font-size: 30px;
}

.btn-slider {
  margin: 0 15px;
  border-radius: 9px;
  height: 90%;
  background-color: transparent;
  border: none;
  margin: 0;
  color: #fff;
  font-size: 30px;
}

.btn-slider:hover,
.btn-slider:hover {
  background-color: #ccc;
  color: #000;
}

.comment-div-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1137px) {
  .abouts {
    display: flex;
    flex-direction: column;
  }
  .abouts .abouts-text {
    margin-top: 20px;
  }
  .abouts .abouts-text h2 {
    font-size: 25px;
  }
  .abouts .abouts-text p {
    font-size: 15px;
    margin-bottom: 30px;
    line-height: 20px;
  }
  .abouts .abouts-img {
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    align-items: center;
  }
  .abouts .abouts-img img {
    margin: 0;
    width: 50%;
  }
}
@media screen and (max-width: 1025px) {
  .abouts .abouts-text {
    width: 80%;
    align-items: center;
  }
}
@media screen and (max-width: 900px) {
  .reviews-google-container {
    flex-direction: column;
  }
  .abouts {
    height: auto;
  }
  .container-spl .main-slider, .splide, .container-spl {
    padding: 5% 0;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
  }
}/*# sourceMappingURL=abouts.css.map */