.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%; }
.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: 62px;
    line-height: 1;
    font-weight: 950;
    margin-bottom: 30px; }
.hero-desc {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    max-width: 750px;
    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 (max-width:1200px) { 
    .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; } }
@media (max-width: 1024px) {
    .about-hero { padding: 110px 6% 90px; }
    .about-title {
        font-size: 52px;
        line-height: 1.05; }
    .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: 17px;
        max-width: 650px; }
    .about-tag {
        font-size: 17px;
        margin-bottom: 25px; }
    .about-hero::before {
        width: 400px;
        height: 400px;
        top: -60px;
        right: -100px; } }
@media (max-width: 992px) {
    .about-hero { padding: 100px 6% 80px; }
    .about-title {
        font-size: 48px;
        line-height: 1.05;
        margin-bottom: 28px; }
    .about-tag {
        font-size: 17px;
        margin-bottom: 22px; }
    .hero-desc {
        font-size: 17px;
        max-width: 680px;
        line-height: 1.6;
        margin-bottom: 40px;}
    .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; }
    .about-hero::before {
        width: 360px;
        height: 360px;
        top: -50px;
        right: -90px; } }
@media (max-width: 768px) {
    .about-hero { padding: 90px 5% 70px; }
    .about-title {
        font-size: 42px;
        line-height: 1.08;
        margin-bottom: 25px; }
    .about-tag {
        font-size: 16px;
        margin-bottom: 22px; }
    .hero-desc {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        margin-bottom: 35px;}
    .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; }
    .about-hero::before {
        width: 300px;
        height: 300px;
        top: -50px;
        right: -80px; } }
@media (max-width: 480px) {
    .about-hero { padding: 75px 5% 60px; }
    .about-title {
        font-size: 34px;
        line-height: 1.12;
        margin-bottom: 22px; }
    .about-tag {
        font-size: 15px;
        letter-spacing: 0.8px;
        margin-bottom: 18px; }
    .hero-desc {
        font-size: 15px;
        line-height: 1.55; }
    .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; }
    .about-hero::before {
        width: 220px;
        height: 220px;
        top: -40px;
        right: -60px; } }
@media (max-width: 360px) {
    .about-hero { padding: 65px 4% 50px; }
    .about-title { font-size: 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 { font-size: 14px; }
    .about-tag { font-size: 14px; } 
}
.all-team-section{ padding:50px 0; background:#FAFAFA; }
.all-team-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px; }
.all-team-member { position:relative; }
.all-team-image{
    width:100%;
    height:360px;
    background:#F8FAFC;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center; }
.all-team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform .4s ease; }
.all-team-member:hover .all-team-image img { transform:scale(1.05); }
.all-team-info {
    padding-top:18px;
    position:relative; }
.all-team-info strong{
    line-height:1.3;
    margin:0 0 7px;
    font-weight:600;
    color: #111827;
    font-size:1.05rem; }
.all-team-info span {
    color:#666 !important;
    font-size:.78rem;
    font-weight:600;
    display:block;
    padding-right:40px; }
.team-linkedin{
    position:absolute;
    right:0;
    top:20px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(1, 119, 191, 0.08) !important;
    color: #2B7CFF !important;
    border-radius:50%;
    font-size:20px;
    text-decoration:none;
    flex-shrink: 0; }
.team-linkedin:hover { background: rgba(1, 119, 191, 0.08); color: #2B7CFF; }
.team-linkedin i { display:inline-block; transition: transform .4s ease; }
.team-linkedin:hover i { transform: rotate(360deg); }
@media (max-width:1200px) {
    .all-team-grid {grid-template-columns:repeat(3,1fr); gap:28px; }
    .all-team-image { height:330px;}
    .all-team-info strong { font-size:1rem; } }
@media (max-width:992px){
    .all-team-section { padding:45px 0; }
    .all-team-grid { grid-template-columns:repeat(2,1fr); gap:30px; }
    .all-team-image { height:340px; }
    .team-linkedin { width:36px; height:36px; font-size:18px;} }
@media (max-width:768px){
    .all-team-section { padding:40px 0; }
    .all-team-grid{ grid-template-columns:repeat(2,1fr); gap:24px;}
    .all-team-image { height:300px; border-radius:8px; }
    .all-team-info { padding-top:15px; }
    .all-team-info strong { font-size:1rem; }
    .all-team-info span { font-size:.75rem; padding-right:35px; }
    .team-linkedin { width:34px; height:34px; top:18px; font-size:17px; } }
@media (max-width:480px){
    .all-team-section { padding:35px 0; }
    .all-team-grid { grid-template-columns:1fr; gap:28px; }
    .all-team-image { height:360px; }
    .all-team-info { padding-top:16px; }
    .all-team-info strong { font-size:1.05rem; }
    .all-team-info span { font-size:.8rem; }
    .team-linkedin { width:38px; height:38px; font-size:20px;  top:18px; } }
@media (max-width:360px) {
    .all-team-section { padding:30px 0; }
    .all-team-grid { gap:22px; }
    .all-team-image { height:320px; }
    .all-team-info strong { font-size:1rem; }
    .all-team-info span { font-size:.75rem; }
    .team-linkedin { width:34px; height:34px; font-size:16px; } 
}
.team-careers-section{ padding:50px 0; background:#FAFAFA; }
.team-careers-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    padding:15px;
    border-radius:20px;
    overflow:hidden; }
.team-careers-tag{
    display:inline-block;
    margin-bottom:22px;
    color:#2B7CFF;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px; }
.team-careers-title{
    font-size:50px;
    line-height:1.1;
    font-weight:900;
    margin:0 0 25px; }
.filled-black { color: #1a1a1a; }
.outline-orange {
    color: transparent ;
    letter-spacing: 1.5px;
    -webkit-text-stroke: 2px #ED1B24;  
}
.filled-orange { color: #2B7CFF; }
.career-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; }
.career-content-heading.active { opacity: 1; transform: translate3d(0, 0, 0) scale(1);  filter: blur(0); }
.team-careers-desc{
    max-width:560px;
    font-size:18px;
    line-height:1.6;
    color:#666;
    margin-bottom:35px; }
.team-careers-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    border-radius:50px;
     background: linear-gradient(
        135deg,
        #1b6fff,
        #3b89ff
    ); 
     box-shadow:
        0 0 20px rgba(59,137,255,.55);
     color: white;
     transition: 0.3s ease;  }
.team-careers-btn:hover{
      transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(59, 137, 255, 0.7);
        filter: brightness(1.1);  }
.team-careers-image{
    width:100%;
    height:420px;
    overflow:hidden;
    border-radius:16px; }
.team-careers-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease; }
.team-careers-image:hover img{
    transform:scale(1.05); }
@media (max-width:1200px){
    .team-careers-box{
        gap:40px;
        padding:15px;
    }
    .team-careers-title{
        font-size:44px;
    }
    .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-careers-desc{
        font-size:17px;
    }
    .team-careers-image { height:380px; } }
@media (max-width:992px){
    .team-careers-section{
        padding:60px 0;
    }
     .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-careers-box{
        grid-template-columns:1fr;
        gap:40px;
        text-align:center;
    }
    .team-careers-title{
        font-size:42px;
    }
    .team-careers-desc{
        margin-left:auto;
        margin-right:auto;
        max-width:650px;
    }
    .team-careers-image{  height:400px;} }
@media (max-width:768px){
    .team-careers-section{
        padding:50px 0;
    }
    .team-careers-box{
        gap:35px;
        border-radius:16px;
    }
    .team-careers-tag{
        font-size:16px;
        margin-bottom:18px;
    }
    .team-careers-title{
        font-size:36px;
        line-height:1.15;
        margin-bottom:22px;
    }
    .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-careers-desc{
        font-size:16px;
        line-height:1.6;
        margin-bottom:30px;
    }
    .team-careers-btn{
        padding:13px 25px;
        font-size:15px;
    }
    .team-careers-image{ height:320px; border-radius:14px; } }
@media (max-width:480px){
    .team-careers-section{
        padding:40px 0;
    }
    .team-careers-box{
        gap:30px;
        padding:10px;
    }
    .team-careers-tag{
        font-size:14px;
        letter-spacing:.8px;
    }
    .team-careers-title{
        font-size:30px;
        line-height:1.2;
    }
    .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-careers-desc{
        font-size:15px;
        line-height:1.55;
    }
    .team-careers-btn{
        padding:12px 22px;
        font-size:14px;
    }
    .team-careers-image { height:270px; } }
@media (max-width:360px){
    .team-careers-section{ padding:35px 0; }
    .team-careers-title{ font-size:27px; }
    .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-careers-desc{ font-size:14px;}
    .team-careers-image { height:230px; }
    .team-careers-btn { padding:11px 20px; } }