p i{

    /* color:#ff6634; */
    position: relative;
    font-size:13px;
    top: -8px;
    margin:0 6px;
}
/* =========================
    WHO WE ARE SECTION
========================= */

.who-we-are{
    width:100%;
    padding:70px 0;
    background:#f5f5fb;
    overflow:hidden;
}

.who-content{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
    flex-wrap:wrap;
}

/* LEFT SIDE */

.who-left{
    flex:1;
    min-width:320px;
}

.section-tag{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,102,52,0.1);
    color:#ff6634;
    font-size:19px;
    font-weight:600;
    border-radius:30px;
    letter-spacing:1px;
    margin-bottom:20px;
}

.who-left h2{
    font-size:35px;
    color:#0d1b4c;
    font-weight:700;
    margin-bottom:10px;
}

.main-text{
    font-size:18px;
    color:#160505;
    
}

.who-left p{
    font-size:20px;
    max-width: 600px;
    color:#010e0d;
}

/* FEATURES */

.who-features{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;
}

.feature-box{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    padding:18px 20px;
    border-radius:20px 0;
    transition:0.4s;
   box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    background:rgba(255,255,255,0.75);

    backdrop-filter:blur(10px);

    border:1px solid rgba(24,56,131,0.08);

    transition:.4s ease;
}

.feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.feature-box i{
    width:50px;
    height:50px;
    background:linear-gradient(135deg,#ff6634,#ff8f66);
    border-radius:20px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
}

.feature-box span{
    font-size:15px;
    color:#0d1b4c;
    font-weight:600;
}

/* BUTTON */

.who-btn{
    display:inline-block;
    margin-top:40px;
    padding:15px 35px;
    background:linear-gradient(135deg,#ff6634,#ff8f66);
    color:#fff;
    text-decoration:none;
    border-radius:20px 0;
    font-weight:600;
    transition:0.4s;
}

.who-btn:hover{
    transform:translateY(-4px);
    color:#fff;
}

/* RIGHT SIDE */

.who-right{
    flex:1;
    min-width:320px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.main-img{
    width:420px;
    height:520px;
    border-radius:20px 0;
    overflow:hidden;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
}

.main-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.small-img{
    position:absolute;
    bottom:-40px;
    left:-20px;
    width:180px;
    height:180px;
    border-radius:20px 0;
    overflow:hidden;
    border:8px solid #fff;
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

.small-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.experience-card{
    position:absolute;
    top:40px;
    right:-20px;
    background:#fff;
    padding:30px 35px;
    border-radius:20px 0;
    text-align:center;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
}

.experience-card h3{
    font-size:42px;
    color:#ff6634;
    font-weight:700;
    margin-bottom:8px;
}

.experience-card p{
    color:#160505;
    font-size:15px;
    font-weight:500;
    padding: 5px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .who-content{
        flex-direction:column;
    }

    .who-left h2{
        font-size:38px;
       
    }

    .who-right{
        margin-top:40px;
    }

    .experience-card{
        right:0;
    }
}

@media(max-width:576px){

    .who-left h2{
        font-size:30px;
        line-height:40px;
    }

    .who-features{
        grid-template-columns:1fr;
    }

    .main-img{
        width:100%;
        height:420px;
    }

    .small-img{
        width:140px;
        height:140px;
    }

    .experience-card{
        padding:0px 0px;
    }

    .experience-card h3{
        font-size:30px;
    }
}

/* =========================
    FOUNDER SECTION
========================= */

.founder-section{
    width:100%;
    padding:60px 0;
    background:#ffffff;
    overflow:hidden;
}

.founder-wrapper{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    flex-wrap:wrap;
}

/* LEFT IMAGE */

.founder-image{
    flex:1;
    min-width:320px;
    position:relative;
    display:flex;
    justify-content:center;
}

.main-founder-img{
    width:430px;
    height:520px;
    border-radius:20px 0px 20px 0px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.main-founder-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* ========================================= */
/* EXPERIENCE BOX */
/* ========================================= */

.experience-box {
    position: absolute;
    top: -4px;
    left: -20px;
    background: #fff;
    padding: 9px 16px;
    border-radius: 20px 0px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    text-align: center;
    z-index: 5;
    max-width: 180px;
}

.experience-box h3{
    font-size:42px;
    color:#ff6634;
    font-weight:700;
    margin-bottom:5px;
    line-height:1;
}

.experience-box p{
    font-size:15px;
    color:#160505;
    line-height:1.4;
    margin:0;
}

/* ========================================= */
/* STUDENT BOX */
/* ========================================= */

.students-box{
    position:absolute;
    bottom:0px;
    right:-25px;
    background:linear-gradient(135deg,#ff6634,#ff8a5c);
    padding:8px 20px;
    border-radius:20px 0px;
    color:#fff;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    z-index:5;
    max-width:220px;
}

/* ========================================= */
/* LARGE TABLET */
/* ========================================= */

@media (max-width:1199px){

    .experience-box{
        left:-10px;
    }

    .students-box{
        right:-10px;
    }

}

/* ========================================= */
/* TABLET */
/* ========================================= */

@media (max-width:991px){

    .experience-box{
        top:10px;
        left:10px;
        padding:10px 14px;
        max-width:160px;
    }

    .experience-box h3{
        font-size:34px;
    }

    .experience-box p{
        font-size:14px;
    }

    .students-box{
        right:10px;
        bottom:10px;
        padding:8px 16px;
        max-width:190px;
    }

}

/* ========================================= */
/* MOBILE                                    */
/* ========================================= */

@media (max-width:767px){

    /* Founder wrapper - stack vertically */
    .founder-wrapper{
        flex-direction: column;
        gap: 30px;
    }

    /* Image container - no longer relative positioning anchor for abs children */
    .founder-image{
        min-width: unset;
        width: 100%;
        position: static;          /* remove relative so abs children don't anchor here */
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    /* Main photo - full width, reasonable height */
    .main-founder-img{
        width: 100%;
        max-width: 340px;
        height: 340px;
        border-radius: 20px 0 20px 0;
        margin-bottom: 0;
    }

    /* Experience box - flow below image as normal block */
    .experience-box{
        position: static;          /* remove absolute */
        top: auto;
        left: auto;
        width: 100%;
        max-width: 340px;
        border-radius: 16px 0 16px 0;
        padding: 14px 20px;
        margin-top: 14px;
        text-align: center;
        box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    }

    .experience-box h3{
        font-size: 32px;
    }

    .experience-box p{
        font-size: 14px;
    }

    /* Students box - flow below experience box as normal block */
    .students-box{
        position: static;          /* remove absolute */
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 340px;
        border-radius: 16px 0 16px 0;
        padding: 14px 20px;
        margin-top: 12px;
        text-align: center;
    }

    .students-box h3{
        font-size: 30px;
    }

    .students-box span{
        font-size: 15px;
    }

    /* Content side */
    .founder-content{
        min-width: unset;
        width: 100%;
    }

    .founder-content h2{
        font-size: 30px;
    }

    .founder-content h4{
        font-size: 16px;
        line-height: 28px;
    }

    .founder-content p{
        font-size: 20px;
        line-height: 1.3;

    }

    .founder-points{
        grid-template-columns: 1fr;
        gap: 12px;
    }

}

/* ========================================= */
/* SMALL MOBILE                              */
/* ========================================= */

@media (max-width:480px){

    .founder-section{
        padding: 40px 0;
    }

    .main-founder-img{
        max-width: 100%;
        height: 280px;
    }

    .experience-box{
        max-width: 100%;
        padding: 12px 16px;
    }

    .experience-box h3{
        font-size: 26px;
    }

    .experience-box p{
        font-size: 13px;
    }

    .students-box{
        max-width: 100%;
        padding: 12px 16px;
    }

    .students-box h3{
        font-size: 24px;
    }

    .students-box span{
        font-size: 13px;
    }

    .founder-content h2{
        font-size: 26px;
    }

    .point-box{
        padding: 14px 16px;
    }

    .point-box i{
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .point-box span{
        font-size: 14px;
    }

}



.students-box h3{
    font-size:34px;
    font-weight:700;
    margin-bottom:5px;
}

.students-box span{
    font-size:15px;
}

/* RIGHT CONTENT */

.founder-content{
    flex:1;
    min-width:320px;
}

.founder-tag{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,102,52,0.1);
    color:#ff6634;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.founder-content h2{
    font-size:44px;
    color:#0d1b4c;
    font-weight:700;
    margin-bottom:5px;
}

.founder-content h4{
    font-size:22px;
    color:#ff6634;
    line-height:1.4;
    font-weight:600;
}

.founder-content p{
    font-size:20px;
    line-height:1.4;
    color:#160505;
    margin-bottom:20px;
}

/* POINTS */

.founder-points{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;
}

.point-box{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    padding:18px 20px;
    border-radius:20px 0;
   box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    transition:0.4s;
}

.point-box:hover{
    transform:translateY(-5px);
}

.point-box i{
    width:52px;
    height:52px;
    background:linear-gradient(135deg,#ff6634,#ff8a5c);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
}

.point-box span{
    font-size:15px;
    color:#0d1b4c;
    font-weight:600;
}

/* BUTTON */

.founder-btn{
    display:inline-block;
    margin-top:40px;
    padding:15px 38px;
    background:linear-gradient(135deg,#ff6634,#ff8a5c);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:0.4s;
}

.founder-btn:hover{
    transform:translateY(-4px);
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:991px){

    .founder-wrapper{
        flex-direction:column;
    }

    .founder-content h2{
        font-size:40px;
    }

    .founder-content h4{
        font-size:18px;
        line-height:30px;
    }
}

@media(max-width:576px){

    .founder-content h2{
        font-size:32px;
    }

    .main-founder-img{
        width:100%;
        height:430px;
    }

    .founder-points{
        grid-template-columns:1fr;
    }

    .experience-box{
        left:0;
    }

    .students-box{
        right:0;
    }
}

/* =========================
    HUMAN DEVELOPMENT SECTION
========================= */

.mind-training{
    width:100%;
    padding:70px 0;
    background:#f7f6ff;
    overflow:hidden;
}

/* HEADING */

.mind-heading{
    width:100%;
    max-width:900px;
    margin:auto;
    text-align:center;
}

.mind-tag{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,102,52,0.1);
    color:#ff6634;
    border-radius:40px;
    font-size:16px;
    font-weight:600;
    margin-bottom:18px;
}

.mind-heading h2{
    font-size:48px;
    line-height:60px;
    color:#081c54;
    font-weight:700;
    margin-bottom:18px;
}

.mind-heading h2 span{
    color:#ff6634;
}

.mind-heading p{
    font-size:20px;
    line-height:32px;
    color:#160505;
}

.mind-heading p strong{
    color:#ff6634;
}

/* BOXES */

.mind-box-wrapper{
    width:100%;
    margin-top:50px;

    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.mind-box{
    width:260px;
    background:#fff;
    border-radius:20px 0;
    padding:30px 20px;
    text-align:center;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    transition:0.4s;
}

.mind-box:hover{
    transform:translateY(-6px);
}

.icon{
    width:75px;
    height:75px;
    background:rgba(255,102,52,0.08);
    border-radius:50%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

.icon i{
    font-size:30px;
    color:#ff6634;
}

.mind-box h4{
    font-size:22px;
    line-height:32px;
    color:#081c54;
    font-weight:700;
    position:relative;
    padding-bottom:14px;
}

.mind-box h4::after{
    content:'';
    width:40px;
    height:3px;
    background:#ff6634;
    border-radius:20px;

    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}

/* QUOTE */

.mind-quote{
    width:100%;
    margin-top:55px;
    background:#fff4ef;
    border-radius:20px 0;
    padding:35px 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.quote-icon i{
    font-size:50px;
    color:#ff6634;
}

.mind-quote p{
    flex:1;
    font-size:22px;
    line-height:40px;
    color:#333;
    font-weight:500;
}

.mind-quote p span{
    color:#ff6634;
    font-weight:700;
}

.mind-quote p strong{
    color:#ff6634;
}

/* RESPONSIVE */

@media(max-width:991px){

    .mind-training{
        padding:60px 0;
    }

    .mind-heading h2{
        font-size:38px;
        line-height:52px;
    }

    .mind-heading p{
        font-size:17px;
        line-height:30px;
    }

    .mind-quote{
        flex-direction:column;
        text-align:center;
        padding:30px 25px;
    }

    .mind-quote p{
        font-size:20px;
        line-height:34px;
    }
}

@media(max-width:576px){

    .mind-training{
        padding:50px 0;
    }

    .mind-heading h2{
        font-size:30px;
        line-height:42px;
    }

    .mind-heading p{
        font-size:15px;
        line-height:28px;
    }

    .mind-box{
        width:100%;
        padding:25px 18px;
    }

    .mind-box h4{
        font-size:20px;
        line-height:30px;
    }

    .mind-quote{
        padding:25px 18px;
    }

    .mind-quote p{
        font-size:17px;
        line-height:30px;
    }

    .quote-icon i{
        font-size:38px;
    }
}

/* =========================
    TRANSFORM LEARNING
========================= */

.transform-learning{
     width:100%;
    padding:60px 0;
    background-color: #F3E8EC;

    /*background:
    radial-gradient(circle at top right, rgba(73,115,255,0.08), transparent 22%),
    radial-gradient(circle at bottom left, rgba(255,102,52,0.08), transparent 22%),
    linear-gradient(135deg,#f5f7ff,#eef2ff) !important;*/

    overflow:hidden;
    position:relative;
}

/* HEADING */

.tl-heading{
    width:100%;
    max-width:1000px;
    margin:auto;
    text-align:center;
}

.tl-tag{
    display:inline-block;
    padding:10px 24px;
    background:rgba(255,102,52,0.1);
    color:#ff6634;
    border-radius:40px;
    font-size:16px;
    font-weight:600;
    margin-bottom:25px;
}

.tl-heading h2{
    font-size:52px;
    line-height:78px;
    color:#081c54;
    font-weight:700;
    margin-bottom:20px;
}

.tl-heading h2 span{
    color:#ff6634;
}

.tl-heading p{
    font-size:20px;
    line-height:1.4;
    color:#160505;
}

.tl-heading p strong{
    color:#ff6634;
}

/* FEATURE CARDS */

.tl-card-wrapper{
    width:100%;
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.tl-card{
    background:#fff;
    border-radius:35px 0px;
    padding:35px 20px;
    text-align:center;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    transition:0.4s;
}

.tl-card:hover{
    transform:translateY(-8px);
}

.tl-card i{
    width:80px;
    height:80px;
    background:rgba(255,102,52,0.08);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:25px;

    color:#ff6634;
    font-size:28px;
}

.tl-card h4{
    font-size:23px;
    line-height:1.4;
    color:#081c54;
    font-weight:700;
}

/* METHODOLOGY */

.methodology-box{
    width:100%;
    margin-top:80px;
    background:#fff;
    border-radius:35px;
    padding:60px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    flex-wrap:wrap;

    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
}

.method-left{
    flex:1;
    min-width:320px;
}

.method-tag{
    display:inline-block;
    padding:10px 22px;
    background:#fff4ef;
    color:#ff6634;
    border-radius:40px;
    font-size:16px;
    font-weight:600;
    margin-bottom:20px;
}

.method-left h3{
    font-size:39px;
    line-height:1.4;
    color:#081c54;
    font-weight:700;
    margin-bottom:20px;
}

.method-left p{
    font-size:17px;
    font-weight:500;
    line-height:1.2;
    color:#160505;
}

.method-right{
    flex:1;
    min-width:320px;

    display:flex;
    flex-direction:column;
    gap:20px;
}

.method-item{
    display:flex;
    align-items:center;
    gap:18px;

    background:#f8f7ff;
    padding:18px 22px;
    border-radius:18px 0px;
    transition:0.4s;
}

.method-item:hover{
    transform:translateX(8px);
}

.method-item i{
    width:65px;
    height:65px;
    background:linear-gradient(135deg,#ff6634,#ff8b63);
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:19px;
}

.method-item span{
    font-size:17px;
    color:#081c54;
    font-weight:600;
}

.methodology-box{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 45px;
    border-radius: 28px;
    background: linear-gradient(135deg,#ffffff,#f6f8ff);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    border: 1px solid rgba(24,56,131,0.08);
    position: relative;
    overflow: hidden;
}

.methodology-box::before{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    top: -100px;
    right: -80px;
}

.method-left{
    width: 40%;
    position: relative;
    z-index: 2;
}

.method-tag{
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgba(255,106,61,0.12);
    color: #ff6a3d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.method-left h3{
    font-size: 34px;
    line-height: 1.3;
    color: #183883;
    margin-bottom: 18px;
    font-weight: 700;
}

.method-left p{
    color: #160505;
    line-height: 1.2;
    font-size: 15px;
}

.method-right{
    width: 55%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
    position: relative;
    z-index: 2;
}

.method-item{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(24,56,131,0.08);
    transition: 0.4s;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
}

.method-item:hover{
    transform: translateY(-5px);
    background: linear-gradient(135deg,#183883,#2349a0);
}

.method-item:hover i,
.method-item:hover span{
    color: #fff;
}

.method-item i{
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: rgba(255,106,61,0.12);
    color: #ff6a3d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.4s;
}

.method-item span{
    font-size: 15px;
    font-weight: 600;
    color: #183883;
    transition: 0.4s;
}

@media(max-width:991px){

    .methodology-box{
        flex-direction: column;
        padding: 30px 22px;
    }

    .method-left,
    .method-right{
        width: 100%;
    }

    .method-right{
        grid-template-columns: 1fr;
    }

    .method-left h3{
        font-size: 28px;
    }
}

/* RESPONSIVE */

@media(max-width:991px){

    .tl-heading h2{
        font-size:42px;
        line-height:1.3px;
    }

    .tl-heading p{
        font-size:18px;
        line-height:1.4;
    }

    .tl-card-wrapper{
        grid-template-columns:repeat(2,1fr);
    }

    .method-left h3{
        font-size:36px;
        line-height:1.4;
    }
}

@media(max-width:576px){

    .tl-heading h2{
        font-size:32px;
        line-height:1.3;
    }

    .tl-card-wrapper{
        grid-template-columns:1fr;
    }

    .tl-card h4{
        font-size:22px;
        line-height:1.2;
    }

    .methodology-box{
        padding:35px 20px;
    }

    .method-left h3{
        font-size:28px;
        line-height:40px;
    }

    .method-left p{
        font-size:17px;
        line-height:1.2;
    }

    .method-item span{
        font-size:18px;
    }
}

/* =========================
     ACHIEVEMENT SECTION
========================= */

.achievement-section{
    width:100%;
    padding:60px 0;
        background-color: lightgrey;

    /*background:
    radial-gradient(circle at top left, rgba(255,102,52,0.08), transparent 24%),
    radial-gradient(circle at bottom right, rgba(24,56,131,0.08), transparent 24%),
    linear-gradient(135deg,#fffaf5,#f4f7ff);*/

    overflow: hidden;
    position:relative;
}

/* HEADING */

.achievement-heading{
    width:100%;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.achievement-tag{
    display:inline-block;

    padding:12px 28px;

    background:rgba(255,102,52,0.10);

    border-radius:50px;

    color:#ff6634;

    font-size:16px;
    font-weight:600;

    margin-bottom:28px;
}

.achievement-heading h2{
    font-size:42px;
    line-height:1.3px;

    color:#081c54;
    font-weight:700;

    margin-bottom:25px;
}

.achievement-heading h2 span{
    color:#ff6634;
}

.achievement-line{
    width:150px;
    height:5px;

    background:linear-gradient(to right,#ff6634,#ff8b63);

    border-radius:20px ;

    margin:0 auto 30px;
}

.achievement-heading p{
    font-size:20px;
    line-height:42px;

    color:#160505;
}

.achievement-heading p strong{
    color:#081c54;
}

/* RECORD BOXES */




.record-box:hover{
    transform:translateY(-8px);
}

.record-icon{
    width:95px;
    height:95px;

    background:#fff4ef;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;
    margin-bottom:25px;
}

.record-icon i{
    font-size:38px;
    color:#ff6634;
}

.record-box h4{
    font-size:26px;
    line-height:38px;

    color:#081c54;
    font-weight:700;
}

/* =========================
    GLOBAL MAP + STATS
========================= */

.global-achievement-map{
    width:100%;
    margin-top:75px;
}

/* MAP */

.map-wrapper{
    width:100%;
    max-width:850px;

    margin:auto;

    position:relative;
}

.map-wrapper img{
    width:100%;
    display:block;
    margin-bottom: 90px;

    filter:drop-shadow(0 15px 25px rgba(0,0,0,0.08));
}

/* POINT */

.map-point{
    position:absolute;
    transform:translate(-50%,-50%);
}

/* DOT */

.map-point span{
    width:14px;
    height:14px;

    background:#081c54;

    border:3px solid #fff;

    border-radius:50%;

    display:block;

    margin:auto;

    box-shadow:0 0 0 6px rgba(8,28,84,0.10);
}

/* LABEL */

.map-point p{
    background:#081c54;
    color:#fff;

    padding:6px 14px;

    border-radius:30px;

    font-size:11px;
    font-weight:600;

    margin-top:8px;

    white-space:nowrap;
}

/* STATS */

.achievement-stats{
    width:100%;
    margin-top:55px;

    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.stats-box{
    width:240px;

    background:#fff;

    border:2px solid #ff6634;

    border-radius:60px;

    padding:18px 15px;

    text-align:center;

    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
}

.stats-box h3{
    font-size:38px;
    color:#081c54;
    font-weight:700;

    margin-bottom:5px;
}

.stats-box span{
    font-size:13px;
    letter-spacing:2px;

    color:#160505;
}

/* BOTTOM TEXT */

.achievement-highlight{
    width:100%;
    max-width:950px;

    margin:60px auto 0;

    text-align:center;
}

.achievement-highlight p{
    font-size:24px;
    line-height:42px;

    color:#444;
}

.achievement-highlight p strong{
    color:#ff6634;
}

/* RESPONSIVE */

@media(max-width:991px){

    .achievement-heading h2{
        font-size:48px;
        line-height:62px;
    }

    .achievement-heading p,
    .achievement-highlight p{
        font-size:20px;
        line-height:36px;
    }

    .record-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    .map-point span{
        width:10px;
        height:10px;
    }

    .map-point p{
        font-size:9px;
        padding:5px 8px;
    }
}

@media(max-width:576px){

    .achievement-heading h2{
        font-size:34px;
        line-height:46px;
    }

    .achievement-heading p,
    .achievement-highlight p{
        font-size:17px;
        line-height:30px;
    }

    .record-wrapper{
        grid-template-columns:1fr;
    }

    .record-box h4{
        font-size:22px;
        line-height:34px;
    }

    .stats-box{
        width:100%;
    }

    .stats-box h3{
        font-size:30px;
    }
}
/* =========================
    FUTURE & VISION SECTION
========================= */

.future-vision{
    width:100%;
    padding:60px 0;

    background:
    radial-gradient(circle at top left, rgba(255,102,52,0.14), transparent 28%),
    radial-gradient(circle at bottom right, rgba(24,56,131,0.12), transparent 30%),
    linear-gradient(135deg,#fff6ef,#eef3ff) !important;

    overflow:hidden;
    position:relative;
}

/* HEADING */

.fv-heading{
    width:100%;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.fv-tag{
    display:inline-block;

    padding:12px 28px;

    background:rgba(255,102,52,0.10);

    border-radius:50px;

    color:#ff6634;

    font-size:16px;
    font-weight:600;

    margin-bottom:20px;
}

.fv-heading h2{
    font-size:44px;
    
    color:#081c54;
    font-weight:700;

    margin-bottom:20px;
}

.fv-heading h2 span{
    color:#ff6634;
}

.fv-heading p{
    font-size:24px;
    

    color:#160505;
}

/* WRAPPER */

.fv-wrapper{
    width:100%;
    margin-top:30px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;

    align-items:stretch;
}

/* LEFT */

.fv-content-box{
    height:100%;

    background:#081c54;

    border-radius:40px;

    padding:55px;

    position:relative;

    overflow:hidden;
}

.fv-content-box::before{
    content:'';

    width:250px;
    height:250px;

    background:rgba(255,255,255,0.04);

    border-radius:50%;

    position:absolute;
    top:-100px;
    right:-100px;
}

.fv-icon{
    width:100px;
    height:100px;

    background:rgba(255,255,255,0.08);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.fv-icon i{
    font-size:42px;
    color:#ff6634;
}

.fv-content-box h3{
    font-size:34px;
    

    color:#fff;
    font-weight:700;

    margin-bottom:28px;
}

.fv-line{
    width:120px;
    height:4px;

    background:#ff6634;

    border-radius:20px;

    margin-bottom:30px;
}

.fv-content-box p{
    font-size:22px;
    

    color:#d8d8d8;
}

.fv-content-box p strong{
    color:#ff6634;
}

/* RIGHT */

.vision-card{
    height:100%;

    background:rgba(255,255,255,0.75);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.4);

    border-radius:40px;

    padding:55px;

    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.vision-tag{
    display:inline-block;
    width:max-content;

    padding:12px 24px;

    background:#fff4ef;

    border-radius:50px;

    color:#ff6634;

    font-size:14px;
    font-weight:600;

    margin-bottom:30px;
}

.vision-card h4{
    font-size: 32px;
    line-height: 1.3;

    color:#081c54;
    font-weight:700;

    margin-bottom:30px;
}

.vision-card p{
    font-size:24px;
    line-height:42px;

    color:#160505;
}

/* RESPONSIVE */

@media(max-width:991px){

    .fv-heading h2{
        font-size:48px;
        line-height:62px;
    }

    .fv-heading p{
        font-size:20px;
        line-height:36px;
    }

    .fv-wrapper{
        grid-template-columns:1fr;
    }

    .fv-content-box h3{
        font-size:36px;
        line-height:52px;
    }

    .vision-card h4{
        font-size:30px;
        line-height:46px;
    }

    .fv-content-box p,
    .vision-card p{
        font-size:18px;
        line-height:34px;
    }
}

@media(max-width:576px){

    .fv-heading h2{
        font-size:34px;
        line-height:46px;
    }

    .fv-content-box,
    .vision-card{
        padding:35px 22px;
    }

    .fv-content-box h3{
        font-size:28px;
        line-height:40px;
    }

    .vision-card h4{
        font-size:24px;
        line-height:38px;
    }

    .fv-content-box p,
    .vision-card p{
        font-size:16px;
        line-height:30px;
    }
}
/* =========================
    WHAT WE DEVELOP
========================= */

.develop-section{
    width:100%;
    padding:60px 0;

    
    background:
    radial-gradient(circle at top right, rgba(255,140,90,0.10), transparent 24%),
    radial-gradient(circle at bottom left, rgba(93,126,255,0.10), transparent 24%),
    linear-gradient(135deg,#fff6ee,#eef4ff) !important;

    overflow:hidden;
    position:relative;
}

/* HEADING */

.develop-heading{
    width:100%;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.develop-tag{
    display:inline-block;

    padding:12px 28px;

    background:rgba(255,102,52,0.10);

    border-radius:50px;

    color:#ff6634;

    font-size:16px;
    font-weight:600;

    margin-bottom:20px;
}

.develop-heading h2{
    font-size:52px;
    line-height:50px;

    color:#081c54;
    font-weight:700;

    margin-bottom:20px;
}

.develop-heading h2 span{
    color:#ff6634;
}

.develop-heading p{
    font-size:22px;
    line-height:40px;

    color:#110303;
}

/* WRAPPER */

.develop-wrapper{
    width:100%;
    margin-top:85px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* CARD */

.develop-card{
    background:rgba(255,255,255,0.75);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.4);

    border-radius:32px;

    padding:45px 35px;

    text-align:center;

    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);

    transition:0.4s;
}

.develop-card:hover{
    transform:translateY(-10px);
}

.develop-icon{
    width:110px;
    height:110px;

    background:#fff4ef;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;
    margin-bottom:28px;

    font-size:48px;
}

.develop-card h4{
    font-size:30px;
    line-height:42px;

    color:#081c54;
    font-weight:700;

    margin-bottom:18px;
}

.develop-card p{
    font-size:19px;
    line-height:34px;

    color:#160505;
}

/* RESPONSIVE */

@media(max-width:991px){

    .develop-heading h2{
        font-size:48px;
        line-height:62px;
    }

    .develop-heading p{
        font-size:20px;
        line-height:36px;
    }

    .develop-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){

    .develop-heading h2{
        font-size:34px;
        line-height:40px;
    }

    .develop-wrapper{
        grid-template-columns:1fr;
    }

    .develop-card{
        padding:35px 22px;
    }

    .develop-card h4{
        font-size:24px;
        line-height:36px;
    }

    .develop-card p{
        font-size:16px;
        line-height:30px;
    }
}

/* =========================
    OUR APPROACH SECTION
========================= */

.our-approach{
    width:100%;
    padding:60px 0;

    background:
    radial-gradient(circle at top left, rgba(255,102,52,0.08), transparent 24%),
    radial-gradient(circle at bottom right, rgba(24,56,131,0.08), transparent 24%),
    linear-gradient(135deg,#fffaf5,#f4f7ff);

    overflow:hidden;
    position:relative;
}

/* HEADING */

.approach-heading{
    width:100%;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.approach-tag{
    display:inline-block;

    padding:12px 28px;

    border-radius:50px;

    background:rgba(255,102,52,0.10);

    color:#ff6634;

    font-size:20px;
    font-weight:600;

    margin-bottom:20px;
}

.approach-heading h2{
    font-size:54px;
    line-height:88px;

    color:#081c54;
    font-weight:700;

    margin-bottom:10px;
}

.approach-heading h2 span{
    color:#ff6634;
}

.approach-heading p{
    font-size:22px;
    line-height:40px;

    color:#160505;
}

/* WRAPPER */

.approach-wrapper{
    width:100%;
    margin-top:90px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;

    align-items:center;
}

/* LEFT */

.left-card{
    background:#081c54;

    border-radius:40px;

    padding:23px;

    position:relative;

    overflow:hidden;
}

.left-card::before{
    content:'';

    width:250px;
    height:250px;

    background:rgba(255,255,255,0.04);

    border-radius:50%;

    position:absolute;
    top:-100px;
    right:-100px;
}

.quote-icon{
    width:90px;
    height:90px;

    background:rgba(255,255,255,0.08);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.quote-icon i{
    font-size:38px;
    color:#ff6634;
}

.left-card h3{
    font-size:28px;
    line-height:1.4px;

    color:#fff;
    font-weight:700;

    margin-bottom:0px;
}

.line{
    width:120px;
    height:4px;

    background:#ff6634;

    border-radius:20px;

    margin-bottom:30px;
}

.left-card p{
    font-size:18px;
    line-height:40px;

    color:#d8d8d8;
}

/* RIGHT */

.approach-right{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}



.approach-box:hover{
    transform:translateY(-8px);
}

.approach-box span{
    font-size:42px;

    display:block;

    margin-bottom:20px;
}

.approach-box h4{
    font-size:24px;
    line-height:1.4;

    color:#081c54;
    font-weight:700;
}

/* VISION BOX */

.vision-box{
    width:100%;
    margin-top:80px;

    background:linear-gradient(135deg,#ff6634,#ff8b63);

    border-radius:35px;

    padding:40px 45px;

    display:flex;
    align-items:center;
    gap:30px;
}

.vision-icon{
    width:110px;
    height:110px;

    background:rgba(255,255,255,0.12);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.vision-icon i{
    font-size:42px;
    color:#fff;
}

.vision-content span{
    display:inline-block;

    font-size:16px;
    font-weight:600;

    color:#fff;

    margin-bottom:14px;
}

.vision-content p{
    font-size:28px;
    line-height:46px;

    color:#fff;
    font-weight:500;
}

/* RESPONSIVE */

@media(max-width:991px){

    .approach-heading h2{
        font-size:48px;
        line-height:62px;
    }

    .approach-heading p{
        font-size:20px;
        line-height:36px;
    }

    .approach-wrapper{
        grid-template-columns:1fr;
    }

    .left-card h3{
        font-size:34px;
        line-height:48px;
    }

    .left-card p{
        font-size:18px;
        line-height:34px;
    }

    .vision-content p{
        font-size:22px;
        line-height:38px;
    }
}

@media(max-width:576px){

    .approach-heading h2{
        font-size:34px;
        line-height:46px;
    }

    .left-card{
        padding:35px 22px;
    }

    .left-card h3{
        font-size:26px;
        line-height:40px;
    }

    .approach-right{
        grid-template-columns:1fr;
    }

    .approach-box h4{
        font-size:20px;
        line-height:32px;
    }

    .vision-box{
        flex-direction:column;
        text-align:center;

        padding:35px 22px;
    }

    .vision-content p{
        font-size:18px;
        line-height:32px;
    }
}


/* =========================
    JOIN PEPMIND SECTION
========================= */

.join-pepmind{
    width:100%;
    padding:60px 0;

    background:
    radial-gradient(circle at top left, rgba(255,102,52,0.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(24,56,131,0.08), transparent 24%),
    linear-gradient(135deg,#fffaf5,#f4f7ff);

    overflow:hidden;
    position:relative;
}

/* WRAPPER */

.join-wrapper{
    width:100%;

    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:60px;

    align-items:center;
}

/* LEFT */

.join-content{
    position:relative;
    z-index:2;
}

.join-tag{
    display:inline-block;

    padding:12px 28px;

    background:rgba(255,102,52,0.10);

    border-radius:50px;

    color:#ff6634;

    font-size:16px;
    font-weight:600;

    margin-bottom:28px;
}

.join-content h2{
    font-size:44px;

    color:#081c54;
    font-weight:700;
    
    margin-bottom:10px;
}

.join-content p{
    font-size:20px;
    line-height:25px;

    color:#160505;

    margin-bottom:20px;
}

.join-content p strong{
    color:#ff6634;
}

/* HIGHLIGHTS */

.join-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:18px;

    margin-bottom:40px;
}

/* .join-highlights span{
    padding:14px 24px;

    background:#fff;

    border-radius:50px;

    color:#081c54;

    font-size:18px;
    font-weight:600;

    box-shadow:0 10px 25px rgba(0,0,0,0.05);
} */

/* BUTTON */

.join-btn{
    display:inline-block;

    padding: 22px 40px;
    background: linear-gradient(135deg, #ff6634, #ff8b63);
    border-radius: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight:600;

    transition:0.4s;
}

.join-btn:hover{
    transform:translateY(-5px);
}

.join-design{
    position:relative;

    height:520px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* CIRCLES */

.circle-big{
    width:420px;
    height:420px;

    background:linear-gradient(135deg,#081c54,#183883);

    border-radius:50%;

    position:absolute;
}


.join-design{
    position:relative;

    height:520px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* CIRCLES */

.circle-big{
    width:420px;
    height:420px;

    background:linear-gradient(135deg,#081c54,#183883);

    border-radius:50%;

    position:absolute;
}


/* CARD */

.design-card{
    width:420px;

    background:rgba(255,255,255,0.78);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.4);

    border-radius:35px;

    padding:45px 35px;

    text-align:center;

    position:relative;
    z-index:2;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.design-icon{
    width:110px;
    height:110px;

    background:#fff4ef;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;
    margin-bottom:20px;
}

.design-icon i{
    font-size:46px;
    color:#ff6634;
}

.design-card h3{
    font-size:33px;
    line-height:40px;

    color:#081c54;
    font-weight:700;

    margin-bottom:20px;
}

.design-card p{
    font-size:18px;
    line-height:36px;

    color:#160505;
}
@media(max-width:991px){

    .join-wrapper{
        grid-template-columns:1fr;
    }

    .join-content h2{
        font-size:50px;
        line-height:1.2px;
    }

    .join-content p{
        font-size:20px;
        line-height:36px;
    }

    .join-design{
        height:420px;
    }

    .circle-big{
        width:320px;
        height:320px;
    }

    .design-card{
        width:100%;
        max-width:400px;
    }
}

@media(max-width:576px){

    .join-content h2{
        font-size:36px;
        line-height:48px;
    }

    .join-content p{
        font-size:18px;
        line-height:32px;
    }

    .join-btn{
        width:100%;
        text-align:center;

        font-size:18px;
    }

    .join-highlights span{
        font-size:16px;
    }

    .design-card{
        padding:35px 22px;
    }

    .design-card h3{
        font-size:28px;
        line-height:40px;
    }

    .design-card p{
        font-size:16px;
        line-height:30px;
    }
}

.develop-icon{
    width:70px;
    height:70px;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 20px;

    font-size:30px;

    background:linear-gradient(135deg,#ff6b35,#ff9f1c);
    color:#fff;

    box-shadow:0 10px 25px rgba(255,107,53,0.30);

    transition:0.4s;
}

.develop-card:hover .develop-icon{
    transform:translateY(-6px) scale(1.08);
    box-shadow:0 15px 30px rgba(24,56,131,0.25);
}

.approach-box{
    display:flex;
    align-items:center;
    gap:15px;

    padding:22px 22px;
    margin-bottom:10px;

    background:#fff;
    border-radius:18px;

    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);

    transition:0.4s;
}


.approach-box:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(24,56,131,0.12);
}

.approach-icon{
    width:50px;
    height:50px;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;
    color:#fff;

    flex-shrink:0;
}

/* Different Colors */

.approach-box:nth-child(1) .approach-icon{
    background:linear-gradient(135deg,#ff6b6b,#ff8e8e);
}

.approach-box:nth-child(2) .approach-icon{
    background:linear-gradient(135deg,#4facfe,#00f2fe);
}

.approach-box:nth-child(3) .approach-icon{
    background:linear-gradient(135deg,#43cea2,#185a9d);
}

.approach-box:nth-child(4) .approach-icon{
    background:linear-gradient(135deg,#f7971e,#ffd200);
}

.approach-box:nth-child(5) .approach-icon{
    background:linear-gradient(135deg,#8e2de2,#ff6a00);
}

.approach-box:nth-child(6) .approach-icon{
    background:linear-gradient(135deg,#ff416c,#ff4b2b);
}

.approach-box h4{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#183883;
}

/* ================================
   MEET OUR TEAM SECTION
   (also in about-us.php inline style)
================================ */

.pepmind-team-section {
   width: 100%;
   padding: 90px 0 80px;
   background: #f5f0f8;
   overflow: hidden;
}

.pepmind-team-heading {
   text-align: center;
   margin-bottom: 60px;
}

.pepmind-team-tag {
   display: inline-block;
   padding: 7px 18px;
   background: rgba(229,65,122,0.10);
   color: #e5417a;
   font-size: 12px;
   font-weight: 700;
   border-radius: 30px;
   letter-spacing: 1.5px;
   margin-bottom: 14px;
}

.pepmind-team-heading h2 {
   font-size: 38px;
   font-weight: 800;
   color: #0d1b4c;
   margin-bottom: 12px;
   line-height: 1.2;
}

.pepmind-team-heading p {
   font-size: 16px;
   color: #777;
   max-width: 520px;
   margin: 0 auto;
   line-height: 1.7;
}

.pepmind-team-grid {
   display: flex;
   grid-template-columns:repeat(4, 170px);
   flex-wrap: wrap;
   justify-content: center;
   gap: 40px 28px;
}

.pepmind-team-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   width: 240px !important;
   /*min-height: 320px;*/
   flex-shrink: 0;
}

.pepmind-team-img-wrap {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   overflow: hidden;
   border: 4px solid #fff;
   box-shadow: 0 8px 30px rgba(112,79,230,0.15);
   margin-bottom: 18px;
   background: #e9e4f8;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.pepmind-team-img-wrap:hover {
   box-shadow: 0 12px 40px rgba(112,79,230,0.28);
   transform: translateY(-4px);
}

.pepmind-team-img-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
   display: block;
}

.pepmind-team-card h4 {
   font-size: 17px;
   font-weight: 700;
   color: #0d1b4c;
   margin-bottom: 5px;
   line-height: 1.3;
}

.pepmind-team-card span {
   font-size: 13.5px;
   color: #e5417a;
   font-weight: 500;
   min-height: 48px;
   display: block;
   margin-bottom: 14px;
}

.pepmind-linkedin-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: #3d2b8e;
   color: #fff;
   font-size: 15px;
   text-decoration: none;
   transition: background 0.3s ease, transform 0.2s ease;
}

.pepmind-linkedin-btn:hover {
   background: #e5417a;
   transform: scale(1.12);
   color: #fff;
}

@media (max-width: 991px) {
   .pepmind-team-section { padding: 70px 0 60px; }
   .pepmind-team-heading h2 { font-size: 30px; }
   .pepmind-team-card { width: 125px !important; }
   .pepmind-team-img-wrap { width: 135px; height: 135px; }
}

@media (max-width: 767px) {
   .pepmind-team-section { padding: 55px 0 45px; }
   .pepmind-team-heading h2 { font-size: 26px; }
   .pepmind-team-heading p { font-size: 14px; padding: 0 10px; }
   .pepmind-team-grid { gap: 28px 18px; }
   .pepmind-team-card { width: calc(50% - 20px); max-width: 175px; }
   .pepmind-team-img-wrap { width: 125px; height: 125px; }
}

@media (max-width: 480px) {
   .pepmind-team-section { padding: 45px 0 36px; }
   .pepmind-team-heading { margin-bottom: 36px; }
   .pepmind-team-heading h2 { font-size: 23px; }
   .pepmind-team-grid { gap: 22px 14px; }
   .pepmind-team-card { width: calc(50% - 16px); max-width: 155px; }
   .pepmind-team-img-wrap { width: 115px; height: 115px; }
   .pepmind-team-card h4 { font-size: 13.5px; }
   .pepmind-team-card span { font-size: 12px; }
   .pepmind-linkedin-btn { width: 32px; height: 32px; font-size: 13px; }
}





/* =========================
   ABOUT IMAGE SECTION
========================= */

/* LEFT BIG IMAGE */

.ed-about-2-thumb-one img{

    width:280px !important;

    height:400px !important;

    object-fit:cover !important;

    object-position:center top !important;

    background:#fff !important;
      /* overflow: hidden; */
    margin:20px 10px 0px 0px; !important;

    border-radius:35px 0px 35px 0px !important;

    /* box-shadow:0 18px 40px rgba(0,0,0,0.12) !important; */
}

.ed-about-2-thumb-one{

    width:280px !important;


    overflow:hidden !important;

    border-radius:35px 0px 35px 0px !important;

    background:#fff !important;
    margin-top: -25px;
}
/* TOP SMALL BOX */

.inner-top-img{

    width:180px !important;

    height:180px !important;

    object-fit:cover !important;
   object-position:center !important;
    border-radius:25px 0px 25px 0px !important;

    background:#fff !important;

    padding:20px !important;

    /* box-shadow:0 10px 25px rgba(0,0,0,0.08) !important; */
}

/* RIZUL IMAGE */

.ed-about-2-thumb-two img:last-child{

    width:240px !important;

    height:300px !important;

    object-fit:cover !important;
      object-position:center top !important;

    border-radius:30px 0px 30px 0px !important;

    /* box-shadow:0 15px 35px rgba(0,0,0,0.12) !important; */
}

/* IMAGE GAP */

.ed-about-2-thumb-one{

    margin-right:18px !important;
}

.ed-about-2-thumb-two{

    margin-top:40px !important;
    border-radius:90px 0;
}

/* HOVER EFFECT */

.ed-about-2-thumb-one img,
.ed-about-2-thumb-two img{

    transition:.4s ease !important;
}

.ed-about-2-thumb-one img:hover,
.ed-about-2-thumb-two img:hover{

    transform:translateY(-8px) !important;
}

/* RESPONSIVE */

@media(max-width:768px){

    .ed-about-2-left-box{

        flex-direction:column !important;

        align-items:center !important;
    }

    .ed-about-2-thumb-one{

        margin-right:0 !important;

        margin-bottom:20px !important;
    }

    .ed-about-2-thumb-two{

        margin-top:0 !important;

        text-align:center !important;
    }

    .ed-about-2-thumb-one img{

        width:100% !important;

        height:auto !important;
    }

    .ed-about-2-thumb-two img:last-child{

        width:100% !important;

        height:auto !important;
    }
}
.it-funfact-item{
    border:none !important;
    box-shadow:none !important;
}

.it-funfact-icon{
    border:none !important;
}

.it-funfact-content h6{
    border:none !important;
}

/* ================================
   MEET OUR TEAM SECTION
================================ */

.pepmind-team-section {
   width: 100%;
   padding: 90px 0 80px;
   background: #f5f0f8;
   overflow: hidden;
}

.pepmind-team-heading {
   text-align: center;
   margin-bottom: 60px;
}

.pepmind-team-tag {
   display: inline-block;
   padding: 7px 18px;
   background: rgba(229,65,122,0.10);
   color: #e5417a;
   font-size: 12px;
   font-weight: 700;
   border-radius: 30px;
   letter-spacing: 1.5px;
   margin-bottom: 14px;
}

.pepmind-team-heading h2 {
   font-size: 38px;
   font-weight: 800;
   color: #0d1b4c;
   margin-bottom: 12px;
   line-height: 1.2;
}

.pepmind-team-heading p {
   font-size: 16px;
   color: #777;
   max-width: 520px;
   margin: 0 auto;
   line-height: 1.7;
}

.pepmind-team-grid {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 36px 28px;
}

.pepmind-team-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   width: 170px;
   flex-shrink: 0;
}

.pepmind-team-img-wrap {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   overflow: hidden;
   border: 4px solid #fff;
   box-shadow: 0 8px 30px rgba(112,79,230,0.15);
   margin-bottom: 18px;
   background: #e9e4f8;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.pepmind-team-img-wrap:hover {
   box-shadow: 0 12px 40px rgba(112,79,230,0.28);
   transform: translateY(-4px);
}

.pepmind-team-img-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
   display: block;
}

.pepmind-team-card h4 {
   font-size: 17px;
   font-weight: 700;
   color: #0d1b4c;
   margin-bottom: 5px;
   line-height: 1.3;
}

.pepmind-team-card span {
   font-size: 13.5px;
   color: #e5417a;
   font-weight: 500;
   display: block;
   margin-bottom: 14px;
}

.pepmind-linkedin-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: #3d2b8e;
   color: #fff;
   font-size: 15px;
   text-decoration: none;
   transition: background 0.3s ease, transform 0.2s ease;
}

.pepmind-linkedin-btn:hover {
   background: #e5417a;
   transform: scale(1.12);
   color: #fff;
}

/* ---- Team Responsive ---- */

@media (max-width: 991px) {
   .pepmind-team-section { padding: 70px 0 60px; }
   .pepmind-team-heading h2 { font-size: 30px; }
   .pepmind-team-card { width: 155px; }
   .pepmind-team-img-wrap { width: 135px; height: 135px; }
}

@media (max-width: 767px) {
   .pepmind-team-section { padding: 55px 0 45px; }
   .pepmind-team-heading h2 { font-size: 26px; }
   .pepmind-team-heading p { font-size: 14px; padding: 0 10px; }
   .pepmind-team-grid { gap: 28px 18px; }
   .pepmind-team-card { width: calc(50% - 20px); max-width: 175px; }
   .pepmind-team-img-wrap { width: 125px; height: 125px; }
}

@media (max-width: 480px) {
   .pepmind-team-section { padding: 45px 0 36px; }
   .pepmind-team-heading { margin-bottom: 36px; }
   .pepmind-team-heading h2 { font-size: 23px; }
   .pepmind-team-grid { gap: 22px 14px; }
   .pepmind-team-card { width: calc(50% - 16px); max-width: 155px; }
   .pepmind-team-img-wrap { width: 115px; height: 115px; }
   .pepmind-team-card h4 { font-size: 13.5px; }
   .pepmind-team-card span { font-size: 12px; }
   .pepmind-linkedin-btn { width: 32px; height: 32px; font-size: 13px; }
}

/* ================================
   GLOBAL RESPONSIVE FIXES
================================ */

/* --- Founder Section 991px --- */
@media (max-width: 991px) {
   .founder-image { min-width: unset; width: 100%; justify-content: center; }
   .main-founder-img { width: 100%; max-width: 400px; height: 400px; }
   .founder-content { min-width: unset; width: 100%; }
   .founder-content h2 { font-size: 36px; }
}

/* --- Who We Are section --- */
@media (max-width: 991px) {
   .who-we-are { padding: 70px 0; }
   .who-content { gap: 40px; }
   .who-left { min-width: unset; width: 100%; }
   .who-right { min-width: unset; width: 100%; }
}

@media (max-width: 767px) {
   .who-we-are { padding: 55px 0; }
   .who-left h2 { font-size: 28px; line-height: 38px; }
   .main-text { font-size: 15px; line-height: 27px; }
   .who-left p { font-size: 14px; line-height: 26px; }
   .who-features { grid-template-columns: 1fr; gap: 14px; }
   .main-img { width: 100%; height: 340px; }
   .small-img { display: none; }
}

@media (max-width: 480px) {
   .who-left h2 { font-size: 20px; line-height: 34px; }
   .experience-card{
        position: absolute;
        right: -17px;
        top: -34px;
        padding: 0;
    }
   .experience-card h3 { font-size: 25px; padding: 5px; }
}

/* --- Mind Training --- */
@media (max-width: 767px) {
   .mind-training { padding: 50px 0; }
   .mind-heading h2 { font-size: 26px; line-height: 36px; }
   .mind-heading p { font-size: 14px; line-height: 26px; }
   .mind-box { width: 100%; }
   .mind-box h4 { font-size: 18px; line-height: 28px; }
   .mind-quote { flex-direction: column; text-align: center; padding: 25px 18px; }
   .mind-quote p { font-size: 16px; line-height: 28px; }
}

/* --- Transform Learning --- */
@media (max-width: 767px) {
   .tl-heading h2 { font-size: 26px; line-height: 20px; }
   .tl-heading p { font-size: 14px; line-height: 26px; }
   .tl-card-wrapper { grid-template-columns: 1fr 1fr; gap: 16px; }
   .tl-card { padding: 25px 15px; border-radius: 20px 0; }
   .tl-card i { width: 60px; height: 60px; font-size: 22px; }
   .tl-card h4 { font-size: 18px; line-height: 28px; }
   .methodology-box { flex-direction: column; padding: 25px 16px; }
   .method-left, .method-right { width: 100%; }
   .method-right { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
   .tl-card-wrapper { grid-template-columns: 1fr; }
}

/* --- Achievement Section --- */
@media (max-width: 767px) {
   .achievement-section { padding: 50px 0; }
   .achievement-heading h2 { font-size: 26px; line-height: 36px; }
   .achievement-heading p { font-size: 14px; line-height: 26px; }
   .record-wrapper { grid-template-columns: 1fr 1fr; gap: 16px; }
   .record-box { padding: 28px 16px; }
   .record-icon { width: 70px; height: 70px; }
   .record-icon i { font-size: 28px; }
   .record-box h4 { font-size: 18px; line-height: 28px; }
   .achievement-highlight p { font-size: 15px; line-height: 28px; }
   .global-achievement-map { margin-top: 50px; }
}

@media (max-width: 480px) {
   .record-wrapper { grid-template-columns: 1fr; }
}

/* --- Future Vision --- */
@media (max-width: 767px) {
   .future-vision { padding: 50px 0; }
   .fv-heading h2 { font-size: 26px; line-height: 36px; }
   .fv-heading p { font-size: 14px; line-height: 26px; }
   .fv-wrapper { grid-template-columns: 1fr; gap: 25px; }
   .fv-content-box { padding: 30px 20px; }
   .fv-content-box h3 { font-size: 22px; line-height: 34px; }
   .fv-content-box p { font-size: 14px; line-height: 26px; }
   .vision-card { padding: 30px 20px; }
   .vision-card h4 { font-size: 22px; line-height: 34px; }
   .vision-card p { font-size: 14px; line-height: 26px; }
}

/* --- Develop Section --- */
@media (max-width: 767px) {
   .develop-section { padding: 50px 0; }
   .develop-heading h2 { font-size: 26px; line-height: 36px; }
   .develop-heading p { font-size: 14px; line-height: 26px; }
   .develop-wrapper { grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 40px; }
   .develop-card { padding: 28px 18px; }
   .develop-card h4 { font-size: 18px; line-height: 28px; }
   .develop-card p { font-size: 14px; line-height: 26px; }
}

@media (max-width: 480px) {
   .develop-wrapper { grid-template-columns: 1fr; }
}

/* --- Our Approach --- */
@media (max-width: 767px) {
   .our-approach { padding: 50px 0; }
   .approach-heading h2 { font-size: 26px; line-height: 36px; }
   .approach-heading p { font-size: 14px; line-height: 26px; }
   .approach-wrapper { grid-template-columns: 1fr; gap: 25px; margin-top: 40px; }
   .left-card { padding: 28px 18px; }
   .left-card h3 { font-size: 20px; line-height: 32px; }
   .left-card p { font-size: 14px; line-height: 26px; }
   .approach-right { grid-template-columns: 1fr; }
   .approach-box { padding: 16px 18px; margin-bottom: 0; }
   .approach-box h4 { font-size: 16px; }
   .vision-box { flex-direction: column; text-align: center; padding: 28px 18px; margin-top: 40px; }
   .vision-content p { font-size: 16px; line-height: 28px; }
}

/* --- Join PepMind --- */
@media (max-width: 767px) {
   .join-pepmind { padding: 50px 0; }
   .join-wrapper { grid-template-columns: 1fr; gap: 35px; }
   .join-content h2 { font-size: 28px; line-height: 40px; }
   .join-content p { font-size: 15px; line-height: 28px; }
   .join-btn { font-size: 16px; padding: 16px 28px; width: 100%; text-align: center; }
   .join-design { height: 340px; }
   .circle-big { width: 260px; height: 260px; }
   .design-card { width: 100%; max-width: 320px; padding: 30px 20px; }
   .design-card h3 { font-size: 22px; line-height: 34px; }
   .design-card p { font-size: 14px; line-height: 26px; }
}

/* --- Funfact Stats (inside achievement) --- */
@media (max-width: 767px) {
   .it-funfact-bg-wrap .row { flex-direction: column; }
   .it-funfact-bg-wrap .col-xl-4 { width: 100%; }
   .it-funfact-content h6 { font-size: 28px !important; }
   .it-funfact-content span { font-size: 15px !important; }
}

/* Container padding for mobile */
@media (max-width: 767px) {
   .container {
      padding-left: 16px !important;
      padding-right: 16px !important;
   }
}

@media (max-width: 480px) {
   .container {
      padding-left: 12px !important;
      padding-right: 12px !important;
   }
}   



.record-box{
    /*min-width:220px;
    background:#D3D3D3;
    padding:20px;
    border-radius:15px;
*/    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}

.record-img{
    max-width:100%;
    max-height:100px;
    object-fit:contain;
}
.achievement-heading h2 { font-size: 42px; line-height: 1.3; }
.tl-heading h2           { font-size: 42px; line-height: 1.3; }
.approach-heading h2     { font-size: 44px; line-height: 1.3; }
.fv-heading h2           { font-size: 44px; line-height: 1.3; }
.develop-heading h2      { font-size: 44px; line-height: 1.3; }

.vision-card h4          { font-size: 32px; line-height: 1.3; }
.left-card h3            { font-size: 28px; line-height: 1.4; }
.founder-content h2      { font-size: 44px; line-height: 1.2; }

/* paragraphs */
.fv-heading p            { font-size: 20px; line-height: 1.6; }
.develop-heading p       { font-size: 20px; line-height: 1.6; }
.vision-card p           { font-size: 20px; line-height: 1.6; }
.join-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:25px 0;
}

.join-highlights span{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    color:#000;
    font-size:15px;
    font-weight:600;
}

.join-highlights i{
    color:#ff6634 ;
    font-size:18px;
}

.design-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#E4581B,#ff7b39);
}

.design-icon i{
    font-size:40px;
    color:#fff;
}

.join-stats i{
    display:block;
    font-size:26px;
    color:#E4581B;
    margin-bottom:10px;
}
.acclaimed-section{
    text-align:center;
    padding:66px 20px 0 10px;

}

.acclaimed-section h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:40px;
}

.acclaimed-section h2 span{
    color:#ff6b1a;
}

.acclaimed-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:60px;
}

.acclaimed-logos img{
    max-width:250px;
    height:180px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.7;
    transition:.3s;
}

.acclaimed-logos img:hover{
    filter:grayscale(0);
    opacity:1;
}
.record-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
}

.record-box{
    background:transparent;
    border:none;
    box-shadow:none;
}



.record-img:hover{
    transform:scale(1.08);
}
.record-img{
    width:220px;
    height:150px;
    object-fit:contain;
    border-radius:20px;
    overflow:hidden;
}
.record-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:1.4;
    flex-wrap:wrap;
}



.record-box:hover{
    transform:translateY(-5px);
}

/* =========================
    OUR STORY SECTION
========================= */

.our-story-section{
    width:100%;
    padding:70px 0;
    background:#F3E8EC;
    overflow:hidden;
    position:relative;
}

.our-story-wrapper{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    flex-wrap:wrap;
}

/* ---------- LEFT : IMAGE ---------- */

.our-story-image{
    flex:1;
    min-width:320px;
    position:relative;
    display:flex;
    justify-content:center;
}

.our-story-shape{
    position:absolute;
    top:-40px;
    left:-40px;
    width:220px;
    height:220px;
    background:linear-gradient(135deg,rgba(255,102,52,0.14),rgba(255,102,52,0.02));
    border-radius:50%;
    z-index:0;
}

.our-story-img-wrap{
    width:420px;
    height:500px;
    position:relative;
    border-radius:40px 0px 40px 0px;
    overflow:hidden;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    z-index:2;
}

.our-story-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:.5s ease;
}

.our-story-img-wrap:hover img{
    transform:scale(1.06);
}

.our-story-badge{
    position:absolute;
    bottom:-20px;
    right:-20px;
    background:linear-gradient(135deg,#ff6634,#ff8b63);
    padding:20px 28px;
    border-radius:24px 0px 24px 0px;
    text-align:center;
    box-shadow: 0 15px 35px rgba(255,102,52,0.35);
    z-index:3;
}

.our-story-badge h3{
    font-size:40px;
    color:#fff;
    font-weight:700;
    margin-bottom:4px;
    line-height:1;
}

.our-story-badge p{
    font-size:13px;
    color:#fff;
    line-height:1.4;
    margin:0;
    font-weight:500;
}

.our-story-dot{
    position:absolute;
    top:30px;
    right:-18px;
    width:56px;
    height:56px;
    background:#081c54;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
}

.our-story-dot i{
    color:#ff6634;
    font-size:22px;
}

/* ---------- RIGHT : CONTENT ---------- */

.our-story-content{
    flex:1;
    min-width:320px;
}

.our-story-content h2{
    font-size:42px;
    line-height:1.25;
    color:#081c54;
    font-weight:700;
    margin-bottom:22px;
}

.our-story-content h2 span{
    color:#ff6634;
}

.our-story-content p{
    font-size:17px;
    line-height:1.85;
    color:#160505;
    margin-bottom:18px;
}

.our-story-content p strong{
    color:#081c54;
}

/* ---------- FULL WIDTH CONTINUATION ---------- */

.our-story-more{
    width:100%;
    max-width:1150px;
    margin:60px auto 0;
    position:relative;
}

.our-story-more-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px 50px;
    margin-bottom:40px;
}

.our-story-more-grid p{
    font-size:16.5px;
    line-height:1.85;
    color:#160505;
    margin:-8px;
}

.our-story-more-grid p strong{
    color:#ff6634;
}

/* CLOSING QUOTE STRIP */

.our-story-closing{
    width:100%;
    background:linear-gradient(135deg,#081c54,#183883);
    border-radius:30px 0px 30px 0px;
    padding:40px 50px;
    display:flex;
    align-items:center;
    gap:25px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.09);
    position:relative;
    overflow:hidden;
}

.our-story-closing::before{
    content:'';
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    top:-100px;
    right:-80px;
}

.our-story-closing-icon{
    width:64px;
    height:64px;
    flex-shrink:0;
    background:rgba(255,255,255,0.1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.our-story-closing-icon i{
    color:#ff6634;
    font-size:26px;
}

.our-story-closing p{
    flex:1;
    font-size:20px;
    line-height:1.6;
    color:#fff;
    font-weight:500;
    margin:0;
    z-index:2;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:991px){

    .our-story-section{
        padding:70px 0;
    }

    .our-story-wrapper{
        flex-direction:column;
        gap:50px;
    }

    .our-story-image{
        order:1;
    }

    .our-story-content{
        order:2;
    }

    .our-story-content h2{
        font-size:34px;
    }

    .our-story-more-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .our-story-closing{
        padding:32px 30px;
    }

    .our-story-closing p{
        font-size:18px;
    }
}

@media(max-width:767px){

    .our-story-img-wrap{
        width:100%;
        max-width:400px;
        height:380px;
    }

    .our-story-shape{
        width:150px;
        height:150px;
        top:-25px;
        left:-25px;
    }

    .our-story-content h2{
        font-size:26px;
        line-height:36px;
    }

    .our-story-content p,
    .our-story-more-grid p{
        font-size:15px;
        line-height:26px;
    }

    .our-story-badge{
        padding:14px 20px;
        bottom:-15px;
        right:-10px;
    }

    .our-story-badge h3{
        font-size:28px;
    }

    .our-story-badge p{
        font-size:11px;
    }

    .our-story-dot{
        width:44px;
        height:44px;
        top:15px;
        right:-12px;
    }

    .our-story-dot i{
        font-size:17px;
    }

    .our-story-closing{
        flex-direction:column;
        text-align:center;
        padding:28px 20px;
    }

    .our-story-closing p{
        font-size:16px;
    }
}

@media(max-width:480px){

    .our-story-img-wrap{
        height:300px;
    }

    .our-story-content h2{
        font-size:22px;
        line-height:32px;
    }

    .our-story-badge h3{
        font-size:22px;
    }
}