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

        html,
        body {
            width: 100%;
            height: 100%;
            font-family: 'Roboto', sans-serif;
            overflow-x: hidden;
        }

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

        .hero {
            position: relative;
            width: 100%;
            height: 100vh;
            /* min-height: 650px; */
            overflow: hidden;
            background: #111;
        }

        .hero-slide {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;
            opacity: 0;
            transform: scale(1.04);
            transition:
                opacity 1.2s ease,
                transform 7s ease;
        }

        .hero-slide.active {
            opacity: 1;
            transform: scale(1);
        }
.hero-slide img{width:100%;}
        /* Dark overlay */
        .hero-overlay {
            position: absolute;
            inset: 0;
            z-index: 2;
            background:
                linear-gradient(
                    180deg,
                    rgba(0,0,0,.78) 0%,
                    rgba(0,0,0,.25) 20%,
                    rgba(0,0,0,.08) 55%,
                    rgba(0,0,0,.60) 100%
                );
        }

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

        .main-header {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 20;
            color: #fff;
        }

        .header-top {
            height: 38px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 0;
            padding-right: 28px;
            background: linear-gradient(
130deg, #0d469f, #0f6cde);
        }

        .header-top a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400;
            padding: 0 15px;
            border-right: 1px solid rgba(255,255,255,.35);
            transition: .25s ease;
        }

        .header-top a:hover {
            color: #adc7ef;
        }

        .header-top a:last-child {
            border-right: 0;
        }

        .header-main {
            /* height: 68px; */
            display: flex;
            align-items: center;
            padding: 0 28px;
            background: #ffff;
        }

        /* Logo */

        .brand {
            display: flex;
            align-items: center;
            width: 40%;
            min-width: 390px;
        }

        .brand-logo {
            width: 100%;
            /* height: 68px; */
            object-fit: contain;
            margin-right: 12px;
        }

        .brand-name {
            color: #ff7917;
            font-size: 25px;
            font-weight: 700;
            letter-spacing: .3px;
            white-space: nowrap;
        }

        /* Navigation */

        .main-nav {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 0;
            flex: 1;
        }

        .main-nav > a,
        .dropdown-hover > a {
            height: 42px;
            display: flex;
            align-items: center;
            padding: 0 13px;
            color: #000000;
            text-decoration: none;
            font-size: 15px;
            font-weight: 700;
            border-right: 1px solid rgba(255,255,255,.18);
            transition: .25s ease;
            white-space: nowrap;
        }

        .main-nav > a:hover,
        .dropdown-hover:hover > a {
            color: #0e58bd;
        }

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

        .dropdown-hover {
            position: relative;
        }

        .dropdown-hover > a i {
            font-size: 12px;
            margin-left: 7px;
            transition: transform .25s ease;
        }

        .dropdown-hover:hover > a i {
            transform: rotate(180deg);
        }

        .hover-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 230px;
            padding: 10px 0;
            background: #fff;
            border-radius: 3px;
            box-shadow: 0 8px 25px rgba(0,0,0,.3);

            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);

            transition:
                opacity .2s ease,
                visibility .2s ease,
                transform .2s ease;
        }

        .dropdown-hover:hover .hover-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .hover-menu a {
            display: block;
            color: #333;
            text-decoration: none;
            padding: 10px 28px;
            font-size: 16px;
            font-weight: 400;
            transition: .2s ease;
        }

        .hover-menu a:hover {
            background: #f5f5f5;
            color: #0e59bf;
            padding-left: 34px;
        }

        /* CTA */

        .btn-join,
        .btn-donate {
            margin-left: 10px;
            padding: 12px 22px !important;
            border-radius: 4px;
            border: 0 !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #fff !important;
        }

        .btn-join {
            background: #0e59bf;
        }

        .btn-donate {
            background: #f47721;
        }

        .btn-join:hover,
        .btn-donate:hover {
            background: #0d49a5;
            color: #fff !important;
        }

        /* Hamburger */

        .menu-button {
            width: 43px;
            margin-left: 10px;
            text-align: center;
            cursor: pointer;
            color: #fff;
        }

        .menu-button span {
            display: block;
            width: 30px;
            height: 3px;
            margin: 5px auto;
            background: #1d1d1d;
            /* opacity: 0; */
        }

        .menu-label {
            font-size: 10px;
            font-weight: 700;
            display: block;
            margin-bottom: 2px;
            opacity: 0;
        }

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

        .hero-content {
            position: relative;
            z-index: 5;
            height: 100%;
            display: flex;
            align-items: center;
        }

        .hero-left {
            width: 44%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding-bottom: 105px;
        }

        .phone-wrapper {
            position: relative;
            width: 360px;
            max-width: 85%;
            filter: drop-shadow(0 20px 25px rgba(0,0,0,.5));
        }

        .phone-wrapper img {
            width: 100%;
            display: block;
        }

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

        .hero-right {
            width: 56%;
            padding: 90px 8% 70px 20px;
        }

        .hero-title-small {
            color: #fff;
            font-size: clamp(40px, 4.4vw, 72px);
            line-height: .98;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: -2px;
        }

        .hero-title-large {
            color: #ffe000;
            font-size: clamp(55px, 6vw, 98px);
            line-height: .92;
            font-weight: 900;
            margin-top: 55px;
            letter-spacing: -3px;
        }

        .hero-subtitle {
            color: #ffe000;
            font-size: clamp(38px, 4.5vw, 72px);
            line-height: .95;
            font-weight: 700;
        }

        /* App Buttons */

        .store-buttons {
            display: flex;
            gap: 15px;
            margin-top: 48px;
        }

        .store-button {
            width: 315px;
            height: 94px;
            border: 2px solid rgba(255,255,255,.6);
            border-radius: 12px;
            background: rgba(0,0,0,.8);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            transition: .25s ease;
        }

        .store-button:hover {
            transform: translateY(-3px);
            background: #000;
        }

        .store-icon {
            font-size: 48px;
            margin-right: 13px;
        }

        .store-text small {
            display: block;
            font-size: 17px;
            line-height: 1;
            margin-bottom: 4px;
        }

        .store-text strong {
            display: block;
            font-size: 29px;
            line-height: 1;
            font-weight: 500;
        }

        /* =========================================
           SIDE SOCIAL BUTTONS
        ========================================= */

        .side-social {
            position: absolute;
            right: 15px;
            top: 180px;
            z-index: 8;
            display: flex;
            flex-direction: column;
        }

        .side-social a {
            width: 46px;
            height: 46px;
            border: none;
            border-right: 0;
            border-radius: 25px 0 0 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            font-size: 19px;
            margin: 2px 0;
            transition: .25s ease;
            background: #0d55b6;
        }

        .side-social a:hover {
            background: #f47721;
            border-color: #f47721;
        }

        /* =========================================
           SLIDER DOTS
        ========================================= */

        .slider-controls {
            position: absolute;
            z-index: 10;
            bottom: 174px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
        }

        .slider-dot {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: rgba(255,255,255,.45);
            border: 2px solid rgba(255,255,255,.5);
            cursor: pointer;
            transition: .25s ease;
        }

        .slider-dot.active {
            background: #fff;
        }

        /* =========================================
           DOWNLOAD NOW
        ========================================= */

        .download-now {
            position: absolute;
            z-index: 10;
            bottom: 132px;
            left: 72%;
            transform: translateX(-50%);
            background: #e66d17;
            color: #fff;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 15px;
            font-weight: 700;
        }

        /* =========================================
           SCROLL INDICATOR
        ========================================= */

        .scroll-down {
            position: absolute;
            z-index: 10;
            bottom: 200px;
            left: 50%;
            transform: translateX(-50%);
            width: 44px;
            height: 68px;
            border: 2px solid rgba(255,255,255,.9);
            border-radius: 22px;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            padding-bottom: 8px;
            color: #fff;
            font-size: 14px;
        }

        .scroll-down::before {
            content: "";
            position: absolute;
            top: 9px;
            width: 5px;
            height: 10px;
            background: #fff;
            border-radius: 5px;
            animation: scrollAnimation 1.7s infinite;
        }

        @keyframes scrollAnimation {
            0% {
                transform: translateY(0);
                opacity: 1;
            }

            70% {
                transform: translateY(23px);
                opacity: .3;
            }

            100% {
                transform: translateY(23px);
                opacity: 0;
            }
        }

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

        @media (max-width: 1400px) {

            .brand {
                min-width: 350px;
                width: 35%;
            }

            .brand-name {
                font-size: 20px;
            }

            .main-nav > a,
            .dropdown-hover > a {
                padding: 0 8px;
                font-size: 13px;
            }

            .btn-join,
            .btn-donate {
                padding: 10px 14px !important;
            }

            .hero-right {
                padding-right: 4%;
            }

            .store-button {
                width: 260px;
                height: 78px;
            }

            .store-icon {
                font-size: 38px;
            }

            .store-text strong {
                font-size: 23px;
            }
        }

        @media (max-width: 1100px) {

            .header-top {
                display: none;
            }

            .header-main {
                /* height: 80px; */
            }

            .brand {
                min-width: 0;
                width: 100%;
                flex: 1;
                display: flex;
                justify-content: space-between;
            }

            .brand-name {
                font-size: 18px;
            }

            .main-nav {
                display: none;
            }

            .mobile-menu-toggle {
                display: block;
            }

            .hero-left {
                width: 40%;
            }

            .hero-right {
                width: 60%;
            }

            .hero-title-small {
                font-size: 48px;
            }

            .hero-title-large {
                font-size: 65px;
                margin-top: 35px;
            }

            .hero-subtitle {
                font-size: 48px;
            }

            .store-buttons {
                flex-direction: column;
            }

            .download-now {
                left: 70%;
            }
        }

        @media (max-width: 768px) {

            .hero {
                /* min-height: 700px; */
                height: 100vh;
            }

            .header-main {
                padding: 15px 15px;
            }

            .brand-logo {
                width: 270px;
                height: 55px;
            }

            .brand-name {
                font-size: 15px;
                white-space: normal;
                line-height: 1.1;
            }

            .hero-content {
                flex-direction: column;
                justify-content: center;
                padding-top: 90px;
            }

            .hero-left {
                width: 100%;
                height: 42%;
                align-items: center;
                padding-bottom: 0;
            }

            .phone-wrapper {
                width: 220px;
            }

            .hero-right {
                width: 100%;
                padding: 10px 25px 100px;
                text-align: center;
            }

            .hero-title-small {
                font-size: 30px;
                letter-spacing: -1px;
            }

            .hero-title-large {
                font-size: 45px;
                margin-top: 18px;
                letter-spacing: -1px;
            }

            .hero-subtitle {
                font-size: 34px;
            }

            .store-buttons {
                justify-content: center;
                align-items: center;
                margin-top: 25px;
            }

            .store-button {
                width: 250px;
                height: 68px;
            }

            .store-icon {
                font-size: 32px;
            }

            .store-text small {
                font-size: 12px;
            }

            .store-text strong {
                font-size: 20px;
            }

            .side-social {
                top: 45%;
            }

            .slider-controls {
                bottom: 95px;
            }

            .download-now {
                display: none;
            }

            .scroll-down {
                bottom: 15px;
            }
        }


.officers-section { position: relative; background: linear-gradient( 180deg, #ffffff 0%, #f7faf8 100% ); overflow: hidden; } 
/* ============================================ HEADING ============================================= */ 
.officers-heading { max-width: 720px; margin-left: auto; margin-right: auto; } .officers-eyebrow {display: inline-block;color: #919191;font-size: 13px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 10px;} .officers-heading h2 { margin: 0; color: #17201b; font-size: 38px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .heading-line {position: relative;width: 90px;height: 4px;background: #0e57bb;margin: 18px auto;border-radius: 10px;} .heading-line span { position: absolute; width: 30px; height: 4px; background: #f47b20; left: 30px; border-radius: 10px; } .officers-heading p { color: #69736d; font-size: 15px; line-height: 1.7; margin-bottom: 0; } 
 .officers-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 45px;
}

.officers-track {
    display: flex;
    width: 100%;
}

.officer-slide {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}


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

.officer-card {
    height: 100%;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .07);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .07);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.officer-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
}


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

.officer-image-wrap {
    position: relative;
    height: 370px;
    overflow: hidden;
    background: #f5f5f5;
}

.officer-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    transition: transform .5s ease;
}

.officer-card:hover .officer-image {
    transform: scale(1.05);
}


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

.image-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(0, 0, 0, .12)
    );

    pointer-events: none;
}


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

.officer-content {
    padding: 18px 16px 20px;
    text-align: center;
}

.state-badge {
    display: inline-block;

    padding: 5px 11px;

    border-radius: 50px;

    background: #f1f5ff;
    color: #0d6efd;

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

    margin-bottom: 9px;
}

.officer-content h3 {
    margin: 0 0 7px;

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

    line-height: 1.3;

    color: #171717;
}

.designation {
    margin: 0 0 7px;

    color: #555;

    font-size: 14px;
    line-height: 1.5;
}

.organization {
    margin: 0;

    color: #888;

    font-size: 12px;
    line-height: 1.5;
}


/* ==========================================
   CONTROLS
========================================== */

.officer-control {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 42px;
    height: 42px;

    border: 0;
    border-radius: 50%;

    background: #fff;
    color: #111;

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

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

    z-index: 10;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.officer-control:hover {
    background: #0d6efd;
    color: #fff;

    transform: translateY(-50%) scale(1.08);
}

.officer-control i {
    font-size: 20px;
}

.officer-prev {
    left: 5px;
}

.officer-next {
    right: 5px;
}


/* ==========================================
   LARGE DESKTOP
   4 CARDS
========================================== */

@media (min-width: 1200px) {

    .officer-slide {
        flex: 0 0 25%;
        max-width: 25%;
    }

}


/* ==========================================
   LAPTOP
   4 CARDS
========================================== */

@media (max-width: 1199px) {

    .officer-slide {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .officer-image-wrap {
        height: 330px;
    }

}


/* ==========================================
   TABLET
   3 CARDS
========================================== */

@media (max-width: 991px) {

  .officer-slide {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .officer-image-wrap {
        height: 300px;
    }

}


/* ==========================================
   MOBILE
   2 CARDS
========================================== */

@media (max-width: 767px) {

    .officers-slider {
        padding-left: 35px;
        padding-right: 35px;
    }

 .officer-slide {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .officer-image-wrap {
        height: 260px;
    }

    .officer-content {
        padding: 15px 12px 18px;
    }

    .officer-content h3 {
        font-size: 16px;
    }

    .designation {
        font-size: 13px;
    }

    .organization {
        font-size: 11px;
    }

}


/* ==========================================
   SMALL MOBILE
   1 CARD
========================================== */

@media (max-width: 575px) {

    .officers-slider {
        padding-left: 40px;
        padding-right: 40px;
    }

    .officer-slide {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .officer-image-wrap {
        height: 300px;
    }

    .officer-content h3 {
        font-size: 18px;
    }

    .designation {
        font-size: 14px;
    }

    .organization {
        font-size: 12px;
    }

}


/* ==========================================
   REDUCE MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

    .officers-track {
        transition: none !important;
    }

    .officer-card,
    .officer-image,
    .officer-control {
        transition: none !important;
    }

}

.officer-prev,
.officer-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 42px;
    height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 50%;

    background: #ffffff;
    color: #222;

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

    padding: 0;
    margin: 0;

    z-index: 20;
    cursor: pointer;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Previous */

.officer-prev {
    left: 5px;
}


/* Next */

.officer-next {
    right: 5px;
}


/* Icon */

.officer-prev i,
.officer-next i {
    font-size: 19px;
    line-height: 1;
}


/* Hover */

.officer-prev:hover,
.officer-next:hover {
    background: #0d6efd;
    color: #ffffff;

    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.30);

    transform: translateY(-50%) scale(1.08);
}


/* Click */

.officer-prev:active,
.officer-next:active {
    transform: translateY(-50%) scale(0.95);
}


/* Mobile */

@media (max-width: 767px) {

    .officer-prev,
    .officer-next {
        width: 36px;
        height: 36px;
    }

    .officer-prev {
        left: 3px;
    }

    .officer-next {
        right: 3px;
    }

    .officer-prev i,
    .officer-next i {
        font-size: 16px;
    }

}
    .updates-section {
        position: relative;
        padding: 85px 0;
        background:
            linear-gradient(
                180deg,
                #f8faf9 0%,
                #ffffff 100%
            );
        overflow: hidden;
    }


    /* Decorative background */

    .updates-section::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        border-radius: 50%;
        background: rgb(11 67 148 / 8%);
        top: -250px;
        left: -250px;
    }


    .updates-section::after {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        border-radius: 50%;
        background: rgba(244, 123, 32, .035);
        bottom: -250px;
        right: -200px;
    }


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

    .updates-heading {
        position: relative;
        z-index: 2;
        margin-bottom: 50px;
    }

    .updates-heading span {
        display: inline-block;
        color: #9c9c9c;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .updates-heading h2 {
        margin: 0;
        color: #17201b;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .updates-heading-line {
        width: 75px;
        height: 4px;
        border-radius: 10px;
        background: #0c4ca3;
        margin: 17px auto 0;
        position: relative;
    }

    .updates-heading-line::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 4px;
        border-radius: 10px;
        background: #f47721;
        left: 26px;
    }


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

    .updates-box {
        position: relative;
        z-index: 2;
        height: 100%;
        background: #fff;
        border-radius: 16px;
        overflow: hidden;

        border: 1px solid #e7ece9;

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

        transition:
            transform .35s ease,
            box-shadow .35s ease;
    }

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

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


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

    .updates-box-header {
        display: flex;
        align-items: center;
        min-height: 82px;
        padding: 16px 22px;
        background: linear-gradient(135deg, #0d469f, #0f6cde);
        color: #fff;
    }


    .updates-icon {
        width: 48px;
        height: 48px;

        flex-shrink: 0;

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

        margin-right: 14px;

        border-radius: 12px;

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

        font-size: 21px;
    }


    .updates-box-header h3 {
        margin: 0 0 3px;

        font-size: 20px;
        font-weight: 700;
    }


    .updates-box-header small {
        color: rgba(255,255,255,.75);
        font-size: 12px;
    }


    /* =========================================
       SCROLL AREA
    ========================================== */

    .updates-list-wrapper {
        height: 405px;
        overflow: hidden;
        position: relative;

        /* top/bottom fade */
        mask-image:
            linear-gradient(
                to bottom,
                transparent 0,
                black 8%,
                black 92%,
                transparent 100%
            );
    }


    .updates-list {
        padding: 5px 18px;

        transform: translateY(0);

        animation:
            updatesAutoScroll 22s
            linear
            infinite;
    }


    /*
       Pause scrolling when user
       moves mouse over the list
    */

    .updates-list-wrapper:hover .updates-list {
        animation-play-state: paused;
    }


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

    .update-item {
        display: flex;
        align-items: flex-start;

        position: relative;

        text-decoration: none;

        padding: 17px 5px;

        border-bottom: 1px solid #edf0ee;

        transition:
            background .25s ease,
            padding .25s ease;
    }


    .update-item:hover {
        background: #f7faf8;
        padding-left: 10px;
        padding-right: 8px;
    }


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

    .update-date {
        width: 53px;
        min-width: 53px;
        height: 58px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 13px;
        border-radius: 9px;
        background: #eff6ff;
        border: 1px solid #cce1ff;
        color: #0d49a4;
    }


    .update-date strong {
        font-size: 20px;
        line-height: 20px;
        font-weight: 800;
    }


    .update-date span {
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1px;
        margin-top: 2px;
    }


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

    .update-content {
        min-width: 0;
        padding-right: 20px;
    }


    .update-content h4 {
        margin: 0 0 5px;

        color: #202722;

        font-size: 14px;
        line-height: 1.4;
        font-weight: 700;

        transition: color .2s ease;
    }


    .update-item:hover .update-content h4 {
        color: #0d56ba;
    }


    .update-content p {
        margin: 0;

        color: #7a827d;

        font-size: 12px;
        line-height: 1.5;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


    /* =========================================
       ARROW
    ========================================== */

    .update-arrow {
        position: absolute;

        right: 3px;
        top: 50%;

        transform: translateY(-50%);

        color: #b6c0ba;

        font-size: 13px;

        transition:
            color .2s ease,
            transform .2s ease;
    }


    .update-item:hover .update-arrow {
        color: #0e57bb;
        transform:
            translate(3px,-50%);
    }


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

    .updates-footer {
        padding: 17px 22px;

        border-top: 1px solid #edf0ee;

        background: #fbfcfb;
    }


    .updates-footer a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: #0f397e;
        font-size: 13px;
        font-weight: 700;
    }


    .updates-footer a i {
        transition: transform .2s ease;
    }


    .updates-footer a:hover i {
        transform: translateX(5px);
    }


    /* =========================================
       SMOOTH CONTINUOUS UPWARD SCROLL
    ========================================== */

    @keyframes updatesAutoScroll {

        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-48%);
        }

    }


    /* =========================================
       ORANGE ACCENT ON 3RD BOX
    ========================================== */

    .col-lg-4:nth-child(3) .updates-box-header {
        background:
            linear-gradient(
                135deg,
                #e96f16,
                #f47721
            );
    }


    .col-lg-4:nth-child(3) .update-date {
        background: #fff7f0;
        border-color: #fce1ce;
        color: #e96f16;
    }


    .col-lg-4:nth-child(3)
    .update-item:hover
    .update-content h4 {
        color: #e96f16;
    }


    .col-lg-4:nth-child(3)
    .update-item:hover
    .update-arrow {
        color: #e96f16;
    }


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

    @media (max-width: 991px) {

        .updates-section {
            padding: 65px 0;
        }

        .updates-heading h2 {
            font-size: 30px;
        }

        .updates-box {
            margin-bottom: 10px;
        }

    }


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

    @media (max-width: 575px) {

        .updates-section {
            padding: 55px 0;
        }

        .updates-heading {
            margin-bottom: 35px;
        }

        .updates-heading h2 {
            font-size: 25px;
            line-height: 1.3;
        }

        .updates-list-wrapper {
            height: 380px;
        }

        .updates-box-header {
            min-height: 75px;
        }

        .updates-box-header h3 {
            font-size: 18px;
        }

    }
.widget-footprint{background:url('../image/icr_bg.jpeg');padding:5% 0;background-size: cover;background-repeat: no-repeat;position: relative;}
 .widget-footprint::before{content:"";background: linear-gradient(233.19deg, #0d469fcf -2.2%, #04214eed 80.36%);position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 0;}
 .widget-footprint .content-box, .widget-footprint .map-box{z-index: 1;}
 .widget-footprint .map-box .st1{
    fill: #f37620;
}
 .widget-footprint .map-box .st0{
    fill: #fff;
}
.widget-footprint .content-box h3{
    font-family: impact;
    font-size: 80px;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 15%;
}
.widget-footprint .content-box h4{
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-weight: 100;
    margin-bottom: 15px;
}
.widget-footprint .content-box p{
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
}
 
.widget-footprint .map-box svg{width:100%;}


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

    .media-download-section {
        position: relative;
        padding: 80px 0;
        background: #f7f9f8;
        overflow: hidden;
    }


    /* ================================================
       LEFT VIDEO PANEL
    ================================================= */

    .media-panel {
        height: 100%;
        background: #fff;

        border: 1px solid #e1e5e3;
        border-radius: 12px;

        overflow: hidden;

        box-shadow:
            0 8px 30px rgba(0,0,0,.06);
    }


    .media-panel-header {
        min-height: 72px;
        padding: 13px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(
14deg, #0d469f, #0f6cde);
        color: #fff;
    }


    .section-mini-title {
        display: block;

        font-size: 10px;
        font-weight: 700;

        letter-spacing: 2px;

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

        margin-bottom: 2px;
    }


    .media-panel-header h2 {
        margin: 0;

        font-size: 25px;
        font-weight: 700;
    }


    .view-all-btn {
        color: #fff;
        text-decoration: none;

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

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

        transition: .25s ease;
    }


    .view-all-btn:hover {
        color: #fff;
        transform: translateX(3px);
    }


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

    .video-card {
        display: block;
        background: #fff;
        border: 1px solid #dfe3e1;
        border-radius: 8px;
        overflow: hidden;
        text-decoration: none;
        height: 319px;
        transition:
            transform .3s ease,
            box-shadow .3s ease;
    }


    .video-card:hover {
        transform: translateY(-5px);

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


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

    .video-thumbnail {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #222;
        height: 320px;
    }


    .video-thumbnail img {
        width: 100%;
        height: 100%;

        object-fit: cover;

        display: block;

        transition:
            transform .5s ease;
    }


    .video-card:hover .video-thumbnail img {
        transform: scale(1.05);
    }


    .video-overlay {
        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                180deg,
                transparent 45%,
                rgba(0,0,0,.45)
            );
    }


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

    .play-button {
        position: absolute;

        left: 50%;
        top: 50%;

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

        width: 76px;
        height: 54px;

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

        border-radius: 14px;

        background: #ff0033;

        color: #fff;

        font-size: 32px;

        padding-left: 3px;

        box-shadow:
            0 8px 25px rgba(0,0,0,.3);

        transition:
            transform .25s ease,
            background .25s ease;
    }


    .video-card:hover .play-button {
        transform:
            translate(-50%, -50%)
            scale(1.1);

        background: #e6002e;
    }


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

    .video-content {
        padding: 18px 20px 20px;
    }


    .video-date {
        color: #69736e;

        font-size: 13px;

        margin-bottom: 12px;

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


    .video-date i {
        color: #078d46;
    }


    .video-content h3 {
        margin: 0;

        color: #222;

        font-size: 17px;
        line-height: 1.45;

        font-weight: 600;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

        overflow: hidden;
    }


    .video-card:hover .video-content h3 {
        color: #0879ed;
    }


    /* ================================================
       DOWNLOAD PANEL
    ================================================= */

    .downloads-panel {
        height: 100%;

        background: #fff;

        border: 1px solid #e1e5e3;

        border-radius: 12px;

        overflow: hidden;

        box-shadow:
            0 8px 30px rgba(0,0,0,.06);
    }


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

    .downloads-header {
        min-height: 90px;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(135deg, #0d469f, #0f6cde);
        color: #fff;
    }


    .downloads-title {
        display: flex;
        align-items: center;
    }


    .downloads-header-icon {
        width: 50px;
        height: 50px;

        border-radius: 12px;

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

        margin-right: 13px;

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

        font-size: 22px;
    }


    .downloads-title span {
        display: block;

        font-size: 9px;
        letter-spacing: 2px;

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

        font-weight: 700;
    }


    .downloads-title h2 {
        margin: 2px 0 0;

        font-size: 22px;
        font-weight: 700;
    }


    .downloads-view-all {
        color: #fff;
        text-decoration: none;

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

        white-space: nowrap;

        transition: .25s ease;
    }


    .downloads-view-all:hover {
        color: #fff;
        transform: translateX(3px);
    }


    .downloads-view-all i {
        margin-left: 4px;
    }


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

    .downloads-list {
        padding: 8px 15px;
    }


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

    .download-item {
        position: relative;

        display: flex;
        align-items: center;

        padding: 17px 8px;

        text-decoration: none;

        border-bottom: 1px solid #edf0ee;

        transition:
            background .25s ease,
            padding .25s ease;
    }


    .download-item:last-child {
        border-bottom: 0;
    }


    .download-item:hover {
        background: #f7faf8;

        padding-left: 13px;
    }


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

    .pdf-icon {
        width: 48px;
        height: 54px;

        flex-shrink: 0;

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

        margin-right: 14px;

        border-radius: 8px;

        background: #fff1f1;

        color: #df2d35;

        font-size: 24px;

        transition: .25s ease;
    }


    .download-item:hover .pdf-icon {
        background: #0d469f;
        color: #fff;
    }


    /* ================================================
       DOWNLOAD INFO
    ================================================= */

    .download-info {
        min-width: 0;

        flex: 1;
    }


    .download-info h3 {
        margin: 0 0 7px;

        color: #252a27;

        font-size: 14px;
        line-height: 1.35;

        font-weight: 700;
    }


    .download-item:hover .download-info h3 {
        color: #0d469f;
    }


    .download-meta {
        display: flex;
        align-items: center;
        gap: 14px;

        color: #89918d;

        font-size: 11px;
    }


    .download-meta span:last-child {
        color: #df2d35;

        font-weight: 700;

        padding: 2px 7px;

        border-radius: 4px;

        background: #fff1f1;
    }


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

    .download-action {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #e0edff3b;
        color: #7c7c7c;
        font-size: 16px;
        transition:
            background .25s ease,
            color .25s ease,
            transform .25s ease;
    }


    .download-item:hover .download-action {
        background: #0d469f;
        color: #fff;
        transform: translateY(-2px);
    }


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

    .downloads-footer {
        padding: 16px 20px;

        border-top: 1px solid #edf0ee;

        background: #fbfcfb;
    }


    .downloads-footer a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #0f397e;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }


    .downloads-footer a i {
        transition: transform .2s ease;
    }


    .downloads-footer a:hover i {
        transform: translateX(5px);
    }


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

    @media (max-width: 1199px) {

        .video-content h3 {
            font-size: 15px;
        }

        .downloads-title h2 {
            font-size: 19px;
        }

    }


    @media (max-width: 991px) {

        .media-download-section {
            padding: 60px 0;
        }

        .downloads-panel {
            margin-top: 5px;
        }

    }


    @media (max-width: 575px) {

        .media-download-section {
            padding: 45px 0;
        }

        .media-panel-header h2 {
            font-size: 21px;
        }

        .downloads-header {
            padding: 13px 15px;
        }

        .downloads-header-icon {
            width: 43px;
            height: 43px;
        }

        .downloads-title h2 {
            font-size: 18px;
        }

        .downloads-view-all {
            font-size: 11px;
        }

    }



      /* ================================================
       BLOG SECTION
    ================================================= */

    .blog-section {

        position: relative;

        padding: 80px 0;

        background: #ffffff;

        overflow: hidden;

    }


    /* Subtle background decoration */

    .blog-section::before {

        content: "";

        position: absolute;

        width: 420px;
        height: 420px;

        border-radius: 50%;

        background: rgba(8, 148, 71, .035);

        top: -220px;
        left: -180px;

    }


    .blog-section::after {

        content: "";

        position: absolute;

        width: 350px;
        height: 350px;

        border-radius: 50%;

        background: rgba(244, 119, 33, .035);

        bottom: -200px;
        right: -150px;

    }


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

    .blog-section-header {

        position: relative;

        z-index: 2;

        display: flex;

        align-items: flex-end;

        justify-content: space-between;

        margin-bottom: 35px;

        padding-bottom: 18px;

        border-bottom: 1px solid #e7ebe9;

    }


    .blog-mini-title {

display: block;

color: #6d6d6d;

font-size: 10px;

font-weight: 800;

letter-spacing: 2.5px;

margin-bottom: 5px;

}


    .blog-section-header h2 {

        margin: 0;

        color: #1c2420;

        font-size: 30px;

        font-weight: 700;

    }


    .blog-view-all {

display: inline-flex;

align-items: center;

gap: 7px;

padding: 9px 17px;

border-radius: 6px;

background: #f2751f;

color: #fff;

text-decoration: none;

font-size: 13px;

font-weight: 600;

transition: all .25s ease;

}


    .blog-view-all:hover {

background: #FF9800;

color: #fff;

transform: translateX(3px);

}


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

    .blog-card {
            position: relative;
            z-index: 2;
            display: flex;
            height: 100%;
            overflow: hidden;
            background: #fff;
            border: 1px solid #e2e6e4;
            border-radius: 10px;
            text-decoration: none;
            box-shadow:
            0 5px 20px rgba(0,0,0,.045);
            transition:
            transform .35s ease,
            box-shadow .35s ease;
            }


    .blog-card:hover {

        transform: translateY(-7px);

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

    }


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

    .blog-image {position: relative;width: 40%;height: 220px;overflow: hidden;background: #e9eeeb;}


    .blog-image img {

        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;

        transition:
            transform .55s ease;

    }


    .blog-card:hover .blog-image img {

        transform: scale(1.06);

    }


    /* ================================================
       CATEGORY
    ================================================= */

    .blog-category {

position: absolute;

top: 15px;

left: 15px;

padding: 5px 11px;

border-radius: 5px;

background: #f2751f;

color: #fff;

font-size: 10px;

font-weight: 700;

text-transform: uppercase;

letter-spacing: .7px;

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

}


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

    .blog-content {padding: 20px 21px 22px;width: 60%;}


    /* ================================================
       META
    ================================================= */

    .blog-meta {

display: flex;

align-items: center;

gap: 16px;

margin-bottom: 11px;

color: #252525;

font-size: 11px;

}


    .blog-meta span {

        display: inline-flex;

        align-items: center;

        gap: 5px;

    }


    .blog-meta i {

color: #000000;

}


    /* ================================================
       TITLE
    ================================================= */

    .blog-content h3 {

        margin: 0 0 10px;

        color: #222824;

        font-size: 18px;

        line-height: 1.4;

        font-weight: 700;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        transition: color .25s ease;

    }


    .blog-card:hover .blog-content h3 {

color: #f2751f;

}


    /* ================================================
       DESCRIPTION
    ================================================= */

    .blog-content p {

        margin: 0 0 17px;

        color: #707873;

        font-size: 13px;

        line-height: 1.65;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

    }


    /* ================================================
       READ MORE
    ================================================= */

    .blog-read-more {

display: inline-flex;

align-items: center;

gap: 7px;

color: #f2751f;

font-size: 12px;

font-weight: 700;

transition: all .25s ease;

}


    .blog-read-more i {

        transition:
            transform .25s ease;

    }


    .blog-card:hover .blog-read-more i {

        transform: translateX(5px);

    }


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

    @media (max-width: 991px) {

        .blog-section {

            padding: 65px 0;

        }

        .blog-image {

            height: 210px;

        }

    }


    @media (max-width: 575px) {

        .blog-section {

            padding: 50px 0;

        }

        .blog-section-header {

            align-items: flex-start;

            flex-direction: column;

            gap: 15px;

        }

        .blog-section-header h2 {

            font-size: 25px;

        }

        .blog-view-all {

            align-self: flex-start;

        }

        .blog-image {

            height: 220px;

        }

    }


     .icr-join-section {

        position: relative;

        padding: 100px 0;

        background: #ffffff;

        overflow: hidden;

        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;

    }


    /* subtle background shape */

    .icr-join-section::before {

        content: "";

        position: absolute;

        width: 520px;
        height: 520px;

        border-radius: 50%;

        border: 1px solid #f0f0f0;

        top: -300px;
        left: -250px;

    }


    .icr-join-section::after {

        content: "";

        position: absolute;

        width: 400px;
        height: 400px;

        border-radius: 50%;

        background: #fafbf9;

        bottom: -250px;
        right: -180px;

    }


    .icr-join-section .container {

        position: relative;

        z-index: 2;

    }


    /* =================================================
       LEFT INTRO
    ================================================= */

    .icr-join-intro {

        position: sticky;

        top: 100px;

        padding-right: 35px;

    }


    .icr-overline {

display: flex;

align-items: center;

gap: 12px;

margin-bottom: 22px;

color: #686868;

font-size: 11px;

font-weight: 800;

letter-spacing: 2.8px;

}


    .icr-overline::before {

content: "";

width: 35px;

height: 2px;

background: #f77c1c;

}


    .icr-join-intro h2 {

        margin: 0;

        color: #17221c;

        font-size: clamp(42px, 5vw, 62px);

        line-height: 1.04;

        letter-spacing: -2px;

        font-weight: 700;

    }


    .icr-join-intro h2 span {

display: block;

color: #f77c1c;

}


    /* Accent */

    .icr-accent-line {

width: 70px;

height: 4px;

margin: 28px 0;

background: #17221c;

border-radius: 10px;

}


    .icr-join-intro p {

        max-width: 410px;

        margin: 0 0 32px;

        color: #68716c;

        font-size: 15px;

        line-height: 1.85;

    }


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

    .icr-join-button {

display: inline-flex;

align-items: center;

gap: 15px;

padding: 6px 7px 6px 22px;

border-radius: 50px;

background: #f67c1c;

color: #fff;

text-decoration: none;

font-size: 12px;

font-weight: 800;

letter-spacing: 1.3px;

box-shadow: 0 8px 22px rgb(246 124 28 / 8%);

transition: all .3s ease;

}


    .icr-join-button i {

width: 40px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

background: #ffffff;

color: #f67c1c;

font-size: 15px;

transition: transform .3s ease;

}


    .icr-join-button:hover {

color: #fff;

background: #0d469f;

transform: translateY(-3px);

box-shadow: 0 12px 28px rgb(13 70 159 / 20%);

}


    .icr-join-button:hover i {

        transform: rotate(45deg);

    }


    /* =================================================
       DECORATIVE ICR MARK
    ================================================= */

    .icr-join-mark {

display: flex;

align-items: center;

gap: 10px;

margin-top: 28px;

color: #d7dcd9;

}


    .icr-join-mark span {

        font-size: 11px;

        font-weight: 800;

        letter-spacing: 4px;

    }


    .icr-join-mark div {

        width: 70px;

        height: 1px;

        background: #dfe3e0;

    }


    

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

    @media (max-width: 991px) {

        .icr-join-section {

            padding: 75px 0;

        }

        .icr-join-intro {

            position: static;

            padding-right: 0;

            margin-bottom: 30px;

        }

        

        .icr-join-mark {

            margin-top: 40px;

        }

    }


    @media (max-width: 575px) {

        .icr-join-section {

            padding: 55px 0;

        }

        .icr-join-intro h2 {

            font-size: 40px;

            letter-spacing: -1px;

        }

         

    }

.widget-socialmedia{padding: 5% 0;background: #0d469f;}
.widget-socialmedia .headbox{padding-bottom: 50px;}
.widget-socialmedia .headbox h3{
    margin: 0;
    font-size: 2.5em;
    color: #fff;
    font-weight: 700;
}
.widget-socialmedia .headbox span{
    color: #81b2ff;
    font-size: 18px;
}
.widget-socialmedia .social-grid{padding: 0 10px;}
.widget-socialmedia .social-grid .innerbox{
    background: #fff;
    padding: 50px 20px 10px 20px;
}
.widget-socialmedia .social-grid .innerbox h2{
    position: relative;
    /* display: flex; */
    align-items: center;
    padding: 15px;
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    width: calc(100% - 20px);
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    margin: 0 auto;
    text-align: CENTER;
    color: #000;
    font-size: 22px;
    }
.widget-socialmedia .social-grid .innerbox h2:before{content:"";position: absolute;right: 100%;top: 0px;border-right: 10px solid #DFDFDF;border-top: 19px solid transparent;border-bottom: 0px solid transparent;}
.widget-socialmedia .social-grid .innerbox h2:after{content:"";position: absolute;left: 100%;top: 0px;border-left: 10px solid #DFDFDF;border-top: 19px solid transparent;border-bottom: 0px solid transparent;}
.widget-socialmedia .social-grid .details{    max-height: 400px;
    overflow: auto;}
    .widget-socialmedia .social-grid .row{margin: 0;position: relative;}


    /* widget-gov-links */
.widget-gov-links{
    padding: 3% 0;
    background: #fff;
    padding-bottom: 2%;
}
 
.widget-gov-links .itembox a{border: 1px solid #e5e5e5;background-color: #ffffff;display: block;margin: 0 6px;padding: 10px;outline: none;/* box-shadow: 5px 8px 0px 4px rgba(0, 0, 0, 0.12); */}
.widget-gov-links .itembox img{height:auto;width: 100%; }
#govLinksCarousel {
    padding: 10px 45px;
}

#govLinksCarousel .carousel-item {
    transition: transform 0.8s ease-in-out;
}

#govLinksCarousel .itembox {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#govLinksCarousel .itembox:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

#govLinksCarousel .itembox img {
    max-width: 100%;
    max-height: 75px;
    object-fit: contain;
}

#govLinksCarousel .carousel-control-prev,
#govLinksCarousel .carousel-control-next {
    width: 40px;
}

@media (max-width: 767px) {
    #govLinksCarousel {
        padding: 10px 30px;
    }

    #govLinksCarousel .itembox {
        height: 100px;
        padding: 12px;
    }

    #govLinksCarousel .itembox img {
        max-height: 65px;
    }
}


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

    .icr-footer {

        position: relative;

        color: #fff;

        background: #101c17;

    }


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

    .icr-footer-cta {

padding: 0;

background: #f77c1c;

}


    .icr-footer-cta-inner {

        min-height: 145px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 30px;

        padding: 30px 0;

    }


    .icr-footer-cta-content span {

        display: block;

        margin-bottom: 8px;

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

        font-size: 10px;

        font-weight: 800;

        letter-spacing: 2.5px;

    }


    .icr-footer-cta-content h2 {

        margin: 0;

        color: #fff;

        font-size: 30px;

        line-height: 1.3;

        font-weight: 600;

    }


    /* CTA button */

    .icr-footer-join-btn {

display: inline-flex;

align-items: center;

gap: 14px;

padding: 7px 8px 7px 23px;

border-radius: 50px;

background: #fff;

color: #15221b;

text-decoration: none;

font-size: 12px;

font-weight: 800;

letter-spacing: 1px;

white-space: nowrap;

transition: all .3s ease;

}


    .icr-footer-join-btn i {

width: 40px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

background: #f77c1c;

color: #fff;

transition: transform .3s ease;

}


    .icr-footer-join-btn:hover {

        color: #15221b;

        transform: translateY(-3px);

        box-shadow:
            0 10px 25px rgba(0,0,0,.18);

    }


    .icr-footer-join-btn:hover i {

        transform: rotate(45deg);

    }


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

    .icr-footer-main {

padding: 70px 0 55px;

background: #fff;

}


    /* =================================================
       BRAND
    ================================================= */

    .icr-footer-logo {

        display: inline-block;

        margin-bottom: 22px;

    }


    .icr-footer-logo img {

width: 100%;

height: auto;

display: block;

}


    .icr-footer-brand p {

max-width: 390px;

margin: 0 0 25px;

color: #404040;

font-size: 15px;

line-height: 1.85;

}


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

    .icr-footer-social {

        display: flex;

        align-items: center;

        gap: 8px;

    }


    .icr-footer-social a {

width: 37px;

height: 37px;

display: flex;

align-items: center;

justify-content: center;

border: 1px solid #525252;

border-radius: 50%;

color: #525252;

text-decoration: none;

font-size: 14px;

transition: all .25s ease;

}


    .icr-footer-social a:hover {

border-color: #0d4aa6;

background: #0e5fc8;

color: #ffffff;

transform: translateY(-3px);

}


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

    .icr-footer-column h3 {

position: relative;

margin: 3px 0 25px;

padding-bottom: 13px;

color: #000000;

font-size: 15px;

font-weight: 700;

}


    .icr-footer-column h3::after {

content: "";

position: absolute;

left: 0;

bottom: 0;

width: 30px;

height: 2px;

background: #ed771b;

}


    .icr-footer-column ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }


    .icr-footer-column ul li {

        margin-bottom: 12px;

    }


    .icr-footer-column ul li a {

display: inline-flex;

align-items: center;

gap: 5px;

color: #4a4a4a;

text-decoration: none;

font-size: 15px;

transition: all .25s ease;

}


    .icr-footer-column ul li a:hover {

color: #0e5dc5;

transform: translateX(4px);

}


    .icr-footer-column ul li a i {

color: #4d4d4d;

font-size: 17px;

}


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

    .icr-contact-item {

        display: flex;

        align-items: flex-start;

        gap: 12px;

        margin-bottom: 19px;

    }


    .icr-contact-icon {

width: 34px;

height: 34px;

flex-shrink: 0;

display: flex;

align-items: center;

justify-content: center;

border-radius: 7px;

background: rgb(14 92 196 / 22%);

color: #0e5abf;

font-size: 14px;

}


    .icr-contact-item span {

display: block;

margin-bottom: 3px;

color: #69766f;

font-size: 12px;

font-weight: 800;

letter-spacing: 1.5px;

}


    .icr-contact-item p {

margin: 0;

color: #606060;

font-size: 14px;

line-height: 1.55;

}


    .icr-contact-item a {

color: #606060;

text-decoration: none;

font-size: 14px;

transition: color .2s ease;

}


    .icr-contact-item a:hover {

        color: #fff;

    }


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

    .icr-footer-bottom {

background: linear-gradient(14deg, #0d469f, #0f6cde);

/* border-top: 1px solid #26332c; */

}


    .icr-footer-bottom-inner {

        min-height: 70px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;

    }


    .icr-footer-bottom p {

margin: 0;

color: #ffffff;

font-size: 14px;

}


    .icr-footer-legal {

        display: flex;

        align-items: center;

        gap: 13px;

    }


    .icr-footer-legal a {

color: #ffffff;

text-decoration: none;

font-size: 14px;

transition: color .2s ease;

}


    .icr-footer-legal a:hover {

        color: #d0a84d;

    }


    .icr-footer-legal span {

width: 3px;

height: 3px;

border-radius: 50%;

background: #ffffff;

}


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

    @media (max-width: 991px) {

        .icr-footer-cta-inner {

            min-height: auto;

            padding: 30px 0;

        }

        .icr-footer-cta-content h2 {

            font-size: 25px;

        }

        .icr-footer-main {

            padding: 55px 0 40px;

        }

    }


    @media (max-width: 767px) {

        .icr-footer-cta-inner {

            align-items: flex-start;

            flex-direction: column;

        }

        .icr-footer-cta-action {

            margin-top: 3px;

        }

        .icr-footer-bottom-inner {

            padding: 20px 0;

            align-items: flex-start;

            flex-direction: column;

        }

        .icr-footer-legal {

            flex-wrap: wrap;

        }

    }


    @media (max-width: 575px) {

        .icr-footer-cta-content h2 {

            font-size: 22px;

        }

        .icr-footer-main {

            padding: 45px 0 30px;

        }

        .icr-footer-logo img {

            width: 165px;

        }

    }


    .faq-section {
    background: #f8f9fb;
}

.faq-subtitle {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e5731a;
    margin-bottom: 10px;
}

.faq-title {
    font-size: 42px;
    font-weight: 700;
    color: #172033;
    margin-bottom: 15px;
}

.faq-description {
    color: #6c757d;
    font-size: 16px;
    line-height: 1.7;
}

.faq-accordion .accordion-item {
    border: 1px solid #e7e9ee;
    border-radius: 10px !important;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
}

.faq-accordion .accordion-button {
    padding: 20px 22px;
    font-size: 16px;
    font-weight: 600;
    color: #172033;
    background: #fff;
    box-shadow: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
    color: #f77c1c;
    background: #fff;
    box-shadow: none;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.faq-accordion .accordion-button::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
}

.faq-accordion .accordion-body {
    padding: 0 22px 22px;
    color: #6c757d;
    font-size: 15px;
    line-height: 1.8;
}
.faq-accordion .accordion-body p{margin-bottom:5px;}
@media (max-width: 767px) {

    .faq-title {
        font-size: 32px;
    }

    .faq-description {
        font-size: 15px;
    }

    .faq-accordion .accordion-button {
        padding: 17px;
        font-size: 15px;
    }

    .faq-accordion .accordion-body {
        padding: 0 17px 18px;
    }
}

.widget-breadcrumb {
    position: relative;
    padding: 55px 0;
    background: #f7f8fa;
    border-bottom: 1px solid #e9ebef;
}

.widget-breadcrumb .head {
    text-align: center;
}

.widget-breadcrumb .head h3 {
    margin: 0 0 14px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
    letter-spacing: -0.5px;
}

/* Breadcrumb */
.widget-breadcrumb .breadcrumbbox {
    display: flex;
    justify-content: center;
}

.widget-breadcrumb .breadcrumbbox ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-breadcrumb .breadcrumbbox ul li {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #7a8190;
    padding: 0 14px;
}

.widget-breadcrumb .breadcrumbbox ul li:first-child {
    padding-left: 0;
}

.widget-breadcrumb .breadcrumbbox ul li:last-child {
    padding-right: 0;
}

/* Separator */
.widget-breadcrumb .breadcrumbbox ul li + li::before {
    content: "/";
    position: absolute;
    left: -2px;
    top: 0;
    color: #f47721;
    font-weight: 600;
}

/* Home Link */
.widget-breadcrumb .breadcrumbbox ul li a {
    color: #f47721;
    text-decoration: none;
    transition: all 0.3s ease;
}

.widget-breadcrumb .breadcrumbbox ul li a:hover {
    color: #172033;
}

/* Mobile */
@media (max-width: 767px) {

    .widget-breadcrumb {
        padding: 40px 0;
    }

    .widget-breadcrumb .head h3 {
        font-size: 30px;
    }

    .widget-breadcrumb .breadcrumbbox ul li {
        font-size: 14px;
    }
}

.aboutcontainer{
    padding: 40px 0;
}
.aboutcontainer .aboutpageleft{
    padding-right: 30px;
}
.aboutcontainer .aboutpageleft img{max-width:100%;}
.aboutcontainer .aboutpageleft h3{
    /* font-family: impact; */
    text-transform: uppercase;
    margin: 0;
    font-size: 2.5em;
    color: #000;
    padding: 0 0 10px;
}
.aboutcontainer .aboutpageleft p{
    font-size: 16px;
    /* letter-spacing: 0.5px; */
    text-align: justify;
}

.aboutcontainer .aboutpageleft ul{padding-left:15px}
.aboutcontainer .aboutpageleft ul li{font-size:16px}


.blogcontainer .news-updatebox{
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 25px;
    box-shadow: 0px 15px 10px -15px #9999993b;
    border-radius: 8px;
}
 
.blogcontainer .news-updatebox a .news-det h3{
    margin: 0;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}
.blogcontainer .news-updatebox a .news-det span{
    color: #9b9b9b;
}
.newscontainer{padding: 40px 0;}

.news-updates-panel {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(20, 30, 50, 0.06);
}


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

.news-updates-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;

    padding: 28px 30px 24px;

    background: #ffffff;
    border-bottom: 1px solid #edf0f3;
}

.news-header-content {
    min-width: 0;
}

.news-section-label {
    display: block;
    margin-bottom: 7px;

    color: #0e59bd;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.news-header-content h2 {
    margin: 0;

    color: #172033;

    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
}



.news-header-content p {
    margin: 8px 0 0;

    color: #7a8190;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   VIEW ALL
========================================================= */

.news-view-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    flex-shrink: 0;

    color: #172033;

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

    text-decoration: none;

    transition: all 0.3s ease;
}

.news-view-all i {
    color: #0e59bd;
    transition: all 0.3s ease;
}

.news-view-all:hover {
    color: #0e59bd;
}

.news-view-all:hover i {
    transform: translate(3px, -3px);
}


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

.news-feed-list {
    width: 100%;

    padding: 5px 30px;

    height: auto;
    max-height: none;

    overflow: visible;
}


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

.news-feed-item {
    position: relative;

    display: flex;
    align-items: center;

    gap: 18px;

    width: 100%;

    padding: 19px 0;

    color: inherit;
    text-decoration: none;

    border-bottom: 1px solid #edf0f3;

    transition:
        padding 0.3s ease,
        background 0.3s ease;
}

.news-feed-item:last-child {
    border-bottom: none;
}


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

.news-feed-date {
    flex: 0 0 58px;

    width: 58px;
    height: 62px;

    display: flex;
    flex-direction: column;

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

    background: #f7f8fa;

    border: 1px solid #e8ebef;
    border-radius: 10px;

    transition: all 0.3s ease;
}

.news-feed-date strong {
    display: block;

    color: #172033;

    font-size: 21px;
    line-height: 1;

    font-weight: 700;

    transition: color 0.3s ease;
}

.news-feed-date span {
    display: block;

    margin-top: 5px;

    color: #0e59bd;

    font-size: 10px;
    line-height: 1;

    font-weight: 700;
    letter-spacing: 1px;

    transition: color 0.3s ease;
}


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

.news-feed-content {
    flex: 1;
    min-width: 0;
}

.news-feed-type {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-bottom: 5px;

    color: #0e59bd;

    font-size: 10px;
    line-height: 1;

    font-weight: 700;
    letter-spacing: 1px;

    text-transform: uppercase;
}

.news-feed-type i {
    font-size: 12px;
}

.news-feed-content h4 {
    margin: 0;

    color: #273044;

    font-size: 15px;
    line-height: 1.5;

    font-weight: 600;

    transition: color 0.3s ease;
}


/* =========================================================
   ARROW
========================================================= */

.news-feed-arrow {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

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

    color: #8a919d;

    background: #f7f8fa;

    border-radius: 50%;

    transition: all 0.3s ease;
}

.news-feed-arrow i {
    font-size: 14px;
}


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

.news-feed-item:hover {
    padding-left: 8px;
}

.news-feed-item:hover .news-feed-date {
    background: #0e59bd;
    border-color: #0e59bd;
}

.news-feed-item:hover .news-feed-date strong,
.news-feed-item:hover .news-feed-date span {
    color: #ffffff;
}

.news-feed-item:hover .news-feed-content h4 {
    color: #0e59bd;
}

.news-feed-item:hover .news-feed-arrow {
    color: #ffffff;

    background: #0e59bd;

    transform: translateX(3px);
}


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

.news-updates-footer {
    padding: 17px 30px;

    background: #fafbfc;

    border-top: 1px solid #edf0f3;
}

.news-updates-footer a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #172033;

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

    text-decoration: none;

    transition: color 0.3s ease;
}

.news-updates-footer a i {
    color: #0e59bd;

    transition: transform 0.3s ease;
}

.news-updates-footer a:hover {
    color: #0e59bd;
}

.news-updates-footer a:hover i {
    transform: translateX(5px);
}


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

@media (max-width: 991px) {

    .news-updates-header {
        padding: 25px;
    }

    .news-feed-list {
        padding: 5px 25px;
    }

    .news-updates-footer {
        padding: 16px 25px;
    }

}


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

@media (max-width: 767px) {

    .news-updates-panel {
        border-radius: 14px;
    }

    .news-updates-header {
        padding: 22px 20px;

        align-items: flex-start;

        flex-direction: column;

        gap: 15px;
    }

    .news-header-content h2 {
        font-size: 24px;
    }

    .news-header-content p {
        font-size: 13px;
    }

    .news-feed-list {
        padding: 5px 20px;
    }

    .news-feed-item {
        gap: 12px;
        padding: 16px 0;
    }

    .news-feed-date {
        flex: 0 0 52px;

        width: 52px;
        height: 56px;
    }

    .news-feed-date strong {
        font-size: 18px;
    }

    .news-feed-date span {
        font-size: 9px;
    }

    .news-feed-content h4 {
        font-size: 14px;
        line-height: 1.4;
    }

    .news-feed-type {
        font-size: 9px;
    }

    .news-feed-arrow {
        width: 30px;
        height: 30px;

        flex: 0 0 30px;
    }

    .news-feed-arrow i {
        font-size: 12px;
    }

    .news-updates-footer {
        padding: 15px 20px;
    }

}


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

@media (max-width: 400px) {

    .news-feed-item {
        gap: 9px;
    }

    .news-feed-date {
        flex: 0 0 48px;

        width: 48px;
        height: 53px;
    }

    .news-feed-date strong {
        font-size: 17px;
    }

    .news-feed-content h4 {
        font-size: 13px;
    }

    .news-feed-arrow {
        width: 27px;
        height: 27px;

        flex-basis: 27px;
    }

}


.single-news-section {
    padding: 60px 0 80px;
    background: #f7f8fa;
}


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

.single-news-card {
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(20, 30, 50, 0.05);
}


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

.single-news-header {
    padding: 35px 40px 30px;
    border-bottom: 1px solid #e7eaf0;
}

.single-news-category {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    color: #0e58bc;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.single-news-category i {
    font-size: 14px;
}

.single-news-header h1 {
    margin: 0;

    color: #172033;

    font-size: 36px;
    line-height: 1.3;

    font-weight: 700;
}

.single-news-meta {
    display: flex;
    align-items: center;
    gap: 20px;

    margin-top: 18px;
}

.single-news-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #7a8190;

    font-size: 14px;
}

.single-news-meta i {
    color: #0e58bd;
}


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

.single-news-image {
    width: 100%;
    background: #f1f2f4;
}

.single-news-image img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 520px;

    object-fit: cover;
}


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

.single-news-content {
    padding: 35px 40px 20px;

    color: #555e6e;

    font-size: 16px;
    line-height: 1.85;
}

.single-news-intro {
    margin-bottom: 25px;

    padding-left: 18px;

    color: #273044;

    font-size: 18px;
    line-height: 1.7;

    font-weight: 500;

    border-left: 3px solid #b58b3a;
}

.single-news-content h2 {
    margin: 30px 0 15px;

    color: #172033;

    font-size: 25px;
    font-weight: 700;
}

.single-news-content h3 {
    margin: 25px 0 12px;

    color: #172033;

    font-size: 21px;
    font-weight: 700;
}

.single-news-content p {
    margin-bottom: 18px;
}

.single-news-content ul,
.single-news-content ol {
    margin-bottom: 20px;
    padding-left: 25px;
}

.single-news-content li {
    margin-bottom: 8px;
}

.single-news-content a {
    color: #b58b3a;
    text-decoration: underline;
}
.single-blog-section {
    padding: 60px 0 80px;
    background: #ffffff;
}


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

.single-blog-card {
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(20, 30, 50, 0.05);
}


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

.single-blog-header {
    padding: 35px 40px 30px;
}

.single-blog-category {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 15px;

    color: #b58b3a;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.single-blog-category i {
    font-size: 14px;
}

.single-blog-header h1 {
    margin: 0;
    color: #172033;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
}

.single-blog-meta {
    display: flex;
    align-items: center;
    gap: 20px;

    margin-top: 18px;
}

.single-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #7a8190;

    font-size: 14px;
}

.single-blog-meta i {
    color: #b58b3a;
}


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

.single-blog-image {
    width: 100%;
    background: #f1f2f4;
}

.single-blog-image img {
    display: block;
    width: 100%;
    /* height: auto; */
    /* max-height: 520px; */
    /* object-fit: cover; */
}


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

.blog-image-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding: 11px 40px;

    background: #fafbfc;

    border-bottom: 1px solid #edf0f3;

    color: #7a8190;

    font-size: 12px;
}

.image-description {
    flex: 1;
}

.image-source {
    white-space: nowrap;
}

.image-source i {
    color: #b58b3a;
    margin-right: 4px;
}


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

.single-blog-content {
    padding: 35px 40px 25px;

    color: #555e6e;

    font-size: 16px;
    line-height: 1.85;
}


/* Summary */

.blog-summary {
    margin-bottom: 28px;

    padding: 20px 22px;

    color: #273044;

    background: #fafbfc;

    border-left: 4px solid #b58b3a;
    border-radius: 0 8px 8px 0;

    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
}


/* Content HTML */

.single-blog-content p {
    margin: 0 0 20px;
}

.single-blog-content h2 {
    margin: 35px 0 15px;

    color: #172033;

    font-size: 27px;
    line-height: 1.35;
    font-weight: 700;
}

.single-blog-content h3 {
    margin: 30px 0 13px;

    color: #172033;

    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.single-blog-content h4 {
    margin: 25px 0 12px;

    color: #172033;

    font-size: 18px;
    font-weight: 700;
}

.single-blog-content ul,
.single-blog-content ol {
    margin: 0 0 22px;
    padding-left: 25px;
}

.single-blog-content li {
    margin-bottom: 8px;
}

.single-blog-content a {
    color: #b58b3a;
    text-decoration: underline;
}

.single-blog-content img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 25px auto;

    border-radius: 10px;
}

.single-blog-content blockquote {
    margin: 25px 0;

    padding: 20px 25px;

    color: #273044;

    background: #fafbfc;

    border-left: 4px solid #b58b3a;

    font-size: 17px;
    font-style: italic;
}

.single-blog-content table {
    width: 100%;
    margin: 25px 0;

    border-collapse: collapse;
}

.single-blog-content table th,
.single-blog-content table td {
    padding: 10px 12px;

    border: 1px solid #e5e8ed;

    text-align: left;
}

.single-blog-content table th {
    color: #172033;
    background: #f7f8fa;
}


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

.single-blog-footer {
    padding: 20px 40px;

    border-top: 1px solid #edf0f3;
}

.single-blog-footer a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #172033;

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

    text-decoration: none;

    transition: all .3s ease;
}

.single-blog-footer a i {
    color: #0d55b5;
    transition: transform .3s ease;
}

.single-blog-footer a:hover {
    color: #0d55b6;
}

.single-blog-footer a:hover i {
    transform: translateX(-4px);
}


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

@media (max-width: 767px) {

    .single-blog-section {
        padding: 35px 0 50px;
    }

    .single-blog-header {
        padding: 25px 20px;
    }

    .single-blog-header h1 {
        font-size: 27px;
    }

    .single-blog-content {
        padding: 25px 20px 15px;

        font-size: 15px;
    }

    .blog-summary {
        font-size: 16px;
        padding: 16px 18px;
    }

    .blog-image-caption {
        padding: 10px 20px;

        align-items: flex-start;
        flex-direction: column;
    }

    .image-source {
        white-space: normal;
    }

    .single-blog-footer {
        padding: 18px 20px;
    }

}



.membership-page {
    background: #fff7e9;
    min-height: 100vh;
    padding: 40px 15px 60px;
}

.membership-wrapper {
    max-width: 650px;
    margin: auto;
}

.membership-title {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin-bottom: 18px;
}


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

.membership-card {
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #0e4ca9;
    box-shadow:
        0 12px 35px rgba(0,0,0,.12);
    position: relative;
}


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

.membership-header {

height: 205px;

background: linear-gradient(130deg, #0d469f, #0f6cde);

padding: 35px 28px;

position: relative;

color: #fff;
}


/* Logo */

.membership-logo {

    position: absolute;

    left: 25px;
    top: 32px;

    width: 105px;
    height: 105px;

    object-fit: contain;

    background: #fff;

    border-radius: 50%;

    padding: 5px;
}


/* Party information */

.membership-party-info {

    margin-left: 135px;

    padding-top: 7px;
}

.membership-party-name {

    font-size: 29px;

    line-height: 1.05;

    font-weight: 900;

    letter-spacing: .3px;

    color: #fff;

    margin-bottom: 13px;
}

.membership-address {

    font-size: 14px;

    line-height: 1.35;

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

    font-weight: 500;
}


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

.member-photo-wrapper {

position: absolute;

right: 15px;

top: 115px;

width: 150px;

height: 150px;

background: #f8f8fa;

border-radius: 43px;

border: 5px solid #0d4fae;

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

display: flex;

align-items: center;

justify-content: center;

overflow: hidden;

z-index: 5;
}

.member-photo {

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Default avatar */

.default-member-icon {

    width: 120px;
    height: 120px;

    border-radius: 50%;

    background: #e6e6eb;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 55px;

    color: #888;
}


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

.membership-body {

    min-height: 150px;

    padding: 40px 30px 25px;

    position: relative;

    background: #fff;
}


/* Information */

.member-information {

    width: calc(100% - 185px);

    font-size: 15px;

    color: #111;
}

.member-row {

    display: grid;

    grid-template-columns: 110px 15px 1fr;

    margin-bottom: 8px;

    line-height: 1.25;
}

.member-label {

    font-weight: 700;
}

.member-colon {

    font-weight: 600;
}

.member-value {

    font-weight: 500;

    word-break: break-word;
}


/* QR */

.member-qr {

    position: absolute;

    right: 28px;

    bottom: 17px;

    width: 78px;

    height: 78px;

    background: #fff;

    padding: 3px;

    border: 1px solid #ddd;
}

.member-qr img,
.member-qr canvas {

    width: 100% !important;

    height: 100% !important;
}


/* ============================
   ACTION BUTTONS
============================ */

.card-actions {

    display: flex;

    gap: 35px;

    margin-top: 22px;
}

.card-action {

    flex: 1;

    height: 54px;

    border-radius: 30px;

    font-size: 19px;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    cursor: pointer;

    transition: .25s;

    text-decoration: none;
}


/* Share */

.share-card {

    background: transparent;

    border: 1.5px solid #16a36a;

    color: #16a36a;
}

.share-card:hover {

    background: #16a36a;

    color: #fff;
}


/* Download */

.download-card {

    background: #f45100;

    color: #fff;

    border: 1.5px solid #f45100;
}

.download-card:hover {

    background: #dc4400;

    color: #fff;
}


/* Mobile */

@media(max-width:600px) {

    .membership-page {

        padding: 25px 12px 50px;

    }

    .membership-title {

        font-size: 25px;

    }

    .membership-header {

        height: 185px;

        padding: 25px 18px;

    }

    .membership-logo {

        width: 82px;
        height: 82px;

        left: 18px;
        top: 28px;

    }

    .membership-party-info {

        margin-left: 100px;

    }

    .membership-party-name {

        font-size: 20px;

    }

    .membership-address {

        font-size: 11px;

    }

    .member-photo-wrapper {

        width: 125px;
        height: 130px;

        top: 100px;

        right: 12px;

        border-radius: 30px;

    }

    .membership-body {

        padding: 60px 18px 20px;

    }

    .member-information {

        width: 100%;

        padding-right: 125px;

    }

    .member-row {

        grid-template-columns: 80px 12px 1fr;

        font-size: 12px;

    }

    .member-qr {

        right: 18px;

        bottom: 20px;

        width: 75px;

        height: 75px;

    }

    .card-actions {

        gap: 12px;

    }

    .card-action {

        height: 50px;

        font-size: 16px;

    }

}




.join-icr-section {
    min-height: 100vh;
         background: linear-gradient(130deg, #0d469f, #0f6cde);
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 60px 20px;
}

.join-icr-card {
    width: 100%;
    max-width: 550px;
    background: #fff;

    border-radius: 18px;

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

    overflow: hidden;
}

.join-icr-body {
    padding: 38px;
}

.join-icr-logo {
    text-align: center;
    margin-bottom: 18px;
}

.join-icr-logo img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.join-title {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    color: #222;
    margin-bottom: 7px;
}

.join-subtitle {
    text-align: center;
    color: #777;
    font-size: 14px;
    margin-bottom: 28px;
}

.form-label {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.form-control,
.form-select {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #f36b21;
}

.btn-icr {
    height: 52px;
    border: 0;
    border-radius: 8px;

    background: #f36b21;
    color: #fff;

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

    width: 100%;
}

.btn-icr:hover {
    background: #d95710;
    color: #fff;
}

.otp-box {
    display: none;
}

.registration-box {
    display: none;
}

.otp-input {
    text-align: center;
    font-size: 24px;
    letter-spacing: 8px;
    font-weight: 700;
}

.resend {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}

.resend a {
    color: #f36b21;
    text-decoration: none;
    font-weight: 600;
}

.divider {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 25px 0;

    color: #999;
    font-size: 14px;
}

.divider:before,
.divider:after {
    content: "";
    height: 1px;
    background: #ddd;
    flex: 1;
}

#joinMessage {
    display: none;
    margin-bottom: 20px;
}

.photo-preview {
    width: 90px;
    height: 90px;

    border-radius: 50%;

    object-fit: cover;

    border: 3px solid #f36b21;

    display: none;

    margin: 10px auto;
}

@media(max-width:575px) {

    .join-icr-body {
        padding: 25px 20px;
    }

    .join-title {
        font-size: 23px;
    }

}


.contactcontainer {
    padding: 70px 0;
    background: #f7f8fa;
}

.contactcontainer .container {
    max-width: 1140px;
}


/* =========================================================
   LEFT CONTACT CARD
========================================================= */

.contactpageleft {
    height: 100%;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    box-shadow: 0 12px 40px rgba(20, 30, 50, 0.06);
    width: 100%;
}

.contactpageleft h3 {
    position: relative;

    margin: 0 0 28px;

    padding-bottom: 15px;

    color: #172033;

    font-size: 30px;
    line-height: 1.3;

    font-weight: 700;
}

.contactpageleft h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: #f77c1c;
    border-radius: 10px;
}


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

.contactlist {
    margin: 0;
    padding: 0;

    list-style: none;
}

.contactlist li {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 15px;

    padding: 17px 0;

    color: #626b7a;

    font-size: 15px;
    line-height: 1.6;

    border-bottom: 1px solid #edf0f3;
}

.contactlist li:last-child {
    border-bottom: none;
}


/* =========================================================
   ORGANIZATION NAME
========================================================= */

.contactlist .headname {
    display: block;

    padding-top: 0;

    color: #172033;

    font-size: 19px;
    line-height: 1.5;

    font-weight: 700;
}


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

.contactlist li a {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    width: 100%;

    color: #626b7a;

    text-decoration: none;

    transition: all .3s ease;
}

.contactlist li a:hover {
    color: #e2711a;
}


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

.contactlist li i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f77c1c;
    background: #faf7f0;
    border-radius: 10px;
    font-size: 17px;
    transition: all .3s ease;
}

.contactlist li a:hover i {
    color: #ffffff;
    background: #f77c1c;
    transform: translateY(-2px);
}


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

.contactmap {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 420px;

    border: 0 !important;

    border-radius: 18px;

    box-shadow: 0 12px 40px rgba(20, 30, 50, 0.08);
}


/* =========================================================
   DESKTOP ALIGNMENT
========================================================= */

.contactcontainer .row {
    align-items: stretch;
}

.contactcontainer .col-md-6 {
    display: flex;
}


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

@media (max-width: 991px) {

    .contactcontainer {
        padding: 55px 0;
    }

    .contactpageleft {
        padding: 30px;
    }

    .contactpageleft h3 {
        font-size: 27px;
    }

    .contactmap {
        min-height: 400px;
    }

}


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

@media (max-width: 767px) {

    .contactcontainer {
        padding: 40px 0;
    }

    .contactcontainer .col-md-6 {
        display: block;
    }

    .contactpageleft {
        height: auto;

        padding: 25px 20px;

        border-radius: 14px;
    }

    .contactpageleft h3 {
        margin-bottom: 22px;

        font-size: 25px;
    }

    .contactlist li {
        padding: 14px 0;

        font-size: 14px;
    }

    .contactlist .headname {
        font-size: 17px;
    }

    .contactlist li i {
        width: 36px;
        height: 36px;

        flex-basis: 36px;

        font-size: 15px;
    }

    .contactlist li a {
        gap: 12px;
    }

    .contactmap {
        min-height: 320px;

        margin-top: 20px;

        border-radius: 14px;
    }

}



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

.photocontainerg {
    padding: 70px 0;
    background: #f7f8fa;
}


/* =========================================================
   PHOTO BOX
========================================================= */

.photobox {
    width: 100%;
}

.photobox figure {
    position: relative;

    width: 100%;
    height: 280px;

    margin: 0;

    overflow: hidden;

    background: #ffffff;

    border-radius: 14px;

    cursor: pointer;

    box-shadow: 0 8px 25px rgba(20, 30, 50, 0.08);
}


/* Image */

.photobox figure > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease,
        filter .5s ease;
}


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

.photobox figure::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(10, 18, 30, .85),
        rgba(10, 18, 30, 0) 60%
    );

    opacity: .9;

    pointer-events: none;
}


/* =========================================================
   DETAILS
========================================================= */

.detbox {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

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

    gap: 15px;

    padding: 20px;

    color: #ffffff;
}

.text-name {
    flex: 1;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 600;
}


/* View icon */

.gallery-view {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #ffffff;

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

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

    border-radius: 50%;

    backdrop-filter: blur(5px);

    transition: all .3s ease;
}

.gallery-view i {
    font-size: 16px;
}


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

.photobox figure:hover > img {
    transform: scale(1.07);
    filter: brightness(.85);
}

.photobox figure:hover .gallery-view {
    color: #ffffff;
    background: #b58b3a;
    border-color: #b58b3a;
    transform: scale(1.08);
}


/* =========================================================
   MODAL
========================================================= */

.photo-viewer-modal .modal-dialog {
    max-width: 1100px;
}

.photo-viewer-modal .modal-content {
    position: relative;

    padding: 0;

    background: #11151d;

    border: none;

    border-radius: 12px;

    overflow: hidden;
}


/* Image */

.photo-viewer-image {
    width: 100%;
    height: 75vh;

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

    background: #11151d;
}

.photo-viewer-image img {
    display: block;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;
}


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

.photo-close {
    position: absolute;

    top: 15px;
    right: 15px;

    z-index: 10;

    width: 42px;
    height: 42px;

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

    color: #ffffff;

    background: rgba(0, 0, 0, .55);

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

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s ease;
}

.photo-close:hover {
    background: #b58b3a;
    border-color: #b58b3a;
}


/* =========================================================
   NEXT / PREVIOUS
========================================================= */

.photo-nav {
    position: absolute;

    top: 50%;

    z-index: 10;

    transform: translateY(-50%);

    width: 48px;
    height: 48px;

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

    color: #ffffff;

    background: rgba(0, 0, 0, .55);

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

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s ease;
}

.photo-nav:hover {
    color: #ffffff;

    background: #b58b3a;

    border-color: #b58b3a;
}

.photo-nav i {
    font-size: 20px;
}

.photo-prev {
    left: 20px;
}

.photo-next {
    right: 20px;
}


/* =========================================================
   CAPTION
========================================================= */

.photo-viewer-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 16px 25px;

    background: #181d27;

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

.photo-viewer-caption h4 {
    margin: 0;

    color: #ffffff;

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

.photo-viewer-caption span {
    color: #aeb5c1;

    font-size: 13px;
}


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

@media (max-width: 767px) {

    .photocontainerg {
        padding: 40px 0;
    }

    .photobox figure {
        height: 230px;
    }

    .text-name {
        font-size: 14px;
    }

    .gallery-view {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }

    .photo-viewer-image {
        height: 65vh;
    }

    .photo-nav {
        width: 40px;
        height: 40px;
    }

    .photo-prev {
        left: 10px;
    }

    .photo-next {
        right: 10px;
    }

    .photo-viewer-caption {
        padding: 13px 15px;
    }

    .photo-viewer-caption h4 {
        font-size: 14px;
    }

}


/* =========================================================
   VIDEO GALLERY
========================================================= */

.videocontainerg {
    padding: 70px 0;
    background: #f7f8fa;
}


/* =========================================================
   VIDEO BOX
========================================================= */

.videobox {
    position: relative;

    width: 100%;

    background: #ffffff;

    border: 1px solid #e7eaf0;

    border-radius: 15px;

    overflow: hidden;

    cursor: pointer;

    box-shadow: 0 8px 25px rgba(20, 30, 50, 0.07);

    transition: all .35s ease;
}

.videobox:hover {
    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(20, 30, 50, 0.12);
}


/* =========================================================
   THUMBNAIL
========================================================= */

.video-thumbnail {
    position: relative;

    width: 100%;
    height: 230px;

    overflow: hidden;

    background: #11151d;
}

.video-thumbnail img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .5s ease;
}

.videobox:hover .video-thumbnail img {
    transform: scale(1.06);
}


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

.video-overlay {
    position: absolute;

    inset: 0;

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

    background: rgba(10, 15, 25, .18);

    transition: background .3s ease;
}

.videobox:hover .video-overlay {
    background: rgba(10, 15, 25, .35);
}


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

.video-play {
    width: 62px;
    height: 62px;

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

    color: #ffffff;

    background: #b58b3a;

    border-radius: 50%;

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

    transition: all .3s ease;
}

.video-play i {
    margin-left: 3px;

    font-size: 30px;
}

.videobox:hover .video-play {
    transform: scale(1.12);

    background: #ffffff;

    color: #b58b3a;
}


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

.video-content {
    padding: 18px 20px;
}

.video-content h3 {
    margin: 0;

    color: #172033;

    font-size: 16px;
    line-height: 1.5;

    font-weight: 600;
}


/* =========================================================
   VIDEO VIEWER MODAL
========================================================= */

.video-viewer-modal .modal-dialog {
    max-width: 1100px;
}

.video-viewer-modal .modal-content {
    position: relative;

    overflow: hidden;

    background: #11151d;

    border: none;

    border-radius: 12px;
}


/* =========================================================
   VIDEO FRAME
========================================================= */

.video-viewer-frame {
    width: 100%;
    height: 70vh;

    background: #000;
}

.video-viewer-frame iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}


/* =========================================================
   CLOSE
========================================================= */

.video-close {
    position: absolute;

    top: 15px;
    right: 15px;

    z-index: 20;

    width: 42px;
    height: 42px;

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

    color: #ffffff;

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

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

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s ease;
}

.video-close:hover {
    color: #ffffff;

    background: #b58b3a;

    border-color: #b58b3a;
}


/* =========================================================
   PREVIOUS / NEXT
========================================================= */

.video-nav {
    position: absolute;

    top: 50%;

    z-index: 20;

    width: 48px;
    height: 48px;

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

    transform: translateY(-50%);

    color: #ffffff;

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

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

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s ease;
}

.video-nav:hover {
    color: #ffffff;

    background: #b58b3a;

    border-color: #b58b3a;
}

.video-nav i {
    font-size: 20px;
}

.video-prev {
    left: 18px;
}

.video-next {
    right: 18px;
}


/* =========================================================
   CAPTION
========================================================= */

.video-viewer-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 16px 25px;

    background: #181d27;

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

.video-viewer-caption h4 {
    margin: 0;

    color: #ffffff;

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

.video-viewer-caption span {
    color: #aeb5c1;

    font-size: 13px;
}


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

@media (max-width: 767px) {

    .videocontainerg {
        padding: 40px 0;
    }

    .video-thumbnail {
        height: 210px;
    }

    .video-play {
        width: 55px;
        height: 55px;
    }

    .video-play i {
        font-size: 26px;
    }

    .video-viewer-frame {
        height: 55vh;
    }

    .video-nav {
        width: 40px;
        height: 40px;
    }

    .video-prev {
        left: 8px;
    }

    .video-next {
        right: 8px;
    }

    .video-viewer-caption {
        padding: 13px 15px;
    }

    .video-viewer-caption h4 {
        font-size: 14px;
    }

}

.widget-download{padding: 30px 0;}


 

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

.slide-menu-overlay {
    position: fixed;

    inset: 0;

    z-index: 9998;

    background: rgba(15, 20, 30, .45);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .4s ease,
        visibility .4s ease;

    backdrop-filter: blur(3px);
}

.slide-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}


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

.slide-menu {
    position: fixed;

    top: 0;
    right: 0;

    z-index: 9999;

    width: 420px;
    max-width: 90vw;

    height: 100vh;

    display: flex;
    flex-direction: column;

    background: #ffffff;

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

    transform: translateX(100%);

    transition: transform .45s cubic-bezier(.77, 0, .175, 1);

    visibility: hidden;
}

.slide-menu.active {
    transform: translateX(0);

    visibility: visible;
}


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

.slide-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 25px 28px;

    border-bottom: 1px solid #edf0f3;

    background: #ffffff;
}

.slide-menu-title span {
    display: block;
    margin-bottom: 4px;
    color: #0e58bd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.slide-menu-title h3 {
    margin: 0;

    color: #172033;

    font-size: 22px;
    font-weight: 700;
}


/* =========================================================
   CLOSE
========================================================= */

.slide-menu-close {
    width: 42px;
    height: 42px;

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

    color: #172033;

    background: #f7f8fa;

    border: 1px solid #e7eaf0;

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s ease;
}

.slide-menu-close:hover {
    color: #ffffff;
    background: #0e58bd;
    border-color: #0e58bd;
    transform: rotate(90deg);
}

.slide-menu-close i {
    font-size: 15px;
}


/* =========================================================
   BODY
========================================================= */

.slide-menu-body {
    flex: 1;

    overflow-y: auto;

    padding: 15px 28px 30px;
}


/* Scrollbar */

.slide-menu-body::-webkit-scrollbar {
    width: 4px;
}

.slide-menu-body::-webkit-scrollbar-track {
    background: #f7f8fa;
}

.slide-menu-body::-webkit-scrollbar-thumb {
    background: #d0d4da;

    border-radius: 10px;
}


/* =========================================================
   MAIN NAVIGATION
========================================================= */

.slide-navigation,
.slide-navigation ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.slide-navigation > li {
    border-bottom: 1px solid #edf0f3;
}


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

.slide-navigation a {
    display: block;

    padding: 17px 5px;

    color: #273044;

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

    text-decoration: none;

    transition: all .3s ease;
}

.slide-navigation a:hover {
    color: #0e58bd;
    padding-left: 10px;
}


/* =========================================================
   LINK ROW
========================================================= */

.menu-link-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-link-row > a {
    flex: 1;
}


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

.submenu-toggle {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #6e7684;

    background: #f7f8fa;

    border: 0;

    border-radius: 7px;

    cursor: pointer;

    transition: all .3s ease;
}

.submenu-toggle:hover {
    color: #ffffff;
    background: #0e58bd;
}

.submenu-toggle i {
    font-size: 12px;

    transition: transform .3s ease;
}


/* =========================================================
   SUBMENU
========================================================= */

.slide-navigation .submenu {
    display: none;

    margin: 0 0 8px 12px;

    padding-left: 15px;

    border-left: 1px solid #e5e8ed;
}

.slide-navigation .submenu a {
    padding: 11px 5px;

    color: #687080;

    font-size: 14px;

    font-weight: 500;
}


/* Open submenu */

.menu-item.submenu-open > .submenu {
    display: block;
}

.menu-item.submenu-open > .menu-link-row .submenu-toggle i {
    transform: rotate(180deg);
}


/* Nested submenu */

.slide-navigation .submenu .submenu {
    margin-left: 5px;
}


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

.slide-menu-footer {
    padding: 18px 28px;

    background: #fafbfc;

    border-top: 1px solid #edf0f3;
}

.slide-menu-footer span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7a8190;
    font-size: 14px;
}

.slide-menu-footer i {
    color: #0e58bd;
}

.mainmenu{background: #0e53b5;}
/* =========================================================
   MOBILE
========================================================= */
.brand .menu-button{display: none;}
.topbtn{
    padding: 0;
    background: #eee;
}
.topbtn a{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background: #eee;
    padding: 10px;
    background: #0d49a5;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
}
@media (max-width: 58em) {
    .menu-button{display: block !important;}
    .aboutcontainer .aboutpageleft{padding-right: 0;}
    .widget-footprint .content-box h3{font-size: 38px;}
    .widget-socialmedia .social-grid{margin-bottom: 50px;}
.side-social{right:0;}
    .slide-menu {
        width: 100%;
        max-width: 100%;
    }

    .slide-menu-header {
        padding: 20px;
    }

    .slide-menu-body {
        padding: 10px 20px 25px;
    }

    .slide-menu-footer {
        padding: 16px 20px;
    }

}


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

.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-menu > li {
    position: relative;
}

.main-menu li {
    list-style: none;
}

.main-menu a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}


/* ================================
   MAIN MENU LINKS
================================ */

.main-menu > li > a {
    padding: 14px 15px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.main-menu > li:hover > a {
    color: #0d6efd;
}


/* ================================
   DROPDOWN
================================ */

.main-menu .submenu {
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 220px;

    margin: 0;
    padding: 8px 0;

    background: #fff;

    border: 1px solid #eee;
    border-radius: 8px;

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

    list-style: none;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    z-index: 9999;
}


/* Show first level */

.main-menu > li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* ================================
   DROPDOWN ITEMS
================================ */

.main-menu .submenu > li {
    position: relative;
}

.main-menu .submenu > li > a {
    padding: 11px 18px;

    color: #333;

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

    transition: all 0.2s ease;
}

.main-menu .submenu > li:hover > a {
    color: #0d6efd;
    background: #f5f8ff;
}


/* ================================
   THIRD LEVEL DROPDOWN
================================ */

.main-menu .submenu .submenu {
    top: -8px;
    left: 100%;

    margin-left: 2px;
}


/* Show third level */

.main-menu .submenu > li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


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

.main-menu .has-submenu > a::after {
    content: "\F229";

    font-family: "bootstrap-icons";

    font-size: 11px;

    margin-left: 8px;

    display: inline-block;

    transition: transform 0.2s ease;
}


/* Main menu arrow */

.main-menu > .has-submenu > a::after {
    transform: rotate(0deg);
}


/* Submenu arrow */

.main-menu .submenu > .has-submenu > a::after {
    transform: rotate(-90deg);
}


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

.main-menu > .has-submenu:hover > a::after {
    transform: rotate(180deg);
}

.main-menu .submenu > .has-submenu:hover > a::after {
    transform: rotate(0deg);
}


/* ================================
   DOWNLOAD LINK
================================ */

.main-menu a[target="_blank"]::after {
    /* Remove this if you don't want external icon */
}


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

@media (max-width: 991px) {

    .main-menu {
        display: block;
        width: 100%;
    }

    .main-menu > li {
        width: 100%;
    }

    .main-menu > li > a {
        padding: 12px 15px;
    }

    .main-menu .submenu {
        position: static;

        width: 100%;
        min-width: 0;

        display: none;

        opacity: 1;
        visibility: visible;
        transform: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        padding: 0 0 0 15px;
    }

    .main-menu > li:hover > .submenu {
        display: block;
    }

    .main-menu .submenu .submenu {
        position: static;
        margin: 0;
        padding-left: 15px;

        display: none;
    }

    .main-menu .submenu > li:hover > .submenu {
        display: block;
    }

}

.recentblogs{
    padding: 40px;
 
    background: #ffffff;
}
.recentblogs h4 {
    font-size: 22px;
    font-weight: 600;
}

.recentblog-item {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}

.recentblog-image {
    width: 90px;
    min-width: 90px;
    height: 70px;
    overflow: hidden;
    border-radius: 6px;
}

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

.recentblog-content h6 {
    line-height: 1.4;
}

.recentblog-content h6 a {
    color: #222;
    text-decoration: none;
}

.recentblog-content h6 a:hover {
    color: #424242;
}