.about-container{padding:80px 10px;display:flex;flex-direction:column;align-items:flex-start;background-color:#f9f9f9;max-width:1200px;margin:50px auto 0}.about-intro{display:flex}.values-title{padding:10px 5px}.about-title{font-size:1rem;font-weight:600;color:#c7c8ca;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.about-heading{font-size:3.5rem;font-weight:700;color:#000;margin-bottom:25px;line-height:1.3}.about-description{font-size:1.2rem;color:#555;max-width:800px;line-height:1.8;margin-bottom:40px}.about-image{width:50vw;height:30vh}.about-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px;width:100%;margin-bottom:60px}.value-card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease;text-align:center}.value-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.value-icon{font-size:3rem;color:#c7c8ca;margin-bottom:20px}.value-card h3{font-size:1.5rem;color:#333;margin-bottom:15px}.value-card p{font-size:1rem;color:#555;line-height:1.6}.about-image{max-width:100%;height:auto}.about-intro-section button{background-color:navy}.about-intro-section button:hover{background-color:gold}.about-mission{background-color:#f9f9f9;padding:50px 20px;margin:40px auto;max-width:1200px}.mission-title{font-size:2.5rem;color:#333;margin-bottom:20px;font-weight:700;line-height:1.4}.about-mission p{font-size:1.2rem;color:#555;line-height:1.8;margin-bottom:20px}.about-mission span.highlight{font-weight:700}@media (max-width:768px){.about-container{padding:60px 20px;align-items:center}.about-intro{flex-direction:column;align-items:center;text-align:center}.about-intro-section{width:100%;padding:20px}.about-heading{font-size:2.5rem}.about-description{font-size:1.1rem;max-width:100%}.about-image-section{display:flex;justify-content:center}.about-image{width:90%;height:auto}.about-mission{padding:30px 15px;text-align:center}.mission-title{font-size:2rem}.about-mission p{font-size:1rem;padding:0 10px}.values-title{text-align:center}.about-values{grid-template-columns:1fr}.value-card{text-align:center;padding:20px}.value-icon{font-size:2.5rem}.about-intro-section button{width:100%;padding:15px;font-size:1rem}.about-intro-section button:hover{background-color:gold}}