.about-hero{color:#fff;text-align:center;background:linear-gradient(120deg,#ff3b3b90,#514444c0),50%/cover no-repeat;justify-content:center;align-items:center;height:65vh;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;inset:0}.about-hero-content{z-index:1;max-width:700px;padding:0 20px;position:relative}.about-hero-content h1{margin-bottom:10px;font-size:2.5rem;font-weight:700}.about-hero-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.6}.info-page{background-color:#f8fafc;padding:60px 20px}.info-container{flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1250px;margin:0 auto;display:flex}.info-text{flex:55%}.info-text h2{color:#222;border-left:4px solid #d80117;margin-top:25px;padding-left:10px;font-size:1.5rem}.info-text p{color:#555;text-align:justify;margin:10px 0;font-size:1rem;line-height:1.6}.info-text ul{color:#333;margin:10px 0 20px;padding-left:20px}.info-text li{margin-bottom:6px;list-style:none}.info-footer{color:#ff947e;margin-top:20px;font-weight:600}.info-image{text-align:center}.info-image img{border-radius:12px;width:100%;max-width:450px;box-shadow:0 6px 18px #00000026}@media (max-width:768px){.info-container{text-align:center;flex-direction:column}.info-image img{max-width:90%}.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1rem}}.cta-section{text-align:center;background:#ffeaea;border-radius:12px;margin-top:40px;padding:30px 20px;transition:transform .3s;box-shadow:0 5px 15px #0077ff1a}.cta-section:hover{transform:translateY(-3px)}.cta-section h3{color:#036;margin-bottom:8px;font-size:1.6rem}.cta-section p{color:#555;margin-bottom:20px;font-size:1rem}.cta-button{color:#fff;background-color:#080808;border-radius:6px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .3s,transform .2s}.cta-button:hover{background-color:#b33737;transform:translateY(-2px)}@media screen and (max-width:768px){.info-text h2,.info-text li{text-align:left}.info-page{padding-top:20px!important}.info-text li{font-size:14px}.info-text ul{padding-left:0}}@media screen and (min-width:768px) and (max-width:1200px){.about-hero{height:65vh}.info-container{flex-wrap:unset!important}}
