.about-section{background-image:url(/assets/about/aboutbackground.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100vh;padding:0 3%;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";-webkit-backdrop-filter:blur(5px);z-index:0;background:linear-gradient(135deg,#ffffffeb 0%,#f0f7ffbf 100%);position:absolute;inset:0}.about-section>div{z-index:1;position:relative}.home-icon{width:44px;height:47px}.subHeader{color:#12367c;background:linear-gradient(90deg,#20578314,#0000);border-inline-start:5px solid #205783;border-radius:8px;margin:0;padding:8px 18px;font-size:28px;font-weight:800;line-height:1.4}html[dir=rtl] .subHeader{border-inline-start:auto;background:linear-gradient(270deg,#20578314,#0000);border-inline-end:5px solid #205783}.paragraph{color:#12367c;font-size:1.15rem;font-weight:500;line-height:1.8}.vision-mission-section{background:linear-gradient(135deg,#f8fbff,#eef5fc,#e0f0ff,#fff) 0 0/400% 400%;align-items:center;min-height:100vh;padding:0;animation:15s infinite gradientBG;display:flex;position:relative;overflow:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-vision img,.bg-mission img{filter:blur(2px)drop-shadow(0 20px 40px #00d2ff33);opacity:.8;width:350px}.bg-vision{z-index:0;animation:10s ease-in-out infinite alternate floatOrb;position:absolute;top:-50px;right:-50px}.bg-mission{z-index:0;animation:12s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-50px;left:-50px}@keyframes floatOrb{0%{transform:translate(0)rotate(0)}to{transform:translate(30px,30px)rotate(10deg)}}.home2{filter:drop-shadow(0 25px 45px #12367c33);width:100%;max-width:500px;height:auto;transition:all .5s cubic-bezier(.25,.8,.25,1);animation:6s ease-in-out infinite alternate-reverse floatingLogo}.home2:hover{filter:drop-shadow(0 30px 50px #12367c40);transform:translateY(-15px)scale(1.02)}.about-text-container{-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #fffc;border-radius:24px;padding:40px;position:relative;box-shadow:0 20px 40px #12367c0d}.about-text-container:before{content:"";z-index:-1;opacity:.1;background:linear-gradient(135deg,#00d2ff,#4facfe);border-radius:26px;position:absolute;inset:-2px}.about-hero-title{color:#12367c;background:linear-gradient(90deg,#12367c,#00d2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:900;display:inline-block}.hero-paragraph{color:#334155;font-size:1.15rem;font-weight:500;line-height:1.8}.about-logo-anim{filter:drop-shadow(0 10px 15px #00d2ff4d);width:100%;max-width:80px;animation:4s ease-in-out infinite alternate floatingLogo}@keyframes floatingLogo{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.about-image-wrapper{position:relative}.floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#00d2ff;z-index:2;background:#ffffffe6;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex;position:absolute;box-shadow:0 10px 20px #0000001a}.badge-1{animation:8s ease-in-out infinite alternate floatShape;top:10%;left:-10px}.badge-2{animation:6s ease-in-out infinite alternate-reverse floatShape;bottom:20%;right:-20px}.vision-mission-card{-webkit-backdrop-filter:blur(20px);z-index:1;background:#ffffffa6;border:1px solid #ffffffe6;border-radius:32px;height:100%;padding:50px 40px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 15px 35px #12367c0d}.vision-mission-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.vision-mission-card:hover:before{left:200%}.vision-mission-card:hover{background:#fffffff2;border-color:#00d2ff66;transform:translateY(-15px)scale(1.02);box-shadow:0 35px 70px #12367c1f}.vision-mission-icon-box{background:linear-gradient(135deg,#00d2ff26 0%,#2057831a 100%);border:1px solid #00d2ff33;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex}.vision-mission-card:hover .vision-mission-icon-box{background:linear-gradient(135deg,#00d2ff 0%,#12367c 100%);border-color:#0000;transform:rotate(10deg)scale(1.1);box-shadow:0 15px 30px #00d2ff4d}.vision-mission-card:hover .vision-mission-icon-box img{filter:brightness(0)invert();transform:scale(1.1)rotate(-10deg)}.vision-mission-icon-box img{object-fit:contain;width:45px;height:45px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.vision-mission-card p{color:#475569;z-index:2;margin-top:20px;font-size:1.15rem;font-weight:500;line-height:1.8;position:relative}@media only screen and (max-width:1016px){.about-section,.vision-mission-section{min-height:auto;padding:120px 5% 60px}}@media only screen and (max-width:767px){.about-section,.vision-mission-section{min-height:auto;padding:120px 5% 60px}.subHeader{font-size:22px}.about-text-container{padding:25px}.about-hero-title{font-size:2rem}.floating-badge{width:45px;height:45px;font-size:1.2rem}}