.about,.about-us{align-items:center;display:flex}.about-content span,.about-text h2,.mission-vision i{color:var(--sec-color)}.about,.values,.vision-card{text-align:center}.value-item,.vision-card{transition:transform .3s,box-shadow .3s}.value-item:hover,.vision-card:hover{transform:translateY(-10px)}.about-image img{max-width:100%;border-radius:10px}.about{background:url("/assets/imgs/about-bg.png") center/cover no-repeat;object-fit:cover;height:100vh;justify-content:center;position:relative;color:#fff}.about-overlay{background:rgba(0,0,0,.283);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-content h1{font-size:3.5rem;font-weight:600}.about-content p{font-size:1.5rem;margin-top:10px}.about-us{padding:60px 10%;gap:50px}.about-us .container{display:flex;align-items:center;justify-content:space-between;width:100%}.about-us .about-image,.about-us .about-text{width:50%}.about-text h2{font-size:2.5rem;margin-bottom:15px}.about-text p{font-size:1.2rem;color:#555}.value-item i,.vision-card h2{font-size:2rem;margin-bottom:10px}.values{background:#fff;padding:60px 10%}.section-title{font-size:2.5rem;color:var(--sec-color)!important;margin-bottom:30px}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-item{background:#f7f7f7;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.value-item:hover,.vision-card{box-shadow:0 10px 20px rgba(0,0,0,.2)}.value-item i{color:var(--sec-color)}.mission-vision{display:flex;gap:30px;padding:60px 10%;justify-content:center;background:#f1f1f1}.vision-card{flex:1;background:var(--main-color);color:#fff;padding:30px;border-radius:15px;position:relative;overflow:hidden}.vision-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.3)}.card-content{position:relative;z-index:2}.vision-card p{font-size:1.1rem;line-height:1.5}.vision-card .icon{font-size:3rem;margin-bottom:15px;color:#fff;animation:2s ease-in-out infinite bounce}.vision-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,.1);transform:rotate(45deg);z-index:1;transition:.5s}.vision-card:hover::before{top:0;left:0}@media (max-width:576px){.about-content h1{font-size:2.5rem;font-weight:500}.about-content p{font-size:1.2rem}.about-us .container,.mission-vision{flex-direction:column}.about-us .about-image,.about-us .about-text{width:100%}}