.services{width:100%;min-height:100vh;box-sizing:border-box;background-color:#868686}.services-header{margin:0 auto 4rem;text-align:center;padding:5rem;background-size:cover;background-position:50%;background-repeat:no-repeat;color:rgba(0,0,0,.7);line-height:0;font-family:var(--font-hero)}.services-header h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.services-body-desc{display:flex;flex-direction:column;gap:3rem}.service-block{display:flex;align-items:center;gap:2rem}.service-block.reverse{flex-direction:row-reverse}.service-text{flex:2 1;padding:2rem;border-radius:.75rem;line-height:1.8}.service-image{flex:1 1}.service-image img{width:100%;height:auto;border-radius:.75rem;object-fit:cover}@media (max-width:768px){.service-block,.service-block.reverse{flex-direction:column}.service-text{order:1}.service-image{order:2}.services-header h2{font-size:1.8rem}.service-card{flex:1 1 100%}}.services-grid{padding:7.5rem 2rem 10rem;display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}.flip-card{min-width:250px;width:calc(33.33% - 1.5rem);height:17rem;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.75rem;overflow:hidden}.flip-card-front{background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;font-weight:700;background-color:#333}.flip-card-front:before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.4)}.flip-card-front h3{position:relative;z-index:1}.flip-card-back{background-color:#1c1c1c;color:white;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;box-sizing:border-box;text-align:center}.flip-card-back p{font-size:.9rem;line-height:1.4}.flip-card-back button{padding:.5rem 1.5rem;border:none;background-color:#2a7a36;color:white;border-radius:.4rem;font-size:.9rem;cursor:pointer}.flip-card-back button:hover{background-color:#23622b}@media (max-width:768px){.flip-card{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 1rem)}}@media (max-width:500px){.flip-card{flex:1 1 100%}}