/* Animated service icons */
        .about-features { list-style:none; padding-left:0; }
        .about-features li { display:flex; align-items:center; gap:12px; margin-bottom:14px; font-weight:600; color:#1c2a1e; }
        .svc-ico { width:44px; height:44px; min-width:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#0A5C36,#0F733A); box-shadow:0 5px 14px rgba(12,68,50,.28); font-size:17px; position:relative; }
        .svc-ico::after { content:""; position:absolute; inset:-4px; border-radius:50%; border:2px solid rgba(212,175,55,.55); animation:icoRing 2.6s ease-out infinite; }
        @keyframes icoRing { 0%{transform:scale(.85);opacity:1} 70%{transform:scale(1.25);opacity:0} 100%{opacity:0} }
        .ico-fly i   { animation:icoFly 2.6s ease-in-out infinite; }
        @keyframes icoFly { 0%,100%{transform:translate(0,0) rotate(0)} 50%{transform:translate(4px,-5px) rotate(10deg)} }
        .ico-kaaba   { background:linear-gradient(135deg,#111,#3d3d3d); }
        .ico-kaaba i { color:#f5e08a; animation:icoPulse 2.2s ease-in-out infinite; }
        @keyframes icoPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.2)} }
        .ico-visa i  { animation:icoStamp 2.6s ease-in-out infinite; }
        @keyframes icoStamp { 0%,100%{transform:rotate(0)} 20%{transform:rotate(-16deg) translateY(-3px)} 40%{transform:rotate(0) translateY(1px)} }
        .ico-hotel i { animation:icoBounce 2.2s ease-in-out infinite; }
        @keyframes icoBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
        .ico-consult i { animation:icoWiggle 3s ease-in-out infinite; transform-origin:bottom center; }
        @keyframes icoWiggle { 0%,100%{transform:rotate(0)} 25%{transform:rotate(-12deg)} 75%{transform:rotate(12deg)} }
        .ico-meet i  { animation:icoShake 2.6s ease-in-out infinite; }
        @keyframes icoShake { 0%,100%{transform:scale(1) rotate(0)} 30%{transform:scale(1.15) rotate(-7deg)} 60%{transform:scale(1.15) rotate(7deg)} }
        /* CEO box centering */
        .ceo-section { align-items:center !important; }
        .ceo-image { justify-content:center !important; align-items:center !important; }
        .ceo-image img { width:min(92%,500px) !important; height:auto !important; aspect-ratio:1/1; object-fit:contain !important; display:block; margin:0 auto !important; }
        .ceo-content h2 { text-align:left; }
        @media (max-width:900px){ .ceo-content h2{text-align:center;} .ceo-content{text-align:center;} }

/* ---- extracted block ---- */
-->
<!--    .border{-->
<!--        border: 1px solid #4b4f96;-->
<!--        border-radius: 5px;-->
<!--        padding: 5px 5px 0px 10px;-->
<!--    }-->
<!--    .parg{-->
<!--        color: white;-->
<!--        font-weight: bold;-->
<!--        margin-bottom: 2px;-->
<!--    }-->
<!--

/* ---- extracted block ---- */
-->
<!--    /* Custom CSS for Layout and Overlay */-->
<!--    .image-cover {-->
<!--        position: relative;-->
<!--        min-height: 600px; /* Adjust as needed */-->
<!--        overflow: hidden;-->
<!--    }-->
<!--    .carousel {-->
<!--        height: 100%;-->
<!--    }-->
<!--    .carousel-inner, .carousel-item {-->
<!--        height: 100%;-->
<!--    }-->
<!--    .container {-->
<!--        position: relative;-->
<!--        z-index: 10; /* Ensure content is above background */-->
<!--    }-->
<!--    /* Overlay for data-overlay="5" */-->
<!--    [data-overlay="5"]::before {-->
<!--        content: '';-->
<!--        position: absolute;-->
<!--        top: 0;-->
<!--        left: 0;-->
<!--        width: 100%;-->
<!--        height: 100%;-->
<!--        background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */-->
<!--        z-index: 1; /* Below content */-->
<!--    }-->
<!--    .search-wrap {-->
<!--        background: rgba(255, 255, 255, 0.9); /* Slightly transparent white background */-->
<!--    }-->
<!--    /* Ensure group ticket cards are styled properly */-->
<!--    .pop-touritem .card {-->
<!--        transition: transform 0.3s;-->
<!--    }-->
<!--    .pop-touritem .card:hover {-->
<!--        transform: translateY(-5px);-->
<!--    }-->
<!--

/* ---- extracted block ---- */
:root {
        --primary-gradient: linear-gradient(135deg, #8B0000, #000000);
        --secondary-gradient: linear-gradient(135deg, #7a0000,#000000);
        --royal-blue: #001C6E;
        --light-royal-blue: #6A8CFF;
        --dark-red: #8B0000;
        --light-gray: #f8f9fa;
        --card-bg: rgba(255, 255, 255, 0.95);
    }
    .parg{
        color: white !important;
    }
    .footer-widget ul li a{
        color: black !important;

    }
    .footer-add p{
        color: black !important;
    }
    .footer-widget h4.widget-title{
        color: black !important;
    }
    .skin-light-footer .foot-socials ul li a{
        background: white;
    }
    footer .img-fluid{
        background: white;
        padding: 20px;
    }

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f5f5f5;
    }

    /* Header Styles */
    /*.header {*/
    /*background: var(--primary-gradient) !important;*/
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
    /*}*/

    .navbar-brand {
        font-weight: 700;
        color: white !important;
        font-size: 1.8rem;
    }

    .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.85) !important;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .navbar-nav .nav-link:hover {
        color: white !important;
        transform: translateY(-2px);
    }

    /* Hero Section */
    /*.hero-header {*/
    /*    !*background: var(--primary-gradient) !important;*!*/
    /*    position: relative;*/
    /*    overflow: hidden;*/
    /*}*/

    /*.hero-header::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: url(https://static0.simpleflyingimages.com/wordpress/wp-content/uploads/2023/04/shutterstock_1918656857.jpg)*/
    /*    background-size: cover;*/
    /*    z-index: 1;*/
    /*}*/

    /*.hero-header .container {*/
    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/

    /*.hero-header h1 {*/
    /*    font-weight: 800;*/
    /*    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);*/
    /*    margin-bottom: 1.5rem;*/
    /*}*/

    .carousel-control-prev{
        left: 1%;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        background: #ffffff5c;
    }
    /* Search Section */
    .search-wrap {
        background: var(--card-bg) !important;
        border-radius: 15px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        border: 2px solid var(--royal-blue);
        padding: 25px !important;
    }

    .nav-pills .nav-link {
        border-radius: 50px !important;
        padding: 12px 25px;
        margin: 0 5px;
        font-weight: 600;
        transition: all 0.3s ease;
        color: var(--dark-red) !important;
        background: rgba(139, 0, 0, 0.1);
    }

    .nav-pills .nav-link.active {
        background: var(--royal-blue) !important;
        color: white !important;
        box-shadow: 0 5px 15px rgba(65, 105, 225, 0.4);
    }

    /* Redesigned Group Cards */
    .pop-touritem {
        margin-bottom: 25px;
    }

    /* NEW MINIMAL PREMIUM CARDS */
    /* NEW MINIMAL PREMIUM CARDS / COMPACT VERSION */
    .group-card-simple{
        background:#ffffffcc;
        backdrop-filter:blur(8px);
        border-radius:22px;
        overflow:hidden;
        border:1px solid #e5e7eb;
        transition:transform .35s ease, box-shadow .35s ease;
        box-shadow:0 8px 20px rgba(0,0,0,.04);
        min-height:180px; /* <<< SHORT HEIGHT */
    }

    .group-card-simple:hover{
        transform:translateY(-6px) scale(1.01);
        box-shadow:0 14px 28px rgba(0,0,0,.08);
    }

    .card-image-container{
        position:relative;
        height:160px; /* <<< SHORT IMAGE */
        overflow:hidden;
    }

    .card-image-container img{
        width:100%;
        height:100%;
        transition:transform .6s cubic-bezier(.22,.61,.36,1);
    }

    .group-card-simple:hover img{
        transform:scale(1.08);
    }

    .card-overlay{
        position:absolute;
        inset:0;
        background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
        display:flex;
        justify-content:flex-start;
        align-items:flex-end;
        padding:14px;
    }

    .card-badge{
        background:#111827e6;
        padding:6px 14px;
        border-radius:40px;
        font-size:11.5px;
        font-weight:600;
        color:#fff;
        letter-spacing:.3px;
    }

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

    .card-content h4{
        font-size:18px;
        font-weight:800;
        color:#0f172a;
        margin-bottom:4px;
        letter-spacing:-.2px;
    }

    .card-content p{
        font-size:13px;
        color:#64748b;
        margin:0;
        line-height:1.4;
    }

    /*.card-content h4 {*/
    /*    font-weight: 700;*/
    /*    color: var(--dark-red);*/
    /*    margin-bottom: 10px;*/
    /*    font-size: 1.2rem;*/
    /*}*/

    /*.card-content p {*/
    /*    color: #666;*/
    /*    margin-bottom: 15px;*/
    /*    font-size: 0.9rem;*/
    /*}*/

    .card-stats {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #eee;
        padding-top: 15px;
        margin-top: 15px;
    }

    .stat-item {
        text-align: center;
    }

    .stat-value {
        font-weight: 700;
        color: var(--royal-blue);
        font-size: 1.1rem;
    }

    .stat-label {
        font-size: 0.8rem;
        color: #888;
    }

    /* Features Section */
    .featuresBox-wrap {
        background: #001c6e;
        color: white !important;
        border-radius: 15px;
        padding: 30px 20px;
        text-align: center;
        transition: all 0.3s ease;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 40%);
        height: 100%;
        border-top: 4px solid #cd2c22;
    }
    .featuresBox-wrap p{
        color: white;
    }
    .featuresBox-wrap:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .featuresBox-icons {
        margin-bottom: 20px;
    }

    .featuresBox-icons i {
        font-size: 2.5rem;
        color: white !important;
        background: rgba(65, 105, 225, 0.1);
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 50%;
        display: inline-block;
    }

    .featuresBox-captions h4 {
        font-weight: 700;
        color: white;
        margin-bottom: 15px;
    }

    /* Deals Section */
    .destination-blocks {
        border-radius: 15px;
        overflow: hidden;
        transition: all 0.4s ease;
        background: white;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        height: 100%;
    }

    .destination-blocks:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }

    .destination-blocks-pics {
        position: relative;
        overflow: hidden;
        height: 250px;
    }

    .destination-blocks-pics img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .destination-blocks:hover .destination-blocks-pics img {
        transform: scale(1.1);
    }

    .destination-blocks-captions h4 {
        font-weight: 700;
        color: var(--dark-red);
        margin-bottom: 15px;
    }

    /* Contact Section */
    #contact {
        background: black !important;
        padding: 40px 0;
    }

    #contact h4 {
        font-weight: 700;
    }

    .parg {
        margin-bottom: 5px;
    }

    /* Footer */
    footer {
        background: white !important;
        padding: 50px 0 20px;
    }

    .footer-heading {
        color: black!important;
        font-weight: 700;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
    }

    .footer-heading::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 3px;
        background: var(--royal-blue);
    }

    /* Section Headings */
    .secHeading-wrap h2 {
        color: var(--dark-red);
        font-weight: 800;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .secHeading-wrap h2::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 4px;
        background: var(--royal-blue);
        border-radius: 2px;
    }

    /* Buttons */
    .btn-primary {
        background: var(--royal-blue);
        border-color: var(--royal-blue);
        border-radius: 50px;
        padding: 10px 25px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-primary:hover {
        background: var(--light-royal-blue);
        border-color: var(--light-royal-blue);
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(65, 105, 225, 0.4);
    }

    /* Responsive Adjustments */
    @media (max-width: 768px) {
        .hero-header h1 {
            font-size: 2rem;
        }

        .search-wrap {
            padding: 15px !important;
        }

        .nav-pills .nav-link {
            padding: 10px 15px;
            font-size: 0.9rem;
        }
    }
    .card-stats{
        display: none;
    }
    .card-content p{
        color: black !important;
        display: none;
    }
    .card-content h4{
        color: #243b7b !important;
    }
    .card-overlay{
        display: none;
    }
    @media (min-width: 993px) {
        .hero-header {
            min-height: 618px!important;
        }
    }

/* ---- extracted block ---- */
.header {
        background: #fff;
        position: relative;
        padding: 13px 0;
        max-height: 68px !important;
    }

    li.list_btn a{
        background: unset !important;
        color: black !important;
    }
    li.list_btn{
        background: #cd2c22 !important;
        border-radius: 4px !important;
    }

    @media(min-width: 768px){
        .desk-none{
            display: none;
        }
    }

    /* PREMIUM BUTTON NEW */
    .btn-style-one,
    .btn-style-one2{
        position:relative;
        display:inline-flex;
        align-items:center;
        gap:8px;
        font-size:15px;
        font-weight:700;
        padding:14px 34px;
        color:#ffffff;
        border-radius:14px;
        overflow:hidden;
        transition: all .3s ease;
        box-shadow:0 4px 12px rgba(0,0,0,.15);
    }

    .booking-btn{
        background: linear-gradient(135deg, #0A5C36, #08482A, #0F733A)!important;
    }

    .booking-btn:hover{
        background: linear-gradient(135deg, #0b1f4d, #173b7a, #2e62a6)!important;
    }


    .btn-style-one{
        background: linear-gradient(135deg, #0b1f4d, #173b7a, #2e62a6) !important;
    }

    .btn-style-one:hover{
        background: linear-gradient(135deg, #0F733A, #08482A,#0A5C36) !important;
    }

    .btn-style-one2{
        background: linear-gradient(135deg, #0A5C36, #08482A, #0F733A) !important;
    }

    .btn-style-one2:hover{
        background: linear-gradient(135deg, #0b1f4d, #173b7a, #2e62a6) !important;
    }
.log-btn{
background: linear-gradient(135deg, #0b1f4d, #173b7a, #2e62a6) !important;
}
    .log-btn:hover{
        background: linear-gradient(135deg, #0A5C36, #08482A, #0F733A) !important;
    }
    /* shine effect */
    .btn-style-one::before,
    .btn-style-one2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 60%);
        opacity:.18;
        transform:translateX(-100%);
        transition:transform .4s ease;
    }

    /* shine move */
    .btn-style-one:hover::before,
    .btn-style-one2:hover::before{
        transform:translateX(100%);
    }

    /* hover glow */
    .btn-style-one:hover,
    .btn-style-one2:hover{
        /*box-shadow:0 0 32px rgba(255,200,40,.45);*/
        box-shadow:0 0 32px rgb(54 133 57);
    }


    .nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 70px;
    }
    .nav-brand .logo {
        max-height: 50px;
        width: auto;
        margin-top: -18%;
    }
    .nav-header .nav-brand {
        padding: 0;
        margin: 0;
    }
    .nav-brand, .nav-brand:focus, .nav-brand:hover, .nav-menu > li > a {
        color: #18513f !important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #18513f;
        font-weight: 700;
        font-family: var(heading-font-family);
    }
    .nav-menu > li:hover > a{
        color: rgba(24, 81, 63, 0.68) !important;
    }

    @media(max-width: 568px){
        .topbar{
            display: none;
        }
        .nav-toggle {
            width: 30px;
            height: 30px;
            padding: 6px 2px 0;
            position: absolute;
            top: 34%;
            margin-top: -14px;
            left: 320px;
            cursor: pointer;
        }
        .nav-brand .logo {
            max-height: 50px;
            width: auto;
            margin-top: -4%;
        }
    }
    @media(max-width: 900px){
        .topbar{
            display: none;
        }
        .nav-toggle {
            width: 30px;
            height: 30px;
            padding: 6px 2px 0;
            position: absolute;
            top: 34%;
            margin-top: -14px;
            left: 320px;
            cursor: pointer;
        }
        .nav-brand .logo {
            max-height: 50px;
            width: auto;
            margin-top: -8%;
        }
    }
    /*.nav-submenu {*/
    /*    background-color: aliceblue !important;*/
    /*}*/
    .nav-menu.nav-menu-social > li.list-buttons a {
        border-radius: 4px;
        position: relative;
        background: #ffffff;
    }
    @media(min-width: 992px){
        .desk-none{
            display:none !important;
        }
        .nav-menus-wrapper{
            display: flex;
            justify-content: space-evenly;
        }
    }
    @media (max-width: 768px) {
        .nav-toggle {
            display: block;
        }
        .nav-menus-wrapper {
            width: 320px;
            height: 100%;
            top: 0;
            left: -400px;
            position: fixed;
            background-color: #fff;
            z-index: 20000;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            transition-duration: 0.8s;
            transition-timing-function:
                    ease;
        }
    }
    .navigation-portrait .nav-toggle {
        display: block;
    }

    @media (min-width: 1200px) {
        .container{
            max-width: 1294px!important;
        }
    }
    .nav-menu > li > a{
        padding: 14px 7px!important;
        font-size: 12px!important;
    }

/* ---- extracted block ---- */
/* Tablet & Mobile */
    @media (max-width: 991px) {
        .nav-header {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 0 15px;
        }

        .nav-brand {
            margin: 0;
        }

        .nav-toggle {
            position: static !important;
            right: auto !important;
            top: auto !important;
            margin-left: auto;
        }

        .nav-brand img.logo {
            max-height: 50px;
            width: auto;
            margin-top: -3% !important;
        }
    }

/* ---- extracted block ---- */
-->
<!--        .hero-header {-->
<!--            position: relative;-->
<!--            background: linear-gradient(135deg, #412a7c, #fea604);-->
<!--            background-size: cover;-->
<!--            min-height: 755px;-->
<!--            overflow: hidden;-->
<!--            display: flex;-->
<!--            flex-direction: column;-->
<!--            justify-content: center;-->
<!--            align-items: center;-->
<!--            text-align: center;-->
<!--            color: white;-->
<!--            padding: 0 20px;-->
<!--        }-->
<!---->
<!---->
<!--

/* ---- extracted block ---- */
.hero-header {
            position: relative;
            overflow: hidden;
        }

        .hero-header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('../img/slider-bg-1.jpg'); /* replace with your image */
            background-repeat: repeat-x;                       /* repeat horizontally */
            background-size: auto 100%;                        /* full height */
            animation: slide-bg 30s linear infinite;           /* continuous sliding */
            z-index: 0;
            opacity: 0.3;                                     /* optional dim */
        }

        .hero-header > div {
            position: relative;
            z-index: 1;
        }

        @keyframes slide-bg {
            0% { background-position-x: 0; }
            100% { background-position-x: 1000px; } /* adjust this value for speed & smoothness */
        }

/* ---- extracted block ---- */
/* About Us Section */
        #about_us {
            position: relative;
            overflow: hidden;
            padding: 80px 0;
            background-color: #dfe1e3;
            color: black;
        }

        #about_us .container {
            position: relative;
            z-index: 1;
        }

        #about_us h3 {
            font-size: 36px;
            margin-bottom: 20px;
        }

        #about_us p,
        #about_us ul li {
            font-size: 16px;
            line-height: 1.7;
            color: black;
        }

        #about_us ul li {
            margin-bottom: 10px;
        }

        /* Make image responsive */
        #about_us img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            display: block;
            margin: 0 auto;
        }

        /* Ensure proper stacking on smaller screens */
        @media (max-width: 991px) {
            #about_us {
                padding: 60px 0;
            }

            #about_us .row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

            #about_us h3 {
                font-size: 28px;
                text-align: center;
            }

            #about_us .choose-left {
                text-align: center;
                padding: 0 15px;
            }

            #about_us .choose-right {
                margin-bottom: 30px;
                text-align: center;
            }

            #about_us ul {
                padding-left: 0;
                list-style: none;
            }

            #about_us ul li {
                text-align: left;
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }

            #about_us ul li i {
                margin-right: 8px;
                color: #007bff;
            }
        }

        @media (max-width: 768px) {
            #about_us .choose-left,
            #about_us .choose-right {
                width: 100%;
                margin-bottom: 20px;
            }

            #about_us h3 {
                font-size: 26px;
            }
        }

        @media (max-width: 576px) {
            #about_us {
                padding: 40px 0;
            }

            #about_us h3 {
                font-size: 24px;
            }

            #about_us p {
                font-size: 15px;
            }
        }

/* ---- extracted block ---- */
#our-services p {
            color: #555;
            font-size: 15px;
        }

/* ---- extracted block ---- */
/* ========== OUR SERVICES (NEW MODERN DESIGN 2025) ========== */
            .offer-section {
                font-family: 'Poppins', sans-serif;
                background: linear-gradient(135deg, #0A5C36 30%, #001c6e) 100%;
                padding: 90px 0;
                position: relative;
            }

            .offer-section .auto-container{
                max-width: 1250px;
                margin: 0 auto;
                padding: 0 28px;
            }

            .offer-section .sec-title {
                text-align: center;
                margin-bottom: 60px;
            }

            .offer-section .sec-title h2 {
                font-size: 40px;
                font-weight: 700;
                color: #fff;
                letter-spacing: 0.5px;
            }

            .offer-section .services-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(310px,1fr));
                gap: 35px;
            }

            .offer-section .feature-card {
                background: rgba(255,255,255,0.10);
                border-radius: 18px;
                overflow: hidden;
                backdrop-filter: blur(18px);
                border: 1px solid rgba(255,255,255,0.09);
                transition: all .3s ease;
            }

            .offer-section .feature-card:hover {
                transform: translateY(-8px);
                background: rgba(255,255,255,0.17);
                border-color: rgba(255,255,255,0.3);
                box-shadow: 0 14px 35px rgba(0,0,0,0.32);
            }

            .offer-section .feature-card img{
                width:100%;
                height:240px;
                object-fit:cover;
                transition:.3s;
            }

            .offer-section .feature-card:hover img{
                transform: scale(1.08);
            }

            .offer-section .feature-content{
                padding: 16px 25px 16px;
                text-align:center;
            }

            .offer-section .feature-content h4{
                font-size:22px;
                font-weight:600;
                color:#ffffff;
                margin-bottom:10px;
            }

            .offer-section .feature-content p{
                font-size:15px;
                color:#e5e9f0;
                opacity:0.9;
                line-height:1.6;
            }

            @media(max-width:768px){
                .offer-section { padding:60px 0; }
                .offer-section .sec-title h2{ font-size:30px; }
            }

/* ---- extracted block ---- */
body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #eef4fb, #f9fcff);
            margin: 0;
            padding: 0;
        }

        /* --- CEO Section --- */
        .ceo-section {
            max-width: 1100px;
            margin: 100px auto;
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            overflow: hidden;
            transition: all 0.5s ease;
            animation: fadeUp 1.2s ease forwards;
            opacity: 0;
            transform: translateY(30px);
        }

        @keyframes fadeUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .ceo-section:hover {
            box-shadow: 0 15px 45px rgba(0, 132, 255, 0.18);
            transform: translateY(-5px);
        }

        /* --- CEO Image --- */
        .ceo-image {
            flex: 1 1 40%;
            min-width: 320px;
            padding: 25px;
            background: #f4f8fc;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .ceo-image::before {
            content: "";
            position: absolute;
            inset: 25px;
            border-radius: 15px;
            border: 2px solid transparent;
            background: linear-gradient(135deg, #0A5C36, #fea604) border-box;
            mask-composite: exclude;
            z-index: 1;
            opacity: 0.7;
            transition: all 0.5s ease;
        }

        .ceo-image img {
            width: 100%;
            height: 100%;
            border-radius: 15px;
            object-fit: cover;
            z-index: 2;
            position: relative;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            transition: all 0.6s ease;
            filter: brightness(0.97);
        }

        .ceo-image:hover::before {
            opacity: 1;
            box-shadow: 0 0 25px rgba(30, 144, 255, 0.35);
        }

        .ceo-image:hover img {
            transform: scale(1.03);
            filter: brightness(1.02);
        }

        /* --- CEO Content --- */
        .ceo-content {
            flex: 1 1 60%;
            padding: 60px 60px 60px 40px;
        }

        .ceo-content h2 {
            font-size: 2.2rem;
            color: #0A5C36;
            margin-bottom: 20px;
            position: relative;
            font-weight: 600;
        }

        .ceo-content h2::after {
            content: '';
            display: block;
            width: 90px;
            height: 3px;
            background: linear-gradient(135deg, #0A5C36, #fea604);
            margin-top: 10px;
            border-radius: 2px;
            box-shadow: 0 0 10px rgba(30, 144, 255, 0.3);
        }

        .ceo-content p {
            font-size: 1.05rem;
            line-height: 1.8;
            color: #444;
            margin-bottom: 35px;
            text-align: justify;
        }

        .ceo-signature {
            border-left: 3px solid #0A5C36;
            padding-left: 18px;
            transition: all 0.3s ease;
            position: relative;
        }

        .ceo-signature::before {
            content: "✦";
            position: absolute;
            left: -12px;
            top: 0;
            color: #00bcd4;
            font-size: 1rem;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .ceo-signature h4 {
            font-weight: 600;
            color: #0A5C36;
            margin-bottom: 4px;
            font-size: 1.1rem;
        }

        .ceo-signature span {
            font-size: 0.92rem;
            color: #666;
        }

        .ceo-signature:hover {
            border-left-color: #00bcd4;
        }

        .ceo-signature:hover::before {
            opacity: 1;
        }

        /* --- Responsive --- */
        @media (max-width: 900px) {
            .ceo-section {
                flex-direction: column;
            }

            .ceo-image {
                width: 100%;
                padding: 20px;
            }

            .ceo-content {
                padding: 40px 25px;
            }

            .ceo-content h2 {
                font-size: 1.9rem;
            }
        }

/* ---- extracted block ---- */
.footer {
        position: relative;
        overflow: hidden;
    }

    .footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../img/slider-bg-2.jpg'); /* replace with your image */
        background-repeat: repeat-x;                       /* repeat horizontally */
        background-size: auto 100%;                        /* full height */
        animation: slide-bg 30s linear infinite;           /* continuous sliding */
        z-index: 0;
        opacity: 0.3;                                     /* optional dim */
    }

    .footer > div {
        position: relative;
        z-index: 1;
    }

    @keyframes slide-bg {
        0% { background-position-x: 0; }
        100% { background-position-x: 1000px; } /* adjust this value for speed & smoothness */
    }
    .footer-widget h4.widget-title, .footer-widget ul li a, .footer-add p{
        color: black !important;
    }
    .foot-socials ul li a {
        background: black!important;
    }

/* overrides */
.ceo-image::before{display:none !important;}