.about-page{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#ffffff);font-family:Noor Regular,sans-serif;position:relative;overflow:hidden}.about-page:after,.about-page:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;z-index:0}.about-page:before{top:-150px;left:-100px;background:radial-gradient(circle,rgba(180,64,65,.08) 0,transparent 70%)}.about-page:after{bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(12,103,118,.08) 0,transparent 70%)}.about-page .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.about-page .about-wrapper{display:flex;align-items:center;justify-content:space-between;gap:60px;flex-wrap:wrap}.about-page .about-image{flex:1;text-align:center;position:relative;animation:fadeInRight 1s ease-out}.about-page .about-image:before{content:"";position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:3px solid rgba(180,64,65,.2);border-radius:20px;z-index:-1;transition:all .5s ease}.about-page .about-image:hover:before{top:-10px;right:-10px;border-color:rgba(180,64,65,.4)}.about-page .about-image img{border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.15);transition:transform .5s ease,box-shadow .5s ease;object-fit:cover;width:100%;height:auto}.about-page .about-image img:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,.25)}.about-page .about-content{flex:1.2;color:#333;animation:fadeInLeft 1s ease-out}.about-page .about-content .about-subtitle{color:#b44041;font-weight:700;font-size:1.2rem;margin-bottom:10px}.about-page .about-content .about-title{font-size:2.5rem;font-weight:800;margin-bottom:25px;background:linear-gradient(90deg,#0c6776,#b44041);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.about-page .about-content .about-description{font-size:1.05rem;line-height:1.9;margin-bottom:20px;color:#555;text-align:justify}.about-page .about-content .about-quote{font-style:italic;background:rgba(12,103,118,.08);border-right:4px solid #b44041;padding:15px 20px;border-radius:10px;color:#333;margin-top:10px;transition:all .5s ease}.about-page .about-content .about-quote:hover{background:rgba(180,64,65,.1);transform:translateY(-3px)}@media(max-width:992px){.about-page{padding:70px 0}.about-page .about-wrapper{flex-direction:column-reverse;text-align:center;gap:40px}.about-page .about-content .about-title{font-size:2rem}.about-page .about-content .about-description{text-align:center}}@media(max-width:576px){.about-page{padding:50px 0}.about-page .about-title{font-size:1.7rem}.about-page .about-description{font-size:1rem}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}html[dir=ltr] .about-page{font-family:Agency FB Bold,sans-serif}html[dir=ltr] .about-page .about-subtitle{font-size:1.3rem;font-weight:700}html[dir=ltr] .about-page .about-title{font-size:2.8rem;font-weight:700}html[dir=ltr] .about-page .about-description{font-size:1.15rem;line-height:1.8}html[dir=ltr] .about-page .about-quote{font-size:1.05rem}@media(max-width:992px){html[dir=ltr] .about-page .about-title{font-size:2.2rem}}html[dir=rtl] .about-page{font-family:Noor Regular,sans-serif}