@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forum&display=swap");
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Forum", serif;
  /* font-family: "Cormorant Garamond", serif; */
}

a,
p,
li,
div {
  font-family: "Montserrat", serif;
}

#top-title {
  margin-top: 0 !important;
}

p {
  font-weight: 200;
}

#mainmenu li ul.mega li.title {
  font-size: 24px;
}

body {
  background-color: white !important;
}

section {
  background: white;
}

#content {
  background: white;
}
header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile) {
  height: 135px;
}
header.smaller .logo {
  width: 150px;
}
/* VARIABLES*************************************************************** */
.cursive {
  font-family: "Bodoni Moda", serif;
  font-style: italic;
}
.primary {
  color: #a37dca !important;
}
.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

.font-1 {
  font-family: "Tangerine", cursive;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.space3 {
  letter-spacing: 3px;
}
.cus-btn1 {
  display: inline-block;
  color: rgb(41, 41, 41);
  border: 1px solid #a37dca;
  padding: 0.7rem 1.5rem;
  background-color: transparent;
  transition: all 150ms ease;
}
.cus-btn1:hover {
  color: white;
  background-color: #a37dca;
}
.cus-btn2 {
  display: inline-block;
  color: rgb(41, 41, 41);
  border: 1px solid #a37dca;
  padding: 0.7rem 1.5rem;
  background-color: #a37dcab7;
  transition: all 150ms ease;
}
.cus-btn3 {
  color: #ffffff !important;
  border-width: 0px;
  border-radius: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  background-color: transparent;
  padding-block: 9px;
  padding-inline: 15px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  transition: all 200ms ease;
}
.z10 {
  z-index: 10;
}
.cus-btn2:hover,
.cus-btn3:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

.custom-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.relative {
  position: relative;
}

.secondary {
  color: #00539f !important;
}

.text-dark1 {
  color: rgb(54, 54, 54);
}
.text-dark2 {
  color: rgb(155, 155, 155);
}

.shadow-sm {
  padding: 0.6rem;
  box-shadow: 0px 12px 32px -6px rgba(94, 94, 94, 0.2);
}

.rounded-sm {
  border-radius: 5px;
}

.rounded-md {
  border-radius: 10px;
}

.weight-100 {
  font-weight: 100;
}

.weight-200 {
  font-weight: 200;
}

.weight-300 {
  font-weight: 300;
}
.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}
.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.font-14 {
  font-size: 14px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-25 {
  font-size: 25px !important;
}

.font-2rem {
  font-size: 2rem !important;
}
.font-3rem {
  font-size: 3rem;
}
.font-4rem {
  font-size: 4rem;
}

.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}

.pt10 {
  padding-top: 10px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}

.ml-50 {
  margin-left: -50px;
}

.no-right {
  padding-right: 0 !important;
}
.no-left {
  padding-left: 0 !important;
}
.border-sm {
  border-radius: 5px;
}
.shadow-sm {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.z-10 {
  z-index: 10;
}

.cus-overlay1 {
  background-color: rgba(209, 209, 209, 0.863);
}
.absolute-animation1 {
  position: absolute;
  bottom: 50px;
  right: 50px;
  z-index: 1;
  animation: moveUpDown 4s infinite;
}
.absolute-animation2 {
  position: absolute;
  bottom: 0;
  right: -40%;
  z-index: 1;
  animation: moveUpDown 4s infinite;
}
.absolute-animation3 {
  position: absolute;
  bottom: 0;
  left: 80%;
  z-index: 1;
  animation: moveUpDown 5s infinite;
}
.absolute-animation4 {
  position: absolute;
  top: 0;
  left: 80%;
  z-index: 1;
  animation: moveUpDown 5s infinite;
}

.absolute-corner-left {
  position: absolute;
  top: -20px;
  left: -20px;
}
.absolute-corner-right {
  position: absolute;
  bottom: -20px;
  right: -20px;
}
.absolute-corner-left2 {
  position: absolute;
  top: -10px;
  left: -20px;
}
.absolute-corner-right2 {
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.absolute-corner-right img,
.absolute-corner-right2 img {
  transform: rotateX(180deg) rotateY(180deg);
}

.cus-bg1 {
  background-color: rgba(0, 0, 0, 0.5);
}

.cus-bg2 {
  background-color: rgba(0, 0, 0, 0.7);
}
.cus-bg3 {
  background-color: rgba(255, 255, 255, 0.4);
}

.absolute-corner-left img,
.absolute-corner-right img,
.absolute-corner-right2 img,
.absolute-corner-left2 img {
  width: 200px;
}

.blurred {
  filter: blur(50px);
  transition: filter 0.3s ease;
}

.backdrops {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
  backdrop-filter: blur(5px); /* Apply blur effect */
  z-index: 999; /* Sit on top */
  display: none;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the popup */
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000; /* Above backdrop */
  display: none;
}

.popup-content {
  text-align: center;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

.mobils {
  display: none;
}

@media (min-width: 1000px) {
  .md-pt40 {
    padding-top: 40px;
  }
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
.desktop-d-none {
  display: none;
}
/* SECTIONS******************************************** */
/* HEADER*********** */
/* header.header-mobile {
        height: 80px;
    } */

header .logo {
  margin-bottom: 2px;
  margin-top: 5px;
}

header a {
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", serif;
}

.container-nav {
  padding-inline: 4rem;
}

@media (max-width: 1400px) {
  header a {
    font-size: 12px;
  }
}
@media (max-width: 1180px) {
  header a {
    font-size: 11px;
  }
}
@media (max-width: 1000px) {
  .mobils {
    display: block;
  }
  header .logo {
    display: none;
  }
  header {
    height: 120px;
  }
  .mobile-margin {
    margin-block: 30px !important;
  }
  .inner-padding {
    padding: 0;
  }
  .mobile-d-none {
    display: none;
  }
  .desktop-d-none {
    display: block;
  }
}
@media (max-width: 500px) {
  header .logo {
    margin-right: 0px;
  }
  header .logo {
    width: 200px;
    display: none;
  }
  .font-3rem {
    font-size: 2rem;
  }
  .logo-size {
    width: 50%;
  }
}

header.smaller {
  background-color: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
header.smaller .logo {
  /* width: 130px; */
  margin-top: 10px;
}
/* HEADER*********** */

#the-center-method .row {
  background-color: #d1d1d1;
  background: url(./z-images/bg-09.png);
  border-radius: 10px;
}
#the-center-method .text-container {
  padding-inline: 1rem;
}
#the-center-method .img-col {
  padding-right: 0;
}
#the-center-method .img-col img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media (max-width: 1000px) {
  #the-center-method .img-col img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #the-center-method .img-col {
    padding-inline: 0;
    margin-bottom: 0;
  }
  #the-center-method .text-container {
    padding-inline: 2rem;
  }
}

#section-hero {
  max-height: 90vh;
}
/* TEAM ******************<< */

.team-member-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-member-container .text {
  margin-left: 2.5rem;
  width: 50%;
}

blockquote.testimonial-big:before {
  content: "";
}

@media (max-width: 1000px) {
  .team-member-container {
    flex-direction: column;
  }
  .team-member-container .image,
  .team-member-container .text {
    width: 100%;
  }
}
/* TEAM ******************<< */

.overlay-bg.custom {
  background: linear-gradient(
    to right,
    transparent 0%,
    transparent 50%,
    black 100%
  );
}

.procedure-item img {
  height: 30px;
  width: 30px;
  margin: 0 8px;
  margin-right: 10px;
  margin-bottom: 15px;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce-side;
}

.procedure-item {
  margin-top: 40px;
}
.procedure-item a {
  font-size: 25px;
}
.procedure-item a:hover {
  color: #747474;
}

@keyframes bounce-side {
  0% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(-5px);
  }
}

/* SERVICES************* */
.custom-service-item {
  position: relative;
  overflow: hidden;
  margin-inline: 2.5px;
  transition: all 400ms ease-in-out;
}

.custom-service-item .overlay-bg {
  opacity: 0.7;
  transition: all 700ms ease;
}

.custom-service-item:hover .overlay-bg {
  opacity: 1;
}

.absolute-text {
  padding: 2rem;
  padding-bottom: 0;
  width: 100%;
  position: absolute;
  bottom: 50%;
  left: 0;
  transform: translate(0, 50%);
  z-index: 10000;
  transition: all 650ms ease-in;
  color: white;
}

.custom-service-item img {
  transition: all 700ms ease-in-out;
}

.custom-services-item h3.service-title {
  /* margin-bottom: 50px; */
  font-weight: 400 !important;
}

.custom-service-item:hover img {
  transform: scale(1.1);
}

.nav-pills .nav-link.active {
  background-color: transparent;
  border: 1px solid #a37dca;
}

#service1 .background-image {
  background: url(./z-images/img1.png);
}
#service2 .background-image {
  background: url(./z-images/img5.png);
}
#contactForm .background-image {
  background: url(./z-images/team/team2.jpg);
  /* background-position: top; */
}
#service4 .background-image {
  background: url(./z-images/img9.png);
}
/* #service2 .background-image{
        background: url(./z-images/bg-07.jpg);
    } */
/* SERVICES************* */

/* #jarallax-container-0{
        top: -20px !important;
    } */

/* TESTIMONIALS STYLE **********************************************  */
#testimonials .de_testi blockquote {
  margin: 0;
  border: none;
  padding: 20px 30px 30px 80px;
  background: none;
  font-style: normal;
  line-height: 1.3em;
}

#testimonials .de_testi blockquote:before {
  content: "";
  display: none;
}

#quote-section .left {
  background: url(./z-images/animations/left-quote.png) no-repeat center top;
  background-size: 30% !important;
  /* border-bottom: 1px solid #ccc; */
}
#quote-section .right {
  background: url(./z-images/animations/right-quote.png) no-repeat center bottom;
  background-size: 30% auto !important;
  /* border-top: 1px solid #ccc; */
}

#quote-section p,
#quote-section h4 {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 200;
  color: rgb(252, 252, 252);
  /* font-family: "acumin-pro-condensed"; */
}

#quote-section p {
  font-size: 16px;
  margin-top: 40px;
  /* font-weight: 700; */
  position: relative;
}

#quote-section #testimonial-carousel-single h4 {
  font-size: 20px;
}
#quote-section #testimonial-carousel-single p {
  font-size: 12px;
}

.owl-theme .owl-dots .owl-dot span {
  background: rgb(116, 116, 116);
}
@media (max-width: 600px) {
  #quote-section {
    margin-top: 0 !important;
  }

  /* .absolute-text-container{
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 0);
        } */
}
/* TESTIMONIALS STYLE**********************************************  */

.vertical-text {
  font-family: "Alex Brush", cursive;
  /* font-family: 'Parisienne', cursive; */
  /* font-family: 'Whisper', cursive; */
  /* font-family: 'Great Vibes', cursive; */
  /* font-family: 'Hussar', sans-serif; */
  writing-mode: vertical-rl; /* Texto en dirección vertical */
  transform: rotate(180);
  text-orientation: sideways; /* Orientación del texto */
  font-size: 210px;
  margin-inline: 5rem;
  /* letter-spacing: 0.5rem; */
  /* font-weight: 100; */
  position: relative;
  /* opacity: 0; Ocultar el texto inicialmente */
  /* transition: opacity 1s; */
  /* color: transparent; */
  /* -webkit-text-stroke: 4px rgba(255, 255, 255, 0.479);  */
  margin-left: 220px;
}

.area1 {
  height: 470px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  padding: 4rem 2rem;
  display: flex;
  justify-content: top;
  align-items: center;
  flex-direction: column;
}

.area2 {
  height: 430px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  padding: 4rem 2rem;
  display: flex;
  justify-content: top;
  align-items: start;
  flex-direction: column;
}
.area3 {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  padding: 4rem 2rem;
  display: flex;
  justify-content: top;
  align-items: start;
  flex-direction: column;
}
.btn-area2 {
  margin-top: auto;
}

footer {
  background: url(z-images/bg1.jpg) center;
}

.non-surgical-container {
  height: 380px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ns-img {
  width: 100% !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.contact-border {
  border-right: 1px solid #a37dca;
}

.services1-container {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.service1 {
  width: calc(100% / 6);
  height: 700px;
  position: relative;
  text-align: center;
  background-size: cover;
  background-position: 50%;
}

.service1.a1 {
  background-image: url(z-images/img5.png);
}
.service1.a2 {
  background-image: url(z-images/services/body.png);
}
.service1.a3 {
  background-image: url(z-images/img7.png);
}
.service1.a4 {
  background-image: url(z-images/services/skin-tigh.png);
}
.service1.a5 {
  background-image: url(z-images/img3.png);
}
.service1.a6 {
  background-image: url(z-images/img4.png);
}

.service1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(
    0,
    0,
    0,
    0.74
  ); /* Cambia los valores RGB a tu color deseado y ajusta el último valor (0.5) para la opacidad */
  transition: all 250ms ease;
}
.service1 img {
  position: absolute;
  bottom: 5%;
  width: 60%;
  right: 50%;
  transform: translate(50%, 0);
}
.service1 h2 {
  position: absolute;
  bottom: 15%;
  right: 50%;
  transform: translate(50%, 0);
  z-index: 20;
  color: rgb(255, 255, 255);
}

.service1:hover::before {
  background: rgba(255, 255, 255, 0.007);
}
/* SECTIONS******************************************** */

.slider {
  width: 100%;
  height: 750px;
  position: relative;
}

.slides {
  display: flex;
}

.slide {
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.slide.active {
  opacity: 1;
}

.slide img {
  width: 100%;
  height: 750px;
  display: block;
}

.description-container {
  background-color: #d1d1d11c;
  padding: 2rem;
  border-radius: 5px;
}
.description-container2 {
  border: 1px solid rgba(255, 255, 255, 0.288);
  padding: 3rem;
  border-radius: 5px;
}

.bottom-line {
  /* border-bottom: 1px solid#a37dca; */
  padding-bottom: 1rem;
  position: relative;
}
.bottom-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  /* transform: translateX(-50%); */
  height: 1px;
  background-color: #a37dca;
}

.inner-image1 {
  box-shadow: rgba(126, 126, 126, 0.1) 0px 48px 100px 0px;
  /* box-shadow: rgba(255, 255, 255, 0.1) 0px 5px 15px; */
  opacity: 0.8;
  border-radius: 3px;
}

.questions-container {
  padding: 1rem 2rem;
  background-image: url(./z-images/bg-10.png);
  margin-left: -80px;
  margin-top: 100px;
  position: relative;
  z-index: 10;
  border-radius: 5px;
}

.main-btns-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.inner-pages-container {
  font-size: 18px;
}

.lines1 {
  padding-block: 2.4rem 2rem;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

#testi {
  background-color: transparent !important;
}

.first-timers-container {
  padding: 2rem;
  background-image: url(./z-images/bg-10.png);
  position: relative;
  z-index: 10;
  border-radius: 5px;
}

.ba-image {
  transition: all 250ms ease;
}
.ba-image:hover {
  transform: scale(1.03);
}

.ba-image-container {
  padding: 2rem;
  background-image: url(./z-images/bg-10.png);
  border-radius: 5px;
}
.ba-image-container img {
  border-radius: 5px;
}

.post-image img {
  max-height: 300px;
}

.testimonials-box {
  border: 1px solid white;
  border-radius: 5px;
  padding-bottom: 1rem;
  background-color: rgba(255, 255, 255, 0.07);
}

.dark-box {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 1rem;
}

@media (max-width: 1400px) {
  .non-surgical-container {
    height: 430px;
  }

  .vertical-text {
    margin-left: 70px;
  }
}
@media (max-width: 1200px) {
  .service1 {
    width: calc(100% / 3);
    height: 550px;
  }
}

@media (max-width: 1000px) {
  .slider {
    display: none;
  }

  .non-surgical-container {
    height: auto;
  }

  .md-mt-0 {
    margin-top: 0;
  }
  .questions-container {
    padding: 1rem;
    background-image: url(./z-images/bg-10.png);
    margin-left: 0px;
    margin-top: 20px;
    position: relative;
    z-index: 10;
    border-radius: 5px;
  }
}

@media (max-width: 760px) {
  .service1 {
    width: calc(100% / 2);
    height: 400px;
  }

  .contact-border {
    border-right: none;
    border-bottom: 1px solid #a37dca;
  }
}
@media (max-width: 500px) {
  .service1 {
    width: calc(100% / 1);
    height: 300px;
  }
}

@media (min-width: 997px) {
  #mainmenu li > ul {
    width: 301px;
  }
  #mainmenu li > ul > li {
    width: 301px;
  }
  #mainmenu li > ul > li A {
    width: 301px;
  }
}

/* PAGES********************************************** */

/* FINANCING********************************** */

/* FINANCING********************************** */
/* PAGES********************************************** */

.carrusel-container {
  position: relative;
  /* width: 80%; */
  margin: 20px auto;
  overflow: hidden;
}

.carrusel-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carrusel-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
  /* border: 1px solid #ddd; */
}

.prev-btn,
.next-btn {
  position: absolute;
  background-color: #e5e5e5;
  border: 2px solid #d8b554b7;
  padding: 0rem 0.6rem 0.1rem 0.6rem;
  border-radius: 2px;
  top: 50%;
  z-index: 100;
  transform: translateY(-50%);
  font-size: 30px;
  color: rgb(110, 110, 110);
  cursor: pointer;
  opacity: 0.5;
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}

.cus-border {
  border: 2px solid white;
}

.span.overlay {
  vertical-align: center;
  width: 100%;
  height: 100%;
  background: #111111a7;
  z-index: 100;
  opacity: 1 !important;
}

.pf_title {
  position: absolute;
  z-index: 100;
  display: flex;
  top: 80%;
  left: 2rem;
  margin-top: 0 !important;
}

.project-name h4 {
  font-size: 35px;
  color: white !important;
  font-weight: 200;
}

.section-padding1 {
  padding: 4rem;
}

.section-padding2 {
  padding: 2rem 2rem;
}

.cus-mt {
  margin-top: -310px;
}

.cus-mt2 {
  margin-top: -260px;
}

.testimonial-big p {
  /* text-transform: uppercase; */
  font-size: 20px;
  color: white;
  line-height: 2rem;
}
.testimonial-big {
  padding: 2rem;
}
.testimonial-big p {
  line-height: 3rem !important;
}

.mobile-services {
  padding: 3rem 1rem;
}
.mobile-services li {
  list-style: none;
  margin-top: 20px;
}
.mobile-services li a {
  font-size: 16px;
  transition: all 250ms ease;
}

.cus-container2 {
  padding-block: 2rem 3rem;
  padding-inline: 2rem;
  border-radius: 3px;
  background-color: rgba(30, 30, 30, 0.4);
}

.cus-services-container {
  /* display: none; */

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -60%);
  z-index: 100;
  transition: all 200ms ease;
}
.cus-services-container ul {
  width: 700px;
}
.cus-services-container li {
  list-style: none;
  margin-top: 20px;
}
.cus-services-container li a {
  opacity: 0;
  font-size: 18px;
  transition: all 250ms ease;
}
.cus-services-container li:hover {
  transform: scale(1.13) !important;
}

/* .picframe:hover .cus-services-container {
  display: block;
} */
.picframe:hover .cus-services-container a {
  transition: all 250ms ease;
  opacity: 1;
}

@media (max-width: 1200px) {
  .cus-services-container li a {
    font-size: 16px;
  }
  .cus-services-container li {
    margin-top: 10px;
  }
  .pf_title {
    top: 70%;
  }
}
@media (max-width: 1050px) {
  .cus-services-container li a {
    font-size: 14px;
  }
  .cus-services-container li {
    margin-top: 3px;
  }
}

@media (max-width: 800px) {
  .picframe:hover .cus-services-container a {
    transition: all 250ms ease;
    opacity: 0;
  }
  .section-padding1 {
    padding: 3rem 1rem;
  }
  .section-padding2 {
    padding: 1rem;
  }
}

@media (max-width: 600px) {
  .pf_title {
    top: 50%;
  }
  .pf_title h4 {
    font-size: 18px;
  }
}

.sk-ww-google-reviews {
  background-color: transparent !important;
}

.carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel {
  display: flex;
  transition: transform 0.4s ease-in-out;
  /* Mostrar 3 tarjetas por defecto */
  flex-wrap: nowrap;
}

.review-card {
  min-width: calc(33.33% - 20px); /* 1/3 del ancho en pantallas grandes */
  background-color: white;
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.review-card p {
  color: #141414;
}

.review-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #141414;
}

.name {
  font-weight: bold;
  color: #141414;
}

.date {
  font-size: 0.9em;
  color: rgb(61, 61, 61);
}

.rating {
  display: flex;
  align-items: center;
}

.rating p {
  font-size: 2em;
  margin-right: 10px;
}

.rating span {
  color: gold;
  font-size: 1.5em;
}

button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
}

button:focus {
  outline: none;
}

.prev-btn {
  left: 0px;
}

.next-btn {
  right: 0px;
}

button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* SERVICES************* */

.speciality-card {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  height: 410px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
}

.speciality-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

/* Overlay */
.speciality-card .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* color inicial */
  transition: background 0.4s ease;
}

/* Texto */
.speciality-card .content {
  position: absolute;
  padding-bottom: 3rem;
  inset: 0;
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.speciality-card .cus-btn1 {
  padding: 0.2rem 0.6rem;
}

.speciality-card h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

/* Hover effects */
.speciality-card:hover img {
  transform: scale(1.08);
}

.speciality-card:hover .overlay {
  background: rgba(0, 0, 0, 0.65);
}

.custom-service-item {
  position: relative;
  overflow: hidden;
  margin-inline: 2.5px;
  transition: all 400ms ease-in-out;
}

.custom-service-item .overlay-bg {
  opacity: 0.7;
  transition: all 700ms ease;
}

.custom-service-item:hover .overlay-bg {
  opacity: 1;
}

.testimonial {
  padding-inline: 2rem;
}

.custom-service-item img {
  transition: all 700ms ease-in-out;
}

.custom-services-item h3.service-title {
  /* margin-bottom: 50px; */
  font-weight: 300 !important;
}

.custom-service-item:hover img {
  transform: scale(1.1);
}

.nav-pills .nav-link.active {
  background-color: transparent;
  border: 1px solid #d8b454;
}

/* =====================================================================
SERVICES SECTION ====================================================
====================================================================== */
/* .services-section {
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff 18%, #000000 74%);
} */

.service-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.service-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.service-item:hover img {
  transform: scale(1.1);
}

.service-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
  text-transform: uppercase;
  padding-bottom: 30px;
}

.service-item:hover .overlay {
  opacity: 1;
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

.overlay li {
  margin: 5px 0;
}

/* =====================================================================
END SERVICES SECTION ====================================================
====================================================================== */

@media (max-width: 1708px) {
  #section-hero {
    max-height: 80vh;
  }
}
@media (max-width: 1308px) {
  .area1 {
    height: 490px;
  }
  #section-hero {
    max-height: 70vh;
  }
  .area2 {
    height: 490px;
  }
}
@media (max-width: 1170px) {
  .area1 {
    height: 590px;
  }

  .area2 {
    height: 580px;
  }
}
@media (max-width: 997px) {
  .area1 {
    height: auto;
    margin-top: 20px;
  }

  .area2 {
    height: auto;
    margin-top: 20px;
  }
}

/* Media query para pantallas móviles */
@media (max-width: 768px) {
  .carousel {
    flex-wrap: nowrap;
  }

  .review-card {
    min-width: 100%; /* En móviles, mostrar solo 1 tarjeta a la vez */
    margin: 0 0px; /* Ajustar márgenes para móviles */
  }
}