/* ==========================================
            LEGACY SECTION
========================================== */

.legacy-section{
    width:100%;
    background:#ffffff;
    padding:35px 0;
}

.legacy-container{
    max-width:1380px;
    margin:0 auto;
    padding:0 20px;

    display:flex;
    align-items:flex-start;
    gap:48px;
}

/*==========================================
            IMAGE
==========================================*/

.legacy-image{
    flex:0 0 36%;
}

.legacy-image img{
    width:100%;
    height:460px;
    object-fit:cover;
    border-radius:10px;
    display:block;
    transition:.45s;
}

.legacy-image img:hover{
    transform:scale(1.02);
}

/*==========================================
            CONTENT
==========================================*/

.legacy-content{
    flex:1;
}

.legacy-title{

    margin:0 0 28px;

    font-family:"Roboto",sans-serif;

    font-size:40px;

    font-weight:700;

    line-height:1.12;

    color:#0A1650;

    letter-spacing:-1px;
}

/*==========================================
            PARAGRAPH BOX
==========================================*/

.legacy-text-box{

    position:relative;

    padding-left:28px;

    margin-bottom:40px;
}

.legacy-text-box:last-child{

    margin-bottom:0;
}

.legacy-text-box::before{

    content:"";

    position:absolute;

    left:0;

    top:3px;

    width:4px;

    height:118px;

    background:#0f66d5;

    border-radius:3px;
}

.legacy-text-box p{

    margin:0;

    font-family:"Roboto",sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:24px;

    color:#818181;

    text-align:justify;
}

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

@media(max-width:1200px){

.legacy-title{

    font-size:46px;
}

.legacy-image img{

    height:500px;
}

}

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

@media(max-width:991px){

.legacy-container{

    flex-direction:column;

    gap:35px;
}

.legacy-image{

    width:100%;
}

.legacy-image img{

    height:420px;
}

.legacy-title{

    font-size:40px;
}

}

@media(max-width:768px){

.legacy-section{

    padding:45px 0;
}

.legacy-container{

    padding:0 16px;
}

.legacy-image img{

    height:320px;
}

.legacy-title{

    font-size:32px;

    margin-bottom:22px;
}

.legacy-text-box{

    padding-left:18px;

    margin-bottom:28px;
}

.legacy-text-box::before{

    height:100%;
}

.legacy-text-box p{

    font-size:15px;

    line-height:24px;

    text-align:left;
}

}

@media(max-width:576px){

.legacy-image img{

    height:260px;
}

.legacy-title{

    font-size:28px;
}

}





//* ==========================================
            OUR LEADERSHIP
========================================== */

.leadership-section{
    width:100%;
    padding:40px 0 60px;
    background:#ffffff;
}

.leadership-container{
    max-width:1380px;
    margin:0 auto;
    padding:0 20px;
}

.leadership-heading{
    margin:0 0 40px;
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:40px;
    font-weight:700;
    color:#0A1650;
    line-height:1.2;
}

/* ==========================================
        FEATURED LEADER
========================================== */

.leader-feature-card{
    display:flex;
    align-items:flex-start;
    gap:35px;
    background:#fff;
    padding:18px;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-bottom:45px;
}

.leader-image{
    flex:0 0 300px;
    overflow:hidden;
}

.leader-image img{
    width:100%;
    height:360px;
    object-fit:contain;
    object-position:center;
    background:#fff;
}

.leader-image:hover img{
    transform:scale(1.05);
}

.leader-content{
    flex:1;
}

.leader-content h3{
    margin:0;
    font-family:"Roboto",sans-serif;
    font-size:24px;
    font-weight:500;
    color:#0A1650;
    text-transform:uppercase;
}

.leader-content h5{
    margin:15px 0 22px;
    font-family:"Roboto",sans-serif;
    font-size:16px;
    font-weight:400;
    color:#666;
}

.leader-content p{
    margin:0;
    font-family:"Roboto",sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#777;
}

/* ==========================================
            LEADERS GRID
========================================== */

/* ==========================================
            OUR LEADERSHIP
========================================== */

.leadership-section{
    width:100%;
    padding:45px 0 55px;
    background:#ffffff;
}

.leadership-container{
    max-width:1320px;
    margin:auto;
    padding:0 18px;
}

/* Heading */

.leadership-heading{
    margin:0 0 38px;
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:52px;
    font-weight:700;
    color:#0A1650;
    line-height:1.1;
}

/* ==========================================
        FEATURED LEADER
========================================== */

.leader-feature-card{

    display:flex;
    align-items:center;
    gap:40px;

    background:#fff;

    padding:20px;

    border-radius:8px;

    box-shadow:0 10px 28px rgba(0,0,0,.08);

    margin-bottom:45px;

}

.leader-image{

    flex:0 0 320px;

    overflow:hidden;

    border-radius:6px;

}

.leader-image img{

    width:100%;

    height:300px;

    object-fit:cover;

    object-position:center top;

    transition:.45s;

    display:block;

}

.leader-feature-card:hover .leader-image img{

    transform:none;

}

.leader-content{

    flex:1;

}

.leader-content h3{

    margin:0;

    font-family:"Roboto",sans-serif;

    font-size:24px;

    font-weight:700;

    color:#0A1650;

}

.leader-content h5{

    margin:12px 0 22px;

    font-family:"Roboto",sans-serif;

    font-size:18px;

    font-weight:400;

    color:#666;

}

.leader-content p{

    margin:0;

    font-family:"Roboto",sans-serif;

    font-size:16px;

    line-height:1.9;

    color:#757575;

}

/* ==========================================
            GRID
========================================== */

.leadership-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

/* ==========================================
            CARD
========================================== */

.leader-card{

    background:#fff;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

    transition:.35s;

    overflow:hidden;

}

.leader-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.leader-card img{
    width:100%;
    height:340px;              /* Bigger image */
    object-fit:contain;        /* Shows full image */
    object-position:center;
    background:#fff;
    display:block;
    transition:0.35s ease;
}

.leader-card:hover img{

    transform:none;

}

.leader-card-content{

    padding:18px;

    text-align:left;

}

.leader-card-content h4{

    margin:0 0 6px;

    font-family:"Roboto",sans-serif;

    font-size:17px;

    font-weight:700;

    color:#0A1650;

    line-height:1.4;

    text-transform:uppercase;

}

.leader-card-content span{

    display:block;

    margin-bottom:16px;

    font-family:"Roboto",sans-serif;

    font-size:14px;

    color:#666;

}

/* ==========================================
            ICONS
========================================== */

.leader-social{

    display:flex;

    gap:10px;

}

.leader-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#1565D8;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:18px;

    transition:.3s;

}

.leader-icon:hover{

    background:#0A1650;

    transform:translateY(-3px);

}

.leader-icon i{

    line-height:1;

}

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

@media(max-width:991px){

.leader-feature-card{

    flex-direction:column;

    text-align:center;

}

.leader-image{

    flex:100%;

    width:100%;

}

.leader-image img{

    height:350px;

}

.leadership-grid{

    grid-template-columns:repeat(2,1fr);

}

}

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

@media(max-width:768px){

.leadership-section{

    padding:35px 0;

}

.leadership-heading{

    font-size:36px;

}

.leader-content h3{

    font-size:22px;

}

.leader-content h5{

    font-size:16px;

}

.leader-content p{

    font-size:15px;

    line-height:1.8;

}

.leadership-grid{

    grid-template-columns:1fr;

}

.leader-card img{

    height:280px;

}

}


/* ==========================================
        WHY IED COMMUNICATIONS
========================================== */

.why-ied-section{
    width:100%;
    background:#072D47;
    padding:40px 0;
}

.why-ied-container{
    max-width:1380px;
    margin:auto;
    padding:0 20px;
}

.why-ied-grid{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:60px;
    align-items:flex-start;
}

/*==================================
        LEFT SIDE
==================================*/

.why-left h2{
    margin:0 0 18px;   /* was 28px */
    font-family:"Roboto",sans-serif;
    font-size:26px;
    font-weight:700;
    color:#fff;
}

.why-left img{
    width:100%;
    height:400px;     /* was 525px */
    object-fit:cover;
    display:block;
    margin-bottom:20px;
}

.why-left p{
    margin:0 0 12px;
    font-family:"Roboto",sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.8;
    color:#ffffff;
}

/*==================================
        RIGHT SIDE
==================================*/

.why-right{
    display:flex;
    flex-direction:column;
}

.why-item{
    padding:0 0 18px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.35);
}

.why-item:last-child{
    margin-bottom:0;
}

.why-item h3{
    margin:0 0 12px;
    font-family:"Roboto",sans-serif;
    font-size:20px;
    font-weight:700;
    color:#ffffff;
}

.why-item p{
    margin:0;
    font-family:"Roboto",sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
    color:#ffffff;
}

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

@media(max-width:991px){

.why-ied-grid{
    grid-template-columns:1fr;
    gap:45px;
}

.why-left img{
    height:420px;
}

}

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

@media(max-width:768px){

.why-ied-section{
    padding:45px 0;
}

.why-ied-container{
    padding:0 16px;
}

.why-left h2,
.why-item h3{
    font-size:22px;
}

.why-left img{
    height:300px;
}

.why-left p,
.why-item p{
    font-size:15px;
    line-height:1.7;
}

.why-item{
    padding-bottom:20px;
    margin-bottom:20px;
}

}


/* ==========================================
        OUR PHILOSOPHY
========================================== */

.philosophy-section{
    width:100%;
    padding:25px 0;
    background:#edf4fb;
}

.philosophy-container{
    max-width:1380px;
    margin:auto;
    padding:0 20px;
}

.philosophy-title{
    margin:0 0 35px;
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:40px;
    font-weight:700;
    color:#0A1650;
    line-height:48px;
}

/*==================================
            GRID
==================================*/

.philosophy-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/*==================================
            CARD
==================================*/

.philosophy-card{
    background:#ffffff;
    border-radius:20px;
    padding:18px 22px;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:.35s;
     min-height:220px;
}

.philosophy-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

/*==================================
          CARD HEADING
==================================*/

.philosophy-heading{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.philosophy-heading i{
    font-size:26px;
    color:#0A4A92;
}

.philosophy-heading h3{
    margin:0;
    font-family:"Roboto",sans-serif;
    font-size:28px;
    font-weight:500;
    color:#0A1650;
}

/*==================================
            PARAGRAPH
==================================*/

.philosophy-card p{
    margin:0;
    font-family:"Roboto",sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:1.8;
    color:#444;
}

/*==================================
            LIST
==================================*/

.philosophy-card ul{
    margin:0;
    padding-left:24px;
}

.philosophy-card li{
    margin-bottom:14px;
    font-family:"Roboto",sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.7;
    color:#444;
}

.philosophy-card li:last-child{
    margin-bottom:0;
}

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

@media(max-width:991px){

.philosophy-grid{
    grid-template-columns:1fr;
}

.philosophy-title{
    font-size:42px;
}

}

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

@media(max-width:768px){

.philosophy-section{
    padding:35px 0;
}

.philosophy-container{
    padding:0 16px;
}

.philosophy-title{
    font-size:34px;
    margin-bottom:25px;
}

.philosophy-card{
    padding:20px;
}

.philosophy-heading{
    gap:14px;
    margin-bottom:16px;
}

.philosophy-heading i{
    font-size:34px;
}

.philosophy-heading h3{
    font-size:28px;
}

.philosophy-card p,
.philosophy-card li{
    font-size:15px;
    line-height:1.7;
}

}


/* ==========================================
        ORGANIZATIONAL STRENGTHS
========================================== */

.strength-section{
    width:100%;
    padding:45px 0;
    background:#ffffff;
}

.strength-container{
    max-width:1380px;
    margin:auto;
    padding:0 20px;
}

.strength-heading{
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:34px;
    font-weight:700;
    color:#0A1650;
    margin-bottom:30px;
}

/* Cards */

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

/* Card */

.strength-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:3px solid #0A2F52;
    border-radius:18px;
    padding:28px 24px;
    min-height:245px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    transition:.45s;
}

/* Premium Hover Animation */

.strength-card::before{
    content:"";
    position:absolute;

    width:220%;
    height:220%;

    top:-220%;
    left:-220%;

    background:linear-gradient(135deg,#70006d,#123d8b);

    border-radius:50%;

    transition:all .7s cubic-bezier(.23,1,.32,1);

    z-index:0;
}

.strength-card:hover::before{
    top:-55%;
    left:-55%;
}

/* Content Above Gradient */

.strength-card>*{
    position:relative;
    z-index:2;
}

/* Icon */

.strength-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    background:#f4f4f4;

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

    margin-bottom:18px;

    transition:.45s;
}

.strength-icon i{
    font-size:28px;
    color:#333;
    transition:.45s;
}

/* Heading */

.strength-card h3{
    font-family:"Roboto",sans-serif;
    font-size:20px;
    font-weight:700;
    color:#666;
    margin-bottom:15px;
    transition:.45s;
}

/* Paragraph */

.strength-card p{
    font-family:"Roboto",sans-serif;
    font-size:15px;
    line-height:1.8;
    color:#666;
    margin:0;
    transition:.45s;
}

/* Hover */

.strength-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.strength-card:hover h3,
.strength-card:hover p{
    color:#fff;
}

.strength-card:hover .strength-icon{
    background:#fff;
}

.strength-card:hover .strength-icon i{
    color:#222;
}

/* Tablet */

@media(max-width:991px){

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

}

/* Mobile */

@media(max-width:768px){

.strength-section{
    padding:35px 0;
}

.strength-heading{
    font-size:28px;
}

.strength-grid{
    grid-template-columns:1fr;
    gap:20px;
}

.strength-card{
    min-height:210px;
    padding:22px;
}

.strength-icon{
    width:62px;
    height:62px;
}

.strength-icon i{
    font-size:24px;
}

.strength-card h3{
    font-size:18px;
}

.strength-card p{
    font-size:14px;
}

}

/* ==========================================
            KEY INITIATIVES
========================================== */

.initiatives-section{
    width:100%;
    padding:25px 0;
    background:#ffffff;
}

.initiatives-container{
    max-width:1380px;
    margin:auto;
    padding:0 20px;
}

.initiatives-heading{
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:30px;
    font-weight:700;
    color:#0A1650;
    margin-bottom:20px;
}

/* Card */

.initiative-card{

    display:flex;
    align-items:center;
    gap:18px;

    background:#f8fbff;
    border:1px solid #d8d8d8;
    border-radius:14px;

    padding:16px 20px;

    margin-bottom:16px;

    transition:.35s;
}

/* Hover */

.initiative-card:hover{

    transform:translateY(-5px);

    box-shadow:0 12px 28px rgba(0,0,0,.10);

    border-color:#123d8b;
}

/* Icon */

.initiative-icon{

    width:68px;
    height:68px;
    min-width:68px;

    border-radius:12px;

    background:linear-gradient(135deg,#70006d,#123d8b);

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

.initiative-icon i{

    font-size:28px;

    color:#ffffff;
}

/* Content */

.initiative-content{
    flex:1;
}

.initiative-content h3{

    margin:0 0 10px;

    font-family:"Roboto",sans-serif;

    font-size:24px;

    font-weight:500;

    color:#0A1650;
}

.initiative-content p{

    margin:0;

    font-family:"Roboto",sans-serif;

    font-size:14px;

    line-height:1.6;

    color:#666;
}

/* Tablet */

@media(max-width:991px){

.initiative-icon{

    width:80px;
    height:80px;
    min-width:80px;
}

.initiative-icon i{

    font-size:34px;
}

.initiative-content h3{

    font-size:22px;
}

}

/* Mobile */

@media(max-width:768px){

.initiatives-section{

    padding:30px 0;
}

.initiative-card{

    flex-direction:column;

    text-align:center;

    padding:20px;
}

.initiatives-heading{

    font-size:28px;
}

.initiative-icon{

    width:72px;
    height:72px;
    min-width:72px;
}

.initiative-icon i{

    font-size:30px;
}

.initiative-content h3{

    font-size:20px;
}

.initiative-content p{

    font-size:15px;
}

}

/* ==========================================
        PRESTIGIOUS CLIENTS
========================================== */

.clients-section{
    width:100%;
    background:#072C47;
    padding:35px 0 40px;
}

.clients-container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

.clients-heading{
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-size:32px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:25px;
}

/*==========================================
            GRID
==========================================*/

.clients-grid{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:18px;
}

/*==========================================
            CARD
==========================================*/

.client-card{

    width:200px;

    height:90px;

    padding:10px;

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

    background:#fff;

    border-radius:6px;
}

.client-card img{

    max-width:140px;

    max-height:48px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:.35s ease;
}

/*==========================================
            HOVER
==========================================*/

.client-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 24px rgba(0,0,0,.25);
}

.client-card:hover img{

    transform:scale(1.08);
}

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

@media(max-width:1200px){

.client-card{

    flex:0 0 calc(25% - 18px);
}

}

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

@media(max-width:991px){

.clients-heading{

    font-size:28px;
}

.client-card{

    flex:0 0 calc(33.333% - 18px);

    height:90px;
}

.client-card img{

    max-width:120px;

    max-height:42px;
}

}

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

@media(max-width:768px){

.clients-section{

    padding:30px 0;
}

.clients-grid{

    gap:14px;
}

.client-card{

    flex:0 0 calc(50% - 14px);

    height:80px;

    padding:10px;
}

.client-card img{

    max-width:100px;

    max-height:36px;
}

}

@media(max-width:480px){

.client-card{

    flex:0 0 100%;

    height:75px;
}

.client-card img{

    max-width:90px;
}

}


/* ==========================================
        WORLDWIDE PARTICIPATION
========================================== */

.countries-section{
    width:100%;
    background:#ffffff;
    padding:55px 0 60px;
}

.countries-container{
    max-width:1380px;
    margin:auto;
    padding:0 20px;
}

.countries-title{
    text-align:center;
    font-size:48px;
    font-weight:700;
    color:#0A1F55;
    margin-bottom:45px;
    font-family:Roboto,sans-serif;
}

.countries-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:45px 35px;
}

.country-card{
    text-align:center;
    transition:.35s;
}

.country-card img{
    width:190px;
    height:auto;
    transition:.35s;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));
}

.country-card:hover img{
    transform:translateY(-6px) scale(1.05);
}

.country-card h4{
    margin-top:18px;
    font-size:18px;
    font-weight:600;
    color:#6d6d6d;
    font-family:Roboto,sans-serif;
}

/* Tablet */

@media(max-width:992px){

.countries-grid{
    grid-template-columns:repeat(4,1fr);
}

.country-card img{
    width:150px;
}

}

/* Mobile */

@media(max-width:768px){

.countries-title{
    font-size:34px;
}

.countries-grid{
    grid-template-columns:repeat(2,1fr);
    gap:30px 20px;
}

.country-card img{
    width:120px;
}

.country-card h4{
    font-size:15px;
}

}