/*==============================
GOOGLE FONT
==============================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*==============================
RESET
==============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f8f9fc;
    color:#222;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

/*==============================
HEADER
==============================*/

.dr-header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:999;

    transition:.4s;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(15px);

}

.dr-header.sticky{

    background:#fff;

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

}

.dr-navbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:90px;

}

/*==============================
LOGO
==============================*/

.dr-logo{

    display:flex;

    align-items:center;

    gap:15px;

}

.dr-logo img{

    width:62px;

}

.dr-logo-text h2{

    font-size:24px;

    color:#0A3D62;

    font-weight:700;

}

.dr-logo-text span{

    color:#666;

    font-size:13px;

}








/*==============================
MENU
==============================*/

.dr-menu ul{

    display:flex;

    align-items:center;

    gap:34px;

}

.dr-menu ul li a{

    color:#222;

    font-size:16px;

    font-weight:600;

    position:relative;

    transition:.35s;

}

.dr-menu ul li a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:3px;

    background:#ff8c00;

    border-radius:20px;

    transition:.35s;

}

.dr-menu ul li a:hover,
.dr-menu ul li a.active{

    color:#0A3D62;

}

.dr-menu ul li a:hover::after,
.dr-menu ul li a.active::after{

    width:100%;

}

/*==============================
BUTTON
==============================*/

.dr-contact-btn{

    padding:14px 34px;

    border-radius:40px;

    background:linear-gradient(90deg,#ff9800,#ff6a00);

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.dr-contact-btn:hover{

    transform:translateY(-3px);

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

}

/*==============================
HAMBURGER
==============================*/

/*==============================
HERO
==============================*/

.dr-hero{

    padding:170px 0 90px;

    background:linear-gradient(135deg,#edf4ff,#ffffff);

    position:relative;

    overflow:hidden;

}

.dr-hero-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:70px;

}

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

.dr-hero-tag{

    display:inline-block;

    padding:12px 24px;

    border-radius:40px;

    background:#e8f2ff;

    color:#0A3D62;

    font-weight:600;

    margin-bottom:25px;

}

.dr-hero-content h1{

    font-size:64px;

    line-height:1.1;

    color:#0A3D62;

    margin-bottom:15px;

}

.dr-hero-content h2{

    font-size:36px;

    line-height:1.4;

    color:#222;

    margin-bottom:20px;

}

.dr-hero-content h2 span{

    color:#ff7b00;

}

.dr-hero-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:35px;

}


/*==============================
HERO BUTTONS
==============================*/

.dr-hero-btns{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:50px;

}

.dr-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 40px;

    background:linear-gradient(135deg,#ff9800,#ff6a00);

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.dr-btn-primary:hover{

    transform:translateY(-4px);

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

}

.dr-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 40px;

    border:2px solid #0A3D62;

    color:#0A3D62;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.dr-btn-outline:hover{

    background:#0A3D62;

    color:#fff;

}

/*==============================
STATISTICS
==============================*/

.dr-hero-stats{
 display:grid;

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

    gap:20px;
}

.dr-stat{

    min-width:170px;

    background:#fff;

    border-radius:18px;

    padding:22px;

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

    transition:.35s;
      min-width:unset;

    width:100%;

}

.dr-stat:hover{

    transform:translateY(-8px);

}

.dr-stat h3{

    font-size:32px;

    color:#0A3D62;

    margin-bottom:8px;

}

.dr-stat span{

    color:#666;

    font-size:14px;

    line-height:1.5;

}

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

.dr-hero-image{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-circle{

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A3D62,#1b7dd8);

    opacity:.08;

}

.dr-hero-image img{

    position:relative;

    width:100%;

    max-width:480px;

    z-index:2;

    filter:drop-shadow(0 30px 50px rgba(0,0,0,.25));

    animation:floatImage 5s ease-in-out infinite;

}

/*==============================
BACKGROUND SHAPES
==============================*/

.hero-shape{

    position:absolute;

    border-radius:50%;

    z-index:0;

}

.hero-shape-1{

    width:420px;

    height:420px;

    background:#ff9800;

    opacity:.08;

    top:-150px;

    right:-120px;

}

.hero-shape-2{

    width:300px;

    height:300px;

    background:#0A3D62;

    opacity:.06;

    bottom:-120px;

    left:-120px;

}

/*==============================
ANIMATION
==============================*/

@keyframes floatImage{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0px);

    }

}

/*==============================
SECTION SPACING
==============================*/

section{

    position:relative;

}










.dr-toggle{
    width:45px;
    height:45px;
    border:none;
    background:transparent;
    cursor:pointer;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
}

.dr-toggle span{
    width:28px;
    height:3px;
    background:#0A3D62;
    border-radius:20px;
    transition:.3s;
}

.dr-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(6px,6px);
}

.dr-toggle.active span:nth-child(2){
    opacity:0;
}

.dr-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-7px);
}











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

.about-section{

padding:100px 0;

background:#ffffff;

}

.about-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.about-image img{

width:100%;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.1);

}

.section-tag{

display:inline-block;

background:#eaf3ff;

color:#0A3D62;

padding:10px 20px;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.about-content h2{

font-size:42px;

color:#0A3D62;

margin-bottom:10px;

}

.about-content h3{

font-size:26px;

color:#ff7b00;

margin-bottom:20px;

line-height:1.5;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#555;

margin-bottom:18px;

}

.about-list{

list-style:none;

margin:25px 0;

}

.about-list li{

margin-bottom:15px;

font-size:17px;

font-weight:500;

}

.about-btn{

display:inline-block;

padding:15px 35px;

background:#ff7b00;

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.about-btn:hover{

background:#0A3D62;

}


/*==============================
ACHIEVEMENTS
==============================*/

.achievement-section{

padding:110px 0;

background:#f8fbff;

position:relative;

overflow:hidden;

}

.section-heading{

text-align:center;

max-width:760px;

margin:auto;

margin-bottom:70px;

}

.section-tag{

display:inline-block;

padding:10px 26px;

background:#0A3D62;

color:#fff;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.section-heading h2{

font-size:46px;

color:#0A3D62;

margin-bottom:20px;

}

.section-heading p{

font-size:18px;

color:#666;

line-height:1.8;

}

.achievement-wrapper{

position:relative;

display:grid;

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

gap:30px;

}

.timeline-line{

position:absolute;

top:60px;

left:5%;

width:90%;

height:4px;

background:#d8e7ff;

z-index:0;

}

.achievement-card{

position:relative;

background:#fff;

padding:40px 30px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

text-align:center;

transition:.4s;

z-index:2;

}

.achievement-card:hover{

transform:translateY(-12px);

}

.achievement-card::before{

content:"";

position:absolute;

top:-18px;

left:50%;

transform:translateX(-50%);

width:18px;

height:18px;

background:#ff7b00;

border-radius:50%;

border:5px solid #fff;

box-shadow:0 0 0 4px #d8e7ff;

}

.achievement-icon{

width:85px;

height:85px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:linear-gradient(135deg,#0A3D62,#1b6dc7);

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:#fff;

}

.year{

display:inline-block;

padding:8px 18px;

background:#fff4ea;

color:#ff7b00;

border-radius:20px;

font-weight:700;

margin-bottom:20px;

}

.achievement-card h3{

font-size:24px;

color:#0A3D62;

margin-bottom:15px;

}

.achievement-card p{

font-size:16px;

line-height:1.8;

color:#666;

}



/*==============================
KEY FOCUS AREAS
==============================*/

.focus-section{

padding:110px 0;

background:#ffffff;

}

.focus-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.focus-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

border:1px solid #edf2f7;

box-shadow:0 12px 35px rgba(0,0,0,.06);

transition:.35s;

}

.focus-card:hover{

transform:translateY(-10px);

border-color:#0A3D62;

}

.focus-icon{

width:80px;

height:80px;

margin:auto auto 25px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

border-radius:50%;

background:linear-gradient(135deg,#0A3D62,#1b6dc7);

color:#fff;

}

.focus-card h3{

font-size:24px;

color:#0A3D62;

margin-bottom:15px;

}

.focus-card p{

font-size:16px;

line-height:1.8;

color:#666;

}



/*=========================================
WORDS OF APPRECIATION
=========================================*/

.leaders-section{

    padding:120px 0;

    background:linear-gradient(180deg,#ffffff,#f7faff);

    position:relative;

    overflow:hidden;

}

/* Heading */

.leaders-section .section-heading{

    text-align:center;

    max-width:750px;

    margin:auto;

    margin-bottom:70px;

}

.leaders-section .section-tag{

    display:inline-block;

    padding:12px 28px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:50px;

    font-weight:600;

    margin-bottom:20px;

    letter-spacing:1px;

}

.leaders-section h2{

    font-size:48px;

    color:#0A3D62;

    margin-bottom:15px;

    font-weight:700;

}

.leaders-section p{

    color:#666;

    font-size:18px;

    line-height:1.8;

}

/*=========================================
SWIPER
=========================================*/

.leadersSwiper{

    padding:20px 10px 70px;

}

.swiper-slide{

    height:auto;

}

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

.leader-card{

    background:#fff;

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

    min-height:470px;

}

.leader-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 80px rgba(0,0,0,.15);

}

/* Orange top border */

.leader-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#ff8a00,#ff5e00);

}

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

.leader-card img{

    width:130px;

    height:130px;

    object-fit:cover;

    border-radius:50%;

    margin:auto;

    border:6px solid #EDF4FF;

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

    margin-bottom:25px;

}

/*=========================================
QUOTE ICON
=========================================*/

.quote-icon{

    font-size:40px;

    color:#ff7a00;

    margin-bottom:18px;

}

/*=========================================
TEXT
=========================================*/

.leader-card p{

    font-size:16px;

    color:#555;

    line-height:1.8;

    font-style:italic;

    margin-bottom:25px;

    min-height:120px;

}

.leader-card h3{

    font-size:24px;

    color:#0A3D62;

    margin-bottom:10px;

    font-weight:700;

}

.leader-card span{

    display:block;

    color:#888;

    font-size:15px;

}



/*=========================================
BACKGROUND SHAPES
=========================================*/

.leaders-section::before{

content:"";

position:absolute;

width:320px;

height:320px;

border-radius:50%;

background:rgba(28,109,208,.05);

top:-120px;

right:-120px;

}

.leaders-section::after{

content:"";

position:absolute;

width:260px;

height:260px;

border-radius:50%;

background:rgba(255,122,0,.05);

bottom:-100px;

left:-100px;

}

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

.leader-card:hover img{

transform:scale(1.08);

transition:.4s;

}

.leader-card img{

transition:.4s;

}

.leader-card:hover .quote-icon{

transform:rotate(-10deg);

transition:.35s;

}

/*=========================================
SWIPER ARROWS
=========================================*/

.leadersSwiper .swiper-button-next,
.leadersSwiper .swiper-button-prev{

width:55px;

height:55px;

background:#fff;

border-radius:50%;

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

color:#0A3D62;

transition:.35s;

}

.leadersSwiper .swiper-button-next:hover,
.leadersSwiper .swiper-button-prev:hover{

background:#ff7a00;

color:#fff;

}

.leadersSwiper .swiper-button-next::after,
.leadersSwiper .swiper-button-prev::after{

font-size:18px;

font-weight:700;

}

/*=========================================
PAGINATION
=========================================*/

.leadersSwiper .swiper-pagination{

bottom:0!important;

}

.leadersSwiper .swiper-pagination-bullet{

width:12px;

height:12px;

background:#0A3D62;

opacity:.25;

transition:.35s;

}

.leadersSwiper .swiper-pagination-bullet-active{

width:35px;

border-radius:20px;

background:#ff7a00;

opacity:1;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1200px){

.leader-card{

padding:35px 25px;

min-height:430px;

}

}

@media(max-width:992px){

.leaders-section{

padding:90px 0;

}

.leaders-section h2{

font-size:38px;

}

.leadersSwiper{

padding-bottom:60px;

}

}

@media(max-width:768px){

.leader-card{

padding:30px 22px;

min-height:auto;

}

.leader-card img{

width:100px;

height:100px;

}

.leader-card h3{

font-size:22px;

}

.leader-card p{

font-size:15px;

min-height:auto;

}

.leaders-section h2{

font-size:30px;

}

.leadersSwiper .swiper-button-next,
.leadersSwiper .swiper-button-prev{

display:none;

}

}

@media(max-width:576px){

.leaders-section{

padding:70px 0;

}

.leaders-section h2{

font-size:26px;

}

.leaders-section p{

font-size:15px;

}

}



/*=========================================
AWARDS & RECOGNITIONS
=========================================*/

.awards-section{

    padding:120px 0;

    background:#f8fbff;

    position:relative;

    overflow:hidden;

}

.awards-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(10,61,98,.05);

    border-radius:50%;

    top:-120px;

    left:-120px;

}

.awards-section::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(255,136,0,.06);

    border-radius:50%;

    bottom:-100px;

    right:-100px;

}

/*========================
SECTION HEADING
========================*/

.awards-section .section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.awards-section .section-tag{

    display:inline-block;

    padding:10px 26px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:18px;

}

.awards-section h2{

    font-size:46px;

    font-weight:700;

    color:#0A3D62;

    margin-bottom:18px;

}

.awards-section p{

    font-size:17px;

    color:#666;

    line-height:1.8;

}

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

.awards-grid{

    display:grid;

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

    gap:30px;

}

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

.award-card{

    background:#fff;

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    transition:.4s;

    border:1px solid rgba(0,0,0,.05);

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    position:relative;

    overflow:hidden;

}

.award-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#ff8a00,#ff5e00);

}

.award-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

/*========================
ICON
========================*/

.award-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:linear-gradient(135deg,#ff8a00,#ff5e00);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    transition:.4s;

}

.award-card:hover .award-icon{

    transform:rotateY(180deg);

}

/*========================
TEXT
========================*/

.award-card h3{

    font-size:24px;

    color:#0A3D62;

    margin-bottom:15px;

    font-weight:700;

}

.award-card p{

    font-size:16px;

    color:#666;

    line-height:1.8;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:1200px){

    .awards-grid{

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

    }

}

@media(max-width:768px){

    .awards-section{

        padding:90px 0;

    }

    .awards-section h2{

        font-size:34px;

    }

    .awards-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .award-card{

        padding:35px 25px;

    }

}

@media(max-width:576px){

    .awards-section{

        padding:70px 0;

    }

    .awards-section h2{

        font-size:28px;

    }

    .awards-section p{

        font-size:15px;

    }

    .award-icon{

        width:75px;

        height:75px;

        font-size:28px;

    }

}



/*=========================================
PHOTO GALLERY
=========================================*/

.gallery-section{

    padding:120px 0;

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.gallery-section .section-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 70px;

}

.gallery-section .section-tag{

    display:inline-block;

    padding:10px 26px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.gallery-section h2{

    font-size:46px;

    color:#0A3D62;

    font-weight:700;

    margin-bottom:18px;

}

.gallery-section p{

    color:#666;

    font-size:17px;

    line-height:1.8;

}

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

.gallery-grid{

    display:grid;

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

    grid-auto-rows:250px;

    gap:20px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    cursor:pointer;

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

}

.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

/* Large Card */

.gallery-large{

    grid-column:span 2;

    grid-row:span 2;

}

/* Wide Card */

.gallery-wide{

    grid-column:span 2;

}

/*==========================
OVERLAY
==========================*/

.gallery-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(10,61,98,.75),
    rgba(10,61,98,0));

    opacity:0;

    transition:.4s;

    z-index:1;

}

.gallery-item::after{

    content:"+";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:70px;

    height:70px;

    border-radius:50%;

    background:#fff;

    color:#0A3D62;

    font-size:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    transition:.35s;

    z-index:2;

}

.gallery-item:hover img{

    transform:scale(1.12);

}

.gallery-item:hover::before{

    opacity:1;

}

.gallery-item:hover::after{

    opacity:1;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

.gallery-grid{

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

}

}

@media(max-width:768px){

.gallery-section{

padding:90px 0;

}

.gallery-section h2{

font-size:34px;

}

.gallery-grid{

grid-template-columns:1fr;

grid-auto-rows:240px;

}

.gallery-large,
.gallery-wide{

grid-column:span 1;

grid-row:span 1;

}

}

@media(max-width:576px){

.gallery-section{

padding:70px 0;

}

.gallery-section h2{

font-size:28px;

}

.gallery-section p{

font-size:15px;

}

.gallery-grid{

gap:15px;

}

.gallery-item{

border-radius:18px;

}

.gallery-item::after{

width:55px;

height:55px;

font-size:30px;

}

}


/*=========================================
NEWS SECTION
=========================================*/

.news-section{

    padding:120px 0;

    background:#f8fbff;

    position:relative;

    overflow:hidden;

}

.news-section .section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.news-section .section-tag{

    display:inline-block;

    padding:10px 25px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.news-section h2{

    font-size:46px;

    color:#0A3D62;

    font-weight:700;

    line-height:1.3;

}

.news-section h2 span{

    font-size:28px;

    color:#ff7a00;

    font-weight:500;

}

.news-section .section-heading p{

    margin-top:20px;

    color:#666;

    line-height:1.8;

    font-size:17px;

}

/*============================
LAYOUT
============================*/

.news-wrapper{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:35px;

}

/*============================
FEATURED NEWS
============================*/

.featured-news{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.featured-news:hover{

    transform:translateY(-8px);

}

.featured-image{

    position:relative;

    overflow:hidden;

}

.featured-image img{

    width:100%;

    height:380px;

    object-fit:cover;

    transition:.5s;

}

.featured-news:hover img{

    transform:scale(1.08);

}

.news-category{

    position:absolute;

    top:20px;

    left:20px;

    background:#ff7a00;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.featured-content{

    padding:35px;

}

.news-date{

    color:#ff7a00;

    font-size:15px;

    font-weight:600;

}

.featured-content h3{

    margin:18px 0;

    color:#0A3D62;

    font-size:30px;

    line-height:1.4;

}

.featured-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

/*============================
BUTTON
============================*/

.news-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#0A3D62;

    color:#fff;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

}

.news-btn:hover{

    background:#ff7a00;

}

/*============================
RIGHT NEWS
============================*/

.news-list{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.news-card{

    display:flex;

    gap:18px;

    background:#fff;

    padding:18px;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.07);

    transition:.35s;

}

.news-card:hover{

    transform:translateX(8px);

}

.news-card img{

    width:140px;

    height:120px;

    object-fit:cover;

    border-radius:15px;

}

.news-info{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.news-info span{

    color:#ff7a00;

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

}

.news-info h4{

    color:#0A3D62;

    font-size:20px;

    line-height:1.5;

    margin-bottom:15px;

}

.news-info a{

    color:#1C6DD0;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.news-info a:hover{

    color:#ff7a00;

}

/*============================
RESPONSIVE
============================*/

@media(max-width:992px){

.news-wrapper{

grid-template-columns:1fr;

}

.news-list{

margin-top:20px;

}

}

@media(max-width:768px){

.news-section{

padding:90px 0;

}

.news-section h2{

font-size:34px;

}

.news-section h2 span{

font-size:22px;

}

.featured-image img{

height:260px;

}

.featured-content{

padding:25px;

}

.featured-content h3{

font-size:24px;

}

.news-card{

flex-direction:column;

}

.news-card img{

width:100%;

height:220px;

}

}

@media(max-width:576px){

.news-section{

padding:70px 0;

}

.news-section h2{

font-size:28px;

}

.news-section .section-heading p{

font-size:15px;

}

.featured-content h3{

font-size:21px;

}

.news-btn{

width:100%;

justify-content:center;

}

}



/*=========================================
SPEECHES & MEDIA
=========================================*/

.media-section{

    padding:120px 0;

    background:#fff;

    position:relative;

    overflow:hidden;

}

.media-section .section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.media-section .section-tag{

    display:inline-block;

    padding:10px 25px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.media-section h2{

    font-size:46px;

    color:#0A3D62;

    line-height:1.4;

    margin-bottom:15px;

}

.media-section h2 span{

    color:#ff7a00;

    font-size:30px;

    font-weight:500;

}

.media-section p{

    color:#666;

    line-height:1.8;

    font-size:17px;

}

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

.media-grid{

    display:grid;

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

    gap:35px;

}

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

.media-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.media-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

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

.video-box{

    position:relative;

    overflow:hidden;

}

.video-box img{

    width:100%;

    height:250px;

    object-fit:cover;

    transition:.5s;

}

.media-card:hover .video-box img{

    transform:scale(1.08);

}

/*========================
PLAY BUTTON
========================*/

.play-btn{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:75px;

    height:75px;

    border-radius:50%;

    background:#ff7a00;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-decoration:none;

    font-size:24px;

    transition:.35s;

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

}

.play-btn:hover{

    background:#0A3D62;

    transform:translate(-50%,-50%) scale(1.12);

}

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

.media-content{

    padding:30px;

}

.media-content span{

    color:#ff7a00;

    font-size:14px;

    font-weight:600;

}

.media-content h3{

    margin:15px 0;

    font-size:24px;

    line-height:1.5;

    color:#0A3D62;

}

.media-content p{

    font-size:16px;

    color:#666;

    line-height:1.8;

}

/*========================
BUTTON
========================*/

.media-btn{

    text-align:center;

    margin-top:60px;

}

.theme-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 35px;

    border-radius:50px;

    background:#0A3D62;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.theme-btn:hover{

    background:#ff7a00;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:992px){

.media-grid{

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

}

}

@media(max-width:768px){

.media-section{

padding:90px 0;

}

.media-grid{

grid-template-columns:1fr;

}

.media-section h2{

font-size:34px;

}

.media-section h2 span{

font-size:22px;

}

.video-box img{

height:220px;

}

}

@media(max-width:576px){

.media-section{

padding:70px 0;

}

.media-section h2{

font-size:28px;

}

.media-section p{

font-size:15px;

}

.play-btn{

width:60px;

height:60px;

font-size:20px;

}

.media-content{

padding:25px;

}

.media-content h3{

font-size:20px;

}

.theme-btn{

width:100%;

justify-content:center;

}

}



/*=========================================
UPCOMING EVENTS
=========================================*/

.events-section{

    padding:120px 0;

    background:#f8fbff;

    position:relative;

    overflow:hidden;

}

.events-section .section-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.events-section .section-tag{

    display:inline-block;

    padding:10px 25px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.events-section h2{

    font-size:46px;

    color:#0A3D62;

    line-height:1.4;

    margin-bottom:15px;

}

.events-section h2 span{

    color:#ff7a00;

    font-size:30px;

    font-weight:500;

}

.events-section p{

    color:#666;

    font-size:17px;

    line-height:1.8;

}

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

.events-grid{

    display:grid;

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

    gap:35px;

}

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

.event-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

}

.event-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(0,0,0,.15);

}

/*======================
DATE
======================*/

.event-date{

    background:linear-gradient(135deg,#ff7a00,#ff5500);

    color:#fff;

    text-align:center;

    padding:30px 15px;

}

.event-date h3{

    font-size:48px;

    font-weight:700;

    margin-bottom:8px;

}

.event-date span{

    letter-spacing:2px;

    font-size:15px;

    font-weight:600;

}

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

.event-content{

    padding:35px;

}

.event-category{

    display:inline-block;

    padding:7px 18px;

    background:#edf5ff;

    color:#0A3D62;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}

.event-content h3{

    font-size:24px;

    color:#0A3D62;

    margin-bottom:15px;

    line-height:1.5;

}

.event-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

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

.event-content ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.event-content ul li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

    color:#555;

    font-size:15px;

}

.event-content ul li i{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#edf5ff;

    color:#0A3D62;

    display:flex;

    align-items:center;

    justify-content:center;

}

/*======================
BUTTON
======================*/

.event-btn{

    display:inline-block;

    padding:14px 30px;

    border-radius:50px;

    background:#0A3D62;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.event-btn:hover{

    background:#ff7a00;

}

/*======================
RESPONSIVE
======================*/

@media(max-width:992px){

.events-grid{

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

}

}

@media(max-width:768px){

.events-section{

padding:90px 0;

}

.events-grid{

grid-template-columns:1fr;

}

.events-section h2{

font-size:34px;

}

.events-section h2 span{

font-size:22px;

}

.event-content{

padding:30px;

}

}

@media(max-width:576px){

.events-section{

padding:70px 0;

}

.events-section h2{

font-size:28px;

}

.events-section p{

font-size:15px;

}

.event-date h3{

font-size:38px;

}

.event-content h3{

font-size:21px;

}

.event-btn{

width:100%;

text-align:center;

}

}



/*=========================================
CONTACT SECTION
=========================================*/

.contact-section{

    padding:120px 0;

    background:linear-gradient(180deg,#ffffff,#f7faff);

    position:relative;

    overflow:hidden;

}

.contact-section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(28,109,208,.05);

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.contact-section::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:rgba(255,122,0,.05);

    border-radius:50%;

    bottom:-100px;

    left:-100px;

}

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

.contact-section .section-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.contact-section .section-tag{

    display:inline-block;

    padding:10px 25px;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.contact-section h2{

    font-size:46px;

    color:#0A3D62;

    line-height:1.4;

}

.contact-section h2 span{

    color:#ff7a00;

    font-size:30px;

    font-weight:500;

}

.contact-section p{

    color:#666;

    font-size:17px;

    line-height:1.8;

}

/*=========================
LAYOUT
=========================*/

.contact-wrapper{

    display:grid;

    grid-template-columns:1fr 1.3fr;

    gap:40px;

    margin-bottom:60px;

}

/*=========================
CONTACT INFO
=========================*/

.contact-info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.info-box{

    display:flex;

    gap:20px;

    align-items:flex-start;

    background:#fff;

    padding:25px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

}

.info-box:hover{

    transform:translateY(-8px);

}

.info-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:linear-gradient(135deg,#ff7a00,#ff5500);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;

}

.info-box h3{

    color:#0A3D62;

    margin-bottom:8px;

    font-size:22px;

}

.info-box p{

    margin:0;

    font-size:15px;

}

/*=========================
FORM
=========================*/

.contact-form{

    background:#fff;

    padding:40px;

    border-radius:25px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.form-group{

    margin-bottom:20px;

}

.contact-form input,
.contact-form textarea{

    width:100%;

    padding:16px 18px;

    border:1px solid #ddd;

    border-radius:12px;

    outline:none;

    font-size:15px;

    transition:.3s;

    font-family:inherit;

}

.contact-form input:focus,
.contact-form textarea:focus{

    border-color:#1C6DD0;

    box-shadow:0 0 0 4px rgba(28,109,208,.12);

}

.contact-form textarea{

    resize:vertical;

}

/*=========================
BUTTON
=========================*/

.contact-btn{

    border:none;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    color:#fff;

    padding:16px 35px;

    border-radius:50px;

    cursor:pointer;

    font-size:16px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    transition:.35s;

}

.contact-btn:hover{

    background:linear-gradient(135deg,#ff7a00,#ff5500);

    transform:translateY(-3px);

}

/*=========================
MAP
=========================*/

.map-box{

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.map-box iframe{

    width:100%;

    height:450px;

    border:0;

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-section{

padding:90px 0;

}

.contact-section h2{

font-size:34px;

}

.contact-section h2 span{

font-size:22px;

}

.contact-form{

padding:30px;

}

.map-box iframe{

height:320px;

}

}

@media(max-width:576px){

.contact-section{

padding:70px 0;

}

.contact-section h2{

font-size:28px;

}

.contact-section p{

font-size:15px;

}

.info-box{

padding:20px;

}

.info-icon{

width:55px;

height:55px;

font-size:20px;

}

.contact-form{

padding:20px;

}

.contact-btn{

width:100%;

justify-content:center;

}

}


/*=========================================
FOOTER
=========================================*/

.footer-section{

    position:relative;

    background:linear-gradient(135deg,#051C35,#0A3D62);

    color:#fff;

    padding:90px 0 0;

    overflow:hidden;

}

.footer-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

    top:-220px;

    right:-180px;

}

.footer-section::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,122,0,.08);

    bottom:-150px;

    left:-150px;

}

/*=========================
TOP
=========================*/

.footer-top{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.2fr;

    gap:45px;

    padding-bottom:60px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.footer-logo{

    width:220px;

    margin-bottom:25px;

}

.footer-widget p{

    color:rgba(255,255,255,.75);

    line-height:1.9;

}

.footer-widget h3{

    margin-bottom:28px;

    font-size:22px;

    position:relative;

}

.footer-widget h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:55px;

    height:3px;

    background:#ff7a00;

}

/*=========================
LINKS
=========================*/

.footer-widget ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-widget ul li{

    margin-bottom:16px;

}

.footer-widget ul li a{

    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;

}

.footer-widget ul li a:hover{

    color:#ff7a00;

    padding-left:8px;

}

/*=========================
CONTACT
=========================*/

.footer-contact li{

    display:flex;

    gap:12px;

    align-items:flex-start;

    color:rgba(255,255,255,.75);

}

.footer-contact i{

    color:#ff7a00;

    margin-top:5px;

}

/*=========================
SOCIAL
=========================*/

.footer-social{

    display:flex;

    gap:15px;

    margin-top:30px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.footer-social a:hover{

    background:#ff7a00;

    transform:translateY(-6px);

}

/*=========================
NEWSLETTER
=========================*/

.footer-newsletter{

    margin:60px 0;

    padding:35px;

    border-radius:22px;

    background:rgba(255,255,255,.06);

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.footer-newsletter h3{

    margin-bottom:10px;

    font-size:28px;

}

.footer-newsletter p{

    color:rgba(255,255,255,.75);

}

.footer-newsletter form{

    display:flex;

    width:100%;

    max-width:520px;

}

.footer-newsletter input{

    flex:1;

    border:none;

    outline:none;

    padding:17px 20px;

    border-radius:50px 0 0 50px;

    font-size:15px;

}

.footer-newsletter button{

    border:none;

    background:#ff7a00;

    color:#fff;

    padding:0 35px;

    border-radius:0 50px 50px 0;

    cursor:pointer;

    transition:.3s;

}

.footer-newsletter button:hover{

    background:#e56a00;

}

/*=========================
BOTTOM
=========================*/

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:25px 0;

    border-top:1px solid rgba(255,255,255,.12);

    color:rgba(255,255,255,.65);

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom a{

    color:#ff7a00;

    text-decoration:none;

}

/*=========================
BACK TO TOP
=========================*/

.back-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border-radius:50%;

    background:#ff7a00;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

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

    transition:.35s;

    z-index:999;

}

.back-top:hover{

    background:#0A3D62;

    transform:translateY(-6px);

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1200px){

.footer-top{

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

}

}

@media(max-width:768px){

.footer-section{

padding-top:70px;

}

.footer-top{

grid-template-columns:1fr;

gap:40px;

}

.footer-newsletter{

flex-direction:column;

text-align:center;

}

.footer-newsletter form{

flex-direction:column;

max-width:100%;

}

.footer-newsletter input{

border-radius:50px;

margin-bottom:15px;

}

.footer-newsletter button{

border-radius:50px;

padding:16px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}

@media(max-width:576px){

.footer-logo{

width:180px;

}

.footer-widget h3{

font-size:20px;

}

.footer-newsletter{

padding:25px;

}

.footer-newsletter h3{

font-size:22px;

}

.back-top{

width:48px;

height:48px;

right:20px;

bottom:20px;

}

}





/*=========================================
ABOUT PAGE HERO
=========================================*/

.about-page-hero{

    position:relative;

    padding:180px 0 120px;

    background:linear-gradient(135deg,#edf4ff,#ffffff);

    overflow:hidden;

}

.about-shape{

    position:absolute;

    border-radius:50%;

    z-index:0;

}

.about-shape-1{

    width:450px;

    height:450px;

    background:#ff9800;

    opacity:.07;

    top:-180px;

    right:-120px;

}

.about-shape-2{

    width:320px;

    height:320px;

    background:#0A3D62;

    opacity:.05;

    bottom:-120px;

    left:-120px;

}

.about-page-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:850px;

    margin:auto;

}

.about-tag{

    display:inline-block;

    padding:12px 28px;

    background:#EAF3FF;

    color:#0A3D62;

    border-radius:40px;

    font-weight:600;

    margin-bottom:25px;

}

.about-page-content h1{

    font-size:62px;

    line-height:1.15;

    color:#0A3D62;

    margin-bottom:20px;

}

.about-page-content h1 span{

    color:#ff7a00;

}

.about-page-content p{

    font-size:19px;

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

.breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-weight:600;

}

.breadcrumb a{

    color:#0A3D62;

}

.breadcrumb span{

    color:#ff7a00;

}

/*=========================================
BIOGRAPHY
=========================================*/

.biography-section{

    padding:120px 0;

    background:#fff;

}

.biography-wrapper{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:80px;

    align-items:center;

}

/* IMAGE */

.bio-image{

    position:relative;

    display:flex;

    justify-content:center;

}

.bio-circle{

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A3D62,#1C6DD0);

    opacity:.08;

}

.bio-image img{

    position:relative;

    max-width:420px;

    width:100%;

    z-index:2;

    filter:drop-shadow(0 25px 45px rgba(0,0,0,.18));

    animation:aboutFloat 5s ease-in-out infinite;

}

/* CONTENT */

.bio-content .section-tag{

    display:inline-block;

    padding:10px 24px;

    background:#EAF3FF;

    border-radius:30px;

    color:#0A3D62;

    font-weight:600;

    margin-bottom:20px;

}

.bio-content h2{

    font-size:50px;

    color:#0A3D62;

    line-height:1.2;

    margin-bottom:25px;

}

.bio-content h2 span{

    color:#ff7a00;

    font-size:34px;

}

.bio-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

/* INFO */

.bio-info{

    display:grid;

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

    gap:20px;

    margin-top:35px;

}

.bio-info div{

    background:#fff;

    padding:22px;

    border-radius:18px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.bio-info div:hover{

    transform:translateY(-6px);

}

.bio-info h4{

    color:#0A3D62;

    margin-bottom:8px;

    font-size:18px;

}

.bio-info span{

    color:#666;

}

/* ANIMATION */

@keyframes aboutFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}




/*=========================================
PROFESSIONAL JOURNEY
=========================================*/

.journey-section{

    padding:120px 0;

    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);

    position:relative;

    overflow:hidden;

}

.journey-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:rgba(10,61,98,.05);

    border-radius:50%;

    top:-180px;

    left:-180px;

}

.journey-section::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    background:rgba(255,136,0,.05);

    border-radius:50%;

    right:-150px;

    bottom:-150px;

}

/*==========================
SECTION HEADING
==========================*/

.section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 80px;

    position:relative;

    z-index:2;

}

.section-heading h2{

    font-size:52px;

    color:#0A3D62;

    line-height:1.2;

    margin:20px 0;

}

.section-heading h2 span{

    color:#ff8c00;

}

.section-heading p{

    font-size:17px;

    color:#666;

    line-height:1.8;

}

/*==========================
TIMELINE
==========================*/

.journey-timeline{

    position:relative;

    max-width:1050px;

    margin:auto;

}

.journey-timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    transform:translateX(-50%);

    background:linear-gradient(#0A3D62,#ff8c00);

    border-radius:50px;

}

/*==========================
ITEM
==========================*/

.journey-item{

    width:50%;

    position:relative;

    margin-bottom:70px;

    padding-right:70px;

}

.journey-item:nth-child(even){

    margin-left:auto;

    padding-right:0;

    padding-left:70px;

}

/*==========================
YEAR
==========================*/

.journey-year{

    position:absolute;

    top:30px;

    right:-32px;

    width:70px;

    height:70px;

    border-radius:50%;

    background:#fff;

    border:5px solid #ff8c00;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

    color:#0A3D62;

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

    z-index:5;

}

.journey-item:nth-child(even) .journey-year{

    left:-35px;

}

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

.journey-card{

    background:#fff;

    border-radius:24px;

    padding:40px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.journey-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

}

.journey-card:hover{

    transform:translateY(-10px);

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

}

.journey-card i{

    width:70px;

    height:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:#edf5ff;

    color:#0A3D62;

    font-size:28px;

    margin-bottom:25px;

}

.journey-card h3{

    font-size:26px;

    color:#0A3D62;

    margin-bottom:18px;

}

.journey-card p{

    color:#666;

    line-height:1.9;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:992px){

.journey-timeline::before{

left:25px;

}

.journey-item{

width:100%;

padding-left:80px;

padding-right:0;

margin-left:0;

}

.journey-item:nth-child(even){

padding-left:80px;

}

.journey-year{

left:-10px !important;

right:auto;

width:60px;

height:60px;

font-size:14px;

}

.section-heading h2{

font-size:42px;

}

}

@media(max-width:768px){

.journey-section{

padding:90px 0;

}

.section-heading{

margin-bottom:60px;

}

.section-heading h2{

font-size:34px;

}

.journey-card{

padding:30px;

}

.journey-card h3{

font-size:22px;

}

.journey-card i{

width:60px;

height:60px;

font-size:24px;

}

}

@media(max-width:576px){

.section-heading h2{

font-size:28px;

}

.section-heading p{

font-size:15px;

}

.journey-item{

padding-left:60px;

}

.journey-timeline::before{

left:18px;

}

.journey-year{

width:50px;

height:50px;

font-size:12px;

border-width:3px;

}

.journey-card{

padding:22px;

border-radius:18px;

}

.journey-card h3{

font-size:20px;

}

.journey-card p{

font-size:15px;

}

}


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

.leadership-section{

    padding:120px 0;

    background:#fff;

}

.leadership-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.leadership-content h2{

    font-size:52px;

    color:#0A3D62;

    margin:20px 0;

    line-height:1.2;

}

.leadership-content h2 span{

    color:#ff8c00;

}

.leadership-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:40px;

}

.leadership-grid{

    display:grid;

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

    gap:25px;

}

.lead-card{

    background:#fff;

    border-radius:20px;

    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    border-top:4px solid transparent;

}

.lead-card:hover{

    transform:translateY(-8px);

    border-color:#ff8c00;

}

.lead-card i{

    width:65px;

    height:65px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:26px;

    margin-bottom:20px;

}

.lead-card h4{

    color:#0A3D62;

    margin-bottom:12px;

    font-size:22px;

}

.lead-card p{

    margin:0;

}

.leadership-image{

    position:relative;

    display:flex;

    justify-content:center;

}

.lead-circle{

    position:absolute;

    width:420px;

    height:420px;

    background:linear-gradient(135deg,#0A3D62,#1c6dd0);

    opacity:.08;

    border-radius:50%;

}

.leadership-image img{

    position:relative;

    width:100%;

    max-width:420px;

    z-index:2;

    filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));

}


/*=========================================
EDUCATION
=========================================*/

.education-section{

    padding:120px 0;

    background:#f8fbff;

}

.education-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.education-card{

    background:#fff;

    border-radius:22px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.education-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff9800);

}

.education-card:hover{

    transform:translateY(-10px);

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

}

.education-icon{

    width:75px;

    height:75px;

    border-radius:18px;

    background:#EDF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:25px;

}

.education-card h3{

    font-size:26px;

    color:#0A3D62;

    margin-bottom:18px;

}

.education-card p{

    color:#666;

    line-height:1.9;

}



/*=========================================
PUBLICATIONS
=========================================*/

.publication-section{

    padding:120px 0;

    background:#ffffff;

}

.publication-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.publication-card{

    background:#fff;

    border-radius:25px;

    padding:40px;

    position:relative;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.publication-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,#0A3D62,#ff9800);

}

.publication-card:hover{

    transform:translateY(-12px);

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

}

.publication-icon{

    width:80px;

    height:80px;

    border-radius:20px;

    background:#EDF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    color:#0A3D62;

    margin-bottom:25px;

}

.publication-type{

    display:inline-block;

    background:#FFF3E5;

    color:#ff8c00;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.publication-card h3{

    font-size:28px;

    color:#0A3D62;

    margin-bottom:18px;

}

.publication-card p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

.publication-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border-radius:50px;

    background:#0A3D62;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.publication-btn:hover{

    background:#ff8c00;

}



/*=========================================
VISION HERO
=========================================*/

.vision-hero{

    position:relative;

    padding:180px 0 130px;

    background:linear-gradient(135deg,#edf5ff 0%,#ffffff 100%);

    overflow:hidden;
    background-size:300% 300%;
animation:bgMove 12s ease infinite;

}

.vision-hero::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(10,61,98,.05);

    top:-180px;

    right:-120px;

}

.vision-hero::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(255,140,0,.06);

    left:-120px;

    bottom:-150px;

}

.vision-hero-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

    text-align:center;

}

.vision-hero-content h1{

    font-size:68px;

    line-height:1.15;

    color:#0A3D62;

    margin:25px 0;

}

.vision-hero-content h1 span{

    color:#ff8c00;

}

.vision-hero-content p{

    max-width:720px;

    margin:auto;

    font-size:19px;

    color:#666;

    line-height:1.9;

}


/*=========================================
VISION STATEMENT
=========================================*/

.vision-statement{

    padding:120px 0;

    background:#fff;

}

.vision-wrapper{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:90px;

    align-items:center;

}

.vision-image{

    position:relative;

    text-align:center;

}

.vision-image::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    background:linear-gradient(135deg,#0A3D62,#2E86DE);

    border-radius:50%;

    opacity:.08;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

}

.vision-image img{

    position:relative;

    width:100%;

    max-width:430px;

    z-index:2;

    filter:drop-shadow(0 25px 45px rgba(0,0,0,.18));

    animation:visionFloat 5s ease-in-out infinite;

}

.vision-content h2{

    font-size:54px;

    line-height:1.2;

    color:#0A3D62;

    margin:20px 0;

}

.vision-content h2 span{

    color:#ff8c00;

}

.vision-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

.vision-content blockquote{

    background:#EDF5FF;

    border-left:5px solid #ff8c00;

    padding:30px;

    border-radius:18px;

    font-size:18px;

    font-style:italic;

    color:#0A3D62;

}


/*=========================================
COMMON SECTION HEADING
=========================================*/

.section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.section-heading h2{

    font-size:52px;

    color:#0A3D62;

    margin-top:18px;

}

.section-heading h2 span{

    color:#ff8c00;

}

.section-heading p{

    margin-top:20px;

    color:#666;

    line-height:1.8;

}


/*=========================================
VISION PILLARS
=========================================*/

.vision-pillars{

    padding:120px 0;

    background:#f8fbff;

}

.pillar-grid{

    display:grid;

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

    gap:30px;

}

.pillar-card{

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    background:rgba(255,255,255,.65);

backdrop-filter:blur(25px);

border:1px solid rgba(255,255,255,.4);

}

.pillar-card:hover{

    transform:translateY(-10px);

}

.pillar-card i{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    border-radius:20px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:25px;

}

.pillar-card h3{

    color:#0A3D62;

    margin-bottom:15px;

    font-size:24px;

}

.pillar-card p{

    color:#666;

    line-height:1.8;

}


/*=========================================
FLOAT
=========================================*/

@keyframes visionFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

}




/*=========================================
NATIONAL PRIORITIES
=========================================*/

.priority-section{

    padding:120px 0;

    background:#ffffff;

}

.priority-grid{

    display:grid;

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

    gap:30px;

}

.priority-item{

    background:#fff;

    padding:45px 30px;

    text-align:center;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.priority-item::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

}

.priority-item:hover{

    transform:translateY(-10px);

}

.priority-item i{

    width:80px;

    height:80px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:20px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:22px;

}

.priority-item h4{

    color:#0A3D62;

    font-size:22px;

}



/*=========================================
ROADMAP
=========================================*/

.roadmap-section{

    padding:120px 0;

    background:#f8fbff;

}

.roadmap{

    display:grid;

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

    gap:20px;

    position:relative;

}

.roadmap::before{

    content:"";

    position:absolute;

    left:8%;

    right:8%;

    top:45px;

    height:4px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

    z-index:1;

}

.road-step{

    position:relative;

    text-align:center;

    z-index:2;

}

.road-step::before{

    content:"";

    width:22px;

    height:22px;

    display:block;

    margin:35px auto 25px;

    border-radius:50%;

    background:#ff8c00;

    border:6px solid #fff;

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

}

.road-step span{

    display:block;

    background:#fff;

    padding:18px;

    border-radius:16px;

    font-weight:600;

    color:#0A3D62;

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

}



/*=========================================
VISION CTA
=========================================*/

.vision-cta{

    padding:120px 0;

    background:#fff;

}

.vision-cta-box{

    background:linear-gradient(135deg,#0A3D62,#154c79);

    color:#fff;

    padding:80px 60px;

    border-radius:35px;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.vision-cta-box::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    right:-80px;

    top:-80px;

}

.vision-cta-box h2{

    font-size:52px;

    line-height:1.2;

    margin-bottom:20px;

}

.vision-cta-box h2 span{

    color:#ffb347;

}

.vision-cta-box p{

    max-width:650px;

    margin:auto;

    line-height:1.9;

    margin-bottom:40px;

    color:#e7e7e7;

}

.vision-btns{

    display:flex;

    justify-content:center;

    gap:20px;

}

.primary-btn,

.secondary-btn{

    padding:16px 36px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.primary-btn{

    background:#ff8c00;

    color:#fff;

}

.secondary-btn{

    border:2px solid rgba(255,255,255,.4);

    color:#fff;

}

.primary-btn:hover{

    background:#fff;

    color:#0A3D62;

}

.secondary-btn:hover{

    background:#fff;

    color:#0A3D62;

}



/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:992px){

    .pillar-grid{

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

    }

    .priority-grid{

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

    }

    .roadmap{

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

        gap:35px;

    }

    .roadmap::before{

        display:none;

    }

    .vision-cta-box h2{

        font-size:40px;

    }

}


@media(max-width:768px){

    .vision-hero{

        padding:140px 0 90px;

    }

    .vision-hero-content h1{

        font-size:44px;

    }

    .vision-wrapper{

        grid-template-columns:1fr;

        gap:60px;

    }

    .vision-content{

        text-align:center;

    }

    .vision-content h2{

        font-size:38px;

    }

    .pillar-grid,

    .priority-grid,

    .roadmap{

        grid-template-columns:1fr;

    }

    .vision-btns{

        flex-direction:column;

        align-items:center;

    }

    .vision-cta-box{

        padding:60px 30px;

    }

}


@media(max-width:576px){

    .vision-hero-content h1{

        font-size:32px;

    }

    .vision-content h2{

        font-size:28px;

    }

    .section-heading h2{

        font-size:30px;

    }

    .pillar-card,

    .priority-item{

        padding:28px 20px;

    }

    .vision-image img{

        max-width:260px;

    }

    .vision-cta{

        padding:80px 0;

    }

    .vision-cta-box{

        padding:45px 20px;

        border-radius:20px;

    }

    .vision-cta-box h2{

        font-size:28px;

    }

    .vision-btns a{

        width:100%;

        text-align:center;

    }

}




/*=========================================
PARLIAMENT HERO
=========================================*/

.parliament-hero{

    position:relative;

    padding:190px 0 130px;

    background:linear-gradient(135deg,#edf5ff,#ffffff);

    overflow:hidden;

}

.hero-circle{

    position:absolute;

    border-radius:50%;

    z-index:1;

}

.hero-circle-1{

    width:420px;

    height:420px;

    background:rgba(10,61,98,.05);

    top:-180px;

    right:-100px;

}

.hero-circle-2{

    width:320px;

    height:320px;

    background:rgba(255,140,0,.08);

    bottom:-120px;

    left:-120px;

}

.parliament-hero-content{

    position:relative;

    z-index:5;

    max-width:850px;

    margin:auto;

    text-align:center;

}

.parliament-hero-content h1{

    font-size:68px;

    color:#0A3D62;

    line-height:1.15;

    margin:25px 0;

}

.parliament-hero-content h1 span{

    color:#ff8c00;

}

.parliament-hero-content p{

    max-width:720px;

    margin:auto;

    color:#666;

    line-height:1.9;

    font-size:19px;

}

.parliament-breadcrumb{

    margin-top:35px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    font-weight:600;

}

.parliament-breadcrumb a{

    color:#0A3D62;

}

.parliament-breadcrumb span{

    color:#ff8c00;

}





/*=========================================
PARLIAMENT PROFILE
=========================================*/

.parliament-profile{

    padding:120px 0;

    background:#fff;

}

.profile-wrapper{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:80px;

    align-items:center;

}

.profile-image{

    position:relative;

    display:flex;

    justify-content:center;

}

.profile-bg{

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A3D62,#2E86DE);

    opacity:.08;

}

.profile-image img{

    position:relative;

    width:100%;

    max-width:420px;

    z-index:2;

    filter:drop-shadow(0 25px 45px rgba(0,0,0,.18));

    animation:profileFloat 5s ease-in-out infinite;

}

.profile-content h2{

    font-size:52px;

    color:#0A3D62;

    line-height:1.2;

    margin:20px 0;

}

.profile-content h2 span{

    display:block;

    font-size:28px;

    color:#ff8c00;

    margin-top:10px;

}

.profile-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

.profile-info{

    display:grid;

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

    gap:22px;

}

.info-card{

    background:#fff;

    padding:25px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

}

.info-card:hover{

    transform:translateY(-8px);

}

.info-card i{

    width:65px;

    height:65px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:24px;

    margin-bottom:18px;

}

.info-card h4{

    color:#0A3D62;

    margin-bottom:8px;

}

.info-card span{

    color:#666;

}

@keyframes profileFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}




/*=========================================
PARLIAMENT TIMELINE
=========================================*/

.parliament-timeline{

    padding:120px 0;

    background:#f8fbff;

}

.timeline{

    position:relative;

    max-width:1000px;

    margin:80px auto 0;

}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:linear-gradient(#0A3D62,#ff8c00);

    transform:translateX(-50%);

    border-radius:30px;

}

.timeline-item{

    width:50%;

    position:relative;

    padding-right:70px;

    margin-bottom:70px;

}

.timeline-item:nth-child(even){

    margin-left:auto;

    padding-left:70px;

    padding-right:0;

}

.timeline-year{

    position:absolute;

    right:-35px;

    top:25px;

    width:70px;

    height:70px;

    background:#fff;

    border:5px solid #ff8c00;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

    color:#0A3D62;

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

    z-index:2;

}

.timeline-item:nth-child(even) .timeline-year{

    left:-35px;

}

.timeline-content{

    background:#fff;

    padding:35px;

    border-radius:22px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.timeline-content:hover{

    transform:translateY(-10px);

}

.timeline-content i{

    width:70px;

    height:70px;

    border-radius:18px;

    background:#EDF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#0A3D62;

    font-size:28px;

    margin-bottom:20px;

}

.timeline-content h3{

    font-size:28px;

    color:#0A3D62;

    margin-bottom:15px;

}

.timeline-content p{

    color:#666;

    line-height:1.9;

}




/*=========================================
PARLIAMENT CONTRIBUTIONS
=========================================*/

.parliament-contributions{

    padding:120px 0;

    background:#ffffff;

}

.contribution-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.contribution-card{

    position:relative;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(15px);

    border:1px solid rgba(10,61,98,.08);

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s;

    overflow:hidden;

}

.contribution-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

}

.contribution-card:hover{

    transform:translateY(-12px);

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

}

.contribution-card i{

    width:80px;

    height:80px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:20px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:25px;

    transition:.35s;

}

.contribution-card:hover i{

    background:#0A3D62;

    color:#fff;

    transform:rotate(-8deg) scale(1.08);

}

.contribution-card h3{

    font-size:24px;

    color:#0A3D62;

    margin-bottom:15px;

}

.contribution-card p{

    color:#666;

    line-height:1.8;

}



/*=========================================
PARLIAMENT COMMITTEE
=========================================*/

.committee-section{

    padding:120px 0;

    background:#f8fbff;

}

.committee-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.committee-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.committee-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

}

.committee-card:hover{

    transform:translateY(-10px);

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

}

.committee-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.committee-role{

    padding:8px 18px;

    background:#EDF5FF;

    color:#0A3D62;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.committee-year{

    color:#ff8c00;

    font-weight:700;

}

.committee-card h3{

    font-size:26px;

    color:#0A3D62;

    margin-bottom:18px;

}

.committee-card p{

    color:#666;

    line-height:1.9;

}



/*=========================================
PARLIAMENT STATISTICS
=========================================*/

.parliament-stats{

    padding:120px 0;

    background:#ffffff;

}

.stats-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.stats-card{

    background:#fff;

    border-radius:24px;

    padding:45px 30px;

    text-align:center;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.stats-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A3D62,#ff8c00);

}

.stats-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.stats-card i{

    width:80px;

    height:80px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:20px;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:25px;

    transition:.35s;

}

.stats-card:hover i{

    background:#0A3D62;

    color:#fff;

    transform:scale(1.08);

}

.stats-card h3{

    font-size:52px;

    color:#ff8c00;

    margin-bottom:10px;

    font-weight:700;

}

.stats-card p{

    color:#555;

    font-size:17px;

    font-weight:600;

}





/*=========================================
PARLIAMENT SPEECHES
=========================================*/

.parliament-speeches{

    padding:120px 0;

    background:#f8fbff;

}

.speech-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.speech-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.4s;

}

.speech-card:hover{

    transform:translateY(-12px);

    box-shadow:0 35px 70px rgba(0,0,0,.14);

}

.speech-image{

    position:relative;

    overflow:hidden;

}

.speech-image img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.5s;

}

.speech-card:hover img{

    transform:scale(1.08);

}

.speech-date{

    position:absolute;

    top:20px;

    right:20px;

    background:#ff8c00;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.speech-content{

    padding:35px;

}

.speech-category{

    color:#0A3D62;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

}

.speech-content h3{

    margin:15px 0;

    color:#0A3D62;

    font-size:28px;

    line-height:1.4;

}

.speech-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;

}

.speech-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}



/*=========================================
PARLIAMENT WORK
=========================================*/

.parliament-work{

    padding:120px 0;

    background:linear-gradient(180deg,#ffffff,#f6f9fc);

}

.work-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.work-card{

    background:#fff;

    padding:40px;

    border-radius:24px;

    border:1px solid rgba(10,61,98,.08);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.work-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:4px;

    background:#ff8c00;

    transition:.4s;

}

.work-card:hover{

    transform:translateY(-12px);

}

.work-card:hover::after{

    width:100%;

}

.work-icon{

    width:75px;

    height:75px;

    border-radius:18px;

    background:#EDF5FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0A3D62;

    font-size:28px;

    margin-bottom:25px;

}

.work-card h3{

    color:#0A3D62;

    margin-bottom:10px;

    font-size:26px;

}

.work-card h4{

    color:#ff8c00;

    font-size:46px;

    margin-bottom:18px;

}

.work-card p{

    color:#666;

    line-height:1.8;

}



/*=============================
MEDIA HERO
=============================*/

.media-hero{

    padding:170px 0 120px;

    background:linear-gradient(180deg,#f6f9ff,#ffffff);

    position:relative;

    overflow:hidden;

}

.media-hero::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    background:#0A3D62;

    opacity:.05;

    border-radius:50%;

    left:-220px;

    top:-220px;

}

.media-hero::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#ff8c00;

    opacity:.08;

    border-radius:50%;

    right:-180px;

    bottom:-180px;

}

.media-hero-content{

    max-width:760px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}

.media-hero h1{

    font-size:72px;

    color:#0A3D62;

    margin:25px 0;

    line-height:1.15;

}

.media-hero h1 span{

    color:#ff8c00;

}

.media-hero p{

    max-width:650px;

    margin:0 auto;

    color:#666;

    line-height:1.9;

    font-size:18px;

}

.media-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:45px;

}

.outline-btn{

    padding:16px 36px;

    border:2px solid #0A3D62;

    border-radius:50px;

    color:#0A3D62;

    text-decoration:none;

    transition:.35s;

}

.outline-btn:hover{

    background:#0A3D62;

    color:#fff;

}



/*==================================
FEATURED MEDIA
==================================*/

.featured-media{

    padding:120px 0;

    background:#fff;

}

.featured-media-grid{

    display:grid;

    grid-template-columns:1.4fr .8fr;

    gap:35px;

    margin-top:60px;

}

.featured-main-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.featured-main-card:hover{

    transform:translateY(-8px);

}

.featured-image{

    position:relative;

}

.featured-image img{

    width:100%;

    height:420px;

    object-fit:cover;

}

.featured-category{

    position:absolute;

    top:25px;

    left:25px;

    background:#ff8c00;

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

}

.featured-content{

    padding:35px;

}

.featured-date{

    color:#ff8c00;

    font-weight:600;

}

.featured-content h3{

    margin:18px 0;

    font-size:34px;

    color:#0A3D62;

    line-height:1.4;

}

.featured-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

/* Side */

.featured-side{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.media-small-card{

    display:flex;

    align-items:center;

    gap:20px;

    background:#fff;

    padding:18px;

    border-radius:20px;

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

    transition:.35s;

}

.media-small-card:hover{

    transform:translateX(8px);

}

.media-small-card img{

    width:130px;

    height:100px;

    object-fit:cover;

    border-radius:14px;

}

.media-small-card span{

    color:#ff8c00;

    font-size:14px;

    font-weight:600;

}

.media-small-card h4{

    margin-top:10px;

    color:#0A3D62;

    font-size:20px;

}




/*==================================
GALLERY HERO
==================================*/

.gallery-hero{

    padding:170px 0 120px;

    background:linear-gradient(180deg,#f4f8fd,#ffffff);

    position:relative;

    overflow:hidden;

}

.gallery-hero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:#0A3D62;

    opacity:.05;

    top:-220px;

    left:-180px;

}

.gallery-hero::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:#ff8c00;

    opacity:.08;

    bottom:-180px;

    right:-120px;

}

.gallery-hero-content{

    max-width:760px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}

.gallery-hero h1{

    font-size:72px;

    color:#0A3D62;

    margin:25px 0;

}

.gallery-hero h1 span{

    color:#ff8c00;

}

.gallery-hero p{

    color:#666;

    line-height:1.9;

    font-size:18px;

    max-width:650px;

    margin:auto;

}

.gallery-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:45px;

}



/*==================================
GALLERY CATEGORIES
==================================*/

.gallery-categories{

    padding:120px 0;

    background:#fff;

}

.gallery-category-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

.gallery-category-card{

    background:#fff;

    border:1px solid #edf1f6;

    border-radius:24px;

    padding:45px 30px;

    text-align:center;

    text-decoration:none;

    transition:.35s;

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

}

.gallery-category-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(10,61,98,.12);

    border-color:#0A3D62;

}

.gallery-category-card i{

    width:80px;

    height:80px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EDF5FF;

    color:#0A3D62;

    font-size:30px;

    margin-bottom:25px;

    transition:.3s;

}

.gallery-category-card:hover i{

    background:#0A3D62;

    color:#fff;

}

.gallery-category-card h3{

    font-size:24px;

    color:#0A3D62;

    margin-bottom:10px;

}

.gallery-category-card span{

    color:#777;

    font-size:15px;

}


/*==================================
CONTACT HERO
==================================*/

.contact-hero{

    padding:170px 0 120px;

    background:linear-gradient(180deg,#F5F9FF,#ffffff);

    text-align:center;

}

.contact-hero h1{

    font-size:70px;

    color:#0A3D62;

    margin:20px 0;

}

.contact-hero h1 span{

    color:#FF8C00;

}

.contact-hero p{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:1.8;

}

/*==================================
CONTACT
==================================*/

.contact-section{

    padding:120px 0;

    background:#fff;

}

.contact-wrapper{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:50px;

}

.contact-info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.contact-card{

    display:flex;

    gap:20px;

    padding:28px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.contact-card i{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#EDF5FF;

    color:#0A3D62;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.contact-card h3{

    color:#0A3D62;

    margin-bottom:8px;

}

.contact-card p{

    color:#666;

    line-height:1.8;

}

.contact-form-box{

    background:#fff;

    padding:45px;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.contact-form-box h2{

    color:#0A3D62;

    margin-bottom:30px;

}

.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-bottom:20px;

}

.contact-form-box input,

.contact-form-box textarea{

    width:100%;

    padding:18px;

    border:1px solid #ddd;

    border-radius:12px;

    outline:none;

    font-size:15px;

}

.contact-form-box textarea{

    margin-bottom:25px;

    resize:none;

}

.contact-map iframe{

    width:100%;

    height:500px;

    border:none;

}