@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins', sans-serif;
}

/* Navbar */

.navbar{
    background:#fff;
    border-bottom:1px solid #ddd;
    padding:18px 0;
    display:flex;
    align-items:center;
}

.logo{
    display:flex;
    align-items:center;
    height:100%;
}

.logo img{
    height: 65px;
    width:auto;
    display:block;
    position:relative;
    top:2px;
}
.container{
    width:90%;
    max-width:1250px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo img{
    height:50px;
    width:auto;
}

.nav-links{
    list-style:none;
    display:flex;
    align-items:center;
    gap:35px;
}

.nav-links a{
    text-decoration:none;
    color:#333;
    font-size:17px;
    font-weight:500;
    transition:0.3s;
}

.nav-links a:hover{
    color:#1565c0;
}

.contact-btn{
    background:#2db84d;
    color:#fff !important;
    padding:12px 20px;
    border-radius:5px;
    font-weight:600;
}

/* Hero */

.hero{
background: linear-gradient(
    135deg,
    #1a237e 0%,
    #1565c0 60%,
    #0288d1 100%
);
    color:white;
    padding:85px 20px;
    border-bottom-left-radius:55px;
    border-bottom-right-radius:55px;
}
.hero-content{
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.hero h1{
    font-size:56px;
    font-weight:800;
    line-height:1.25;
    max-width:1100px;
    margin:0 auto 25px;
}

.hero p{
    font-size:18px;
    line-height:1.8;
    max-width:900px;
    margin:0 auto 30px;
}

.hero-tags{
    margin-top:35px;

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
}

.hero-tags span{
    background:rgba(255,255,255,0.15);
    padding:12px 20px;
    border-radius:30px;
}

.hero-buttons{
    margin-top:40px;

    display:flex;
    justify-content:center;
    gap:20px;
}

.hero-icon{
    font-size:24px;
    margin-right:12px;
    vertical-align:middle;
    text-decoration:none !important;
    border:none !important;
}
.proposal-btn{
    background:#28a745 !important;
    color:white;
    text-decoration:none;
    padding:15px 30px;
    border-radius:6px;
    font-weight:bold;
     display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:0.3s ease;
}


.proposal-btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}


.proposal-btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}

.proposal-btn:hover .hero-icon{
    text-decoration:none !important;
}

.proposal-btn:hover .btn-text{
    text-decoration:underline;
}

.whatsapp-btn{
    background:white;
    color:hsl(222, 67%, 32%);
    text-decoration:none;
    padding:15px 30px;
    border-radius:6px;
    font-weight:bold;
     display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:0.3s ease;
}


.whatsapp-btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}

.btn-text{
    text-decoration:none;
}


.proposal-btn:hover .btn-text,
.whatsapp-btn:hover .btn-text{
    text-decoration:underline;
}
/* Responsive */

@media(max-width:768px){

    .container{
        flex-direction:column;
        gap:20px;
    }

    .nav-links{
        flex-wrap:wrap;
        justify-content:center;
    }

    .hero h1{
        font-size:34px;
    }

    .hero p{
        font-size:17px;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:center;
    }
}

/* ==========================
   WHO WE ARE SECTION
========================== */

.who-we-are{
    padding:75px 0;
    background:#ffffff;
}

.who-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.who-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:42px;
}

.who-title i{
    margin-right:10px;
    font-size:28px;
}

.who-subtitle{
    font-size:24px;
    font-weight:700;
    color:#173f7a;
    margin-bottom:18px;
}

.who-text{
    font-size:16px;
    line-height:1.9;
    color:#333;
    margin-bottom:30px;
}

.strength-title{
    color:#1473ff;
    font-size:18px;
    font-weight:700;
    margin-bottom:22px;
}

/* ==========================
   TOP ROW - 3 BOXES
========================== */

.strength-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-bottom:16px;
}

/* ==========================
   BOTTOM ROW - 2 BOXES
========================== */

.strength-grid-bottom{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

/* ==========================
   COMMON BOX STYLE
========================== */

.strength-box{
    background:#f5f5f5;
    border-left:4px solid #1473ff;
    padding:16px 18px;
    min-height:60px;

    display:flex;
    align-items:center;
    gap:10px;

    font-size:14px;
    font-weight:500;
    color:#222;

    border-radius:4px;
    transition:0.3s ease;
}

.strength-box:hover{
    transform:translateY(-2px);
}

.strength-box i{
    color:#1473ff;
    font-size:16px;
    flex-shrink:0;
}

/* ==========================
   BOTTOM 2 BOXES
========================== */

.strength-grid-bottom .strength-box{
    min-height:62px;
    font-size:14px;
    padding:16px 18px;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:992px){

    .who-container{
        width:90%;
    }

    .strength-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .strength-grid-bottom{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .who-we-are{
        padding:55px 0;
    }

    .who-title{
        font-size:28px;
    }

    .who-subtitle{
        font-size:20px;
    }

    .who-text{
        font-size:15px;
    }

    .strength-title{
        font-size:17px;
    }

    .strength-grid{
        grid-template-columns:1fr;
    }

    .strength-box,
    .strength-grid-bottom .strength-box{
        min-height:auto;
        padding:18px;
        font-size:14px;
    }

}


/* ==========================
   OUR CORE SCOPE OF WORK
========================== */

.scope-section{
    padding:70px 0;
    background:#fff;
}

.scope-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.scope-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:40px;
}

.scope-title i{
    margin-right:10px;
    font-size:28px;
}

.scope-block h3{
    font-size:24px;
    font-weight:700;
    color:#173f7a;
    margin-bottom:20px;
}

.scope-text{
    font-size:16px;
    color:#333;
    margin-bottom:18px;
    line-height:1.8;
}

.scope-list{
    list-style:none;
    padding:0;
    margin:0;
}

.scope-list li{
    margin-bottom:16px;
    font-size:15px;
    color:#333;
}

.scope-list i{
    color:#1473ff;
    margin-right:10px;
}

/* Quality Box */

.quality-box{
    background:#f7f7f7;
    border:1px solid #ddd;
    padding:18px;
    margin-top:20px;
}

.quality-box p{
    margin-bottom:18px;
    color:#333;
    font-size:15px;
}

.quality-items{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
}

.quality-items span{
    font-size:15px;
    color:#173f7a;
}

.quality-items i{
    color:#12a7c9;
    margin-right:6px;
}

/* Divider */

.scope-divider{
    border:none;
    border-top:1px solid #ddd;
    margin:35px 0;
}

/* Proofreading */

.proof-title{
    color:#1473ff;
    font-size:18px;
    font-weight:700;
    margin-top:25px;
    margin-bottom:15px;
}

.proof-list{
    list-style:none;
    padding:0;
    margin:0;
}

.proof-list li{
    margin-bottom:14px;
    font-size:15px;
    color:#333;
}

.proof-list i{
    color:#1473ff;
    width:20px;
    margin-right:10px;
}

/* Suitable Box */

.suitable-box{
    margin-top:20px;
    background:#f8f3df;
    border-left:4px solid #f0b400;
    padding:14px 16px;
    font-size:15px;
    color:#444;
    font-style:italic;
    line-height:1.8;
}

/* Responsive */

@media(max-width:768px){

    .scope-title{
        font-size:28px;
    }

    .scope-block h3{
        font-size:21px;
    }

    .quality-items{
        flex-direction:column;
        gap:10px;
    }

}

/* ==========================
   WHY CHOOSE R&D4EVER
========================== */

.why-section{
    padding:75px 0;
    background:#edf5fc;
}

.why-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.why-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:35px;
}

.why-title i{
    margin-right:10px;
    font-size:28px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px 28px;
}

.why-box{
    background:#fff;
    border-radius:8px;
    padding:18px 18px;

    display:flex;
    align-items:center;
    gap:12px;

    font-size:15px;
    color:#173f7a;
    font-weight:500;

    box-shadow:0 1px 2px rgba(0,0,0,0.05);

    transition:all 0.3s ease;
    cursor:pointer;
}

.why-box:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}
.why-box i{
    color:#1473ff;
    font-size:16px;
    min-width:18px;
}

@media(max-width:768px){

    .why-title{
        font-size:28px;
    }

    .why-grid{
        grid-template-columns:1fr;
    }

}

/* ==========================
   TOOLS & TECHNOLOGIES
========================== */

.tools-section{
    padding:70px 0;
    background:#ffffff;
}

.tools-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.tools-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:35px;
}

.tools-title i{
    margin-right:10px;
    font-size:28px;
}

.tools-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}

.tool-badge{
    background:#1473ff;
    color:#fff;

    padding:10px 16px;
    border-radius:4px;

    font-size:14px;
    font-weight:500;

    display:inline-block;

    transition:background 0.3s ease;
    cursor:pointer;
}

.tool-badge:hover{
    background:#173f7a;
}
.tool-center{
    margin-top:0;
}

@media(max-width:768px){

    .tools-title{
        font-size:28px;
    }

    .tools-grid{
        justify-content:flex-start;
    }

}

/* ==========================
   WHO WE SERVE
========================== */

.serve-section{
    padding:75px 0;
    background:#edf5fc;
}

.serve-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.serve-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:35px;
}

.serve-title i{
    margin-right:10px;
    font-size:28px;
}

.serve-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.serve-card{
    background:#fff;
    border-radius:8px;

    padding:28px 15px;

    text-align:center;

    box-shadow:0 1px 3px rgba(0,0,0,0.05);

    transition:all 0.3s ease;
    cursor:pointer;
}

.serve-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 30px rgba(0,0,0,0.15);
}
.serve-card i{
    font-size:38px;
    color:#1473ff;
    margin-bottom:18px;
}

.serve-card h4{
    color:#173f7a;
    font-size:15px;
    font-weight:700;
    line-height:1.6;
    margin:0;
}

@media(max-width:992px){

    .serve-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .serve-title{
        font-size:28px;
    }

    .serve-grid{
        grid-template-columns:1fr;
    }

}


/* ==========================
   RESEARCH ETHICS
========================== */

.ethics-section{
    padding:75px 0;
    background:#ffffff;
}

.ethics-container{
    width:82%;
    max-width:1150px;
    margin:auto;
}

.ethics-title{
    font-size:32px;
    font-weight:800;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #2d7df6;
    padding-bottom:8px;
    margin-bottom:40px;
}

.ethics-title i{
    margin-right:10px;
    font-size:28px;
}

.ethics-list{
    margin-top:10px;
}

.ethics-item{
    display:flex;
    align-items:center;
    gap:14px;

    padding:18px 0;

    border-bottom:1px dashed #d9d9d9;

    font-size:16px;
    color:#333;
}

.ethics-item:last-child{
    border-bottom:none;
}

.ethics-item i{
    font-size:18px;
    min-width:18px;
}

/* Icon Colors */

.ethics-red{
    color:#ef4444;
}

.ethics-green{
    color:#22c55e;
}

.ethics-blue{
    color:#1473ff;
}

.ethics-cyan{
    color:#12a7c9;
}


/* Responsive */

@media(max-width:768px){

    .ethics-title{
        font-size:28px;
    }

    .ethics-item{
        font-size:15px;
        align-items:flex-start;
    }

}


/* ==========================
   GET STARTED WITH YOUR PROJECT
========================== */

.project-section{
    background:#1f4588;
    padding:80px 0;
}

.project-container{
    width:82%;
    max-width:1150px;
    margin:auto;
    text-align:center;
}

.project-title{
    font-size:32px;
    font-weight:800;
    color:#ffffff;
    display:inline-block;
    border-bottom:3px solid rgba(255,255,255,0.7);
    padding-bottom:10px;
    margin-bottom:28px;
}

.project-title i{
    margin-right:10px;
}

.project-subtitle{
    color:#ffffff;
    font-size:17px;
    margin-bottom:35px;
}

.project-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-bottom:45px;
}

.project-card{
    background:rgba(255,255,255,0.12);
    padding:25px;
    border-radius:10px;

    color:#ffffff;
    min-height:140px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.card-icon{
    color:#29c34a;
    font-size:26px;
    margin-bottom:15px;
}

.whatsapp-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-bottom:20px;
}

.whatsapp-icon-inline{
    color:#25D366;
    font-size:22px;
    margin-right:8px;
}

.card-heading{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    line-height:1.7;

    margin-bottom:10px;

    text-align:center;
}

.project-card p{
    font-size:16px;
    line-height:1.8;
}

.mail-link{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    color:#ffffff;
    text-decoration:none;
}

.mail-text{
    text-decoration:underline;
}

.mail-link i{
    color:#29c34a;
    text-decoration: none;
}

.mail-link:hover{
    color:#7dd3fc;
}

.whatsapp-small-btn{
    display:inline-block;

    background:#25D366;
    color:#ffffff;

    text-decoration:none;

    padding:10px 20px;

    border-radius:5px;

    font-size:14px;
    font-weight:600;


    margin-top:0px;
}

.whatsapp-small-btn:hover{
    background:#1ebc59;
}

.project-buttons{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}


.proposal-btn,
.contact-btn-project{
    transition:0.3s ease;
}

.proposal-btn:hover,
.contact-btn-project:hover{
    transform:translateY(-2px);
    text-decoration: underline;
}

.contact-btn-project{
    background:#ffffff;
    color:#1473ff;

    text-decoration:none;

    padding:16px 32px;
    border-radius:6px;

    font-weight:700;
}

.contact-btn-project i{
    margin-right:8px;
}

@media(max-width:768px){

    .project-cards{
        grid-template-columns:1fr;
    }

    .project-title{
        font-size:28px;
    }

    .card-heading{
        font-size:15px;
    }

    .mail-link{
        font-size:16px;
    }

}

/* ==========================
   FOOTER
========================== */

.footer{
    background:#333333;
    padding:55px 0;
    text-align:center;
}
.footer-container{
    width:70%;
    max-width:800px;
    margin:auto;
}

.footer h2{
    color:#ffffff;
    font-size:26px;
    font-weight:800;
    margin-bottom:14px;
}

.footer p{
    color:#d6d6d6;
    font-size:14px;
    line-height:1.8;
}

.footer h3{
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    margin-top:28px;
    margin-bottom:12px;
}

.footer-tagline{
    color:#a9a9a9;
    font-size:14px;
    margin-bottom:6px;
}
.copyright{
    margin-top:25px;
    color:#9e9e9e;
    font-size:14px;
}



/* =====================================
   WHO WE ARE PAGE
===================================== */

/* Banner Section */

.who-banner{
    background:#dfeaf4;
    padding:55px 0;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
}

.who-banner-container{
    width:82%;
    max-width:1100px;
    margin:auto;
}

.who-banner-title{
    color:#173f7a;
    font-size:34px;
    font-weight:800;
    margin:0;
}

.who-banner-title i{
    color:#1473ff;
    margin-right:12px;
}

/* =====================================
   OUR MISSION
===================================== */

.mission-section{
    background:#ffffff;
    padding-top:90px;
    padding-bottom:80px;
}

.mission-container{
    width:70%;
    max-width:1050px;
    margin:auto;
}

.mission-title{
    font-size:34px;
    font-weight:800;
    color:#173f7a;

    display:inline-block;

    border-bottom:3px solid #1473ff;

    padding-bottom:10px;
    margin-bottom:25px;
}

.mission-text{
    font-size:16px;
    line-height:1.9;
    color:#333333;
}

/* =====================================
   RESPONSIVE
===================================== */

@media(max-width:768px){

    .who-banner-title{
        font-size:28px;
        line-height:1.4;
    }

    .mission-container{
        width:90%;
    }

    .mission-title{
        font-size:28px;
    }

    .mission-text{
        font-size:15px;
        line-height:1.8;
    }

}


/* =====================================
   FOUNDER SECTION
===================================== */

.founder-section{
    background:#dfeaf4;
    padding:70px 0;
}

.founder-container{
    width:78%;
    max-width:1200px;
    margin:auto;
}

.founder-heading{
    color:#173f7a;
    font-size:28px;
    font-weight:800;
    display:inline-block;
    border-bottom:3px solid #1473ff;
    padding-bottom:10px;
    margin-bottom:35px;
}

.founder-heading i{
    margin-right:10px;
    color:#173f7a;
}

.founder-card{
    background:#ffffff;
    border-radius:8px;
    padding:35px;
    display:flex;
    gap:45px;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.founder-image{
    flex-shrink:0;
}

.founder-image img{
    width:180px;
    height:180px;
    object-fit:cover;
    border-radius:50%;
    border:5px solid #1473ff;
}

.founder-content{
    flex:1;
}

.founder-name{
    color:#1473ff;
    font-size:24px;
    font-weight:800;
    margin-bottom:18px;
    line-height:1.3;
}

.founder-intro{
    color:#333;
    font-size:15px;
    line-height:1.8;
    margin-bottom:20px;
}

.credential-heading{
    color:#1473ff;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}

.credential-row{
    display:flex;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid #ececec;
}

.credential-label{
    width:170px;
    min-width:170px;
    color:#173f7a;
    font-size:14px;
    font-weight:700;
}

.credential-value{
    flex:1;
    color:#333;
    font-size:14px;
    line-height:1.7;
}



/* =====================================
   CORE PHILOSOPHY
===================================== */

.philosophy-section{
    background:#ffffff;
    padding:70px 0;
}

.philosophy-container{
    width:78%;
    max-width:1200px;
    margin:auto;
}

.philosophy-heading{
    color:#173f7a;
    font-size:28px;
    font-weight:800;
    display:inline-block;
    border-bottom:3px solid #1473ff;
    padding-bottom:10px;
    margin-bottom:20px;
}

.philosophy-heading i{
    margin-right:10px;
}

.philosophy-intro{
    color:#333;
    font-size:15px;
    margin-bottom:25px;
}

.philosophy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-bottom:18px;
}

.philosophy-card{
    background:#f3f3f3;
    padding:16px;
    border-left:4px solid #1473ff;
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.philosophy-card i{
    color:#1473ff;
    margin-top:4px;
}

.philosophy-card p{
    margin:0;
    line-height:1.7;
    font-size:14px;
    color:#333;
}

.philosophy-full{
    width:100%;
}


/* =====================================
   CONFIDENTIALITY SECTION
===================================== */

.confidentiality-section{
    background:#ffffff;
    padding:70px 0;
}

.confidentiality-container{
    width:78%;
    max-width:1200px;
    margin:auto;
}

.confidentiality-heading{
    color:#173f7a;
    font-size:28px;
    font-weight:800;
    display:inline-block;
    border-bottom:3px solid #1473ff;
    padding-bottom:10px;
    margin-bottom:35px;
}

.confidentiality-heading i{
    margin-right:10px;
}

.confidentiality-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:14px 0;
    border-bottom:1px dashed #d9d9d9;
}

.confidentiality-item i{
    color:#1473ff;
    width:20px;
}

.confidentiality-item span{
    color:#333;
    font-size:15px;
    line-height:1.7;
}


/* =====================================
   WHO WE ARE CTA
===================================== */

.who-cta-section{
    background:#1f4587;
    padding:70px 20px;
    text-align:center;
}

.who-cta-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.who-cta-title{
    color:#ffffff;
    font-size:42px;
    font-weight:800;
    margin-bottom:15px;
    display:inline-block;
    border-bottom:3px solid rgba(255,255,255,0.8);
    padding-bottom:10px;
}

.who-cta-text{
    color:#ffffff;
    font-size:18px;
    margin-top:15px;
    margin-bottom:35px;
}

.who-cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.who-proposal-btn{
    background:#2eb84a;
    color:#ffffff;
    text-decoration:none;
    padding:15px 30px;
    border-radius:4px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:0.3s;
}

.who-proposal-btn:hover{
    transform:translateY(-2px);
    text-decoration: underline;
}

.who-inquiry-btn{
    background:#ffffff;
    color:#1473ff;
    text-decoration:none;
    padding:15px 30px;
    border-radius:4px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:0.3s;
}

.who-inquiry-btn:hover{
    transform:translateY(-2px);
    text-decoration: underline;
}

/* ===================================
   ETHICS PAGE
=================================== */

.ethics-banner{
    background:#dfeaf5;
    padding:40px 20px;
    border-bottom:1px solid #d9d9d9;
}

.ethics-banner-container{
    max-width:1000px;
    margin:0 auto;
}

.ethics-banner-title{
    font-size:28px;
    font-weight:700;
    color:#173f7a;
    margin:0;
}

.ethics-banner-title i{
    color:#1674ff;
    margin-right:12px;
}


/* FUNDAMENTAL PRINCIPLES */

.ethics-principles{
    padding:60px 20px;
    background:#fff;
}

.ethics-container{
    max-width:1000px;
    margin:0 auto;
}

.ethics-heading{
    font-size:24px;
    font-weight:700;
    color:#173f7a;
    display:inline-block;
    border-bottom:2px solid #1674ff;
    padding-bottom:8px;
    margin-bottom:25px;
}

.ethics-intro{
    font-size:15px;
    line-height:1.8;
    color:#333;
    margin-bottom:30px;
}

.principles-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.principle-card{
    background:#f7f7f7;
    border-left:4px solid #28a745;
    border-radius:6px;
    padding:22px;
    min-height:220px;
}

.principle-card h3{
    font-size:16px;
    font-weight:700;
    color:#173f7a;
    margin-bottom:15px;
    line-height:1.5;
}

.principle-card h3 i{
    color:#1674ff;
    margin-right:8px;
}

.principle-card p{
    font-size:15px;
    line-height:1.8;
    color:#333;
}


/* WHAT WE DO NOT SUPPORT */

.ethics-warning-section{
    background:#dfeaf5;
    padding:60px 20px;
}

.warning-heading{
    font-size:24px;
    font-weight:700;
    color:#173f7a;
    display:inline-block;
    border-bottom:2px solid #1674ff;
    padding-bottom:8px;
    margin-bottom:25px;
}

.warning-heading i{
    margin-right:10px;
}

.warning-intro{
    font-size:15px;
    color:#333;
    margin-bottom:25px;
}

.warning-box{
    background:#f8d7da;
    color:#842029;
    padding:14px 16px;
    border-radius:4px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.8;
}

.warning-box i{
    margin-right:10px;
}


/* ACADEMIC STANDARDS */

.academic-section{
    padding:60px 20px;
    background:#fff;
}

.academic-heading{
    font-size:24px;
    font-weight:700;
    color:#173f7a;
    display:inline-block;
    border-bottom:2px solid #1674ff;
    padding-bottom:8px;
    margin-bottom:25px;
}

.academic-intro{
    font-size:15px;
    color:#333;
    margin-bottom:25px;
}

.academic-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.academic-btn{
    border:1px solid #1674ff;
    color:#1674ff;
    text-decoration:none;
    padding:10px 16px;
    border-radius:4px;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.academic-btn:hover{
    background:#1674ff;
    color:#fff;
}

.academic-btn i{
    margin-right:6px;
}


/* TABLET */

@media(max-width:991px){

    .principles-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/* MOBILE */

@media(max-width:767px){

    .ethics-banner-title{
        font-size:24px;
    }

    .ethics-heading,
    .warning-heading,
    .academic-heading{
        font-size:22px;
    }

    .principles-grid{
        grid-template-columns:1fr;
    }

    .academic-buttons{
        flex-direction:column;
    }

    .academic-btn{
        text-align:center;
    }

}


/* ==========================
   REQUEST PROPOSAL PAGE
========================== */

.proposal-banner{
    background:#dbe7f3;
    border-bottom:1px solid #d6d6d6;
    padding:18px 0;
}

.proposal-banner-container{
    max-width:850px;
    margin:0 auto;
}

.proposal-banner h1{
    color:#173f7a;
    font-size:22px;
    font-weight:700;
}

.proposal-banner i{
    color:#1674ff;
    margin-right:8px;
}

.proposal-form-section{
    background:#f7f7f7;
    padding:60px 20px;
}

.proposal-form-container{
    max-width:560px;
    margin:0 auto;
}

.proposal-card{
    background:#fff;
    border-radius:8px;
    padding:22px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.proposal-title{
    font-size:20px;
    color:#173f7a;
    font-weight:700;
    margin-bottom:12px;
    padding-bottom:10px;
    border-bottom:3px solid #1674ff;
    display:inline-block;
}

.proposal-title i{
    margin-right:8px;
}

.proposal-intro{
    font-size:14px;
    line-height:1.7;
    color:#333;
    margin-bottom:20px;
}

.form-group{
    margin-bottom:16px;
}

.form-group label{
    display:block;
    margin-bottom:6px;
    font-size:14px;
    color:#222;
}

.form-group input,
.form-group select{
    width:100%;
    height:34px;
    border:1px solid #cfcfcf;
    border-radius:3px;
    padding:0 10px;
    font-size:13px;
}

.form-group textarea{
    width:100%;
    border:1px solid #cfcfcf;
    border-radius:3px;
    padding:10px;
    font-size:13px;
    resize:none;
}

.field-note{
    display:block;
    margin-top:8px;
    font-size:11px;
    color:#777;
}

.proposal-btn{
    background:#1674ff;
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:4px;
    font-size:14px;
    cursor:pointer;
    font-weight:500;
}

.proposal-btn i{
    margin-right:6px;
}

.proposal-btn:hover{
    background:#0d5ed7;
}


/* ==========================
   CONTACT US PAGE
========================== */

.contact-section{
    background:#f6f6f6;
    padding:60px 20px;
    min-height:80vh;
}

.contact-wrapper{
    max-width:560px;
    margin:0 auto;
}

.contact-card{
    background:#fff;
    padding:25px;
    border-radius:8px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
}

.contact-heading{
    font-size:20px;
    font-weight:700;
    color:#173f7a;
    display:inline-block;
    border-bottom:3px solid #1674ff;
    padding-bottom:10px;
    margin-bottom:18px;
}

.contact-heading i{
    color:#173f7a;
    margin-right:8px;
}

.contact-text{
    font-size:14px;
    line-height:1.8;
    color:#333;
    margin-bottom:15px;
}

.contact-subheading{
    color:#1674ff;
    font-size:14px;
    font-weight:600;
    margin-bottom:12px;
}

.contact-details{
    margin-bottom:20px;
}

.contact-details p{
    font-size:14px;
    color:#333;
    margin-bottom:12px;
}

.contact-details i{
    width:20px;
    color:#333;
}

.contact-group{
    margin-bottom:15px;
}

.contact-group label{
    display:block;
    font-size:14px;
    color:#222;
    margin-bottom:6px;
}

.contact-group input{
    width:100%;
    height:42px;
    border:1px solid #d0d0d0;
    border-radius:3px;
    padding:0 12px;
    font-size:13px;
}

.contact-group textarea{
    width:100%;
    height:95px;
    border:1px solid #d0d0d0;
    border-radius:3px;
    padding:12px;
    resize:none;
    font-size:13px;
}

.contact-btn{
    background:#1674ff;
    color:#fff;
    border:none;
    border-radius:4px;
    padding:11px 18px;
    font-size:14px;
    cursor:pointer;
    font-weight:500;
}

.contact-btn i{
    margin-right:6px;
}

.contact-btn:hover{
    background:#0d5ed7;
}

.contact-success {
    background: #e8f8ef;
    color: #1f7a3f;
    border: 1px solid #b7e4c7;
    padding: 12px 15px;
    border-radius: 8px;
    margin: 15px 0;
    font-weight: 500;
}

.contact-error {
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
    padding: 12px 15px;
    border-radius: 8px;
    margin: 15px 0;
    font-weight: 500;
}

.contact-group label span {
    color: #b42318;
}




/* =========================================================
   WHO WE ARE PAGE - RESPONSIVE FIX
   Founder Expertise + Core Philosophy Sections
   Paste this at the END of style.css
   ========================================================= */


/* ---------- Tablet and below ---------- */
@media (max-width: 992px) {

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* General container safety for Who We Are page */
    .who-section,
    .who-container,
    .who-wrapper,
    .who-content,
    .who-advantage-section,
    .who-philosophy-section,
    .who-expertise-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    /* Section headings */
    .who-section h1,
    .who-section h2,
    .who-advantage-section h2,
    .who-philosophy-section h2,
    .who-expertise-section h2 {
        max-width: 100%;
        font-size: 30px;
        line-height: 1.35;
        word-break: normal;
        overflow-wrap: break-word;
    }

    /* Blue underline should not overflow */
    .who-section h1::after,
    .who-section h2::after,
    .who-advantage-section h2::after,
    .who-philosophy-section h2::after,
    .who-expertise-section h2::after {
        max-width: 100%;
    }

    /* Founder / Advantage card */
    .who-founder-card,
    .founder-card,
    .who-expert-card,
    .expert-card,
    .expertise-card,
    .who-profile-card,
    .profile-card,
    .advantage-card,
    .who-advantage-card {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 28px;
        padding: 32px 24px;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Founder image area */
    .who-founder-image,
    .founder-image,
    .expert-image,
    .profile-image,
    .advantage-image,
    .who-profile-image {
        width: 190px;
        height: 190px;
        min-width: 190px;
        max-width: 190px;
        margin: 0 auto;
        display: block;
        flex: none;
    }

    .who-founder-image img,
    .founder-image img,
    .expert-image img,
    .profile-image img,
    .advantage-image img,
    .who-profile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Founder text area */
    .who-founder-content,
    .founder-content,
    .expert-content,
    .profile-content,
    .advantage-content,
    .who-profile-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        text-align: left;
        box-sizing: border-box;
        overflow-wrap: break-word;
    }

    .who-founder-content h3,
    .founder-content h3,
    .expert-content h3,
    .profile-content h3,
    .advantage-content h3,
    .who-profile-content h3 {
        font-size: 24px;
        line-height: 1.35;
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .who-founder-content p,
    .founder-content p,
    .expert-content p,
    .profile-content p,
    .advantage-content p,
    .who-profile-content p {
        font-size: 15px;
        line-height: 1.7;
        max-width: 100%;
        overflow-wrap: break-word;
    }

    /* Credential rows inside founder section */
    .credential-row,
    .credentials-row,
    .focus-row,
    .who-credential-row,
    .expertise-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        width: 100%;
        max-width: 100%;
        padding: 12px 0;
        box-sizing: border-box;
    }

    .credential-row strong,
    .credentials-row strong,
    .focus-row strong,
    .who-credential-row strong,
    .expertise-row strong {
        display: block;
        margin-bottom: 4px;
    }

    /* Core Philosophy cards */
    .philosophy-grid,
    .who-philosophy-grid,
    .core-philosophy-grid,
    .values-grid,
    .who-values-grid,
    .verification-grid,
    .integrity-grid {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .philosophy-card,
    .who-philosophy-card,
    .core-philosophy-card,
    .value-card,
    .who-value-card,
    .verification-card,
    .integrity-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden;
        padding: 22px 20px;
    }

    .philosophy-card h4,
    .who-philosophy-card h4,
    .core-philosophy-card h4,
    .value-card h4,
    .who-value-card h4,
    .verification-card h4,
    .integrity-card h4 {
        font-size: 16px;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    .philosophy-card p,
    .who-philosophy-card p,
    .core-philosophy-card p,
    .value-card p,
    .who-value-card p,
    .verification-card p,
    .integrity-card p {
        font-size: 15px;
        line-height: 1.65;
        overflow-wrap: break-word;
    }

    /* Mentorship full-width card */
    .philosophy-card.full,
    .who-philosophy-card.full,
    .core-philosophy-card.full,
    .value-card.full,
    .mentorship-card,
    .who-mentorship-card {
        grid-column: 1 / -1;
    }
}


/* ---------- Mobile ---------- */
@media (max-width: 768px) {

    .who-section,
    .who-container,
    .who-wrapper,
    .who-advantage-section,
    .who-philosophy-section,
    .who-expertise-section {
        padding-left: 18px;
        padding-right: 18px;
        box-sizing: border-box;
    }

    .who-section h1,
    .who-section h2,
    .who-advantage-section h2,
    .who-philosophy-section h2,
    .who-expertise-section h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    /* Founder card should become single column */
    .who-founder-card,
    .founder-card,
    .who-expert-card,
    .expert-card,
    .expertise-card,
    .who-profile-card,
    .profile-card,
    .advantage-card,
    .who-advantage-card {
        flex-direction: column !important;
        align-items: center !important;
        padding: 28px 18px !important;
        gap: 22px !important;
    }

    .who-founder-content,
    .founder-content,
    .expert-content,
    .profile-content,
    .advantage-content,
    .who-profile-content {
        text-align: left;
        width: 100%;
        max-width: 100%;
    }

    .who-founder-content h3,
    .founder-content h3,
    .expert-content h3,
    .profile-content h3,
    .advantage-content h3,
    .who-profile-content h3 {
        font-size: 23px;
    }

    /* Core philosophy cards should become one column */
    .philosophy-grid,
    .who-philosophy-grid,
    .core-philosophy-grid,
    .values-grid,
    .who-values-grid,
    .verification-grid,
    .integrity-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .philosophy-card,
    .who-philosophy-card,
    .core-philosophy-card,
    .value-card,
    .who-value-card,
    .verification-card,
    .integrity-card {
        width: 100%;
        max-width: 100%;
        padding: 22px 18px;
    }
}


/* ---------- Small mobile ---------- */
@media (max-width: 480px) {

    .who-section,
    .who-container,
    .who-wrapper,
    .who-advantage-section,
    .who-philosophy-section,
    .who-expertise-section {
        padding-left: 14px;
        padding-right: 14px;
    }

    .who-section h1,
    .who-section h2,
    .who-advantage-section h2,
    .who-philosophy-section h2,
    .who-expertise-section h2 {
        font-size: 24px;
        line-height: 1.35;
    }

    .who-founder-card,
    .founder-card,
    .who-expert-card,
    .expert-card,
    .expertise-card,
    .who-profile-card,
    .profile-card,
    .advantage-card,
    .who-advantage-card {
        padding: 24px 14px !important;
    }

    .who-founder-image,
    .founder-image,
    .expert-image,
    .profile-image,
    .advantage-image,
    .who-profile-image {
        width: 160px;
        height: 160px;
        min-width: 160px;
        max-width: 160px;
    }

    .who-founder-content h3,
    .founder-content h3,
    .expert-content h3,
    .profile-content h3,
    .advantage-content h3,
    .who-profile-content h3 {
        font-size: 21px;
        line-height: 1.35;
    }

    .philosophy-card,
    .who-philosophy-card,
    .core-philosophy-card,
    .value-card,
    .who-value-card,
    .verification-card,
    .integrity-card {
        padding: 20px 16px;
    }
}


























