.about-hero{text-align:center;height:60vh;color:var(--white);background-color:transparent;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/pic1.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;margin-top:80px;display:flex}.about-hero h1{margin-bottom:15px;font-size:3.5rem;animation:1s ease-in-out fadeIn}.about-hero .subtitle{font-size:1.5rem;font-weight:300;animation:1.5s ease-in-out fadeIn}.about-content{padding:80px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-text h2{color:var(--primary-color);margin-bottom:20px;font-size:2.2rem}.about-text p{margin-bottom:20px;line-height:1.8}.about-image{border-radius:8px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.1)}.about-image img{width:100%;height:auto;transition:transform .5s;display:block}.about-image:hover img{transform:scale(1.05)}.team{background-color:var(--light-color);padding:80px 0}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.team-member{background-color:var(--white);text-align:center;border-radius:8px;padding:30px;transition:transform .3s;box-shadow:0 5px 15px rgba(0,0,0,.05)}.team-member:hover{transform:translateY(-10px)}.team-member img{object-fit:cover;border:5px solid var(--light-color);border-radius:50%;width:150px;height:150px;margin:0 auto 20px}.team-member h3{color:var(--primary-color);margin-bottom:5px}.team-member .position{color:var(--secondary-color);margin-bottom:15px;font-weight:600}.values{padding:80px 0}.values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.value-card{text-align:center;background-color:var(--white);border-radius:8px;padding:30px;transition:transform .3s;box-shadow:0 5px 15px rgba(0,0,0,.05)}.value-card:hover{transform:translateY(-5px)}.value-icon{background-color:var(--light-color);width:80px;height:80px;color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:30px;display:flex}.value-card h3{color:var(--primary-color);margin-bottom:15px}@media (max-width:768px){.about-hero h1{font-size:2.5rem}.about-hero .subtitle{font-size:1.2rem}.about-grid{grid-template-columns:1fr}.about-image{order:-1}}