.about-hero{background-color:#faf8f4}
.about-hero-desktop{display:flex;align-items:center;gap:5rem}
.about-hero-mobile{display:none}
.about-hero-left{width:45%;display:flex;flex-direction:column;justify-content:flex-start}
.about-hero-left-title{margin-bottom:3.2rem;font-size:4.8rem;line-height:6rem}
.about-hero-left-subtitle{margin-bottom:2.2rem;font-size:1.8rem;line-height:2.8rem}
.about-hero-left-text{margin-bottom:3.2rem}
.about-hero-right{width:55%}
.about-hero-right-container{display:flex;gap:2.4rem;align-items:center;background-image:linear-gradient(transparent 32px,#f6f2eb 32px,#f6f2eb calc(100% - 32px),transparent calc(100% - 32px))}
.about-hero-right-container-two{display:flex;flex-direction:column;gap:1.6rem}
.about-hero-right-container-two-photo{max-height:33rem;max-width:33rem}
.about-hero-right-container-two-photo>img{width:100%;border-radius:.4rem}
.about-hero-right-container-one{max-height:100%}
.about-hero-right-container-one-photo{max-width:27rem;display:flex}
.about-hero-right-container-one-photo>img{height:55vh;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:70%;object-position:70%;border-radius:.4rem}
@media(max-width:990px){
.about-hero-desktop{display:none}
.about-hero-mobile{display:flex;flex-direction:column}
.about-hero-mobile-title{margin-bottom:3.2rem;font-size:3.6rem;line-height:4.8rem}
.about-hero-mobile-subtitle{margin-bottom:2.6rem;font-size:1.8rem;line-height:2.8rem}
.about-hero-mobile-text{font-size:1.8rem;margin-bottom:2.4rem}
.about-hero-mobile-slider{display:flex;gap:3.6rem;padding:0;position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden;list-style:none}
.about-hero-mobile-slider-slide{width:100%;min-width:100%}
.about-hero-mobile-slider-slide>img{max-width:100%;max-height:100%;border-radius:.4rem}
.about-hero-mobile-pagination{padding:1.2rem 0;display:flex;justify-content:center;align-items:center;gap:.4rem}
.about-hero-mobile-pagination-dot{width:.8rem;height:.8rem;background-color:#d9d9d9;border-radius:50%}
.about-hero-mobile-pagination-dot.active{background-color:#35a106}
.about-hero-mobile-buttons{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin-bottom:3.6rem}
.about-hero-mobile-buttons-previous{cursor:pointer;display:flex;justify-content:center;align-items:center;height:4.8rem;width:4.8rem;background-color:#faf8f4;border:.1rem solid #e1e1e1;border-radius:50%;transform:rotate(90deg)}
.about-hero-mobile-buttons-previous:disabled{pointer-events:none;opacity:.5}
.about-hero-mobile-buttons-previous:hover{color:#2b7b0a;border-color:#2b7b0a}
.about-hero-mobile-buttons-next{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;height:4.8rem;width:4.8rem;background-color:#faf8f4;border:.1rem solid #e1e1e1;border-radius:50%;transform:rotate(270deg)}
.about-hero-mobile-buttons-next:disabled{pointer-events:none;opacity:.5}
.about-hero-mobile-buttons-next:hover{color:#2b7b0a;border-color:#2b7b0a}
}
@media screen and (prefers-reduced-motion:no-preference){
.about-hero-left>*,.about-hero-mobile>*{animation:about-hero-rise .7s cubic-bezier(.16,1,.3,1) both}
.about-hero-left>:nth-child(1),.about-hero-mobile>:nth-child(1){animation-delay:.05s}
.about-hero-left>:nth-child(2),.about-hero-mobile>:nth-child(2){animation-delay:.13s}
.about-hero-left>:nth-child(3),.about-hero-mobile>:nth-child(3){animation-delay:.21s}
.about-hero-left>:nth-child(n+4),.about-hero-mobile>:nth-child(n+4){animation-delay:.29s}
.about-hero-right{animation:about-hero-fade .9s ease .2s both}
}
@keyframes about-hero-rise{
from{opacity:0;transform:translateY(1.6rem)}
}
@keyframes about-hero-fade{
from{opacity:0}
}