/* Google Font */


    .main-header {
        background: #ffffff;
        height: 100px;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
        z-index: 999;
    }

    .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100px;
    }

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

    .header-wrapper {
        width: 100%;
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        background: #fff;
        position: relative;
        z-index: 1000;
        box-sizing: border-box;
    }

    /* Logo */

    .logo {
        flex-shrink: 0;
    }

    .logo a {
        display: block;
    }

    .logo img {
        width: 235px;
        max-width: 100%;
        height: auto;
        display: block;
    }


    /* =========================================
    DESKTOP NAVIGATION
    ========================================= */

    .main-nav {
        margin-left: auto;
    }

    .main-nav > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 42px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .main-nav > ul > li {
        position: relative;
        list-style: none;
    }

    .main-nav a {
        text-decoration: none;
        color: #111;
        font-size: 20px;
        white-space: nowrap;
        display: block;
        transition: 0.3s ease;
    }

    .main-nav a:hover {
        color: #c99720;
    }


    /* =========================================
    DESKTOP DROPDOWN
    ========================================= */

    .dropdown-menu {
        position: absolute;
        top: calc(100% + 15px);
        left: 0;

        min-width: 220px;

        background: #fff;

        padding: 10px 0;
        margin: 0;

        list-style: none;

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

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

        transition: all 0.25s ease;

        z-index: 9999;
    }

    .dropdown-menu li {
        width: 100%;
    }

    .dropdown-menu li a {
        padding: 10px 18px;
        font-size: 16px;
        white-space: normal;
    }

    .dropdown-menu li a:hover {
        background: #f7f7f7;
    }

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


    /* =========================================
    MOBILE MENU BUTTON
    ========================================= */

    .mobile-menu-toggle {
        display: none;

        width: 45px;
        height: 45px;

        padding: 8px;

        border: none;
        background: transparent;

        cursor: pointer;

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

        gap: 5px;
    }

    .mobile-menu-toggle span {
        width: 28px;
        height: 3px;

        background: #111;

        display: block;

        border-radius: 3px;

        transition: 0.3s ease;
    }


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

    @media (max-width: 1200px) {

        .main-nav > ul {
            gap: 25px;
        }

        .main-nav a {
            font-size: 17px;
        }

        .logo img {
            width: 200px;
        }
    }


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

    @media (max-width: 768px) {

        .header-wrapper {
            min-height: 90px;

            padding: 10px 18px;

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

        .logo img {
            width: 145px;
        }


        /* Show hamburger */

        .mobile-menu-toggle {
            display: flex;
            flex-shrink: 0;
        }


        /* Hide desktop navigation */

        .main-nav {
            display: none;

            position: absolute;

            top: 100%;
            left: 0;
            right: 0;

            width: 100%;

            background: #fff;

            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

            padding: 10px 0;

            margin: 0;
        }


        /* Open menu */

        .main-nav.active {
            display: block;
        }


        /* Mobile main list */

        .main-nav > ul {
            display: block;

            width: 100%;

            margin: 0;
            padding: 0;

            list-style: none;
        }

        .main-nav > ul > li {
            width: 100%;

            border-bottom: 1px solid #eeeeee;
        }

        .main-nav > ul > li:last-child {
            border-bottom: none;
        }


        .main-nav > ul > li > a {
            display: block;

            padding: 14px 20px;

            font-size: 16px;

            white-space: normal;
        }


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

        .dropdown-menu {
            position: static;

            display: none;

            width: 100%;

            min-width: 0;

            padding: 0;
            margin: 0;

            box-shadow: none;

            opacity: 1;
            visibility: visible;
            transform: none;

            background: #fafafa;
        }

        .dropdown:hover > .dropdown-menu {
            display: none;
        }

        .dropdown.active > .dropdown-menu {
            display: block;
        }

        .dropdown-menu li a {
            padding: 11px 35px;

            font-size: 15px;
        }
    }


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

    @media (max-width: 480px) {

        .header-wrapper {
            min-height: 75px;

            padding: 8px 14px;
        }

        .logo img {
            width: 130px;
        }

        .mobile-menu-toggle {
            width: 42px;
            height: 42px;
        }

        .mobile-menu-toggle span {
            width: 26px;
            height: 3px;
        }
    }

    /* Logo */

    .logo img {
        max-height: 79px;
        width: auto;
    }

    /* Navigation */

    .main-nav {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .main-nav > ul {
        display: flex;
        align-items: center;
        gap: 27px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-nav ul li a {
        text-decoration: none;
        color: #111;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 500;
        transition: all .3s ease;
        white-space: nowrap;
        margin-left: 10px;
        line-height: 0.1rem;
    }

    .main-nav ul li a:hover {
        color: #d62828;
    }

    /* Search */

    .header-search {
        width: 60px;
        text-align: right;
    }

    .header-search a {
        color: #605454;
        font-size: 18px;
    }

    .header-search a:hover {
        color: #d62828;
    }

   /* HERO SECTION */
.hero-slider {
    width: 100%;
    height: 565px;
    position: relative;
    overflow: hidden;
}

/* Animation container */
.hero-animation {
    width: 100%;
    height: 100%;
    position: relative;

    background-image: url("../images/ideabanner2.jpg");
    background-size: cover;
    background-position: center;
}

/* Every image sits exactly on top of the previous one */
.hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;

    animation: heroFade 15s infinite;
}

/* 3 images = 15 seconds total */
.hero-slide:nth-child(1) {
    animation-delay: 0s;
}

.hero-slide:nth-child(2) {
    animation-delay: 5s;
}

.hero-slide:nth-child(3) {
    animation-delay: 10s;
}


/* FADE ANIMATION */
@keyframes heroFade {

    0% {
        opacity: 0;
        transform: scale(1.05);
    }

    8% {
        opacity: 1;
    }

    30% {
        opacity: 1;
        transform: scale(1);
    }

    38% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 0;
    }
}


/* DARK OVERLAY */
.hero-slide .overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.35);
}


/* TEXT */
.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;

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

    width: 90%;
    text-align: center;

    color: white;
    z-index: 2;
}

.slide-content h1 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15px;

    text-transform: uppercase;

    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.slide-content p {
    font-size: 24px;
    margin: 0;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}


/* MOBILE */
@media (max-width: 768px) {

    .hero-slider {
        height: 400px;
    }

    .slide-content h1 {
        font-size: 38px;
    }

    .slide-content p {
        font-size: 18px;
    }
}


    /* Process section css */

    .curation-section{
        padding:46px 30px;
        background:#fff;
    }

    .section-header{
        text-align:center;
        max-width:1600px;
        margin:0 auto 70px;
    }

    .section-header h2{
        font-family:'Poppins',sans-serif;
        font-size:30px;
        font-weight:300;
        color:#666;
        margin-bottom:30px;
    }

    .section-header h2 span{
        color:#d32027;
        font-weight:700;
    }

    .section-header p{
        font-family:'Poppins',sans-serif;
        font-size:16px;
        line-height:2;
        color:#6b6b6b;
        max-width:1600px;
        margin:auto;
    }

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

    .curation-card{
        position:relative;
        overflow:hidden;
        height:197px; /* Same height for all cards */
        border-radius:10px;
    }

    .curation-card img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        transition:.5s ease;
    }

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

    .card-label{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        background: rgba(255,255,255,0.70);
        padding: 18px 30px;

        width: 65%;
        max-width: 280px;

        text-align: center;

        font-size: 16px;
        font-weight: 600;
        color: #333;

        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    }

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

        .curation-grid{
            column-count:3;
        }

    }

    @media(max-width:992px){

        .curation-grid{
            column-count:2;
        }

    }

    @media(max-width:768px){

        .curation-grid{
            column-count:1;
        }

    } */

    @media(max-width:1200px){
        .curation-grid{
            grid-template-columns:repeat(3,1fr);
        }
    }

    @media(max-width:992px){
        .curation-grid{
            grid-template-columns:repeat(2,1fr);
        }
    }

    @media(max-width:768px){
        .curation-grid{
            grid-template-columns:1fr;
        }
    }


    /* JBH MAP SECTION CSS */

    .location-section{
        padding:100px 0;
        background:#fff;
    }

    .section-heading{
        text-align:center;
        max-width:900px;
        margin:0 auto 70px;
    }

    .section-heading span{
        color:#d32027;
        font-weight:600;
        letter-spacing:2px;
    }

    .section-heading h2{
        font-size:40px;
        margin:15px 0;
        color:#222;
    }

    .section-heading p{
        color:#666;
        font-size:18px;
        line-height:1.8;
    }

    .location-wrapper{
        display:grid;
        grid-template-columns:400px 1fr;
        gap:40px;
    }

    .location-info{
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .info-box{
        background:#fff;
        padding:30px;
        border-radius:15px;
        display:flex;
        gap:20px;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
    }

    .info-box i{
        width:40px;
        height:40px;
        background:#d32027;
        color:#fff;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:14px;
    }

    .info-box h4{
        margin-bottom:8px;
        font-size: 20px;
    }

    .info-box p{
        margin:0;
        color:#666;
    }

    .map-box{
        overflow:hidden;
        border-radius:20px;
        box-shadow:0 10px 40px rgba(0,0,0,.1);
    }

    .map-box iframe{
        width:100%;
        height:550px;
        border:none;
    }

    @media(max-width:991px){

        .location-wrapper{
            grid-template-columns:1fr;
        }

        .map-box iframe{
            height:400px;
        }

    }


    /* footer section css */

    .footer-section{
        background:#f3f3f3;
        padding:80px 0 40px;
    }

    .footer-wrapper{
        display:grid;
        grid-template-columns:1.8fr 1fr 1fr 1fr;
        gap:174px;
        align-items:flex-start;
    }

    .footer-logo img{
        max-width:550px;
        width:50%;
    }

    /* Heading */

    .footer-column h4{
        color: #292929;
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 35px;
        text-transform: capitalize;
        font-family: 'Poppins', sans-serif;
    }

    /* Links */

    .footer-column ul{
        list-style:none;
        padding:0;
        margin:0;
    }

    .footer-column ul li{
        margin-bottom:22px;
    }

    .footer-column ul li a{
        text-decoration:none;
        color:#6b7280;
        font-size:14px;
        font-weight:400;
        transition:.3s;
    }

    .footer-column ul li a:hover{
        color:#d32027;
        padding-left:5px;
    }

    /* Copyright */

    .footer-bottom{
        text-align: center;
        margin-top: 42px;
        font-size: 14px;
        font-weight: 700;
        color: #5f6772;
    }

    @media(max-width:1200px){

        .footer-wrapper{
            grid-template-columns:1fr 1fr;
            gap:50px;
        }

    }

    @media(max-width:768px){

        .footer-wrapper{
            grid-template-columns:1fr;
            text-align:center;
        }

        .footer-logo{
            text-align:center;
        }

        .footer-logo img{
            max-width:300px;
        }

        .footer-column h4{
            font-size:24px;
        }

        .footer-column ul li a{
            font-size:18px;
        }

        .footer-bottom{
            font-size:18px;
        }
    }

    /* whatsapp css */

    .whatsapp-float{
        position:fixed;
        bottom:25px;
        right:25px;

        width:65px;
        height:65px;

        background:#25D366;
        color:#fff;

        border-radius:50%;

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

        font-size:34px;

        text-decoration:none;

        z-index:99999;

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

        transition:.3s ease;
    }

    .whatsapp-float:hover{
        transform:translateY(-5px);
        color:#fff;
    }

    .whatsapp-float::before{
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        border-radius:50%;
        background:#25D366;
        animation:whatsappPulse 2s infinite;
        z-index:-1;
    }

    @keyframes whatsappPulse{

        0%{
            transform:scale(1);
            opacity:.7;
        }

        70%{
            transform:scale(1.5);
            opacity:0;
        }

        100%{
            opacity:0;
        }

    }


    .gift-section{
        padding:26px 0;
        background:#fff;
    }

    .section-header{
        text-align:center;
        margin-bottom:50px;
    }

    .section-header h2{
        font-size:27px;
        font-weight:700;
        color:#000;
        margin-bottom:10px;
    }

    .section-header p{
        font-size:16px;
        color:#666;
    }

    .gift-grid{
        display:flex;
        justify-content:center;
        gap:10px;
        flex-wrap:wrap;
    }

    .gift-card{
        text-align:center;
        width:150px;
    }

    .gift-card img{
        width:150px;
        height:170px;
        object-fit:contain;
        background:linear-gradient(to bottom,#ffffff,#dff7ff);
        border:1px solid #e5eef0;
        border-radius:30px;
        padding:12px;
        transition:.3s;
    }

    .gift-card:hover img{
        transform:translateY(-5px);
        box-shadow:0 10px 25px rgba(0,0,0,0.1);
    }

    .gift-card h4{
        margin-top:15px;
        font-size:18px;
        font-weight:500;
        color:#111;
    }


    .bestseller-section{
        padding:70px 0;
        background:#fff;
    }

    .bestseller-section .container{
        max-width:1400px;
        margin:auto;
    }

    /* Heading */

    .section-title{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:40px;
        margin-bottom:60px;
    }

    .section-title h2{
        font-size:27px;
        font-weight:700;
        color:#000;
        margin:0;
    }

    .section-title .line{
        flex:1;
        max-width:360px;
        height:3px;
        background:#d64d4d;
    }

    /* Grid */

    .bestseller-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:50px 30px;
    }

    /* Card */

    .product-card{
        text-align:center;
    }

    .product-image{
        height:237px;
        border-radius:35px;
        overflow:hidden;
        border:3px solid #79aef3;
        background:#fff;
        transition:.3s;
    }

    .product-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .product-card:hover .product-image{
        transform:translateY(-8px);
        box-shadow:0 15px 35px rgba(0,0,0,.12);
    }

    .product-card h4{
        margin-top:22px;
        font-size:18px;
        font-weight:500;
        color:#000;
    }


    @media (max-width: 768px){

        .bestseller-grid{
            grid-template-columns: repeat(2, 1fr);
            gap: 25px 15px;
        }

        .product-image{
            height: 180px;
            border-radius: 25px;
        }

        .product-card h4{
            font-size: 15px;
            margin-top: 12px;
            line-height: 1.4;
        }

        .section-title{
            gap: 15px;
            margin-bottom: 35px;
        }

        .section-title h2{
            font-size: 22px;
        }

        .section-title .line{
            max-width: 80px;
        }
    }

    /* TOP PICKS SECTION CSS */

    .top-picks-section{
        padding:80px 22px;
        background:#fff;
    }

    .section-title{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:40px;
        margin-bottom:50px;
    }

    .section-title h2{
        font-size:22px;
        font-weight:700;
        margin:0;
    }

    .section-title .line{
        flex:1;
        max-width:700px;
        height:3px;
        background:#d84b4b;
    }

    .topPicksSlider{
        position:relative;
        padding:10px 50px;
    }

    .product-card{
        border:1px solid #d9d9d9;
        border-radius:28px;
        overflow:hidden;
        background:#fff;
        position:relative;
        transition:.3s;
    }

    .product-card:hover{
        transform:translateY(-6px);
        box-shadow:0 10px 25px rgba(0,0,0,.08);
    }

    .product-image{
        height:320px;
    }

    .product-image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .wishlist-btn{
        position:absolute;
        top:0;
        right:0;
        width:50px;
        height:50px;
        border:none;
        background:#fff;
        border-bottom-left-radius:20px;
        cursor:pointer;
        z-index:10;
    }

    .wishlist-btn i{
        font-size:20px;
        color:#999;
    }

    .product-content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .product-content h4{
        font-size:15px;
        font-weight:500;
        margin-bottom:15px;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .price{
        color:#e54c4c;
        font-size:18px;
        font-weight:700;
        margin-bottom:15px;
    }

    .old-price{
        color:#888;
        text-decoration:line-through;
        font-size:14px;
        font-weight:400;
        margin-left:5px;
    }

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

    .rating i{
        color:#ffb400;
    }

    /* Navigation */

    .swiper-button-next,
    .swiper-button-prev{
        width:55px !important;
        height:55px !important;
        background:rgba(0,0,0,.45);
        border-radius:50%;
        color:#fff !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after{
        font-size:20px !important;
    }

    .swiper-button-prev{
        left:15px !important;
    }

    .swiper-button-next{
        right:15px !important;
    }


    .awards-section {
        padding: 60px 5%;
        background: #fff;
    }

    .section-title {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        margin-bottom: 60px;
    }

    .section-title span {
        width: 250px;
        height: 2px;
        background: #d94d59;
    }

    .section-title h2 {
        font-size: 38px;
        font-weight: 600;
        color: #000;
        margin: 0;
    }

    .award-card {
        text-align: center;
    }

    .award-img {
        width: 258px;
        height: 258px;
        background: #fef8d9;
        border-radius: 50%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .award-img img {
        max-width: 180px;
        max-height: 220px;
        object-fit: contain;
    }

    .award-card h3 {
        margin-top: 25px;
        font-size: 22px;
        font-weight: 500;
        color: #000;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 55px !important;
        height: 55px !important;
        border-radius: 50%;
        background: #cfcfcf;
        color: #fff !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 20px !important;
        font-weight: 700;
    }

    .swiper {
        padding: 20px 60px;
    }
    @media (max-width:768px){

        .section-title{
            gap:12px;
            margin-bottom:35px;
        }

        .section-title h2{
            font-size:32px;
            text-align:center;
            max-width:250px;
            line-height:1.2;
        }

        .section-title span{
            width:60px;
        }
    }
    /* Header dropdown css */

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



    .dropdown{
        position:relative;
    }

    .dropdown-menu{
        position:absolute;
        top:100%;
        left:0;
        width:160px;
        background:#f5f5f5;
        padding:15px 0;
        list-style:none;
        display:none;
        border:1px solid #ddd;
        border-radius:4px;
        box-shadow:0 4px 15px rgba(0,0,0,.1);
        z-index:999;
    }

    .dropdown-menu li{
        display:block;
        width:100%;
    }

    .dropdown-menu li a{
        display:block;
        padding:13px 30px;
        font-size:18px;
        color:#111;
        text-decoration:none;
    }

    .dropdown-menu li a:hover{
        background:#eee;
        color:#d62828;
    }

    .dropdown:hover .dropdown-menu{
        display:block;
    }

    /* Pens dropdowns css */

    .product-page{
        padding:80px 0;
        background: url(../images/bgg.png);
    }

    .page-header{
        text-align:center;
        margin-bottom:60px;
    }

    .page-header h1{
        font-size:41px;
        font-weight:600;
        color:#333;
        margin-bottom:20px;
    }

    .breadcrumb{
        font-size:20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcrumb a{
        color:#666;
        text-decoration:none;
    }

    .breadcrumb span{
        color:#ff4d4d;
    }

    /* Product Grid */

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

    .product-card{
        background:#fff;
        border:1px solid #e5e5e5;
        overflow:hidden;
        transition:.3s;
    }

    .product-card:hover{
        transform:translateY(-5px);
        box-shadow:0 10px 25px rgba(0,0,0,.08);
    }

    .product-card img{
        width:100%;
        /* height:auto; */
        object-fit:cover;
        display:block;
        
    }
    @media(max-width:1200px){
        .product-grid{
            grid-template-columns:repeat(3,1fr);
        }
    }

    @media(max-width:768px){
        .product-grid{
            grid-template-columns:repeat(2,1fr);
        }
    }

    @media(max-width:576px){
        .product-grid{
            grid-template-columns:1fr;
        }
    }

    /* make birthday special css */

    .birthday-section {
        background: #fff;
    }

    .section-title h2 {
        font-size: 31px;
        font-weight: 700;
        color: #000;
    }

    .title-line {
        width: 35%;
        height: 2px;
        background: #d73b3e;
    }

    .category-image {
        width: 220px;
        height: 220px;
        margin: auto;
        border-radius: 50%;
        overflow: hidden;
        transition: .4s;
    }

    .category-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .5s;
    }

    .category-image:hover img {
        transform: scale(1.08);
    }

    .swiper-slide h4 {
        margin-top: 20px;
        font-size: 22px;
        font-weight: 500;
        color: #000;
    }

    .swiper-slide a{
        text-decoration:none;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #9b9b9b;
        color: #fff;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px;
        font-weight: bold;
    }

    @media(max-width:991px){

        .section-title h2{
            font-size:30px;
        }

        .category-image{
            width:170px;
            height:170px;
        }

        .swiper-slide h4{
            font-size:22px;
        }

    }

    @media(max-width:576px){

        .category-image{
            width:140px;
            height:140px;
        }

        .section-title h2{
            font-size:24px;
        }

    }

    /* turn feellings into gift section css */

    .stories-section{
        background:#fff;
    }

    .stories-heading{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:35px;
    }

    .stories-heading h2{
        font-size:31px;
        font-weight:700;
        margin:0;
        color:#000;
    }

    .heading-line{
        flex:1;
        max-width:520px;
        height:2px;
        background:#d93636;
    }

    .story-circle{

        width:240px;
        height:240px;

        margin:auto;

        border-radius:50%;

        background:#e8fffb;

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

        overflow:hidden;

        transition:.4s;
    }

    .story-circle img{

        width:82%;
        height:82%;

        object-fit:contain;

        transition:.4s;

    }

    .story-circle:hover img{

        transform:scale(1.08);

    }

    .swiper-slide{

        text-align:center;

    }

    .swiper-slide a{

        text-decoration:none;

    }

    .swiper-slide h5{

        margin-top:25px;

        color:#000;

        font-size:30px;

        font-weight:500;

    }

    .stories-prev,
    .stories-next{

        width:48px;
        height:48px;

        border-radius:50%;

        background:#9d9d9d;

        color:#fff;

    }

    .stories-prev::after,
    .stories-next::after{

        font-size:18px;

        font-weight:bold;

    }

    .stories-prev{

        left:-25px;

    }

    .stories-next{

        right:-25px;

    }

    @media(max-width:1200px){

    .story-circle{

    width:210px;
    height:210px;

    }

    }

    @media(max-width:992px){

    .story-circle{

    width:180px;
    height:180px;

    }

    .stories-heading h2{

    font-size:32px;

    }

    .swiper-slide h5{

    font-size:22px;

    }

    }

    @media(max-width:576px){

    .story-circle{

    width:150px;
    height:150px;

    }

    .stories-heading{

    gap:15px;

    }

    .stories-heading h2{

    font-size:24px;

    }

    .heading-line{

    max-width:60px;

    }

    }



    .feelings-section{
        background:#fff;
        padding:70px 0;
    }

    .section-heading{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:35px;
    }

    .section-heading h2{
        font-size:31px;
        font-weight:700;
        color:#000;
        margin:0;
    }

    .heading-border{
        flex:1;
        max-width:520px;
        height:2px;
        background:#d83b3b;
    }

    .gift-circle{

        width:240px;
        height:240px;

        margin:auto;

        border-radius:50%;

        background:linear-gradient(to bottom,#ffffff 10%,#ffe2ee 100%);

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

        overflow:hidden;

        transition:.4s;
    }

    .gift-circle img{

        width:82%;
        height:82%;

        object-fit:contain;

        transition:.4s;

    }

    .gift-circle:hover img{

        transform:scale(1.08);

    }

    .swiper-slide{

        text-align:center;

    }

    .swiper-slide a{

        text-decoration:none;

    }

    .swiper-slide h5{

        margin-top:22px;

        font-size:22px;

        font-weight:500;

        color:#000;

    }

    .feeling-prev,
    .feeling-next{

        width:48px;
        height:48px;

        border-radius:50%;

        background:#9d9d9d;

        color:#fff;

    }

    .feeling-prev::after,
    .feeling-next::after{

        font-size:18px;

        font-weight:bold;

    }

    .feeling-prev{

        left:-25px;

    }

    .feeling-next{

        right:-25px;

    }


    @media(max-width:1200px){

    .gift-circle{

    width:210px;
    height:210px;

    }

    }

    @media(max-width:992px){

    .gift-circle{

    width:180px;
    height:180px;

    }

    .section-heading h2{

    font-size:32px;

    }

    .swiper-slide h5{

    font-size:22px;

    }

    }

    @media(max-width:576px){

    .gift-circle{

    width:150px;
    height:150px;

    }

    .section-heading{

    gap:15px;

    }

    .section-heading h2{

    font-size:24px;

    }

    .heading-border{

    max-width:60px;

    }

    }

    .social-icons{
        display:flex;
        align-items:center;
        gap:15px;
        margin-top: 20px;
    }

    .social-icons a{
        width:45px;
        height:45px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        color:#fff;
        font-size:20px;
        transition:.3s;
    }

    .social-icons a:nth-child(1){
        background:#1877F2;
    }

    .social-icons a:nth-child(2){
        background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
    }

    .social-icons a:nth-child(3){
        background:#FF0000;
    }

    .social-icons a:hover{
        transform:translateY(-5px);
        box-shadow:0 8px 20px rgba(0,0,0,.25);
    }

    .gift-card a{
        text-decoration: none;
        color: inherit;
    }

    .product-card a{
        text-decoration: none;
        color: inherit;
    }


    /* footer adress css */

    .footer-address {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-top: 25px;
        color: #555;
        font-size: 16px;
        line-height: 1.7;
    }

    .footer-address i {
        color: #d4af37;
        font-size: 24px;
        margin-top: 4px;
    }

    .footer-address strong {
        color: #222;
        font-size: 18px;
        font-weight: 600;
    }


    /* POOJA ROOM FOR EVERY BUDGET SECTIONS CSS */

    .budget-section{
        background:#fff;
    }

    .pooja-heading h2{

        font-size:27px;
        font-weight:500;
        letter-spacing:6px;
        color:#111;
        margin-bottom:25px;
    }

    .pooja-heading p{

        width: 700px;
        max-width: 100%;
        margin: auto;
        font-size: 22px;
        line-height: 1.8;
        color: #555;
    }

    .budget-card{

        position:relative;
        overflow:hidden;
        cursor:pointer;
    }

    .budget-card img{

        width: 100%;
        height: 283px;
        object-fit: cover;
        transition: .6s;
    }

    .budget-card:hover img{

        transform:scale(1.08);
    }

    .price-tag{

        position: absolute;
        top: 10px;
        left: 8px;
        background: #b9964d;
        color: #fff;
        padding: 8px 20px;
        font-size: 13px;
        font-weight: 500;
        z-index: 5;

    }

    .overlay{

        position: absolute;
        left: 0;
        top: 77%;
        right: 0;
        bottom: 0;
        padding: 28px;
        background: linear-gradient(transparent, rgba(0, 0, 0, .7));;
    }

    .overlay h4{

        color:#fff;
        font-size:20px;
        font-weight:400;
        line-height:1.4;
        margin:0;
    }

    @media(max-width:992px){

    .section-heading h2{

    font-size:32px;
    letter-spacing:4px;

    }

    .section-heading p{

    font-size:18px;

    }

    .budget-card img{

    height:500px;

    }

    .overlay h4{

    font-size:24px;

    }

    }

    @media(max-width:768px){

    .budget-card img{

    height:420px;

    }

    }


    .treasured-section{
        padding:80px 0;
        background:#fff;
    }

    .treasure-heading h2{
        font-family: "Cormorant Garamond", serif;
        font-size: 34px;
        font-weight: 700;
        color: #081326;
        margin-bottom: 8px;
    }

    .treasure-heading p{
        font-size:25px;
        color:#222;
        margin-bottom:50px;
    }

    .treasure-card{
        transition:.4s;
    }

    .treasure-card img{
        width:100%;
        height:330px;
        object-fit:cover;
        border-radius:18px;
        transition:.4s;
    }

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

    .treasure-content{
        margin-top:20px;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .treasure-content h4{
        font-size:22px;
        font-weight:500;
        color:#071123;
        margin:0;
    }

    .treasure-content a{
        width:46px;
        height:46px;
        border-radius:50%;
        background:#071123;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        transition:.3s;
    }

    .treasure-card:hover a{
        background:#c89b59;
        transform:translateX(5px);
    }

    @media(max-width:992px){

    .treasure-heading h2{
        font-size:52px;
    }

    .treasure-heading p{
        font-size:20px;
    }

    .treasure-card img{
        height:280px;
    }

    }

    @media(max-width:768px){

    .treasure-heading h2{
        font-size:40px;
    }

    .treasure-heading p{
        font-size:18px;
    }

    }


    /* =========================================================
    FINAL MOBILE HEADER FIX
    ========================================================= */

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


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

    @media screen and (max-width: 768px) {

        .header-wrapper {
            width: 100% !important;
            height: 75px !important;
            min-height: 75px !important;

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

            padding: 8px 15px !important;

            box-sizing: border-box !important;

            background: #ffffff !important;

            position: relative !important;

            z-index: 9999 !important;
        }


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

        .logo {
            flex: 0 0 auto !important;
            width: auto !important;
            margin: 0 !important;
        }

        .logo img {
            width: 130px !important;
            max-width: 130px !important;
            height: auto !important;
            max-height: 60px !important;

            display: block !important;
        }


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

        .mobile-menu-toggle {
            display: flex !important;

            flex: 0 0 auto !important;

            width: 42px !important;
            height: 42px !important;

            padding: 6px !important;
            margin: 0 !important;

            border: none !important;
            background: transparent !important;

            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;

            gap: 5px !important;

            cursor: pointer !important;
        }


        .mobile-menu-toggle span {
            display: block !important;

            width: 27px !important;
            height: 3px !important;

            background: #111111 !important;

            border-radius: 5px !important;
        }


        /* =========================
        NAVIGATION CLOSED
        ========================= */

        .main-nav {
            display: none !important;

            position: absolute !important;

            top: 100% !important;
            left: 0 !important;

            width: 100% !important;

            margin: 0 !important;
            padding: 0 !important;

            background: #ffffff !important;

            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;

            z-index: 99999 !important;
        }


        /* =========================
        NAVIGATION OPEN
        ========================= */

        .main-nav.active {
            display: block !important;
        }


        /* =========================
        MAIN UL
        ========================= */

        .main-nav > ul {
            display: block !important;

            width: 100% !important;

            margin: 0 !important;
            padding: 0 !important;

            list-style: none !important;
        }


        /* =========================
        MAIN MENU ITEM
        ========================= */

        .main-nav > ul > li {
            display: block !important;

            width: 100% !important;

            margin: 0 !important;
            padding: 0 !important;

            border-bottom: 1px solid #eeeeee !important;
        }


        /* =========================
        MAIN MENU LINK
        ========================= */

        .main-nav > ul > li > a {
            display: block !important;

            width: 100% !important;

            padding: 15px 20px !important;

            margin: 0 !important;

            font-size: 16px !important;

            line-height: 1.4 !important;

            color: #111111 !important;

            text-decoration: none !important;

            white-space: normal !important;
        }


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

        .main-nav .dropdown-menu {
            display: none !important;

            position: static !important;

            width: 100% !important;
            min-width: 0 !important;

            margin: 0 !important;
            padding: 0 !important;

            background: #f8f8f8 !important;

            border: none !important;
            border-radius: 0 !important;

            box-shadow: none !important;

            opacity: 1 !important;
            visibility: visible !important;

            transform: none !important;
        }


        /* OPEN DROPDOWN */

        .main-nav .dropdown.active > .dropdown-menu {
            display: block !important;
        }


        /* Disable desktop hover dropdown */

        .main-nav .dropdown:hover > .dropdown-menu {
            display: none !important;
        }

        .main-nav .dropdown.active:hover > .dropdown-menu {
            display: block !important;
        }


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

        .main-nav .dropdown-menu li {
            display: block !important;

            width: 100% !important;

            margin: 0 !important;
        }

        .main-nav .dropdown-menu li a {
            display: block !important;

            width: 100% !important;

            padding: 12px 35px !important;

            margin: 0 !important;

            font-size: 15px !important;

            line-height: 1.4 !important;

            color: #333333 !important;

            white-space: normal !important;
        }

    }


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

    @media screen and (max-width: 480px) {

        .header-wrapper {
            height: 70px !important;
            min-height: 70px !important;

            padding: 7px 12px !important;
        }

        .logo img {
            width: 125px !important;
            max-width: 125px !important;
        }

        .mobile-menu-toggle {
            width: 40px !important;
            height: 40px !important;
        }

        .mobile-menu-toggle span {
            width: 26px !important;
            height: 3px !important;
        }

    }


    /* =========================================================
    JBH FINAL HEADER FIX
    ========================================================= */

    /* Remove Bootstrap horizontal spacing */
    .main-header > .container-fluid {
        width: 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }


    /* HEADER */
    .main-header {
        width: 100%;
        height: 90px;
        background: #fff;
        border-bottom: 1px solid #f2f2f2;

        position: sticky !important;
        top: 0 !important;

        z-index: 99999 !important;
    }


    /* HEADER WRAPPER */
    .main-header .header-wrapper {
        width: 100% !important;
        height: 90px !important;
        min-height: 90px !important;

        margin: 0 !important;
        padding: 7px 15px !important;

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

        background: #fff;

        box-sizing: border-box;
    }


    /* LOGO */
    .main-header .logo {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-header .logo a {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    .main-header .logo img {
        width: 210px !important;
        max-width: 210px !important;
        height: auto !important;
        max-height: 76px !important;

        display: block !important;
        object-fit: contain;
    }


    /* DESKTOP NAVIGATION */
    .main-header .main-nav {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;

        margin-left: auto !important;
    }

    .main-header .main-nav > ul {
        display: flex !important;
        align-items: center;

        gap: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none;
    }

    .main-header .main-nav > ul > li {
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-header .main-nav > ul > li > a {
        display: block !important;

        margin: 0 !important;
        padding: 10px 0 !important;

        color: #111 !important;
        text-decoration: none !important;

        font-family: 'Poppins', sans-serif;
        font-size: 16px !important;
        font-weight: 500;

        line-height: 1.4 !important;
        white-space: nowrap;
    }


    /* DESKTOP DROPDOWN */
    .main-header .dropdown {
        position: relative;
    }

    .main-header .dropdown-menu {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;

        width: 220px !important;
        min-width: 220px !important;

        margin: 0 !important;
        padding: 8px 0 !important;

        background: #fff !important;

        border: 1px solid #ddd !important;
        border-radius: 4px !important;

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

        display: none !important;

        z-index: 999999 !important;
    }

    .main-header .dropdown:hover > .dropdown-menu {
        display: block !important;
    }

    .main-header .dropdown-menu li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-header .dropdown-menu li a {
        display: block !important;

        width: 100% !important;

        padding: 10px 18px !important;

        font-size: 15px !important;
        line-height: 1.4 !important;

        color: #111 !important;
        text-decoration: none !important;
    }

    .main-header .dropdown-menu li a:hover {
        background: #f5f5f5 !important;
        color: #c99720 !important;
    }


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

    @media (max-width: 768px) {

        .main-header {
            height: 70px !important;

            position: sticky !important;
            top: 0 !important;
        }

        .main-header .header-wrapper {
            height: 70px !important;
            min-height: 70px !important;

            padding: 6px 12px !important;
        }

        .main-header .logo img {
            width: 130px !important;
            max-width: 130px !important;
            max-height: 58px !important;
        }

        /* Hamburger */
        .main-header .mobile-menu-toggle {
            display: flex !important;

            width: 42px !important;
            height: 42px !important;

            margin: 0 !important;
            padding: 6px !important;

            border: none !important;
            background: transparent !important;

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

            gap: 5px;

            flex-shrink: 0;
        }

        .main-header .mobile-menu-toggle span {
            display: block !important;

            width: 27px !important;
            height: 3px !important;

            background: #111 !important;
            border-radius: 5px;
        }

        /* Mobile navigation */
        .main-header .main-nav {
            display: none !important;

            position: absolute !important;

            top: 100% !important;
            left: 0 !important;

            width: 100% !important;

            margin: 0 !important;
            padding: 0 !important;

            background: #fff !important;

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

            z-index: 999999;
        }

        .main-header .main-nav.active {
            display: block !important;
        }

        .main-header .main-nav > ul {
            display: block !important;

            width: 100% !important;

            margin: 0 !important;
            padding: 0 !important;
        }

        .main-header .main-nav > ul > li {
            width: 100% !important;

            border-bottom: 1px solid #eee;
        }

        .main-header .main-nav > ul > li > a {
            width: 100% !important;

            padding: 14px 20px !important;

            font-size: 16px !important;
            line-height: 1.4 !important;
        }


        /* Mobile dropdown */
        .main-header .dropdown-menu {
            position: static !important;

            width: 100% !important;
            min-width: 0 !important;

            display: none !important;

            padding: 0 !important;
            margin: 0 !important;

            border: none !important;
            box-shadow: none !important;

            background: #f8f8f8 !important;
        }

        .main-header .dropdown.active > .dropdown-menu {
            display: block !important;
        }

        .main-header .dropdown:hover > .dropdown-menu {
            display: none !important;
        }

        .main-header .dropdown.active:hover > .dropdown-menu {
            display: block !important;
        }

        .main-header .dropdown-menu li a {
            padding: 12px 35px !important;

            font-size: 15px !important;
            line-height: 1.4 !important;
        }
    }


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

    @media (max-width: 480px) {

        .main-header {
            height: 65px !important;
        }

        .main-header .header-wrapper {
            height: 65px !important;
            min-height: 65px !important;

            padding: 5px 10px !important;
        }

        .main-header .logo img {
            width: 120px !important;
            max-width: 120px !important;
        }

        .main-header .mobile-menu-toggle {
            width: 40px !important;
            height: 40px !important;
        }
    }


    /* =========================================
    SMOOTH HERO SLIDER
    ========================================= */

    .hero-slider {
        width: 100%;
        overflow: hidden;
    }

    .hero-slider .carousel-inner {
        width: 100%;
        overflow: hidden;
    }

    .hero-slider .carousel-item {
        transition: transform 1.3s ease-in-out !important;
    }

    /* Improve rendering during animation */
    .hero-slider .slide-item {
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
    }


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

    .admin-layout {
        display: flex;
        min-height: 100vh;
        width: 100%;
    }


    /* =========================================
    SIDEBAR
    ========================================= */

    .sidebar {
        width: 250px;
        min-width: 250px;
        min-height: 100vh;

        background: #0f172a;

        padding: 24px 20px;

        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;

        z-index: 1000;

        overflow-y: auto;
    }


    /* Sidebar Header */

    .sidebar-header {
        padding: 0 5px;
    }

    .sidebar-header h3 {
        font-size: 21px;
        white-space: nowrap;
    }


    /* Divider */

    .sidebar-divider {
        border-color: rgba(255, 255, 255, 0.08);
        margin: 18px 0;
    }


    /* Menu */

    .sidebar-menu {
        gap: 5px;
    }

    .sidebar-menu .nav-item {
        width: 100%;
    }

    .sidebar-menu .nav-link {
        display: flex;
        align-items: center;

        width: 100%;

        padding: 12px 10px;

        color: #ffffff !important;

        text-decoration: none;

        border-radius: 8px;

        font-size: 15px;

        transition: all 0.2s ease;
    }

    .sidebar-menu .nav-link i {
        width: 25px;
        min-width: 25px;

        font-size: 17px;

        margin-right: 8px;
    }

    .sidebar-menu .nav-link:hover {
        background: rgba(255, 255, 255, 0.08);
    }


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

    .admin-content {
        margin-left: 250px;

        width: calc(100% - 250px);

        min-width: 0;

        min-height: 100vh;

        background: #f8fafc;
    }


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

    @media (max-width: 767px) {

        .admin-layout {
            display: block;
        }

        .sidebar {
            position: relative;

            width: 100%;
            min-width: 100%;

            min-height: auto;

            padding: 15px 16px;
        }

        .sidebar-header h3 {
            font-size: 19px;
        }

        .sidebar-divider {
            margin: 12px 0;
        }

        .sidebar-menu {
            flex-direction: row !important;

            overflow-x: auto;

            gap: 8px;

            padding-bottom: 5px;
        }

        .sidebar-menu .nav-item {
            width: auto;
            flex-shrink: 0;
        }

        .sidebar-menu .nav-link {
            width: auto;

            white-space: nowrap;

            padding: 9px 12px;

            font-size: 14px;
        }

        .admin-content {
            margin-left: 0;

            width: 100%;

            min-height: calc(100vh - 150px);
        }
    }


    /* =====================================================
    JBH TROPHY - MOBILE RESPONSIVE FIX
    ===================================================== */

    @media (max-width: 767px) {

        /* Prevent entire website from becoming wider than phone */
        html,
        body {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden !important;
        }

        /* Main layout */
        .admin-layout {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            overflow-x: hidden !important;
        }

        /* -------------------------------------------------
        SIDEBAR
        ------------------------------------------------- */

        .sidebar {
            position: fixed !important;

            top: 0 !important;
            left: -280px !important;

            width: 260px !important;
            min-width: 260px !important;
            height: 100vh !important;
            min-height: 100vh !important;

            z-index: 2000 !important;

            transition: left 0.3s ease;

            overflow-y: auto !important;
        }

        /* When sidebar is opened */
        .sidebar.mobile-open {
            left: 0 !important;
        }


        /* -------------------------------------------------
        MAIN CONTENT
        ------------------------------------------------- */

        .admin-content {
            margin-left: 0 !important;

            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;

            padding: 0 !important;

            overflow-x: hidden !important;
        }


        /* -------------------------------------------------
        DASHBOARD HEADER
        ------------------------------------------------- */

        .admin-header {
            width: 100% !important;
            max-width: 100% !important;

            height: 60px !important;

            padding: 0 12px !important;

            display: flex !important;
            align-items: center !important;

            box-sizing: border-box !important;
        }

        .admin-header h4 {
            font-size: 20px !important;

            white-space: nowrap;

            overflow: hidden;
            text-overflow: ellipsis;
        }


        /* -------------------------------------------------
        MOBILE MENU BUTTON
        ------------------------------------------------- */

        .mobile-menu-btn {
            display: flex !important;

            width: 40px;
            height: 40px;

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

            border: none;
            background: #f1f5f9;

            border-radius: 8px;

            font-size: 22px;

            margin-right: 10px;
        }


        /* -------------------------------------------------
        HEADER ACTIONS
        ------------------------------------------------- */

        .header-actions {
            margin-left: auto;

            display: flex;
            align-items: center;

            gap: 6px;
        }


        /* -------------------------------------------------
        PAGE CONTENT
        ------------------------------------------------- */

        .admin-content .container,
        .admin-content .container-fluid {
            width: 100% !important;
            max-width: 100% !important;

            padding-left: 15px !important;
            padding-right: 15px !important;

            margin-left: 0 !important;
            margin-right: 0 !important;

            box-sizing: border-box !important;
        }


        /* -------------------------------------------------
        TABLES
        ------------------------------------------------- */

        .table-responsive {
            width: 100% !important;
            max-width: 100% !important;

            overflow-x: auto !important;

            -webkit-overflow-scrolling: touch;
        }

        table {
            max-width: none;
        }


        /* -------------------------------------------------
        CARDS
        ------------------------------------------------- */

        .card {
            max-width: 100% !important;
        }


        /* -------------------------------------------------
        MOBILE SIDEBAR OVERLAY
        ------------------------------------------------- */

        .sidebar-overlay {
            display: none;

            position: fixed;

            inset: 0;

            background: rgba(0, 0, 0, 0.45);

            z-index: 1999;
        }

        .sidebar-overlay.active {
            display: block;
        }

    }


    .jbh-location-section {

    padding: 90px 0;

    background:
        linear-gradient(
            rgba(255,255,255,0.96),
            rgba(255,255,255,0.96)
        ),
        url("{{ asset('images/pattern.png') }}");

}


.jbh-location-heading {

    text-align: center;

    max-width: 750px;

    margin: 0 auto 55px;

}


.jbh-location-subtitle {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;

    color: #c79a20;

    margin-bottom: 12px;

}


.jbh-location-heading h2 {

    font-size: 44px;

    font-weight: 700;

    color: #171717;

    margin-bottom: 15px;

}


.jbh-location-heading h2 span {

    color: #c79a20;

}


.jbh-location-heading p {

    font-size: 17px;

    line-height: 1.7;

    color: #666;

    margin: 0;

}


/* =================================
   MAIN WRAPPER
================================= */

.jbh-location-wrapper {

    display: grid;

    grid-template-columns: 0.9fr 1.5fr;

    min-height: 550px;

    background: #ffffff;

    border-radius: 24px;

    overflow: hidden;

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

}


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

.jbh-location-info {

    padding: 50px 45px;

    background:
        linear-gradient(
            145deg,
            #111827,
            #1f2937
        );

    color: #fff;

    position: relative;

    overflow: hidden;

}


.jbh-location-info::after {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    border-radius: 50%;

    border: 1px solid rgba(212,169,54,0.25);

    right: -100px;

    bottom: -100px;

}


.jbh-location-badge {

    width: 60px;

    height: 60px;

    border-radius: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(
        135deg,
        #d4af37,
        #b8860b
    );

    color: #fff;

    font-size: 25px;

    margin-bottom: 22px;

}


.jbh-location-info h3 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 12px;

}


.jbh-location-intro {

    color: #cbd5e1;

    line-height: 1.7;

    margin-bottom: 35px;

}


/* =================================
   INFO ITEMS
================================= */

.jbh-info-item {

    display: flex;

    gap: 18px;

    margin-bottom: 25px;

}


.jbh-info-icon {

    min-width: 42px;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(212,169,54,0.15);

    color: #d4af37;

}


.jbh-info-item strong {

    display: block;

    font-size: 15px;

    margin-bottom: 5px;

}


.jbh-info-item p {

    margin: 0;

    color: #cbd5e1;

    font-size: 14px;

    line-height: 1.6;

}


.jbh-info-item a {

    color: #fff;

    text-decoration: none;

}


.jbh-info-item a:hover {

    color: #d4af37;

}


/* =================================
   RATING
================================= */

.jbh-rating {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 15px 0;

    margin-top: 5px;

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

}


.jbh-stars {

    color: #f5b301;

    font-size: 21px;

    letter-spacing: 2px;

}


.jbh-rating strong {

    display: block;

}


.jbh-rating small {

    color: #9ca3af;

    display: block;

    margin-top: 2px;

}


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

.jbh-location-buttons {

    display: flex;

    gap: 12px;

    margin-top: 25px;

}


.jbh-directions-btn,
.jbh-call-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 13px 18px;

    border-radius: 10px;

    text-decoration: none;

    font-weight: 600;

    font-size: 14px;

    transition: all .3s ease;

}


.jbh-directions-btn {

    background: #d4af37;

    color: #111;

}


.jbh-directions-btn:hover {

    background: #f0c94d;

    color: #111;

    transform: translateY(-2px);

}


.jbh-call-btn {

    border: 1px solid rgba(255,255,255,0.25);

    color: #fff;

}


.jbh-call-btn:hover {

    background: #fff;

    color: #111;

}


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

.jbh-map-wrapper {

    min-height: 550px;

    position: relative;

}


.jbh-map-wrapper iframe {

    width: 100%;

    height: 100%;

    min-height: 550px;

    display: block;

}


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

@media (max-width: 992px) {

    .jbh-location-wrapper {

        grid-template-columns: 1fr;

    }

    .jbh-location-info {

        padding: 45px 35px;

    }

    .jbh-map-wrapper {

        min-height: 450px;

    }

    .jbh-map-wrapper iframe {

        min-height: 450px;

    }

}


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

@media (max-width: 576px) {

    .jbh-location-section {

        padding: 60px 15px;

    }

    .jbh-location-heading {

        margin-bottom: 35px;

    }

    .jbh-location-heading h2 {

        font-size: 32px;

    }

    .jbh-location-heading p {

        font-size: 15px;

    }

    .jbh-location-wrapper {

        border-radius: 18px;

    }

    .jbh-location-info {

        padding: 35px 25px;

    }

    .jbh-location-info h3 {

        font-size: 26px;

    }

    .jbh-location-buttons {

        flex-direction: column;

    }

    .jbh-directions-btn,
    .jbh-call-btn {

        width: 100%;

    }

    .jbh-map-wrapper {

        min-height: 350px;

    }

    .jbh-map-wrapper iframe {

        min-height: 350px;

    }

}

.awardsSlider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.storiesSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}


.feelingsSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}




/* HERO SLIDER */
.hero-slider {
    width: 100%;
    height: clamp(565px, 48vw, 850px);
    position: relative;
    overflow: hidden;
}

/* LARGE SCREENS: 1920px and above */
@media (min-width: 1920px) {
    .hero-slider {
        height: 850px;
    }

    .slide-content h1 {
        font-size: 76px;
    }

    .slide-content p {
        font-size: 28px;
    }
}

/* ULTRA-WIDE SCREENS */
@media (min-width: 2560px) {
    .hero-slider {
        height: 1000px;
    }

    .slide-content h1 {
        font-size: 90px;
    }

    .slide-content p {
        font-size: 32px;
    }
}

/* TABLETS AND MOBILE */
@media (max-width: 768px) {
    .hero-slider {
        height: 400px;
    }

    .slide-content h1 {
        font-size: 38px;
    }

    .slide-content p {
        font-size: 18px;
    }
}