.about-hero {
    padding: 120px 8% 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(1, 119, 191, 0.12)); }
.about-hero .container { position: relative; z-index: 1; width: 100%; max-width: 1200px; }
.about-hero::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(1, 119, 191, 0.10) 0%, transparent 70%);
    pointer-events: none; }
.about-tag { display: inline-block; margin-bottom: 30px; letter-spacing: 1px; color: #2B7CFF; font-size: 18px; font-weight: 700;}
.about-title { font-size: 65px; line-height: 1.1; font-weight: 950; margin-bottom: 30px; }
.hero-desc { font-size: 18px; line-height: 1.6; color: #666; max-width: 1000px; margin: 0 auto 45px; }
.outline-text { color: transparent; letter-spacing: 1.5px; -webkit-text-stroke: 2px #000; }
.filled-black { color: #1a1a1a; }
.outline-orange { color: transparent ; letter-spacing: 1.5px; -webkit-text-stroke: 2px #ED1B24;  }
.filled-orange { color: #2B7CFF; }
.hero-content-heading {
    opacity: 0;
    transform: translate3d(0, 70px, 0) scale(0.95);
    filter: blur(10px);
    transition:
        opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.hero-content-heading.active { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
@media (min-width: 1400px) {
    .about-hero { padding: 130px 8% 110px; }
    .about-hero .container { max-width: 1300px; }
    .about-tag { font-size: 18px; margin-bottom: 30px; }
    .about-title { font-size: 72px; line-height: 1.08; margin-bottom: 32px; }
    .hero-desc { max-width: 1050px; font-size: 19px; line-height: 1.7; margin-bottom: 45px; }
    .about-hero::before { width: 520px; height: 520px; top: -90px; right: -90px; } }
@media (min-width: 1200px) and (max-width: 1399px) {
    .about-hero { padding: 115px 7% 100px; }
    .about-hero .container { max-width: 1200px; }
    .about-tag { font-size: 17px; margin-bottom: 28px; }
    .about-title { font-size: 65px; line-height: 1.1; margin-bottom: 30px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 1000px; font-size: 18px; line-height: 1.65; margin-bottom: 45px; }
    .about-hero::before { width: 500px; height: 500px; top: -80px; right: -80px; } }
@media (min-width: 992px) and (max-width: 1199px) {
    .about-hero { padding: 95px 6% 85px; }
    .about-hero .container { max-width: 100%; }
    .about-tag { font-size: 16px; margin-bottom: 25px; }
    .about-title { font-size: 56px; line-height: 1.1; margin-bottom: 28px;}
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 850px; font-size: 17px; line-height: 1.65; margin-bottom: 40px; }
    .about-hero::before { width: 420px; height: 420px; top: -70px; right: -70px; } }
@media (min-width: 768px) and (max-width: 991px) {
    .about-hero { padding: 80px 5% 70px; }
    .about-hero .container { max-width: 100%; }
    .about-tag { font-size: 15px; margin-bottom: 22px; letter-spacing: 0.9px; }
    .about-title { font-size: 48px; line-height: 1.1; margin-bottom: 25px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 720px; font-size: 16px; line-height: 1.65; margin-bottom: 35px; }
    .about-hero::before { width: 350px; height: 350px; top: -60px; right: -60px; } }
@media (min-width: 576px) and (max-width: 767px) {
    .about-hero { padding: 65px 30px 60px; }
    .about-hero .container { max-width: 100%; }
    .about-tag { font-size: 14px; margin-bottom: 20px; letter-spacing: 0.8px; }
    .about-tag span { font-size: 16px; }
    .about-title { font-size: 40px; line-height: 1.12; margin-bottom: 22px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 100%; font-size: 15px; line-height: 1.65;  margin-bottom: 30px; }
    .about-hero::before { width: 280px; height: 280px; top: -40px; right: -50px; } }
@media (min-width: 375px) and (max-width: 575px) {
    .about-hero { padding: 55px 20px 50px; }
    .about-hero .container { max-width: 100%; padding: 0; }
    .about-tag { font-size: 12px; margin-bottom: 17px; letter-spacing: 0.7px; }
    .about-tag span { font-size: 14px; }
    .about-title { font-size: 34px; line-height: 1.13; margin-bottom: 20px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 100%; font-size: 14px; line-height: 1.65; margin-bottom: 25px; }
    .about-hero::before { width: 230px; height: 230px; top: -35px; right: -45px; } }
@media (min-width: 320px) and (max-width: 374px) {
    .about-hero { padding: 45px 15px 40px; }
    .about-hero .container { width: 100%; max-width: 100%; padding: 0; }
    .about-tag { font-size: 11px; margin-bottom: 14px; letter-spacing: 0.5px; }
    .about-tag span { font-size: 13px; }
    .about-title { font-size: 29px; line-height: 1.15; margin-bottom: 18px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { max-width: 100%; font-size: 13px; line-height: 1.6; margin-bottom: 20px; }
    .about-hero::before { width: 190px; height: 190px; top: -25px; right: -35px; } }
@media (max-width: 319px) {
    .about-hero { padding: 40px 12px 35px; }
    .about-hero .container { width: 100%; padding: 0; }
    .about-tag { font-size: 10px; margin-bottom: 12px; }
    .about-tag span { font-size: 12px; }
    .about-title { font-size: 26px; line-height: 1.15; margin-bottom: 16px; }
    .outline-text { color: #ffffff;  -webkit-text-stroke: 0px transparent; 
        text-shadow: 
            -0.8px -0.8px 0 #1a1a1a,  
             0.8px -0.8px 0 #1a1a1a,
            -0.8px  0.8px 0 #1a1a1a,
             0.8px  0.8px 0 #1a1a1a; }
    .outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .hero-desc { font-size: 12px; line-height: 1.6; margin-bottom: 18px; }
    .about-hero::before { width: 160px; height: 160px; top: -20px; right: -30px; }
}
.story-section { padding: 100px 8%; background: #FAFAFA; overflow: hidden; }
.story-section img { width: 100%; height: 580px; object-fit: cover; border-radius: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.10); }
.story-badge { display: inline-block; margin-bottom: 25px; color: #2B7CFF; font-size: 18px; font-weight: 700; letter-spacing: 1px; }
.story-title { font-size: 50px; line-height: 1.1; font-weight: 900; margin-bottom: 30px; }
.story-filled-black { color: #1a1a1a; }
.story-outline-orange {color: transparent ; letter-spacing: 1.5px; -webkit-text-stroke: 2px #ED1B24; }
.story-filled-orange { color: #2B7CFF; }
.story-content-heading {
    opacity: 0;
    transform: translateX(100px) scale(.95);
    filter: blur(8px);
    transition:
        opacity 1s cubic-bezier(.22, .61, .36, 1),
        transform 1s cubic-bezier(.22, .61, .36, 1),
        filter 1s cubic-bezier(.22, .61, .36, 1); }
.story-content-heading.active { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
.story-desc { font-size: 17px; line-height: 1.7; color: #666; margin-bottom: 20px;}
@media(max-width:1200px) { 
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 1024px) {
    .story-section { padding: 90px 6%; }
    .story-section img { height: 500px; }
    .story-title { font-size: 52px; line-height: 1.05; margin-bottom: 25px; }
    .story-badge { font-size: 17px; margin-bottom: 22px; }
    .story-desc { font-size: 16px; line-height: 1.7; } 
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 992px) {
    .story-section { padding: 60px 6%; }
    .story-section img { height: 460px; margin-bottom: 15px; }
    .story-badge { font-size: 17px; margin-bottom: 22px; }
    .story-title { font-size: 48px; line-height: 1.05;  margin-bottom: 25px; }
    .story-desc { font-size: 16px; line-height: 1.7; margin-bottom: 18px; }
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 768px) {
    .story-section { padding: 50px 5%; }
    .story-section img { height: 420px;  margin-bottom: 20px; border-radius: 20px; }
    .story-title { font-size: 42px; line-height: 1.08;  margin-bottom: 25px; }
    .story-badge { font-size: 16px; margin-bottom: 20px; }
    .story-desc { font-size: 16px; line-height: 1.7; margin-bottom: 18px; }
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 576px) { 
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 480px) {
    .story-section { padding: 40px 5%; }
    .story-section img { height: 300px; border-radius: 18px; }
    .story-title { font-size: 34px; line-height: 1.15; margin-bottom: 20px; }
    .story-badge { font-size: 15px; margin-bottom: 18px; letter-spacing: 0.8px; }
    .story-desc { font-size: 15px; line-height: 1.65; margin-bottom: 16px; }
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media (max-width: 360px) {
    .story-section { padding: 30px 4%; }
    .story-section img { height: 250px; }
    .story-title { font-size: 30px; line-height: 1.15; }
    .story-badge { font-size: 14px; }
    .story-desc { font-size: 14px; line-height: 1.6; }
    .story-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
}
.impact-section { background:#FAFAFA; padding:40px 8%; overflow:hidden; }
.impact-section .container{ max-width:1400px; margin:auto; }
.impact-stats { display:grid; grid-template-columns:repeat(4,1fr);  gap:40px; }
.stat-box { text-align:center; position:relative; padding:20px 10px; transition:.4s ease; }
.stat-box::after{
    content:'';
    position:absolute;
    bottom:-15px;
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:4px;
    border-radius:20px;
    background:#2B7CFF;
    transition:.4s ease; }
.stat-box:hover { transform:translateY(-8px); }
.stat-box:hover::after { width:70px;}
.stat-box span { display:block; font-size:50px; font-weight:900; line-height:1; color:var(--heading-black); margin-bottom:18px; }
.stat-box p { font-size:17px; font-weight:600; color:var(--heading-black); line-height:1.5; margin:0; }
@media (max-width:1200px) {
    .impact-section { padding:40px 5%; }
    .impact-stats { gap:30px; }
    .stat-box span { font-size:48px; } }
@media (max-width:992px){
    .impact-section { padding:40px 5%; }
    .impact-stats { grid-template-columns:repeat(2,1fr); gap:30px; }
    .stat-box { padding:18px 10px; }
    .stat-box span { font-size:46px; }
    .stat-box p { font-size:16px; } }
@media (max-width:768px){
    .impact-section {padding:40px 20px;}
    .impact-stats {grid-template-columns:repeat(2,1fr); gap:35px 25px; }
    .stat-box {padding:15px 10px; }
    .stat-box span {font-size:42px; margin-bottom:14px; }
    .stat-box p { font-size:15px; } }
@media (max-width:600px){
    .impact-section { padding:60px 5%; }
    .impact-stats { grid-template-columns:1fr; gap:30px;}
    .stat-box span { font-size:45px; }
    .stat-box p { font-size:14px; } }
@media (max-width:430px){
    .impact-section {padding:50px 20px; }
    .impact-stats { gap:25px; }
    .stat-box { padding:10px; }
    .stat-box span { font-size:40px; }
    .stat-box p { font-size:13px; } }
@media (max-width:360px){
    .impact-section {padding:45px 15px;}
    .impact-stats { gap:20px;}
    .stat-box span { font-size:36px; }
    .stat-box p { font-size:13px; line-height:1.4; } }
@media (max-width:320px){
    .impact-section { padding:40px 12px; }
    .stat-box span { font-size:32px; }
    .stat-box p { font-size:12px; } 
}
.mission-section { padding:50px 0; background:#FAFAFA; overflow:hidden; }
.mission-block { margin-bottom:50px; }
.mission-block h3,
.mission-block h4{ font-size:60px; font-weight:900; color:#1a1a1a; margin-bottom:25px; line-height:1.1; }
.mission-block h3 span,
.mission-block h4 span { color:transparent; letter-spacing:1.5px; -webkit-text-stroke:2px #ED1B24; } 
.mission-box {
    border:1px solid #E5E5E5;
    border-radius:45px;
    min-height:200px;
    display:flex;
    align-items:center;
    padding:70px 80px;
    position:relative;
    overflow:visible;
    opacity:0;
    transform:translateY(40px);
    transition:
    opacity .8s ease,
    transform .8s ease,
    box-shadow .4s ease,
    border-color .4s ease; }
.mission-box.active { opacity:1; transform:translateY(0); }
.mission-box:hover { transform:translateY(-8px); border-color:#2B7CFF; box-shadow: 0 20px 45px rgba(43,124,255,.12); }
.mission-box p{ max-width:1000px; font-size:20px; line-height:1.5; font-weight:400; color:#666; margin:0; }
.quote-icon{
    position:absolute;
    right:130px;
    top:-50px;
    width:100px;
    height:100px;
    border-radius:50%;
    background:rgba(1,119,191,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    animation:quoteFloat 3s ease-in-out infinite;
    transition:.3s ease; }
.quote-icon i { color:#2B7CFF; font-size:50px; }
.quote-icon:hover { transform:scale(1.1) rotate(10deg); }
@keyframes quoteFloat{
    0%,
    100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}
@media(max-width:1200px) {
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } }
@media(max-width:992px){
    .mission-section { padding:60px 5%; }
    .mission-block h3,
    .mission-block h4 { font-size:45px; }
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } 
    .mission-box { padding:50px; }
    .mission-box p {font-size:18px; }
    .quote-icon { width:85px; height:85px; right:60px; top:-40px; }
    .quote-icon i{ font-size:40px; } }
@media(max-width:768px){
    .mission-section { padding:50px 20px; }
    .mission-block { margin-bottom:60px; }
    .mission-block h3,
    .mission-block h4{ font-size:38px; margin-bottom:35px; }
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } 
    .mission-box { padding:40px 25px; border-radius:30px; min-height:auto; }
    .mission-box p { font-size:16px; line-height:1.7; }
    .quote-icon { width:75px; height:75px; right:30px; top:-35px; }
    .quote-icon i { font-size:35px; } }
@media (max-width: 576px) {  
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }  }
@media(max-width:425px){
    .mission-section { padding:45px 15px; }
    .mission-block h3,
    .mission-block h4{ font-size:32px; }
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } 
    .mission-box { padding:35px 20px; border-radius:25px; }
    .mission-box p { font-size:15px; }
    .quote-icon { width:65px; height:65px; right:20px; top:-30px; }.quote-icon i { font-size:30px; } }
@media (max-width: 360px) { 
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }  }
@media(max-width:320px) {
    .mission-block h3,
    .mission-block h4{ font-size:28px; }
    .mission-block h3 span,
    .mission-block h4 span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; } 
    .mission-box p {font-size:14px; }
}
.team-section { padding:50px 0; background: #FAFAFA; }
.team-header { text-align: center; margin-bottom: 20px; }
.team-badge {
    display: inline-block;
    margin-bottom: 18px; 
    color: #2B7CFF;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px; }
.team-title { font-size: 55px; line-height: 1; font-weight: 900; margin:20px 0; }
.team-filled-black { color: #1a1a1a; }
.team-outline-orange { color: transparent; letter-spacing: 1.5px; -webkit-text-stroke: 2px  #ED1B24; }
.team-filled-orange { color: #2B7CFF; }
.team-content-heading {
    opacity: 0;
    transform: translate3d(-80px, 20px, 0) scale(0.96);
    filter: blur(10px);
    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity, filter; }
.team-content-heading.active { opacity: 1; transform: translate3d(0, 0, 0) scale(1);  filter: blur(0); }
.team-desc { max-width:650px; margin:0 auto; color:#666; font-size:17px; line-height:1.7; }
.team-row { margin-top:40px; }
  .team-card {
    background:#fff;
    border:1px solid #E4E0D6;
    border-left:none;
    overflow:hidden;
    height:100%;
    position:relative;
    opacity:0;
    transform:translateY(50px);
    transition:
        opacity .8s ease,
        transform .8s ease; }
.team-card.active { opacity:1; transform:translateY(0); }
.team-row .col:nth-child(1) .team-card{ transition-delay:.1s; }
.team-row .col:nth-child(2) .team-card{ transition-delay:.2s; }
.team-row .col:nth-child(3) .team-card{ transition-delay:.3s; }
.team-row .col:nth-child(4) .team-card{ transition-delay:.4s; }
.team-row .col:nth-child(5) .team-card{ transition-delay:.5s; }
  .team-row > .col:first-child .team-card{ border-left:1px solid #E4E0D6; border-top-left-radius:16px; border-bottom-left-radius:16px; }
  .team-row > .col:last-child .team-card{ border-top-right-radius:16px; border-bottom-right-radius:16px; }
  .team-image { position:relative; aspect-ratio:3/4; overflow:hidden; background:#EDEAE1; }
  .team-image img { width:100%; height:100%; object-fit:cover; object-position:center 15%; display:block; filter:grayscale(18%); }
  .team-content{ padding:1.1rem 1.1rem 1.4rem; position:relative; }
  .team-content strong { font-weight:600; margin:0; color: #111827; font-size:1.05rem; }
  .designation{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.03em; color:#666; margin-top:.25rem; margin-bottom:.25rem; }
  .social-icon{
    color: #2B7CFF;
    font-size: 32px;
    width: 38px;
    height: 38px;
    background: rgba(1, 119, 191, 0.08);
    border-radius: 14px;
    display:inline-flex;
    font-size:1rem;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    flex-shrink: 0;  }
.social-icon:hover{ background: rgba(1, 119, 191, 0.08); color: #2B7CFF; transform:rotate(360deg); }
.team-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg,#1b6fff, #3b89ff);
    box-shadow: 0 0 20px rgba(59, 137, 255, .55);
    color: white;
    border: none;
    border-radius: 50px;
    padding: 14px 40px;
     text-decoration:none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease; }
.team-btn:hover{ transform: translateY(-3px); box-shadow: 0 10px 25px rgba(59, 137, 255, 0.7); filter: brightness(1.1); }
@media (max-width:1200px){
    .team-section { padding:50px 25px; }
    .team-title{ font-size:48px; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-row { margin-top:35px; }
    .team-content { padding:1rem; }
    .team-content strong { font-size:1rem; } }
@media (max-width:992px){
    .team-section { padding:45px 20px; }
    .team-title { font-size:42px; line-height:1.1; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-desc { max-width:600px; font-size:16px; }
    .team-row { row-gap:25px; }
    .team-card { border-left:1px solid #E4E0D6; }
    .team-row > .col:first-child .team-card,
    .team-row > .col:last-child .team-card {  border-radius:16px; } }
@media (max-width:768px){
    .team-section { padding:45px 15px; }
    .team-badge { font-size:16px; }
    .team-title { font-size:36px; margin:15px 0; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-desc{ font-size:15px;line-height:1.6; }
    .team-row { margin-top:30px; row-gap:25px; }
    .team-card { transform:translateY(35px); }
    .team-card.active { transform:translateY(0); }
    .team-image { aspect-ratio:4 / 4; }
    .team-content{ padding:1rem; }
    .team-content strong { font-size:1rem; }
    .designation { font-size:.75rem; }
    .social-icon {  width:36px; height:36px; } 
    .team-btn {  padding:12px 32px; font-size:.95rem; } }
@media (max-width:576px){
    .team-section { padding:40px 15px; }
    .team-header { margin-bottom:15px; }
    .team-title { font-size:32px; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-desc{ font-size:14px; }
    .team-row { margin-top:25px; }
    .team-card{ border-radius:16px; }
    .team-image { aspect-ratio:1 / 1.1; }
    .team-content{ padding:15px; }
    .social-icon { border-radius:12px; }
    .team-btn{  padding:12px 28px; font-size:0.9rem; } }
@media (max-width:375px){
    .team-section { padding:35px 12px; }
    .team-title { font-size:28px; }
    .team-badge { font-size:14px; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-desc { font-size:13px; }
    .team-content strong { font-size:.95rem; }
    .designation {  font-size:.7rem; }
    .social-icon { width:34px; height:34px; }
    .team-btn { padding:12px 20px; font-size:.9rem; } }
@media (max-width:320px){
    .team-section { padding:30px 10px; }
    .team-title { font-size:25px; }
    .team-badge { font-size:13px; }
    .team-outline-orange { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .team-desc { font-size:12px; }
    .team-content { padding:12px; }
    .team-content strong { font-size:.9rem; }
    .designation { font-size:.65rem; }
    .team-btn{ padding:10px 24px; font-size:.85rem; }
}
.testimonial-section { position: relative; background: #FAFAFA; padding: 110px 6%; overflow: hidden; }
.testimonial-section .container { position: relative; z-index: 2; }
.testimonial-top { max-width: 1100px; margin: 0 auto 70px; }
.testimonial-title { font-size: 75px; line-height: 0.95; font-weight: 900; text-align: center; color: #1a1a1a; margin-bottom: 35px; }
.testimonial-title span { color: transparent; -webkit-text-stroke: 2px var(--red); }
.testimonial-title strong { color: #2B7CFF; }
.testimonial-content-heading {
    opacity: 0;
    transform: translate3d(0, 40px, 0) scale(0.92);
    filter: blur(8px);
    transition:
        opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
        filter 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity, filter; }
.testimonial-content-heading.active { opacity: 1;  transform: translate3d(0, 0, 0) scale(1);  filter: blur(0); }
.testimonial-description { font-size: 17px; text-align: center; font-weight: 600; line-height: 1.4; color: #666; max-width: 1000px;  margin: 0 auto 50px; }
.testimonialSwiper { padding-bottom: 70px; overflow: hidden; }
.testimonialSwiper .swiper-slide { height: auto; padding-bottom: 20px; }
.testimonial-card {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    padding: 40px 35px;
    min-height: 370px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.4s ease; }
.testimonial-card:hover {  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06); }
.active-card { background: #fff; }
.testimonial-text { font-size: 20px; line-height: 1.5;  font-weight: 650; color: #111;  font-style: italic; margin-bottom: 40px; }
.testimonial-user { display: flex; align-items: center; gap: 18px; }
.testimonial-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(1, 119, 191, 0.1);
    color: #2B7CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    flex-shrink: 0; }
.testimonial-info strong { font-size: 17px; color: #1a1a1a; margin-bottom: 6px; font-weight: 600; }
.testimonial-info span {  color: #666;  font-size: 14px; font-weight: 600; }
.testimonialSwiper .swiper-pagination { position: relative !important;  margin-top: 25px; bottom: 25px !important;  display: flex; justify-content: center; 
    align-items: center; gap: 8px; }
.testimonialSwiper .swiper-pagination-bullet { width: 10px; height: 10px; background: #999; opacity: 1; transition: 0.3s ease; }
.testimonialSwiper .swiper-pagination-bullet-active { background: #2B7CFF; width: 28px; border-radius: 30px; }
.testimonialSwiper .swiper-scrollbar { background: #ddd;  height: 4px; }
.testimonialSwiper .swiper-scrollbar-drag { background: #2B7CFF; }
@media (max-width: 1199px) {
    .testimonial-section { padding: 90px 4%; }
    .testimonial-title { font-size: 60px; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 17px; }
    .testimonial-top { margin: 0 auto 55px; }
    .testimonial-text { font-size: 18px; }
    .testimonial-info strong { font-size: 18px;} }
@media(max-width:1200px) {
    .testimonial-title { font-size: 70px; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-text { font-size: 23px; } }
@media(max-width:992px) {
    .testimonial-section { padding: 70px 3%; }
    .testimonial-title { font-size: 48px; line-height: 1; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 16px; }
    .testimonial-top { margin: 0 auto 45px; }
    .testimonial-card { padding: 30px 25px; min-height: 320px; }
    .testimonial-text { font-size: 16px;  margin-bottom: 28px; }
    .testimonial-logo {  width: 50px; height: 50px; font-size: 17px; }
    .testimonial-info strong { font-size: 16px; }
    .testimonial-info span { font-size: 13px;} }
@media (max-width: 767px) {
    .testimonial-section { padding: 56px 3%; }
    .testimonial-title { font-size: 44px; line-height: 1.05; margin-bottom: 24px; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 15px; font-weight: 500; }
    .testimonial-top { margin: 0 auto 36px; }
    .testimonial-card {  padding: 26px 22px; min-height: 280px; border-radius: 12px; }
    .testimonial-text { font-size: 15px;  margin-bottom: 22px; }
    .testimonial-user { gap: 14px; }
    .testimonial-logo { width: 46px; height: 46px; font-size: 15px; }
    .testimonial-info strong { font-size: 15px; }
    .testimonial-info span { font-size: 12px; }
    .testimonialSwiper { padding-bottom: 60px; } }
@media (max-width: 575px) { .testimonial-section { padding: 44px 4%; }
    .testimonial-title { font-size: 40px; margin-bottom: 18px; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 14px; line-height: 1.6; }
    .testimonial-top { margin: 0 auto 28px; }
    .testimonial-card { padding: 22px 18px; min-height: auto; border-radius: 10px; }
    .testimonial-text { font-size: 14px; margin-bottom: 18px; }
    .testimonial-user { gap: 12px; }
    .testimonial-logo { width: 42px;  height: 42px;  font-size: 14px; }
    .testimonial-info strong { font-size: 14px; }
    .testimonial-info span { font-size: 12px;}
    .testimonialSwiper { padding-bottom: 50px; } }
@media (max-width: 400px) {
    .testimonial-section { padding: 32px 3%; }
    .testimonial-title { font-size: 35px; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 13px; }
    .testimonial-card { padding: 18px 14px; }
    .testimonial-text {  font-size: 13px; }
    .testimonial-logo { width: 38px;height: 38px; font-size: 13px; }
    .testimonial-info strong { font-size: 13px; } }
@media (max-width: 360px) { 
    .testimonial-section { padding: 26px 3%; }
    .testimonial-title { font-size: 30px; line-height: 1.1; }
    .testimonial-title span { color: #ffffff; -webkit-text-stroke: 0px transparent;
        text-shadow: 
            -0.8px -0.8px 0 #ED1B24,  
             0.8px -0.8px 0 #ED1B24,
            -0.8px  0.8px 0 #ED1B24,
             0.8px  0.8px 0 #ED1B24; }
    .testimonial-description { font-size: 12.5px; }
    .testimonial-card { padding: 16px 12px;  border-radius: 8px; }
    .testimonial-text { font-size: 12.5px; margin-bottom: 14px; }
    .testimonial-logo { width: 34px; height: 34px; font-size: 12px; }
    .testimonial-info strong { font-size: 12.5px; }
    .testimonial-info span { font-size: 11px; } 
}