.about-intro-section{padding:80px 0;background:#fff;overflow:hidden;} .about-intro-section .container{max-width:1200px;margin:0 auto;padding:0 15px;} .about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .about-intro-images{position:relative;} .images-grid{position:relative;display:flex;gap:20px;min-height:500px;} .img-1{width:50%;height:400px;object-fit:cover;border-radius:20px 0 20px 20px;align-self:flex-end;border:2px solid #ff5f1f65;box-shadow:0 10px 30px rgba(0,0,0,0.1);} .img-2{width:50%;height:450px;object-fit:cover;border-radius:20px 20px 20px 0;border:2px solid #0a247253;box-shadow:0 10px 30px rgba(0,0,0,0.1);} .floating-image{position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;background:#FF5F1F;border-radius:50%;display:flex;align-items:center;justify-content:center;border:8px solid #fff;box-shadow:0 10px 30px rgba(255,95,31,0.3);} .floating-image img{width:90%;height:90%;object-fit:contain;filter:brightness(0) invert(1);} .about-intro-content{padding-left:20px;} .about-intro-content .section-subtitle{color:#FF5F1F;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:-20px;display:block;} .about-intro-content .section-title{color:#0A2472;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:20px;} .about-intro-content .section-description{color:#666;font-size:16px;line-height:1.7;margin-bottom:30px;} .features-box{margin:25px 0;border-radius:10px;margin-bottom:25px;} .features-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;} .feature-image img{width:100%;height:100px;object-fit:cover;border-left:4px solid #FF5F1F;border-top:4px solid #FF5F1F;border-right:4px solid #0A2472;border-bottom:4px solid #0A2472;} .feature-list{display:flex;flex-direction:column;gap:30px;} .feature-item{display:flex;align-items:center;gap:10px;} .feature-icon{display:flex;align-items:center;justify-content:center;color:#FF5F1F;font-size:30px;flex-shrink:0;} .feature-item h4{color:#0A2472;font-size:25px;font-weight:600;margin:0;} .bullet-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;} .bullet-column p{color:#333;font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px;} .bullet-column p i{color:#FF5F1F;font-size:14px;} .btn-about{display:inline-flex;align-items:center;gap:10px;background:#0A2472;color:white;padding:12px 25px;text-decoration:none;font-weight:600;font-size:16px;border-radius:5px;transition:all 0.3s ease;border:2px solid transparent;} .btn-about:hover{background:#FF5F1F;} .btn-about i{transition:transform 0.3s ease;} .wow{visibility:visible;} .fadeInLeft{animation:fadeInLeft 0.8s ease forwards;visibility:visible;} .fadeInRight{animation:fadeInRight 0.8s ease forwards;visibility:visible;} @keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px);} to{opacity:1;transform:translateX(0);} } @keyframes fadeInRight{from{opacity:0;transform:translateX(30px);} to{opacity:1;transform:translateX(0);} } @media (max-width:1200px){.about-intro-grid{gap:40px;} } @media (max-width:1024px){.about-intro-content .section-title{font-size:38px;} } @media (max-width:900px){.about-intro-grid{grid-template-columns:1fr;gap:50px;} .about-intro-content{padding-left:0;} .images-grid{min-height:450px;} .about-intro-content .section-title{font-size:34px;} } @media (max-width:760px){.about-intro-section{padding:60px 0;} .images-grid{flex-direction:column;height:auto;min-height:auto;gap:20px;} .img-1,.img-2{width:100%;height:320px;border-radius:15px;} .floating-image{width:100px;height:100px;right:0;bottom:0;} .about-intro-content .section-title{font-size:28px;} .features-grid{grid-template-columns:1fr;} .feature-image{display:none;} } @media (max-width:600px){.feature-item h4{font-size:20px;} .bullet-points{grid-template-columns:1fr;gap:10px;} } @media (max-width:460px){.about-intro-content .section-title{font-size:24px;} .img-1,.img-2{height:260px;} .btn-about{width:100%;justify-content:center;} } @media (max-width:300px){.about-intro-content .section-title{font-size:20px;} } .hero-section{height:300px;background:url('images/index/hero1.webp') no-repeat center center/cover;position:relative;width:100%;} .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,15,39,0.85);display:flex;justify-content:center;align-items:center;text-align:center;} .hero-content{max-width:800px;padding:0 20px 10px;} .hero-content h1{color:#fff;font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:Cambria,Cochin,Georgia,Times,'Times New Roman',serif;} .breadcrumb{color:#fff;font-size:1.1rem;font-weight:400;} .breadcrumb a{color:#fff;text-decoration:none;transition:color 0.3s ease;} .breadcrumb a:hover{color:#F9B935;} .breadcrumb .active{color:#F9B935;font-weight:500;} @media (max-width:1024px){.hero-content h1{font-size:3.5rem;} } @media (max-width:900px){.hero-section{height:280px;} .hero-content h1{font-size:3rem;} } @media (max-width:760px){.hero-section{height:250px;} .hero-content h1{font-size:2.2rem;} .breadcrumb{font-size:1rem;} } @media (max-width:460px){.hero-section{height:200px;} .hero-content h1{font-size:1.8rem;} .breadcrumb{font-size:0.9rem;} } @media (max-width:300px){.hero-content h1{font-size:1.5rem;} } .about-stats-section{background-color:#0A2472;padding:80px 0;width:100%;} .stats-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;padding:0 15px;} .stat-box{text-align:center;flex:1;min-width:200px;padding:30px 20px;border:1px solid rgba(255,255,255,0.1);transition:transform 0.3s ease,border-color 0.3s ease;} .icon-wrap{font-size:3rem;color:#ffffff;margin-bottom:-25px;} .icon-wrap i.fa-solid{border:none !important;transition:color 0.3s ease;} .stat-number{color:#F9B935;font-size:3.5rem;font-weight:700;margin-bottom:5px;line-height:1.2;} .stat-label{color:#ffffff;font-size:1.3rem;font-weight:400;line-height:1.4;text-transform:capitalize;opacity:0.9;} @media (max-width:1024px){.stat-number{font-size:3rem;} } @media (max-width:900px){.stat-box{flex:0 0 calc(50% - 20px);} } @media (max-width:760px){.about-stats-section{padding:60px 0;} .stat-number{font-size:2.5rem;} .stat-label{font-size:1.1rem;} .icon-wrap{font-size:2.5rem;} } @media (max-width:460px){.stat-box{flex:0 0 100%;max-width:300px;margin:0 auto;} } .faq-section{padding:80px 0;background:#fff;} .faq-section .container{max-width:1200px;margin:0 auto;padding:0 15px;} .faq-section .section-header{text-align:center;margin-bottom:50px;} .faq-section .subtitle{color:#FF5F1F;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:10px;} .faq-section .title{color:#0A2472;font-size:36px;font-weight:700;margin:0;} .faq-grid{display:grid;grid-template-columns:1fr 2px 1fr;gap:40px;margin-top:50px;} .divider{background-color:#f9b835;width:100%;height:100%;opacity:1;width:0.1px;} .faq-column{display:flex;flex-direction:column;gap:15px;} .faq-item{border:1px solid #f9b83571;overflow:hidden;transition:all 0.3s ease;background:#fff;} .faq-item.active{border-color:#f9b835;} .faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;cursor:pointer;background:#fff;font-weight:600;color:#030f27;font-size:16px;transition:background 0.3s ease;} .plus{color:#f9b835;font-size:24px;font-weight:600;transition:transform 0.3s ease;} .faq-item.active .plus{transform:rotate(45deg);color:#0A2472;} .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;background:#fafafa;} .faq-item.active .faq-answer{max-height:200px;} .faq-answer p{padding:0 25px 20px 25px;margin:0;font-size:16px;line-height:1.6;color:#666;} @media (max-width:1024px){.faq-section .title{font-size:32px;} } @media (max-width:900px){.faq-grid{grid-template-columns:1fr;gap:20px;} .divider{display:none;} } @media (max-width:760px){.faq-section .title{font-size:28px;} .faq-question{padding:15px 20px;font-size:15px;} .faq-answer p{font-size:14px;} } @media (max-width:460px){.faq-section .title{font-size:24px;} } @media (max-width:300px){.faq-section .title{font-size:20px;} } .about-why-section{padding:80px 0;background-color:#e9edf1;} .about-why-section .container{max-width:1200px;margin:0 auto;padding:0 15px;} .about-why-section .section-header{text-align:center;margin-bottom:50px;} .about-why-section .section-subtitle{color:#FF5F1F;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;display:block;} .about-why-section .section-title{color:#0A2472;font-size:42px;font-weight:700;margin:0;} .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .why-card{padding:40px 30px;text-align:center;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.114);} .why-card:hover{background:#fff;} .why-card .icon-wrapper{width:130px;height:130px;background:#FF5F1F;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:all 0.3s ease;} .why-card .icon-wrapper i{font-size:70px;color:#0A2472;} .why-card h3{color:#0A2472;font-size:20px;font-weight:700;margin-bottom:15px;transition:color 0.3s ease;} .why-card p{color:#666;font-size:15px;line-height:1.6;margin:0;} .fadeInUp{animation:fadeInUp 1s ease forwards;} @keyframes fadeInUp{from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} } @media (max-width:1024px){.about-why-section .section-title{font-size:38px;} } @media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr);gap:25px;} .about-why-section .section-title{font-size:34px;} } @media (max-width:760px){.about-why-section{padding:60px 0;} .about-why-section .section-title{font-size:28px;} .why-card{padding:30px 20px;} .why-card .icon-wrapper{width:100px;height:100px;} .why-card .icon-wrapper i{font-size:40px;} } @media (max-width:600px){.why-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;} } @media (max-width:460px){.about-why-section .section-title{font-size:24px;} } @media (max-width:300px){.about-why-section .section-title{font-size:20px;} }