.hero{z-index:1;background:var(--dark-green-clr);min-height:100svh;color:var(--f1ebdd-clr);flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;padding:144px 2rem 2rem;display:flex;position:relative;overflow:hidden}.hero-container{flex-direction:column;align-self:flex-start;gap:1rem;width:min(100%,1000px);display:flex}.hero__bg{z-index:-1;object-fit:cover;object-position:center;filter:brightness(.8);width:100%;height:100%;position:absolute;inset:0}.hero__heading{letter-spacing:1px;opacity:0;font-size:clamp(2.5rem,4vw,4rem);font-weight:500;animation:1s forwards animateHero;transform:translate(-10px)}.hero__secondary-btn{background:var(--f1ebdd-clr);opacity:0;border-radius:24px;padding:1rem .625rem;font-weight:500;line-height:1;animation:1s forwards animateHero;transform:translate(-10px);color:var(--3a4036-clr)!important}.hero__primary-btn{color:var(--f1ebdd-clr);outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:24px;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .625rem;font-weight:500;line-height:1;transition:background-color .2s,color .2s;animation:1s forwards animateHero;display:flex;transform:translate(-10px)}.hero__primary-btn :nth-child(2){background:var(--f1ebdd-clr);color:var(--3a4036-clr);aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:40px;transition:transform .2s;display:flex;transform:rotate(-45deg)}.hero__primary-btn:hover{background:var(--f1ebdd-clr);color:var(--3a4036-clr)}.hero__primary-btn:hover :nth-child(2){transform:rotate(0)}@keyframes animateHero{to{opacity:1;transform:translate(0)}}.hero__treatment-slider{outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:24px;align-self:flex-end;gap:.5rem;width:100%;max-width:max-content;padding:1rem;transition:opacity .5s,transform 1s;display:flex;transform:translate(10px)}.hero__treatment-slider--visible{opacity:1;transform:translate(0)}.hero__treatment-slider-img-container{border-radius:16px;overflow:hidden}.hero__treatment-slider-img-container img{object-fit:cover;object-position:center;flex-grow:1;max-width:200px}.hero__treatment-slider-details{flex-direction:column;flex-grow:1;justify-content:space-between;gap:.5rem;display:flex}.hero__treatment-slider-details p{font-size:22px;font-weight:500}.hero__treatment-slider-btn{color:var(--f1ebdd-clr);outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;border-radius:24px;justify-content:center;align-items:center;gap:.25rem;width:max-content;margin-left:auto;padding:.25rem .25rem .25rem .625rem;line-height:1;transition:background-color .2s,color .2s;display:flex}.hero__treatment-slider-btn :nth-child(2){background:var(--f1ebdd-clr);color:var(--3a4036-clr);aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:40px;transition:transform .2s;display:flex;transform:rotate(-45deg)}.hero__treatment-slider-btn:hover{background:var(--f1ebdd-clr);color:var(--3a4036-clr)}.hero__treatment-slider-btn:hover :nth-child(2){transform:rotate(0)}@media screen and not (min-width:900px){.hero{padding:120px .5rem .5rem}}
.about{background:var(--dark-green-clr);color:var(--f1ebdd-clr);flex-direction:column;align-items:center;gap:40px;padding:112px 2rem 2rem;display:flex}.about__title{color:var(--f1ebdd-clr);outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;border-radius:24px;padding:1rem .625rem;font-weight:500;display:inline-block}.about__description-container{flex-direction:column;gap:20px;font-size:18px;display:flex}.about__milestones-container{border-top:1px solid var(--f1ebdd-clr);border-bottom:1px solid var(--f1ebdd-clr);justify-content:space-evenly;width:100%;display:flex}.about__milestones-container div{text-align:center;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.about__milestones-container div:nth-child(2){border-left:1px solid var(--f1ebdd-clr);border-right:1px solid var(--f1ebdd-clr)}.about__milestone{flex-direction:column;display:flex}.about__milestone span:first-child{font-size:4rem}@media screen and not (min-width:900px){.about{padding:112px .5rem .5rem}.about__milestones-container{flex-direction:column}.about__milestones-container div:nth-child(2){border-left:none;border-right:none;border-top:1px solid var(--f1ebdd-clr);border-bottom:1px solid var(--f1ebdd-clr)}}
.treatments{background:var(--light-green-clr);flex-direction:column;align-items:center;gap:1rem;padding:112px 2rem 2rem;display:flex}.treatments__title{color:var(--f1ebdd-clr);outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;border-radius:24px;padding:1rem .625rem;font-weight:500;display:inline-block}.treatments-grid{flex-direction:column;gap:1rem;width:100%;display:flex}.treatment-card{color:var(--f1ebdd-clr);background:var(--3a4036-clr);border-radius:24px;flex-direction:column;gap:.5rem;width:100%;padding:1rem;scroll-margin-top:112px;display:flex;position:relative}.treatment-card__container{gap:.5rem;display:flex}.treatment-card__heading{z-index:1;width:100%;padding:1rem;font-size:2rem;font-weight:600;position:absolute}.treatment-card__heading:before{content:"";z-index:-1;background:linear-gradient(#00000080,#0000);height:100%;position:absolute;top:0;left:0;right:0}.treatment-card__img-container{border-radius:18px;flex-shrink:0;width:min(100%,600px);position:relative;overflow:hidden}.treatment-card__img-container img{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%;height:100%}.treatment-card__img-ph{aspect-ratio:3/2;background:var(--dark-green-clr);width:100%;height:100%}.treatment-card__btn{color:var(--f1ebdd-clr);outline:1px solid var(--f1ebdd-clr);outline-offset:-1px;border-radius:24px;justify-content:center;align-self:flex-end;align-items:center;gap:.25rem;margin-left:auto;padding:.25rem .25rem .25rem .625rem;line-height:1;transition:background-color .2s,color .2s;display:flex}.treatment-card__btn :nth-child(2){background:var(--f1ebdd-clr);color:var(--3a4036-clr);aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:40px;transition:transform .2s;display:flex;transform:rotate(-45deg)}.treatment-card__btn:hover{background:var(--f1ebdd-clr);color:var(--3a4036-clr)}.treatment-card__btn:hover :nth-child(2){transform:rotate(0)}.treatment-card__price{background:var(--light-green-clr);border-radius:24px;padding:1rem;font-weight:600;line-height:1}@media screen and not (min-width:1200px){.treatment-card__container{flex-direction:column}.treatment-card__img-container img{max-width:100%}}@media screen and not (min-width:900px){.treatments{padding:112px .5rem .5rem}}
.contacts{background:var(--d3c3a5-clr);color:var(--3a4036-clr);flex-direction:column;align-items:center;gap:1rem;padding:112px 0 2rem;display:flex}.contacts__title{color:var(--3a4036-clr);outline:1px solid var(--3a4036-clr);outline-offset:-1px;border-radius:24px;padding:1rem .625rem;font-weight:500;display:inline-block}.contacts__container{border-top:1px solid var(--3a4036-clr);border-bottom:1px solid var(--3a4036-clr);justify-content:space-evenly;width:100%;display:flex}.contacts__container div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;display:flex}.contacts__container div:nth-child(2){border-left:1px solid var(--3a4036-clr);border-right:1px solid var(--3a4036-clr)}.contacts__link{color:var(--3a4036-clr)!important}.contacts__link:hover{text-decoration:underline}.contacts__details-title{justify-content:center;align-items:center;gap:.25rem;display:flex}.contacts__details-title span:nth-child(2){font-size:1.25rem;font-weight:500}.contacts__map-container{width:100%}.contacts__map-container-heading{text-align:center;padding:20px 0;font-size:clamp(2rem,4vw,4rem);font-weight:500}.contacts__map{width:100%;height:400px}.contacts__opening-hours{width:min(100%,500px);padding:0 .5rem}.contacts__list{flex-direction:column;gap:.5rem;font-size:18px;font-weight:500;display:flex}.contacts__item{justify-content:space-between;display:flex}.contacts__item--active{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@media screen and not (min-width:900px){.contacts__container{flex-direction:column}.contacts__container div:nth-child(2){border-left:none;border-right:none;border-top:1px solid var(--3a4036-clr);border-bottom:1px solid var(--3a4036-clr)}}