/* ===== 3D LUXURY FORM ===== */
.luxury-3d-form {
    background: #2A2A4C;
    border-radius: 18px;
    box-shadow:
        0 30px 60px rgba(0,0,0,0.6),
        inset 0 1px 0 rgba(255,255,255,0.08);
    transform: perspective(1200px) rotateX(3deg);
    transition: all 0.4s ease;
}


/* Hover par card thoda aur uthe */
.luxury-3d-form:hover {
    transform: perspective(1200px) rotateX(0deg) translateY(-6px);
}

/* Heading */
.luxury-3d-form h6 {
    color: #f8fafc;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.6px;
}

/* Inputs */
.luxury-3d-form .banner-input {
    height: 45px;
    border-radius: 12px;
    border: none;
    font-size: 15px;
    /* background: linear-gradient(180deg, #ffffff, #e5e7eb); */
    box-shadow:
        inset 0 3px 6px rgba(0,0,0,0.25),
        0 6px 12px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
}

/* Focus = pressed to lifted */
.luxury-3d-form .banner-input:focus {
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 12px 25px rgba(0,0,0,0.35),
        inset 0 1px 2px rgba(0,0,0,0.15);
    outline: none;
}

/* Placeholder */
.luxury-3d-form .banner-input::placeholder {
    color: #6b7280;
    font-weight: 400;
}

/* Button */
.luxury-3d-form button {
    height: 45px;
    border-radius: 14px;
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
    /* background: linear-gradient(135deg, #c9a24d, #f5d27a); */
    color: #111827;
    /* box-shadow:
        0 10px 0 #9c7c2c,
        0 25px 35px rgba(0,0,0,0.45); */
    transition: all 0.25s ease;
}

/* Button press effect */
.luxury-3d-form button:hover {
    transform: translateY(-3px);
}

.luxury-3d-form button:active {
    transform: translateY(4px);
    box-shadow:
        0 4px 0 #9c7c2c,
        0 10px 15px rgba(0,0,0,0.35);
}

/* Remove old overlay */
.banner-two-form-overlay {
    display: none;
}
  /* this is about us section for home page  */
  /* ============================= */
/* KL7 ABOUT SECTION – LUXURY UPGRADE */
/* ============================= */

.about-two-area {
    padding: 70px 30px;
    background: linear-gradient(180deg, #f8fafc, #ffffff);
    position: relative;
}

/* Section subtle accent */
/* .about-two-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0f172a, #020617);
    opacity: 0.03;
} */

/* WELCOME TAG */
.about-two-area h6 {
    /* font-size: 13px; */
    letter-spacing: 2px;
    color: #9f7c2f;
}

/* Main description text */
.cursor-text.about-two-cursor-text {
    font-size: 34px;
    line-height: 1.45;
    color: #0f172a;
    font-weight: 400;
    max-width: 760px;
}

/* COUNTER BOX */
.counter-wrap {
    background: #ffffff;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.counter-wrap:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.12);
}

.counter-title {
    font-size: 38px;
    color: #0f172a;
}

.counter-paragraph {
    color: #64748b;
    letter-spacing: 0.4px;
    font-size: 15px;
}

/* FEATURE CARDS */
.feature-two-item {
    border-radius: 22px;
    box-shadow: 0 25px 55px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
}

.feature-two-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 40px 75px rgba(0,0,0,0.12);
}

.feature-two-item.active {
    background: linear-gradient(135deg, #0f172a, #020617);
}

.feature-two-item.active h4 {
    color: #ffffff;
}

/* FEATURE ICON */
.feature-icon img {
    transition: transform 0.4s ease;
}

.feature-two-item:hover .feature-icon img {
    transform: scale(1.1);
}

/* PARAGRAPH TEXT */
.about-two-area p {
    color: #475569;
    line-height: 1.8;
}

/* IMAGE STYLE */
.about-two-thumb img {
    border-radius: 26px;
    box-shadow: 0 35px 80px rgba(0,0,0,0.25);
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .cursor-text.about-two-cursor-text {
        font-size: 28px;
    }
}
/* this is section no 3  */
.service-two-wrapper {
    background: #eee39e3b;
    padding: 10px;
}
.service-two-wrapper .service-two-content a{
    font-size: 16px;
}
.service-two-wrapper .service-two-content span{
    font-size: 18px;
    font-weight: 600;
}
/* =============================== */
/* TESTIMONIAL – LUXURY LAYOUT */
/* =============================== */

.testimonial-two-wrapper {
    background: #ffebcd33;
    border-radius: 26px;
    padding: 40px;
    box-shadow: 0 30px 70px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.testimonial-two-wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 45px 90px rgba(0,0,0,0.12);
}

/* Header */
.testimonial-header {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 18px;
}

/* Avatar */
.testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f1f5f9;
}

/* Name */
.testimonial-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #0f172a;
}

/* Role */
.testimonial-role {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

/* Stars */
.testimonial-stars i {
    color: #9f7c2f;
    font-size: 18px;
    margin-left: 2px;
}

/* Review Text */
.testimonial-text {
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.9;
    color: #334155;
}

/* Swiper active highlight */
.swiper-slide-active .testimonial-two-wrapper {
    transform: scale(1.03);
}


/* =============================== */
/* LUXURY CONTACT FORM – KL7 */
/* =============================== */

.contact-two-form {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-radius: 28px;
    padding: 30px;
    box-shadow: 0 35px 90px rgba(0,0,0,0.12);
    position: relative;
}

/* Soft top accent line */
.contact-two-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    height: 3px;
    background: linear-gradient(90deg, #c9a24d, #f5d27a);
    border-radius: 10px;
}

/* Heading */
.contact-two-form h2 {
    color: #0f172a;
    letter-spacing: 0.5px;
}

/* Description */
.contact-two-form p {
    color: #475569;
    line-height: 1.7;
}

/* Input wrapper spacing */
.contact-two-form .position-relative {
    margin-bottom: 26px;
}

/* Icons */
.contact-two-form span i {
    color: #9f7c2f;
    font-size: 18px;
    opacity: 0.9;
}

/* Inputs & textarea */
.contact-two-form .form-control {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    height: 42px;
    font-size: 15px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
.contact-two-form .form-select {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    font-size: 15px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    color: #94a3b8;
}


/* Textarea height fix */
.contact-two-form textarea.form-control {
    height: 130px;
    padding-top: 14px;
}

/* Focus state */
.contact-two-form .form-control:focus {
    border-color: #9f7c2f;
    box-shadow: 0 0 0 4px rgba(159,124,47,0.18);
}

/* Placeholder */
.contact-two-form .form-control::placeholder {
    color: #94a3b8;
}

/* Submit Button */
.contact-two-form button {
    margin-top: 10px;
    background: linear-gradient(135deg, #c9a24d, #f5d27a);
    color: #111827;
    font-weight: 600;
    letter-spacing: 0.8px;
    padding: 14px 38px;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(159,124,47,0.45);
    transition: all 0.3s ease;
}

/* Button hover */
.contact-two-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 45px rgba(159,124,47,0.55);
}
/* =============================== */
/* CONTACT INFO CARD – 3D LUXURY */
/* =============================== */

.contact-two-wrap {
    position: relative;
    background: linear-gradient(180deg, #ffffff, #f9fafb);
    border-radius: 22px;
    box-shadow:
        0 20px 40px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.7);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    transform-style: preserve-3d;
    perspective: 1200px;
    cursor: pointer;
    padding: 20px;
}

/* Gold top accent */
.contact-two-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 3px;
    background: linear-gradient(90deg, #c9a24d, #f5d27a);
    border-radius: 10px;
}

/* Icon style */
.contact-two-wrap span i {
    font-size: 32px;
    color: #9f7c2f;
    transition: transform 0.4s ease;
}

/* Title */
.contact-two-wrap h6 {
    color: #0f172a;
    letter-spacing: 0.4px;
}

/* Phone links */
.contact-two-wrap a {
    display: block;
    font-weight: 500;
    color: #475569;
    transition: color 0.3s ease;
}

/* =============================== */
/* HOVER – 3D MOTION EFFECT */
/* =============================== */

.contact-two-wrap:hover {
    transform: perspective(1200px)
               rotateX(8deg)
               rotateY(-8deg)
               translateY(-10px);
    box-shadow:
        0 35px 80px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

/* Icon lift */
.contact-two-wrap:hover span i {
    transform: translateZ(25px) scale(1.1);
}

/* Phone number highlight */
.contact-two-wrap:hover a {
    color: #9f7c2f;
}

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

@media (max-width: 991px) {
    .contact-two-wrap,
    .contact-two-wrap:hover {
        transform: none;
    }
}
/* =============================== */
/* PLACES NEAR KL7 – LUXURY */
/* =============================== */

.nearby-places-section {
    padding: 120px 0;
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

/* Content */
.nearby-subtitle {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9f7c2f;
    display: inline-block;
    margin-bottom: 12px;
}

.nearby-title {
    font-size: 42px;
    font-weight: 400;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 8px;
}

.nearby-desc {
    font-size: 16px;
    color: #475569;
    line-height: 1.8;
    margin-bottom: 10px;
}

/* List */
.nearby-list {
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}

.nearby-list li {
    font-size: 16px;
    color: #0f172a;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Dots */
.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.dot.yellow { background: #facc15; }
.dot.red { background: #ef4444; }
.dot.blue { background: #3b82f6; }
.dot.green { background: #22c55e; }
.dot.gray { background: #9ca3af; }

/* Button */
.nearby-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 34px;
    border-radius: 16px;
    background: linear-gradient(135deg, #c9a24d, #f5d27a);
    color: #111827;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 18px 40px rgba(159,124,47,0.35);
    transition: all 0.3s ease;
}

.nearby-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 25px 55px rgba(159,124,47,0.45);
}

/* Image */
.nearby-image img {
    width: 100%;
    border-radius: 28px;
    box-shadow: 0 35px 80px rgba(0,0,0,0.25);
}

/* Responsive */
@media (max-width: 991px) {
    .nearby-title {
        font-size: 34px;
    }

    .nearby-image {
        margin-top: 40px;
    }
}

a[href*="wa.me"]:hover {
    background: #25D366;
    color: #fff;
    border-color: #25D366;
}
/* this is contact page css  */
  .lux-contact-section {
            padding: 120px 0;
            background: linear-gradient(120deg, #f9fafb, #eef2f7);
        }

        /* LEFT INFO CARD */
        .lux-contact-info {
            background: #d4bf8e4f;
            color: #fff;
            padding: 50px;
            border-radius: 22px;
            height: 100%;
           
            transform: perspective(1200px) rotateY(3deg);
        }

        .lux-badge {
            display: inline-block;
            padding: 6px 16px;
            background: linear-gradient(135deg, #c9a24d, #f5d27a);
            color: #111;
            font-weight: 600;
            border-radius: 30px;
            margin-bottom: 15px;
            font-size: 14px;
        }

        .lux-title {
            font-size: 38px;
            margin-bottom: 20px;
        }

        .lux-desc {
            color: #0f1113;
            margin-bottom: 40px;
            line-height: 1.8;
        }

        /* INFO ITEMS */
        .lux-info-list {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .lux-info-item {
            display: flex;
            gap: 18px;
        }

        .lux-icon {
            width: 52px;
            height: 52px;
            background: rgb(255 255 255 / 35%);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #dc8726;
        }

        .lux-info-item h5 {
            margin-bottom: 5px;
        }

        .lux-info-item a,
        .lux-info-item p {
            color: #1c1c1e;
            display: block;
            text-decoration: none;
        }

        /* SOCIAL */
        .lux-social {
            margin-top: 40px;
            display: flex;
            gap: 12px;
        }

        .lux-social a {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgb(255 255 255 / 50%);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.3s;
        }

        .lux-social a:hover {
            background: #c9a24d;
            color: #111;
        }

        /* FORM CARD */
        .lux-contact-form {
            backdrop-filter: blur(12px);
            padding: 60px;
            border-radius: 22px;
            box-shadow: 0 40px 90px rgba(0, 0, 0, 0.15);
            transform: perspective(1200px) rotateY(-3deg);
        }

        .lux-contact-form h3 {
            font-size: 32px;
            margin-bottom: 10px;
        }

        .lux-contact-form p {
            margin-bottom: 30px;
            color: #6b7280;
        }

        /* INPUTS */
        .lux-contact-form input,.lux-contact-form select,
        .lux-contact-form textarea {
            width: 100% !important;
            padding: 16px 18px;
            border-radius: 14px;
            border: 1px solid #e5e7eb;
            outline: none;
            transition: 0.3s;
        }

        .lux-contact-form input:focus,
        .lux-contact-form textarea:focus {
            border-color: #c9a24d;
            box-shadow: 0 0 0 4px rgba(201, 162, 77, 0.25);
        }

        /* BUTTON */
        .lux-contact-form button {
            background: linear-gradient(135deg, #c9a24d, #f5d27a);
            border: none;
            padding: 16px 36px;
            border-radius: 14px;
            font-weight: 600;
            box-shadow: 0 20px 45px rgba(201, 162, 77, 0.5);
            transition: 0.35s;
        }

        .lux-contact-form button:hover {
            transform: translateY(-4px);
            box-shadow: 0 30px 65px rgba(201, 162, 77, 0.7);
        }

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

            .lux-contact-info,
            .lux-contact-form {
                transform: none;
                padding: 35px;
            }
        }
        .hero-content{
    position: relative;
    z-index: 2;
  
}

.hero-tagline{
    display: inline-block;
    color: #f4c430;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    padding-left: 70px;
}

.hero-tagline::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 55px;
    height: 2px;
    background: #f4c430;
    transform: translateY(-50%);
}

.hero-title{
    font-size: 50px;
    line-height: 1.05;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
    text-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

.hero-text{
    max-width: 620px;
    color: rgba(255,255,255,0.82);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
}

.hero-btns{
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.primary-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4c430;
    color: #111;
    padding: 8px 30px;
    border-radius: 60px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.4s ease;
}

.primary-btn:hover{
    background: #fff;
    color: #111;
    transform: translateY(-3px);
}
.secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.25);
    color: #fff;
    padding: 9px 27px;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: 0.4s ease;
}

.secondary-btn:hover{
    background: rgba(255,255,255,0.1);
    transform: translateY(-3px);
}

/* Responsive */

@media(max-width:991px){

    .hero-content{
        padding: 90px 0;
    }

    .hero-title{
        font-size: 58px;
    }

    .hero-text{
        font-size: 16px;
    }
}

@media(max-width:767px){

    .hero-content{
        padding: 10px 0;
    }

    .hero-title{
        font-size: 28px;
        line-height: 1.15;
    }

    .hero-tagline{
        font-size: 13px;
        padding-left: 50px;
    }

    .hero-tagline::before{
        width: 35px;
    }

    .hero-text{
        font-size: 15px;
        line-height: 1.7;
    }

    .hero-btns{
        flex-direction: column;
        align-items: flex-start;
    }

    .primary-btn,
    .secondary-btn{
        width: 100%;
        justify-content: center;
    }
}
section{
    padding: 0px 20px;
}
.kl7-about-section{
    background: #f8f5ef;
    position: relative;
    overflow: hidden;
    padding: 50px 30px;
}

.kl7-about-content{
    padding-right: 40px;
}

.kl7-subtitle{
    display: inline-block;
    color: #c89b3c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    padding-left: 70px;
}

.kl7-subtitle::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 55px;
    height: 2px;
    background: #c89b3c;
    transform: translateY(-50%);
}

.kl7-title{
    font-size: 50px;
    line-height: 1.1;
    color: #0d1b2a;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: "Cormorant Garamond", serif;
}

.kl7-description{
    font-size: 15px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 15px;
}

.kl7-feature-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 22px;
    margin-top: 8px;
}

.kl7-feature-card{
    background: #fff;
    border-radius: 18px;
    padding: 12px;
    display: flex;
    gap: 18px;
    align-items: flex-start;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
    transition: 0.4s ease;
}

.kl7-feature-card:hover{
    transform: translateY(-6px);
}

.kl7-icon{
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 50%;
    background: #c89b3c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

.kl7-feature-card h5{
    font-size: 20px;
    margin-bottom: 8px;
    color: #0d1b2a;
}

.kl7-feature-card p{
    margin: 0;
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

.kl7-about-btns{
    margin-top: 16px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.kl7-primary-btn{
    background: #c89b3c;
    color: #111;
    padding: 16px 31px;
    border-radius: 60px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.4s ease;
}

.kl7-primary-btn:hover{
    background: #0d1b2a;
    color: #fff;
}

.kl7-secondary-btn{
    border: 1px solid #ddd;
    color: #0d1b2a;
    padding: 16px 38px;
    border-radius: 60px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.4s ease;
}

.kl7-secondary-btn:hover{
    background: #0d1b2a;
    color: #fff;
}

.kl7-about-image-wrap{
    position: relative;
    padding-left: 50px;
}

.kl7-main-image{
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    min-height: 650px;
}

.kl7-floating-card{
    position: absolute;
    left: 0;
    bottom: 40px;
    background: #2A2A4C;
    padding: 30px 35px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 30px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

.kl7-stat-box h3{
    color: #c89b3c;
    font-size: 42px;
    margin-bottom: 5px;
    font-weight: 700;
}

.kl7-stat-box p{
    color: rgba(255,255,255,0.8);
    margin: 0;
    font-size: 15px;
}

.kl7-divider{
    width: 1px;
    height: 70px;
    background: rgba(255,255,255,0.15);
}

/* Responsive */

@media(max-width:991px){

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

    .kl7-about-content{
        padding-right: 0;
    }

    .kl7-about-image-wrap{
        padding-left: 0;
    }

    .kl7-main-image{
        min-height: auto;
    }

    .kl7-floating-card{
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: -70px;
        width: fit-content;
    }
}

@media(max-width:767px){

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

    .kl7-feature-grid{
        grid-template-columns: 1fr;
    }

    .kl7-floating-card{
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .kl7-divider{
        width: 100%;
        height: 1px;
    }

    .kl7-about-btns{
        flex-direction: column;
    }

    .kl7-primary-btn,
    .kl7-secondary-btn{
        width: 100%;
        text-align: center;
    }
}
.kl7-feature-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    margin-top: 40px;
}

.kl7-feature-card{
    position: relative;
    background: #fff;
    border-radius: 22px;
    padding: 15px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s ease;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 10px 35px rgba(0,0,0,0.05);
}

/* Background Animation */
.kl7-feature-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,#0d1b2a,#162b44,#c89b3c);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: 0.5s ease;
    z-index: -1;
    border-radius: 22px;
}

/* Glow Effect */
.kl7-feature-card::after{
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
    top: -80px;
    right: -80px;
    transition: 0.5s ease;
}

.kl7-feature-card:hover{
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.18);
}

.kl7-feature-card:hover::before{
    transform: scaleY(1);
}

.kl7-feature-card:hover::after{
    transform: scale(1.4);
}

/* Icon */
.kl7-icon{
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 18px;
    background: #c89b3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    transition: 0.5s ease;
    position: relative;
}

.kl7-icon::before{
    content: "";
    position: absolute;
    inset: -4px;
    border: 2px dashed rgba(255,255,255,0.4);
    border-radius: 20px;
    animation: rotateBorder 8s linear infinite;
    opacity: 0;
    transition: 0.5s ease;
}

.kl7-feature-card:hover .kl7-icon{
    background: #fff;
    color: #c89b3c;
    transform: rotateY(180deg);
}

.kl7-feature-card:hover .kl7-icon::before{
    opacity: 1;
}

/* Text Animation */
.kl7-feature-card h5{
    font-size: 20px;
    margin-bottom: 8px;
    color: #0d1b2a;
    transition: 0.5s ease;
}

.kl7-feature-card p{
    margin: 0;
    color: #666;
    line-height: 1.7;
    font-size: 14px;
    transition: 0.5s ease;
}

.kl7-feature-card:hover h5,
.kl7-feature-card:hover p{
    color: #fff;
}

/* Small Line Animation */
.kl7-feature-card .content-area{
    position: relative;
}

.kl7-feature-card .content-area::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: #c89b3c;
    transition: 0.5s ease;
}

.kl7-feature-card:hover .content-area::before{
    width: 100%;
}

/* Rotate Animation */
@keyframes rotateBorder{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

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

    .kl7-feature-grid{
        grid-template-columns: 1fr;
    }

    .kl7-feature-card{
        padding: 24px;
    }
}

.kl7-cta-btns{
    gap: 20px;
}

.kl7-whatsapp-btn,
.kl7-call-btn{
    min-width: 220px;
    height: 48px;
    padding: 0 30px;
    border-radius: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
}

.kl7-whatsapp-btn{
    background: #0c9740;
    color: #fff;
}

.kl7-call-btn{
    background: #d4af37;
    color: #111;
    box-shadow: 0 10px 30px rgba(212,175,55,0.35);
}

.kl7-whatsapp-btn i,
.kl7-call-btn i{
    font-size: 20px;
}

.kl7-whatsapp-btn::before,
.kl7-call-btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.18);
    transition: 0.5s ease;
}

.kl7-whatsapp-btn:hover::before,
.kl7-call-btn:hover::before{
    left: 100%;
}

.kl7-whatsapp-btn:hover{
    transform: translateY(-6px);
    color: #fff;
}

.kl7-call-btn:hover{
    transform: translateY(-6px);
    color: #111;
}

/* Responsive */

@media(max-width:767px){

    .kl7-cta-btns{
        flex-direction: column;
        align-items: center;
    }

    .kl7-whatsapp-btn,
    .kl7-call-btn{
        width: 100%;
        max-width: 320px;
    }
}
.py-50 {
    padding: 50px 0px;
}
.nearby-places-section{
    padding: 70px 0;
    background: #f8f5ef;
    overflow: hidden;
}

/* Destination Cards */

.nearby-destination-list{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.destination-card{
    background: #fff;
    border-radius: 20px;
    padding: 10px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    transition: 0.4s ease;
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
}

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

.destination-left{
    display: flex;
    align-items: center;
    gap: 13px;
}

.destination-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}

.destination-icon.yellow{
    background: #d4af37;
}

.destination-icon.red{
    background: #ff5a5f;
}

.destination-icon.blue{
    background: #00a8ff;
}

.destination-icon.green{
    background: #27ae60;
}

.destination-icon.gray{
    background: #636e72;
}

.destination-card h5{
    font-size: 22px;
    color: #0d1b2a;
    margin-bottom: 6px;
}

.destination-card p{
    margin: 0;
    color: #777;
    font-size: 15px;
}

.destination-distance{
    min-width: 84px;
    height: 30px;
    border-radius: 50px;
    background: #0d1b2a;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Buttons */

.nearby-btn-wrap{
    display: flex;
    gap: 15px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.nearby-btn,
.nearby-call-btn{
    height: 48px;
    padding: 0 26px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.4s ease;
}

.nearby-btn{
    background: #d4af37;
    color: #111;
}

.nearby-call-btn{
    background: #0d1b2a;
    color: #fff;
}

.nearby-btn:hover,
.nearby-call-btn:hover{
    transform: translateY(-4px);
}

/* Right Image */

.nearby-image-wrap{
    position: relative;
    padding-left: 50px;
}

.nearby-main-image{
    width: 100%;
    border-radius: 32px;
    object-fit: cover;
    min-height: 780px;
}

.nearby-floating-card{
    position: absolute;
    left: 0;
    bottom: 40px;
    background: #2A2A4C;
    padding: 30px;
    border-radius: 24px;
    max-width: 312px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

.nearby-floating-card h4{
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
}

.nearby-floating-card p{
    color: rgba(255,255,255,0.75);
    line-height: 1.8;
    margin-bottom: 20px;
}

.floating-location{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #d4af37;
    color: #111;
    padding: 12px 18px;
    border-radius: 50px;
    font-weight: 600;
}

/* Responsive */

@media(max-width:991px){

    .nearby-title{
        font-size: 46px;
    }

    .nearby-image-wrap{
        padding-left: 0;
    }

    .nearby-main-image{
        min-height: auto;
    }

    .nearby-floating-card{
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: -70px;
    }
}

@media(max-width:767px){

    .nearby-title{
        font-size: 36px;
    }

    .destination-card{
        flex-direction: column;
        align-items: flex-start;
    }

    .destination-distance{
        width: 100%;
    }

    .nearby-btn-wrap{
        flex-direction: column;
    }

    .nearby-btn,
    .nearby-call-btn{
        width: 100%;
    }

    .nearby-floating-card{
        max-width: 100%;
    }
}
.kl7-contact-section{
    background: #f8f5ef;
    position: relative;
    overflow: hidden;
}

/* LEFT FORM */

.kl7-contact-form-wrap{
    background: #fff;
    padding: 35px;
    border-radius: 35px;
    box-shadow: 0 15px 60px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
}

.kl7-contact-form-wrap::before{
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 220px;
    height: 220px;
    background: rgba(212,175,55,0.08);
    border-radius: 50%;
}

.kl7-contact-subtitle{
    display: inline-block;
    color: #c89b3c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.kl7-contact-title{
    font-size: 33px;
    line-height: 1.1;
    color: #0d1b2a;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
}

.kl7-contact-desc{
    color: #666;
    line-height: 1.9;
    margin-bottom: 2px;
}

/* FORM INPUTS */

.kl7-input{
    height: 60px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 0 22px;
    background: #fafafa;
    box-shadow: none !important;
    transition: 0.4s ease;
}

.kl7-input:focus{
    border-color: #c89b3c;
    background: #fff;
}

.kl7-textarea{
    height: 140px !important;
    padding-top: 18px;
    resize: none;
}

/* BUTTON */

.kl7-submit-btn{
    height: 48px;
    border: 0;
    background: #c89b3c;
    color: #111;
    padding: 0 35px;
    border-radius: 60px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.4s ease;
}

.kl7-submit-btn:hover{
    background: #0d1b2a;
    color: #fff;
    transform: translateY(-4px);
}

/* RIGHT CONTENT */

.kl7-contact-right{
    padding-left: 50px;
}

.kl7-right-title{
    font-size: 40px;
    line-height: 1.1;
    color: #0d1b2a;
    margin-bottom: 13px;
    font-family: "Cormorant Garamond", serif;
}

.kl7-right-desc{
    color: #666;
    line-height: 1.9;
    margin-bottom: 20px;
    max-width: 650px;
}

/* INFO CARD */

.kl7-info-card{
    background: #fff;
    padding: 16px 20px;
    border-radius: 28px;
    text-align: center;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06);
    transition: 0.4s ease;
    margin-bottom: 25px;
}

.kl7-info-card:hover{
    transform: translateY(-8px);
}

.kl7-info-icon{
    width: 55px;
    height: 55px;
    border-radius: 22px;
    background: rgba(212,175,55,0.12);
    color: #c89b3c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    font-size: 28px;
}

.kl7-info-card h4{
    font-size: 26px;
    margin-bottom: 5px;
    color: #0d1b2a;
    font-family: "Cormorant Garamond", serif;
}

.kl7-info-card p{
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
}

.kl7-info-card a{
    display: block;
    color: #666;
    margin-bottom: 8px;
    text-decoration: none;
}

.kl7-small-badge{
    display: inline-block;
    background: #f5f0df;
    color: #b68d28;
    padding: 10px 18px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

/* BOTTOM BANNER */

.kl7-bottom-banner{
    background: linear-gradient(135deg,#0d1b2a,#16283d);
    border-radius: 30px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 8px;
}

.kl7-bottom-banner h4{
    color: #fff;
    font-size: 34px;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
}

.kl7-bottom-banner p{
    color: rgba(255,255,255,0.75);
    margin: 0;
}

.kl7-banner-btn{
    min-width: 170px;
    height: 48px;
    background: #c89b3c;
    color: #111;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .kl7-contact-right{
        padding-left: 0;
    }

    .kl7-contact-title,
    .kl7-right-title{
        font-size: 42px;
    }

    .kl7-bottom-banner{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media(max-width:767px){

    .kl7-contact-form-wrap{
        padding: 35px 25px;
    }

    .kl7-contact-title,
    .kl7-right-title{
        font-size: 34px;
    }

    .kl7-submit-btn{
        width: 100%;
        justify-content: center;
    }

    .kl7-banner-btn{
        width: 100%;
    }
}
.kl7-mission-section{
    background: #f8f5ef;
    position: relative;
    overflow: hidden;
}

/* Heading */

.kl7-section-heading{
    margin-bottom: 23px;
}

.kl7-section-subtitle{
    display: inline-block;
    color: #c89b3c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.kl7-section-title{
    /* font-size: 62px;
    line-height: 1.1;
    color: #0d1b2a;
    margin-bottom: 25px; */
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
}

.kl7-section-desc{
    max-width: 720px;
    margin: auto;
    color: #666;
    line-height: 1.9;
    font-size: 17px;
}

/* Cards */

.kl7-mv-card{
    position: relative;
    background: #fff;
    border-radius: 35px;
    padding: 20px;
    overflow: hidden;
    transition: 0.4s ease;
    box-shadow: 0 15px 50px rgba(0,0,0,0.06);
    height: 100%;
}

.kl7-mv-card::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 260px;
    height: 260px;
    background: rgba(200,155,60,0.08);
    border-radius: 50%;
}

.kl7-mv-card:hover{
    transform: translateY(-10px);
}

/* Icon */

.kl7-mv-icon{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: linear-gradient(135deg,#c89b3c,#e4c46d);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    margin-bottom: 10px;
    box-shadow: 0 10px 30px rgba(200,155,60,0.3);
}

/* Tags */

.kl7-card-tag{
    display: inline-block;
    background: #f7f1df;
    color: #c89b3c;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

/* Title */

.kl7-mv-card h3{
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 9px;
    color: #0d1b2a;
    font-family: "Cormorant Garamond", serif;
}

/* Description */

.kl7-mv-card p{
    color: #666;
    line-height: 1.9;
    margin-bottom: 10px;
    font-size: 14px;
}

/* List */

.kl7-mv-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.kl7-mv-list li{
    display: flex;
    align-items: center;
    gap: 12px;
    color: #222;
    margin-bottom: 10px;
    font-weight: 500;
}

.kl7-mv-list li i{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(200,155,60,0.15);
    color: #c89b3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* Hover Accent */

.mission-card:hover{
    background: linear-gradient(135deg,#fff,#fff7e5);
}

.vision-card:hover{
    background: linear-gradient(135deg,#fff,#f8f3e6);
}

/* Responsive */

@media(max-width:991px){

    .kl7-section-title{
        font-size: 46px;
    }

    .kl7-mv-card{
        padding: 40px;
    }

    .kl7-mv-card h3{
        font-size: 34px;
    }
}

@media(max-width:767px){

    .kl7-section-title{
        font-size: 36px;
    }

    .kl7-mv-card{
        padding: 30px 24px;
        border-radius: 24px;
    }

    .kl7-mv-card h3{
        font-size: 28px;
    }

    .kl7-mv-icon{
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
}
.kl7-universal-cta{
    padding: 50px 0;
    background: #f8f5ef;
    position: relative;
    overflow: hidden;
}

/* CTA Box */

.kl7-cta-wrapper{
    position: relative;
    background: #eee19c59;
    border-radius: 40px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    overflow: hidden;
    z-index: 1;
}

/* Decorative Glow */

.kl7-cta-wrapper::before{
    content: "";
    position: absolute;
    top: -140px;
    right: -140px;
    width: 320px;
    height: 320px;
    background: rgba(212,175,55,0.10);
    border-radius: 50%;
}

.kl7-cta-wrapper::after{
    content: "";
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 240px;
    height: 240px;
    background: rgba(212,175,55,0.08);
    border-radius: 50%;
}

/* Content */

.kl7-cta-content{
    position: relative;
    z-index: 2;
    max-width: 700px;
}

.kl7-cta-tag{
    display: inline-block;
    background: rgba(212,175,55,0.14);
    color: #d4af37;
    padding: 9px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.kl7-cta-content h2{
    font-size: 32px;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
}

.kl7-cta-content p{
    color: rgb(0 0 0 / 72%);
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* Buttons */

.kl7-cta-actions{
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
    z-index: 2;
}

.kl7-cta-whatsapp,
.kl7-cta-call{
    min-width: 250px;
    height: 46px;
    border-radius: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s ease;
}

.kl7-cta-whatsapp{
    background: #18ba55;
    color: #fff;
    /* box-shadow: 0 10px 30px rgba(37,211,102,0.25); */
}

.kl7-cta-call{
    background: #d4af37;
    color: #111;
    box-shadow: 0 10px 30px rgba(212,175,55,0.25);
}

.kl7-cta-whatsapp:hover,
.kl7-cta-call:hover{
    transform: translateY(-5px);
}

/* Icons */

.kl7-cta-whatsapp i,
.kl7-cta-call i{
    font-size: 20px;
}

/* Responsive */

@media(max-width:991px){

    .kl7-cta-wrapper{
        flex-direction: column;
        align-items: flex-start;
        padding: 50px;
    }

    .kl7-cta-content h2{
        font-size: 42px;
    }

    .kl7-cta-actions{
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media(max-width:767px){

    .kl7-universal-cta{
        padding: 80px 0;
    }

    .kl7-cta-wrapper{
        padding: 35px 25px;
        border-radius: 25px;
    }

    .kl7-cta-content h2{
        font-size: 34px;
    }

    .kl7-cta-actions{
        flex-direction: column;
        width: 100%;
    }

    .kl7-cta-whatsapp,
    .kl7-cta-call{
        width: 100%;
        min-width: 100%;
    }
}
.kl7-dining-luxury-section{
    padding: 68px 0;
    background: #f8f5ef;
}

/* HERO */

.kl7-dining-hero{
    /* background: #fff; */
    /* border-radius: 40px; */
    /* padding: 70px; */
    /* box-shadow: 0 15px 60px rgba(0,0,0,0.06); */
}

/* TAG */

.kl7-dining-tag{
    display: inline-block;
    background: #f8f1dc;
    color: #b68d28;
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

/* TITLE */

.kl7-dining-content h2{
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 12px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
}

/* DESC */

.kl7-dining-content p{
    color: #666;
    line-height: 1.9;
    font-size: 15px;
}

/* FEATURES */

.kl7-dining-features{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.kl7-dining-feature-box{
    background: #fbedc5;
    color: #111;
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.kl7-dining-feature-box i{
    color: #b68d28;
}

/* BUTTONS */

.kl7-dining-btns{
    display: flex;
    gap: 18px;
    margin-top: 40px;
}

.kl7-menu-btn,
.kl7-call-btn{
    height: 43px;
    padding: 0 21px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.kl7-menu-btn{
    background: #111;
    color: #fff;
}

.kl7-call-btn{
    background: #d4af37;
    color: #111;
}

/* IMAGE */

.kl7-dining-image-wrap{
    position: relative;
}

.kl7-dining-main-img{
    width: 100%;
    border-radius: 35px;
    height: 620px;
    object-fit: cover;
}

/* FLOATING */

.kl7-floating-rating{
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,0.95);
    padding: 22px 28px;
    border-radius: 24px;
    backdrop-filter: blur(12px);
}

.kl7-floating-rating h4{
    font-size: 42px;
    margin-bottom: 8px;
    color: #111;
}

.kl7-floating-rating p{
    margin: 0;
    color: #666;
}

/* SECOND SECTION */

.kl7-private-dining-section{
    padding-bottom: 120px;
    background: #f8f5ef;
}

/* PRIVATE CARD */

.kl7-private-card{
    background: #fff;
    border-radius: 35px;
    padding: 20px;
    display: flex;
    gap: 30px;
    margin-bottom: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}

.dark-card{
    background: #eee19c59;
}

.dark-card h3,
.dark-card p,
.dark-card span{
    color: #fff;
}

.kl7-private-icon{
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 24px;
    background: #f8f1dc;
    color: #b68d28;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.dark-card .kl7-private-icon{
    background: rgb(206 205 178 / 28%);
}

.kl7-private-content span{
    color: #b68d28;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.kl7-private-content h3{
    font-size: 28px;
    margin: 5px 0;
    font-family: "Cormorant Garamond", serif;
    color: #000;
}

.kl7-private-content p{
    color: #666;
    line-height: 1.7;
    font-size: 14px;
}

/* BOOKING CARD */

.kl7-booking-card{
    background: #fff;
    padding: 45px;
    border-radius: 35px;
    color: #fff;
}

.kl7-booking-top span{
    color: #d4af37;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.kl7-booking-top h3{
    font-size: 30px;
    margin: 12px 0 16px;
    font-family: "Cormorant Garamond", serif;
    color: #000;
}

/* FORM */

.kl7-form-group{
    margin-bottom: 22px;
}

.kl7-form-group label{
    display: block;
    margin-bottom: 10px;
    color: #000;
}

.kl7-form-group input{
    width: 100%;
    height: 45px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgb(169 161 114 / 16%);
    padding: 0 20px;
    color: #000;
    outline: none;
}

/* BUTTON */

.kl7-book-btn{
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 50px;
    background: #d4af37;
    color: #111;
    font-weight: 700;
    margin-top: 10px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .kl7-dining-content h2{
        font-size: 46px;
    }

    .kl7-booking-top h3{
        font-size: 38px;
    }
}

@media(max-width:767px){

    .kl7-dining-luxury-section{
        padding: 80px 0;
    }

    .kl7-dining-hero,
    .kl7-private-card,
    .kl7-booking-card{
        padding: 30px 24px;
        border-radius: 24px;
    }

    .kl7-dining-content h2,
    .kl7-private-content h3,
    .kl7-booking-top h3{
        font-size: 34px;
    }

    .kl7-private-card{
        flex-direction: column;
    }

    .kl7-dining-btns{
        flex-direction: column;
    }

    .kl7-menu-btn,
    .kl7-call-btn{
        width: 100%;
    }

    .kl7-dining-main-img{
        height: 450px;
    }
}
.kl7-about-btns{
    margin-top: 40px;
}

.kl7-about-whatsapp-btn,
.kl7-about-call-btn{
    min-width: 210px;
    height: 45px;
    padding: 0 28px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s ease;
}

/* WhatsApp Button */

.kl7-about-whatsapp-btn{
    background: #25D366;
    color: #fff;
    box-shadow: 0 10px 25px rgba(37,211,102,0.25);
}

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

/* Call Button */

.kl7-about-call-btn{
    background: #111;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.kl7-about-call-btn:hover{
    transform: translateY(-5px);
    color: #fff;
}

/* Icons */

.kl7-about-whatsapp-btn i,
.kl7-about-call-btn i{
    font-size: 18px;
}

/* Responsive */

@media(max-width:767px){

    .kl7-about-btns{
        flex-direction: column;
        align-items: flex-start !important;
    }

    .kl7-about-whatsapp-btn,
    .kl7-about-call-btn{
        width: 100%;
    }
}
.gallery-two-thumb{
    width: 100%;
    height: 250px;
}
.kl7-blog-section{
    padding: 50px 0;
    background: #f8f5ef;
}

/* Heading */

.kl7-blog-heading{
    margin-bottom: 40px;
}

.kl7-blog-subtitle{
    display: inline-block;
    color: #b68d28;
  
}

.kl7-blog-title{
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
}

.kl7-blog-desc{
    max-width: 760px;
    margin: auto;
    color: #666;
    line-height: 1.9;
    font-size: 17px;
}

/* Card */

.kl7-blog-card{
    background: #fff;
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 15px 60px rgba(0,0,0,0.06);
    transition: .4s ease;
    height: 100%;
}

.kl7-blog-card:hover{
    transform: translateY(-10px);
}

/* Dark Card */

.dark-blog-card{
    background: #111;
}

.dark-blog-card h3,
.dark-blog-card p,
.dark-blog-card .kl7-blog-meta span{
    color: #fff;
}

/* Image */

.kl7-blog-image{
    position: relative;
    overflow: hidden;
}

.kl7-blog-image img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: .5s ease;
}

.kl7-blog-card:hover .kl7-blog-image img{
    transform: scale(1.08);
}

/* Category */

.kl7-blog-category{
    position: absolute;
    left: 25px;
    top: 25px;
    background: rgba(255,255,255,0.92);
    color: #111;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Content */

.kl7-blog-content{
    padding: 20px;
}

/* Meta */

.kl7-blog-meta{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.kl7-blog-meta span{
    color: #777;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Title */

.kl7-blog-content h3{
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 7px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
}

/* Description */

.kl7-blog-content p{
    color: #666;
    line-height: 1.9;
    margin-bottom: 10px;
    font-size: 14px;
}

/* Button */

.kl7-blog-btn{
   padding: 8px 20px;
    background: #111;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .4s ease;
    border-radius: 10px;
}

.kl7-blog-btn:hover{
    background: #d4af37;
    color: #111;
    transform: rotate(-35deg);
}

.dark-blog-card .kl7-blog-btn{
    background: #d4af37;
    color: #111;
}

/* Responsive */

@media(max-width:991px){

    .kl7-blog-title{
        font-size: 46px;
    }

    .kl7-blog-content h3{
        font-size: 30px;
    }
}

@media(max-width:767px){

    .kl7-blog-section{
        padding: 80px 0;
    }

    .kl7-blog-title{
        font-size: 36px;
    }

    .kl7-blog-content{
        padding: 28px 22px;
    }

    .kl7-blog-content h3{
        font-size: 26px;
    }

    .kl7-blog-image img{
        height: 240px;
    }
}
.kl7-blog-details-area{
    padding: 80px 0;
    background: #f8f5ef;
}

/* Featured Image */

.kl7-blog-details-image{
    position: relative;
    overflow: hidden;
    border-radius: 40px;
    margin-bottom: 60px;
}

.kl7-blog-details-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* Overlay */

.kl7-blog-overlay{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 60px;
    background: linear-gradient(to top,
    rgba(0,0,0,0.75),
    rgba(0,0,0,0.0));
}

.kl7-blog-overlay span{
    display: inline-block;
    background: #d4af37;
    color: #111;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
}

.kl7-blog-overlay h1{
    font-size: 40px;
    line-height: 1.1;
    color: #fff;
    max-width: 850px;
    font-family: "Cormorant Garamond", serif;
}

/* Content */

/* Meta */

.kl7-blog-details-meta{
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.kl7-blog-details-meta span{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #777;
    font-size: 15px;
}

.kl7-blog-details-meta i{
    color: #d4af37;
}

/* Intro */

.kl7-blog-intro{
    font-size: 24px;
    line-height: 1.8;
    color: #222;
    margin-bottom: 45px;
    font-weight: 500;
}

/* Headings */

.kl7-blog-details-content h2{
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
}

/* Paragraph */

.kl7-blog-details-content p{
    color: #666;
    line-height: 2;
    font-size: 17px;
    margin-bottom: 28px;
}

/* Quote */

.kl7-blog-quote{
    background: #fffefe;
    /* color: #fff !important; */
    border-radius: 35px;
    padding: 18px;
    margin: 12px 0;
    position: relative;
}

.kl7-blog-quote i{
    color: #d4af37;
    font-size: 42px;
    margin-bottom: 20px;
}

.kl7-blog-quote h4{
    font-size: 30px;
    line-height: 1.5;
    font-family: "Cormorant Garamond", serif;
}

/* Inner Images */

.kl7-inner-image{
    overflow: hidden;
    border-radius: 30px;
}

.kl7-inner-image img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: .5s ease;
}

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

.kl7-blog-features{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 40px;
}

.kl7-feature-item{
    background: #eeeadec4;
    padding: 18px 24px;
    border-radius: 18px;
    color: #111;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 14px;
}

.kl7-feature-item i{
    color: #d4af37;
    font-size: 18px;
}

/* Responsive */

@media(max-width:991px){

    .kl7-blog-overlay h1{
        font-size: 48px;
    }

    .kl7-blog-details-content{
        padding: 45px;
    }

    .kl7-blog-details-content h2{
        font-size: 38px;
    }
}

@media(max-width:767px){

    .kl7-blog-details-area{
        padding: 80px 0;
    }

    .kl7-blog-details-image img{
        height: 420px;
    }

    .kl7-blog-overlay{
        padding: 30px 24px;
    }

    .kl7-blog-overlay h1{
        font-size: 34px;
    }

    .kl7-blog-details-content{
        padding: 30px 24px;
        border-radius: 24px;
    }

    .kl7-blog-details-content h2{
        font-size: 30px;
    }

    .kl7-blog-quote{
        padding: 35px 24px;
        border-radius: 24px;
    }

    .kl7-blog-quote h4{
        font-size: 26px;
    }

    .kl7-blog-features{
        grid-template-columns: 1fr;
    }
}
.kl7-blog-sidebar{
    position: sticky;
    top: 120px;
}

/* Widget */

.kl7-sidebar-widget{
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 18px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.05);
}

/* Title */
.kl7-sidebar-title {
    font-size: 24px;
    margin-bottom: 12px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
}

/* Search */

.kl7-search-form{
    position: relative;
}

.kl7-search-form input{
    width: 100%;
    height: 60px;
    border-radius: 50px;
    border: 1px solid #eee;
    padding: 0 65px 0 24px;
    outline: none;
}

.kl7-search-form button{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 0;
    background: #d4af37;
    color: #111;
}

/* Categories */

.kl7-category-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.kl7-category-list li{
    margin-bottom: 15px;
}

.kl7-category-list li:last-child{
    margin-bottom: 0;
}
.kl7-recent-thumb{
    width: 100px;
}
.kl7-category-list a{
    background: #faf6eb;
    border-radius: 18px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #111;
    transition: .4s ease;
}

.kl7-category-list a:hover{
    background: #d4af37;
}

/* Recent Post */
.kl7-recent-post {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 0.6px dashed #9a9a71b3;
}

.kl7-recent-post:last-child{
    margin-bottom: 0;
}

.kl7-recent-thumb img{
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
}

.kl7-recent-content span{
    color: #777;
    font-size: 14px;
    display: block;
    margin-bottom: 6px;
}
.kl7-recent-content h5 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 10px;
}

.kl7-recent-content h5 a{
    color: #111;
    text-decoration: none;
}

/* Tags */

.kl7-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.kl7-tags a{
    background: #faf6eb;
    color: #111;
    padding: 8px 16px;
    border-radius: 50px;
    text-decoration: none;
    transition: .4s ease;
}

.kl7-tags a:hover{
    background: #111;
    color: #fff;
}

/* CTA */

.kl7-sidebar-cta{
    background: linear-gradient(135deg,#111,#222);
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.kl7-sidebar-cta::before{
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212,175,55,0.08);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

.kl7-sidebar-cta span{
    display: inline-block;
    color: #d4af37;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
}

.kl7-sidebar-cta h3{
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    font-family: "Cormorant Garamond", serif;
}

.kl7-sidebar-cta a{
    width: 160px;
    height: 40px;
    border-radius: 50px;
    background: #d4af37;
    color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

/* Responsive */

@media(max-width:991px){

    .kl7-blog-sidebar{
        margin-top: 50px;
    }
}

@media(max-width:767px){

    .kl7-sidebar-widget,
    .kl7-sidebar-cta{
        padding: 28px 22px;
        border-radius: 24px;
    }

    .kl7-sidebar-title{
        font-size: 28px;
    }

    .kl7-sidebar-cta h3{
        font-size: 32px;
    }

    .kl7-recent-content h5{
        font-size: 20px;
    }
}
.kl7-simple-cta{
    padding: 0 0;
    background: #f8f5ef;
}
/* Box */

.kl7-simple-cta-box{
    background: #fff4cf;
    border: 1px solid rgba(212,175,55,0.18);
    border-radius: 30px;
    padding: 35px 26px;
    text-align: center;
}

/* Tag */

.kl7-simple-tag{
    display: inline-block;
    color: #b68d28;
    background: rgba(212,175,55,0.12);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Title */

.kl7-simple-cta-box h2{
    font-size: 35px;
    line-height: 1.15;
    color: #111;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
}

/* Description */

.kl7-simple-cta-box p{
    max-width: 760px;
    margin: auto;
    color: #555;
    line-height: 1.9;
    font-size: 17px;
}

/* Buttons */

.kl7-simple-btns{
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.kl7-simple-whatsapp,
.kl7-simple-call{
    min-width: 210px;
    height: 45px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: .4s ease;
}

/* WhatsApp */

.kl7-simple-whatsapp{
    background: #25D366;
    color: #fff;
}

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

/* Call */

.kl7-simple-call{
    background: #111;
    color: #fff;
}

.kl7-simple-call:hover{
    transform: translateY(-5px);
    color: #fff;
}

/* Responsive */

@media(max-width:991px){

    .kl7-simple-cta-box h2{
        font-size: 42px;
    }
}

@media(max-width:767px){

    .kl7-simple-cta{
        padding: 80px 0;
    }

    .kl7-simple-cta-box{
        padding: 40px 24px;
        border-radius: 24px;
    }

    .kl7-simple-cta-box h2{
        font-size: 32px;
    }

    .kl7-simple-btns{
        flex-direction: column;
    }

    .kl7-simple-whatsapp,
    .kl7-simple-call{
        width: 100%;
    }
}
.kl7-food-menu-section{
    padding: 70px 0;
    background: #f8f5ef;
}

/* Content */

.kl7-food-subtitle{
    display: inline-block;
    color: #b68d28;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.kl7-food-content h2{
    font-family: "Cormorant Garamond", serif;
}

.kl7-food-content p{
    color: #666;
    line-height: 1.9;
    font-size: 17px;
}

/* Food List */


.kl7-food-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0,0,0,0.12);
}

.kl7-food-info h4{
    font-size: 28px;
    color: #111;
    margin-bottom: 8px;
    font-family: "Cormorant Garamond", serif;
}

.kl7-food-info p{
    margin: 0;
}

.kl7-food-price{
    min-width: 90px;
    height: 35px;
    background: #111;
    color: #fff;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Buttons */

.kl7-food-btns{
    display: flex;
    gap: 18px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.kl7-food-menu-btn,
.kl7-food-book-btn{
    min-width: 220px;
    height: 40px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: .4s ease;
}

.kl7-food-menu-btn{
    background: #111;
    color: #fff;
}

.kl7-food-book-btn{
    background: #d4af37;
    color: #111;
}

.kl7-food-menu-btn:hover,
.kl7-food-book-btn:hover{
    transform: translateY(-5px);
}

/* Image */

.kl7-food-image-wrap{
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}

.kl7-food-image-wrap img{
    width: 100%;
    height: 720px;
    object-fit: cover;
}

/* Floating Card */

.kl7-food-floating-card{
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(10px);
    padding: 24px 28px;
    border-radius: 24px;
}

.kl7-food-floating-card span{
    display: block;
    color: #b68d28;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.kl7-food-floating-card h4{
    font-size: 30px;
    line-height: 1.2;
    color: #111;
    margin: 0;
    font-family: "Cormorant Garamond", serif;
}

/* Responsive */

@media(max-width:991px){

    .kl7-food-content h2{
        font-size: 46px;
    }

    .kl7-food-image-wrap img{
        height: 560px;
    }
}

@media(max-width:767px){

    .kl7-food-menu-section{
        padding: 80px 0;
    }

    .kl7-food-content h2{
        font-size: 34px;
    }

    .kl7-food-item{
        flex-direction: column;
        align-items: flex-start;
    }

    .kl7-food-btns{
        flex-direction: column;
    }

    .kl7-food-menu-btn,
    .kl7-food-book-btn{
        width: 100%;
    }

    .kl7-food-image-wrap{
        border-radius: 24px;
    }

    .kl7-food-image-wrap img{
        height: 420px;
    }

    .kl7-food-floating-card{
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 20px;
    }

    .kl7-food-floating-card h4{
        font-size: 24px;
    }
}
.kl7-food-cta{
    padding: 0 0 120px;
    background: #f8f5ef;
}

.kl7-food-cta-box{
    background: #fff4cf;
    border-radius: 35px;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid rgba(212,175,55,0.15);
}

.kl7-food-cta-box span{
    display: inline-block;
    color: #b68d28;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.kl7-food-cta-box h2{
  
    line-height: 1.1;
    color: #111;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
}

.kl7-food-cta-box p{
    max-width: 760px;
    margin: auto;
    color: #666;
    line-height: 1.9;
}

.kl7-food-cta-btns{
    margin-top: 38px;
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.kl7-food-whatsapp-btn,
.kl7-food-call-btn{
    min-width: 220px;
    height: 45px;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: .4s ease;
}

.kl7-food-whatsapp-btn{
    background: #25D366;
    color: #fff;
}

.kl7-food-call-btn{
    background: #111;
    color: #fff;
}

.kl7-food-whatsapp-btn:hover,
.kl7-food-call-btn:hover{
    transform: translateY(-5px);
}

@media(max-width:991px){

    .kl7-food-cta-box h2{
        font-size: 42px;
    }
}

@media(max-width:767px){

    .kl7-food-cta{
        padding-bottom: 80px;
    }

    .kl7-food-cta-box{
        padding: 40px 24px;
        border-radius: 24px;
    }

    .kl7-food-cta-box h2{
        font-size: 32px;
    }

    .kl7-food-cta-btns{
        flex-direction: column;
    }

    .kl7-food-whatsapp-btn,
    .kl7-food-call-btn{
        width: 100%;
    }
}
.kl7-event-gallery-section{
    padding: 70px 0;
    background: #f8f5ef;
}

/* Heading */

.kl7-gallery-heading{
    max-width: 850px;
    margin: auto auto 30px;
}

.kl7-gallery-subtitle{
    display: inline-block;
    color: #b68d28;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.kl7-gallery-heading h2{
  
    font-family: "Cormorant Garamond", serif;
}

.kl7-gallery-heading p{
    color: #666;
    font-size: 16px;
    line-height: 1.9;
}

/* Card */

.kl7-event-card{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 32px;
    text-decoration: none;
}

.kl7-event-image{
    overflow: hidden;
}

.kl7-event-image img{
    width: 100%;
    height: 480px;
    object-fit: cover;
    transition: 1s ease;
}

/* Overlay */

.kl7-event-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
    rgba(0,0,0,0.85),
    rgba(0,0,0,0.10));
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.kl7-event-overlay span{
    display: inline-block;
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.kl7-event-overlay h3{
   
    line-height: 1.05;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
}

/* Button */

.kl7-event-btn{
    width: fit-content;
    height: 54px;
    padding: 0 24px;
    border-radius: 50px;
    background: rgba(255,255,255,0.14);
    backdrop-filter: blur(10px);
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: .4s ease;
}

/* Hover */

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

.kl7-event-card:hover .kl7-event-btn{
    background: #d4af37;
    color: #111;
}

/* Responsive */

@media(max-width:991px){

    .kl7-gallery-heading h2{
        font-size: 46px;
    }

    .kl7-event-overlay h3{
        font-size: 32px;
    }
}

@media(max-width:767px){

    .kl7-event-gallery-section{
        padding: 80px 0;
    }

    .kl7-gallery-heading{
        margin-bottom: 45px;
    }

    .kl7-gallery-heading h2{
        font-size: 34px;
    }

    .kl7-event-image img{
        height: 400px;
    }

    .kl7-event-overlay{
        padding: 24px;
    }

    .kl7-event-overlay h3{
        font-size: 28px;
    }
}