/* Header section */

.lux-hero {
    position: relative;
    height: 100vh;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Background */
.lux-bg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* Dark overlay */
.lux-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65);
}

/* Header */
.lux-header {
    position: absolute;
    top: 25px;
    width: 100%;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    z-index: 5;
}

.logo {
    font-size: 29px;
    font-family: playfair display, serif;
    font-weight: 600;
    letter-spacing: 3px;
}

.logo span {
    font-size: 12px;
    color: #d4a437;
}

/* .logo-text {
  margin-right: 50px;
} */

/* Menu */
.menu {
    display: flex;
    gap: 35px;
    list-style: none;
}

.menu li {
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 13px;
}

.menu .active {
    color: #d4a437;
}

/* Phone */
.phone {
    font-size: 14px;
}

/* Center Content */
.lux-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    width: 80%;
    z-index: 5;
}

/* small line */
.small-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 11px;
    letter-spacing: 4px;
    color: #d4a437;
    margin-bottom: 20px;
}

.small-line span {
    width: 80px;
    height: 1px;
    background: #d4a437;
}

/* Headings */
.lux-content h1 {
    font-size: 70px;
    font-weight: 700;
    margin: 0;
    font-family: 'Playfair Display', serif;
}

.lux-content h2 {
    font-size: 58px;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    color: goldenrod;
    margin-bottom: 20px;
}

/* Paragraph */
.lux-content p {
    font-size: 14px;
    color: #ddd;
    max-width: 650px;
    letter-spacing: 1px;
    font-family: raleway, sans-serif;
    margin: auto;
    line-height: 1.6;
}

/* Buttons */
.lux-buttons {
    margin-top: 35px;
    display: flex;
    gap: 25px;
    justify-content: center;
}

.gold-btn {
    background:linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));;
    font-size: 14px;
    padding: 14px 33px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-family: playfair display, serif;
}

.view-gallery-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #d4a437;
    font-size: 14px;
    letter-spacing: 3px;
    font-family: playfair display, serif;
    color: white;
    text-decoration: none;
    font-weight: 500;
}

/* Circle */
.play-circle {
    width: 45px;
    height: 45px;
    border: 1px solid #d4a437;
    color: #d4a437;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: 0.4s;
}

/* Hover effect */
.view-gallery-btn:hover .play-circle {
    background: #d4a437;
    color: white;
    transform: scale(1.1);
}

.lux-stats {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 35px 0;
    display: flex;
    justify-content: center;
    gap: 90px;
    text-align: center;
    z-index: 5;

    /* Gradient overlay like image */
    background: linear-gradient(to top,
        #000000d9,
        rgba(0,0,0,0.65),
        rgba(0,0,0,0));
}

/* Each stat */
.stat {
    position: relative;
    font-family: playfair display, serif;
}

/* Vertical divider lines */
.stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background: rgba(212,164,55,0.4);
}

/* Numbers */
.stat h3 {
    font-size: 30px;
    color: #d4a437;
    margin: 0;
    font-weight: 600;
}

/* Labels */
.stat p {
    font-size: 10px;
    letter-spacing: 4px;
    color: #ddd;
    margin-top: 8px;
}  

.lux-scroll-bar {
    width: 100%;
    background: rgb(20, 20, 20);
    overflow: hidden;
    padding: 18px 0;
}

/* Moving track */
.scroll-track {
    display: flex;
    gap: 50px;
    white-space: nowrap;
    animation: scrollMove 25s linear infinite;
}

/* Text style */
.scroll-track span {
    color: #d4a437;
    letter-spacing: 6px;
    font-family: playfair display, serif;
    font-size: 14px;
    font-weight: 500;
}

/* Animation */
@keyframes scrollMove {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* End Header section */ 

/* services card section */

.lux-services{
    background:#f3f1ee;
    padding:90px 60px;
    text-align:center;
}

/* Top small title */
.top-title{
    color:#c9a34e;
    letter-spacing:6px;
    font-family:'Playfair Display',serif;
    margin-bottom:15px;
    font-size: 13px;
}

/* Main title */
.main-title{
    font-family:'Playfair Display',serif;
    font-size:43px;
    margin-bottom:10px;
}

/* Gold underline */
.gold-line1{
    width:60px;
    height:3px;
    background:linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));;
    margin:20px auto;
    border-radius:10px;
}

/* Cards layout */
.services-wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Card style */
.lux-card {
    width: 32%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: 0.3s;
}

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

/* Image section */
.img-box {
    position: relative;
}

.img-box img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/* Icon circle */
.icon-box {
    position: absolute;
    bottom: -25px;
    left: 20px;
    background: #ff5e14;
    color: white;
    font-size: 22px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
.content {
    padding: 40px 25px 25px;
}

.content h3 {
    margin-bottom: 10px;
    font-size: 10px;
}

.content p {
    color: #666;
    font-size: 10px;
}

.recent-section{
    background:#1f1b18;
    padding:80px 20px;
    text-align:center;
    color:#fff;
}

.small-title{
    letter-spacing:3px;
    font-size:14px;
    color:#d6a86a;
    margin-bottom:10px;
}

.section-title{
    font-size:48px;
    margin-bottom:15px;
    font-weight:600;
}

.section-subtitle{
    color:#ccc;
    max-width:650px;
    margin:0 auto 50px;
    font-size:18px;
}

.event-container{
    display:flex;
    gap:30px;
    justify-content:center;
    flex-wrap:wrap;
}

.event-card{
    width:500px;
    border-radius:15px;
    overflow:hidden;
}

.event-card img{
    width:100%;
    height:350px;
    object-fit:cover;
    transition:0.4s;
}

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

.subtitle1{
    font-size:13px;
}

@media(max-width:768px){
    .section-title{
        font-size:32px;
    }
    .event-card{
        width:100%;
    }
}  

.lux-services {
    background: #f5f1e8;
    padding: 80px 8%;
    text-align: center;
}

/* Section Title */
.top-title {
    color: #c9a227;
    letter-spacing: 3px;
    font-weight: 600;
    margin-bottom: 10px;
}

.main-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    margin-bottom: 15px;
}

.gold-line {
    width: 80px;
    height: 3px;
    background: #c9a227;
    margin: 0 auto 50px;
}


.service-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 330px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
    transition: 0.4s;
    text-align: left;
    width: 100%;
    transform-style: preserve-3d;
    will-change: transform;
}

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

.card-image {
    position: relative;
    height: 220px;
}

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

/* Gold Icon Circle */
.icon-circle {
    position: absolute;
    bottom: -25px;
    left: 25px;
    width: 60px;
    height: 60px;
    background: #c9a227;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.card-content1 {
    padding: 40px 25px 25px;
}

.card-content1 h3 {
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    margin-bottom: 10px;
}

.card-content1 p {
    color: #777;
    font-size: 13px;
    font-family: raleway, sans-serif;
    margin-bottom: 20px;
}

.card-content1 a {
    color: #c89a28;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}

/* View Button */
.center-btn {
    margin-top: 60px;
}

.view-btn {
    background:linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.3s;
}

.view-btn:hover {
    opacity: 0.9;
}

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

@media (max-width: 600px) {
    .services-container {
        grid-template-columns: 1fr;
    }
}

/* End services card section */

/* choose us section */

/* Section Background */
.why-section {
    background: #101828;
    padding: 100px 0;
    color: #ffffff;
    text-align: center;
}

/* Container width */
.why-section .container {
    max-width: 1200px;
    margin: auto;
}

/* Small Top Title */
.sub-title1 {
    color: #c9a227;
    letter-spacing: 4px;
        font-family: 'Playfair Display', serif;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Main Title */
.main-title1 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Gold Underline */
.underline {
    width: 70px;
    height: 3px;
    background: #c9a227;
    margin: 0 auto 60px;
}

/* Grid Layout */
.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* Card */
.why-card {
    padding: 20px;
    transition: 0.4s ease;
}

/* Icon Circle */
.icon-circle1 {
    width: 60px;
    height: 60px;
    border: 1px solid #c9a227;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 28px;
    color: #c9a227;
    transition: 0.4s;
}

/* Card Title */
.why-card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    margin-bottom: 15px;
}

/* Card Description */
.why-card p {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.7;
}

/* Hover Effects */
.why-card:hover {
    transform: translateY(-8px);
}

.why-card:hover .icon-circle1 {
    background: #c9a227;
    color: #111827;
}

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

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

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

/* End choose us section */

/* Client section */

/* SECTION BACKGROUND */
.client-section {
    background: #f5f1e8;
    padding: 70px 8%;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

/* SMALL TITLE */
.small-title2 {
    letter-spacing: 3px;
        font-family: 'Playfair Display', serif;

    font-size: 13px;
    color: #c9a227;
}

/* MAIN TITLE */
.main-title2 {
    font-size: 48px;
    font-weight: 600;
    color: #1f1f1f;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
}

/* GOLD LINE */
.gold-line {
    width: 60px;
    height: 3px;
    background: #b08d57;
    margin: 0 auto 60px auto;
    border-radius: 10px;
}

/* GRID */
.client-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
}

/* CARD */
.client-card {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    text-align: left;
    transition: 0.3s ease;
}

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

/* STARS */
.stars {
    color: #c8a03c;
    font-size: 18px;
    margin-bottom: 20px;
}

/* REVIEW TEXT */
.review {
    font-style: italic;
    color: #6b7280;
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 30px;
}

/* CLIENT INFO */
.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* AVATAR */
.avatar {
    width: 50px;
    height: 50px;
    background: linear-gradient(145deg, #d4af37, #b08d57);
    color: #000;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* NAME */
.client-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1f1f1f;
}

/* EVENT TYPE */
.client-info span {
    font-size: 13px;
    color: #b08d57;
}

/* End Client section */

/* Client section */

.process-section {
    background: #101828;
    padding: 80px 8%;
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

/* Small Title */
.process-small-title {
    letter-spacing: 6px;
    font-size: 13px;
    color: #c8a03c;
            font-family: 'Playfair Display', serif;
    margin-bottom: 15px;
}

/* Main Title */
.process-main-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: 'Playfair Display', serif;
}

.process-main-title span {
    color: #c8a03c;
    font-weight: 500;
}

/* Main Title */
.process-main-title1 {
    font-size: 48px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
}

.process-main-title1 span {
    color: #c8a03c;
    font-weight: 500;
}

/* Main Title */
.process-main-title4 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: 'Playfair Display', serif;
}

.process-main-title4 span {
    color: #c8a03c;
    font-weight: 500;
}

/* Gold Line */
.gold-line2 {
    width: 60px;
    height: 3px;
    background: #b08d57;
    margin: 0 auto 60px auto;
    border-radius: 10px;
}

/* Container */
.process-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    gap: 40px;
}

/* Horizontal Line */
.process-container::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 5%;
    right: 5%;
    height: 1px;
    background: rgba(200,160,60,0.4);
    z-index: 0;
}

/* Step */
.process-step {
    width: 22%;
    position: relative;
    z-index: 1;
}

/* Circle Number */
.circle {
    width: 70px;
    height: 70px;
    border: 1.5px solid #c8a03c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8a03c;
    font-weight: 600;
    font-size: 18px;
    margin: 0 auto 25px auto;
    background: #0f1b2d;
}

/* Step Title */
.process-step h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
}

/* Step Text */
.process-step p {
    color: #b0b7c3;
    font-size: 13px;
    line-height: 1.8;
}  

/* Background Section */
.lux-cta {
    background: #f5f1e8;
    padding: 50px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* White Card */
.cta-inner {
    background: #f7f7f7;
    max-width: 900px;
    width: 100%;
    text-align: center;
    padding: 60px 30px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

/* Golden Corner Borders */
.cta-inner::before,
.cta-inner::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border: 2px solid #c8a44d;
}

.cta-inner::before {
    top: 30px;
    left: 30px;
    border-right: none;
    border-bottom: none;
}

.cta-inner::after {
    bottom: 30px;
    right: 30px;
    border-left: none;
    border-top: none;
}

/* Heading */
.cta-inner h2 {
    font-size: 40px;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
}

.cta-inner h2 span {
    display: block;
    font-style: italic;
    color: #c8a44d;
    font-weight: 500;
    font-size: 36px;
    margin-top: 10px;
}

/* Paragraph */
.cta-inner p {
    max-width: 600px;
    margin: 0 auto 40px;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
}

/* Buttons */
.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Gold Button */
.gold-btn {
    background: linear-gradient(135deg, #d4af37, #b8860b);
    color: #fff;
    padding: 18px 18px;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(184,134,11,0.3);
}

.gold-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(184,134,11,0.4);
}

/* Outline Button */
.outline-btn {
    display: inline-block;
  font-family: "Playfair Display", serif;
  padding: 8px 15px;
  border: 1px solid #c89a28;
  border: 2px solid #d4a437;
  font-size: 11px;
  color: #c89a28;
  text-decoration: none;
  letter-spacing: 1px;
  overflow: hidden;
  transition: 0.3s;
  z-index: 1;
}

.outline-btn:hover {
    background: #c8a44d;
    color: #fff;
}  

/* About page Section */

.story-section{
    background:#f5f1e8;
    /* padding:80px 5px; */
    text-align:center;
    padding:120px 20px 80px;
}

.story-container{
    max-width:1200px;
    margin:auto;
}

.story-label{
    font-size:13px;
    letter-spacing:4px;
    color:#b9932f;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:20px;
}

.top-title span{
    width:60px;
    height:1px;
    background:#d8caa5;
    display:block;
}

.story-title{
    font-family: "Playfair Display", serif;
    font-size:64px;
    font-weight:600;
    color:#1c1c1c;
    margin-bottom:25px;
    line-height:1.2;
}

.story-title span{
    color:#c89b2b;
    font-style:italic;
    font-weight:500;
}

.story-text{
    font-size:18px;
    color:#6c757d;
    line-height:1.8;
    max-width:700px;
    margin:auto;
} 

.story-section1{
    background:#f3efe9;
}

/* IMAGE */

.story-image{
    position:relative;
}

.story-image img{
    width:100%;
    height:700px;
    object-fit:cover;
}

/* BUTTON */

.story-btn{
    position:absolute;
    bottom:40px;
    left:40px;
    background:#101828;
    color:#d4a437;
    padding:14px 28px;
    letter-spacing:3px;
    font-size:13px;
}

.story-btn1{
    position:absolute;
    bottom:40px;
    right:40px;
    background:#101828;
    color:#d4a437;
    padding:14px 28px;
    letter-spacing:3px;
    font-size:13px;
}

/* CONTENT */

.story-content{
    padding:80px;
    background-color: #fff;
}

/* NUMBER */

.story-number{
    font-size:90px;
    color:#e8e2d5;
    font-family:"Playfair Display", serif;
    margin-bottom:20px;
}

/* TEXT */

.story-text{
    font-size:17px;
    line-height:1.8;
    color:#6c757d;
    margin-bottom:30px;
}

/* GOLD LINE */

.story-line{
    width:80px;
    height:2px;
    background:#c89b2b;
} 

.story-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
min-height:525px;
align-items:center;
background:#f6f3ee;
}

/* IMAGE SIDE */

.story-image1{
position:relative;
overflow:hidden;
height:100%;
}

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

/* ORANGE OVERLAY */

.story-image1::after{
content:"";
position:absolute;
inset:0;
}

/* BIG NUMBER */

.big-number{
position:absolute;
font-size:250px;
color:rgba(255,255,255,0.1);
font-family:"Playfair Display",serif;
top:30px;
left:50px;
z-index:2;
}

/* TOP ICON */

.top-icon{
position:absolute;
top:30px;
right:40px;
width:60px;
height:60px;
background:#1a1a1a;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#d4a437;
font-size:28px;
z-index:2;
}

/* BUTTON */

.story-btn{
position:absolute;
bottom:40px;
left:40px;
background:#0e1a2b;
color:#d4a437;
padding:16px 30px;
letter-spacing:3px;
font-size:13px;
z-index:2;
}

/* CONTENT */

.story-content{
padding:90px;
}

/* TOP BADGE */

.story-top{
display:flex;
align-items:center;
gap:20px;
margin-bottom:30px;
}

.badge-circle{
background:#efe5cf;
color:#c89b2b;
width:55px;
height:55px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family: playfair display, serif;
font-weight:650;
font-size:22px;
line-height:1;
padding:0;
}

.line{
width:80px;
height:2px;
background:#c89b2b;
}

/* HEADING */

.story-heading{
font-family:"Playfair Display",serif;
text-align: left;
font-size:43px;
color:#1c1c1c;
font-weight: 500px;
margin-bottom:20px;
}

/* TEXT */

.story-text{
font-size:14px;
line-height:1.8;
text-align: left;
color:#6b7280;
margin-bottom:30px;
}

/* TAGS */

.story-tags{
display:flex;
font-family: raleway, sans-serif;
gap:15px;
margin-bottom:40px;
}

.story-tags span{
padding:10px 20px;
border-radius:25px;
background:#f9f5ea;
color:#c89b2b;
font-size:11px;
}

/* PROGRESS */

.story-progress{
display:flex;
align-items:center;
gap:10px;
}

.story-progress .dot{
width:7px;
height:7px;
background:#ddd;
border-radius:50%;
}

.story-progress .dot.active{
background:#c89b2b;
}

.story-progress .bar{
width:80px;
height:2px;
background:#c89b2b;
}  

.philosophy-section{
background:#101828;
padding:120px 8%;
color:#fff;
}

.philosophy-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
align-items:center;
max-width:1200px;
margin:auto;
}

/* IMAGE */

.philosophy-image{
position:relative;
}

.philosophy-image img{
width:100%;
height:650px;
object-fit:cover;
border-radius:12px;
}

/* QUOTE CARD */

.quote-card{
position:absolute;
bottom:-40px;
right:-40px;
background:#0a192e;
padding:20px;
width:330px;
border-radius:10px;
border-color:#c89b2b ;
box-shadow:0 10px 40px rgba(0,0,0,0.4);
}

.quote{
font-size:50px;
color:#c9a14a;
}

.quote-card p{
font-size:14px;
font-family: playfair display, serif;
font-style: italic;
line-height:1.7;
color:#cfd6df;
}

.quote-line{
width:40px;
height:2px;
background:#c9a14a;
margin-bottom:10px;
}

.quote-card small{
color:#c9a14a;
letter-spacing:3px;
font-family: ralway, sans-serif;
font-size:10px;
}

/* RIGHT CONTENT */

.section-label{
color:#c9a14a;
letter-spacing:3px;
font-size:12px;
margin-bottom:20px;
display:flex;
align-items:center;
gap:15px;
}

.section-label span{
width:60px;
height:1px;
background:#c9a14a;
display:inline-block;
}

/* HEADING */

.philosophy-content h2{
font-size:52px;
font-family:"Playfair Display",serif;
margin-bottom:25px;
}

.philosophy-content h2 span{
color:#c9a14a;
font-style:italic;
}

/* TEXT */

.main-text{
font-size:14px;
line-height:1.8;
font-family: raleway, sans-serif;
color:#cfd6df;
}

.highlight1{
color:#c9a14a;
}

.sub-text2{
font-size:14px;
line-height:1.8;
font-family: raleway, sans-serif;
color:#cfd6df;
margin-bottom: 80px;
}

/* FEATURES */

.feature-boxes{
display:flex;
gap:25px;
}

.feature{
border:1px solid rgba(255,255,255,0.1);
padding:25px;
text-align:center;
width:150px;
border-radius:8px; 
border-color:#393b39;
transition:.3s;
}

.feature i{
font-size:19px;
color:#c9a14a;
margin-bottom:15px;
}

.feature p{
font-size:9px;
letter-spacing:2px;
color:#cfd6df;
}

.feature:hover{
border-color:#c9a14a;
transform:translateY(-5px);
}  

.experience-section{
background:#f5f1e8;
padding:100px 8%;
text-align:center;
}

/* HEADER */

.exp-label{
color:#c89b2b;
letter-spacing:4px;
font-size:12px;
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-bottom:20px;
}

.exp-label span{
width:80px;
height:1px;
background:#c89b2b;
display:inline-block;
}

.experience-header p{
max-width:650px;
margin:auto;
color:#6b7280;
font-family: ralway, sans-serif;
font-size:15px;
line-height:1.8;
margin-bottom:40px;
}

/* GRID */

.experience-wrapper{
overflow:hidden;
}

.experience-grid{
display:flex;
gap:25px;
width:max-content;
animation:scrollCards 12s linear infinite;
}

.exp-card{
min-width:280px;
height:340px;
border-radius:12px;
overflow:hidden;
position:relative;
flex-shrink:0;

}

.exp-card img{
width:100%;
height:100%;
object-fit:cover;
}

.overlay3{
position:absolute;
inset:0;
background:rgba(0,0,0,0.35);
}

.exp-card h3{
position:absolute;
bottom:20px;
font-family: playfair display, serif;
left:20px;
color:#fff;
font-size:20px;
}

/* Auto Scroll Animation */


@keyframes scrollCards{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-20%);
}
}

.experience-grid:hover{
animation-play-state:paused;
}

/* DARK OVERLAY */

.overlay3{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
}

/* TITLE */

/* HOVER */

.exp-card:hover img{
transform:scale(1.08);
transition:0.6s;
}  

.team-story{
    background:#101828;
    padding:100px 8%;
    color:#cfd6e4;
    font-family: 'Poppins',sans-serif;
}

.team-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* SERVICE BOXES */

.team-services{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:30px;
}

.service-box{
    border:1px solid rgba(255,255,255,0.1);
    padding:18px;
    border-radius:10px;
    width: 150px;
    font-size:12px;
    background:#121c2e;
    transition:.3s;
}

.service-box:hover{
    border-color:#d4a84f;
    transform:translateY(-3px);
}

/* RIGHT IMAGE */

.team-image{
    width:100%;
    bottom: 40px;
    position:relative;
}

.team-image img{
    width:100%;
    border-radius:10px;
}

/* SMALL BADGE */

.badge5{
    position:absolute;
    bottom:100px;
    left:-40px;
    background:#101828;
    padding:10px;
    border-radius:10px;
}

.badge5 img{
    width:50px;
}

/* QUOTE BOX */

.quote-box{
    position:absolute;
    bottom:-80px;
    font-family: playfair display, serif;
    font-style: italic;
    right:0;
    width:90%;
    background:#1a2233;
    padding:20px;
    border-radius:8px;
    font-size:14px;
    color:#b9c2d4;
} 

.p1{
    font-size:15px;
    font-family:raleway, sans-serif;
    line-height:1.8;
} 

.p2{
    font-size:15px;
    font-family:raleway, sans-serif;
    line-height:1.8;
} 

.legacy-section{
    background:#f5f1e8;
    padding:80px 8%;
    text-align:center;
    font-family:'Poppins',sans-serif;
}

/* HEADER */

.legacy-top{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    font-size:12px;
    letter-spacing:3px;
    color:#c49a3a;
    margin-bottom:15px;
}

.legacy-top span{
    width:60px;
    height:1px;
    background:#d8caa5;
}

.legacy-title{
    font-size:52px;
    color:#111;
    margin-bottom:15px;
}

.legacy-title span{
    color:#c49a3a;
    font-style:italic;
}

.legacy-desc{
    max-width:600px;
    font-family: raleway, sans-serif;
    margin:auto;
    color:#6c7686;
    font-size:15px;
}

/* CARDS */

.legacy-cards{
    margin-top:70px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* CARD */

.legacy-card{
    background:white;
    padding:40px 25px;
    border-radius:8px;
    border:1px solid #e6dcc5;
    transition:.3s;
}

.legacy-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* ICON */

.icon{
    width:55px;
    height:55px;
    margin:auto;
    border-radius:50%;
    background:#f3efe7;
    display:flex;
    color: #c49a3a;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-bottom:20px;
}

/* NUMBER */

.legacy-card h3{
    font-size:30px;
    color:#c49a3a;
    font-family: playfair display, serif;
    margin-bottom:10px;
}

/* TITLE */

.legacy-card h4{
    font-size:16px;
    font-family: playfair display, serif;
    color:#111;
    margin-bottom:6px;
}

/* DESC */

.legacy-card p{
    font-size:13px;
    color:#6c7686;
}

.event-section{
display:flex;
height:100vh;
font-family:Arial;
}

/* LEFT MENU */

.event-menu{
width:28%;
background:#f5f1e8;
color:#7c7c7d;
padding:40px;
}

.event-menu h2{
margin-bottom:30px;
}

.event-menu ul{
list-style:none;
padding:0;
}

.event-menu li{
padding:15px;
margin-bottom:10px;
cursor:pointer;
border-radius:6px;
}

/* .event-menu li:hover,
.event-menu li.active{
background:#2a2924;
color:#c89b2b;
} */


/* RIGHT SIDE */

.event-display{
width:72%;
position:relative;
overflow:hidden;
}

.event-content{
display:none;
height:100%;
position:relative;

}

.event-content.active{
display:block;
}

.bg{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(60%);
}

.content1{
position:absolute;
top:68%;
left:5%;
transform:translateY(-50%);
color:white;
max-width:500px;
  z-index: 3;
}

.content1 h1{
font-size:35px;
font-family: playfair display, serif;
margin-bottom:20px;
}

.content1 p{
margin-bottom:20px;
font-family: raleway, sans-serif;
font-size: 12px;
line-height: 22px;
}

.content1 button{
background:#f4b400;
border:none;
padding:12px 25px;
font-weight:bold;
cursor:pointer;
} 

.top-title2{
    color:#c9a34e;
    letter-spacing:3px;
    font-family:'Playfair Display',serif;
    margin-bottom:15px;
    margin-top: 80px;
    font-size: 13px;
} 

.process-main-title2 {
    font-size: 41px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
}

.process-main-title2 span {
    color: #c8a03c;
    font-weight: 500;
} 

.event-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:14px 18px;
    cursor:pointer;
    transition:0.3s;
    border-left:3px solid transparent;
}

.event-item .event-title,
.event-item .event-icon,
.event-item .event-number{
    color:#7d7d7e;
    transition:0.3s;
    font-family:'Playfair Display',serif;
}

.event-item:hover .event-title,
.event-item:hover .event-icon,
.event-item:hover .event-number{
    color:#c89b2b;
}

.event-item.active .event-title,
.event-item.active .event-icon,
.event-item.active .event-number{
    color:#c89b2b;
}
/* Hover Effect */
.event-item:hover{
    background:#e6dcc3;
    color:#d4a437;
}

/* Active Effect */
.event-item.active{
    background:#e6dcc3;
    border-left:3px solid #d4a437;
    color:#d4a437;
}

.event-number{
font-size:12px;
color:#c89b2b;
width:14px;
}

.event-icon{
font-size:12px;
color:#c89b2b;
}

.event-title{
flex:1;
font-weight:500;
color: #c89b2b;
font-size:13px;
}

.event-arrow{
    margin-left:auto;
    opacity:0;
    transition:0.3s;
}

/* Show arrow on hover */
.event-item:hover .event-arrow{
    opacity:1;
}

/* Show arrow on active */
.event-item.active .event-arrow{
    opacity:1;
} 


/* DARK OVERLAY */
.event-content .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: linear-gradient(
        to right,
        rgba(33, 33, 33, 0.751) 30%,
        rgba(7, 15, 30, 0.6) 50%,
        rgba(16, 29, 55, 0.2) 70%,
        transparent
    );
}

/* Feature pills */
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 35px;
}

.tags span {
    padding: 12px 22px;
    border: 1px solid rgba(212, 169, 55, 0.45);
    border-radius: 999px;
    letter-spacing: 1px;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(4px);
    transition: 0.3s ease;
    text-transform: uppercase;
}

.tags span:hover {
    background: rgba(212, 169, 55, 0.15);
    border-color: #d4a937;
    color: #fff;
}

/* BUTTON */

/* BUTTON */
.contact-btn1 {
    position: relative;
    margin-top: 10px;
    display: inline-block;
    font-family: "Playfair Display", serif;
    padding: 8px 15px;
    background: linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));
    color: #fff;
    border: 2px solid #d4a437;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1px;
    overflow: hidden;
    transition: 0.4s ease;
    z-index: 1;
}

/* Golden hover fill effect */
.contact-btn1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #111829;
    transition: 0.4s ease;
    z-index: 0;
}

/* Hover effect */
.contact-btn1:hover::before {
    left: 0;
}

.contact-btn1:hover {
    color: #fff;
}

/* Keep text above hover layer */
.contact-btn1 span {
    position: relative;
    z-index: 2;
}

/* BUTTON */
.contact-btn2 {
    position: relative;
    display: inline-block;
    font-family: "Playfair Display", serif;
    padding: 15px 17px;
    background: linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));
    color: #fff;
    border: 2px solid #d4a437;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    overflow: hidden;
    transition: 0.4s ease;
    z-index: 1;
}

/* Golden hover fill effect */
.contact-btn2::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #111829;
    transition: 0.4s ease;
    z-index: 0;
}

/* Hover effect */
.contact-btn2:hover::before {
    left: 0;
}

.contact-btn2:hover {
    color: #fff;
}

/* Keep text above hover layer */
.contact-btn2 span {
    position: relative;
    z-index: 2;
}

/* BUTTON */
.contact-btn3 {
    position: relative;
    display: inline-block;
    font-family: "Playfair Display", serif;
    padding: 9px 8px;
    background: linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));
    color: #fff;
    border: 2px solid #d4a437;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1px;
    overflow: hidden;
    transition: 0.4s ease;
    z-index: 1;
}

/* Golden hover fill effect */
.contact-btn3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #111829;
    transition: 0.4s ease;
    z-index: 0;
}

/* Hover effect */
.contact-btn3:hover::before {
    left: 0;
}

.contact-btn3:hover {
    color: #fff;
}

/* Keep text above hover layer */
.contact-btn3 span {
    position: relative;
    z-index: 2;
}

/* ===== SECTION ===== */
.birthday-section {
    background: #0f1b2d;
    padding: 90px 0;
    font-family: 'Inter', sans-serif;
}

.birthday-container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}

/* ===== LEFT SIDE ===== */
.birthday-left {
    flex: 1;
    max-width: 520px;
}


.birthday-left h2 {
    font-size: 31px;
    line-height: 1.15;
    font-family: 'Playfair Display', serif;
    color: #e8dfcf;
    margin-bottom: 20px;
    font-weight: 700;
}

.birthday-left h2 .number {
    color: #e8dfcf;
    font-size: 47px;
    margin-right: 12px;
    font-weight: 700;
}

.gold-line {
    width: 40px;
    height: 2px;
    background: #c8a03c;
    margin: 25px 0 28px;
}

.desc {
    font-size: 16px;
    line-height: 1.9;
    color: #5f6778;
    margin-bottom: 30px;
}

/* ===== FEATURE LIST ===== */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 35px;
}

.feature-list li {
    position: relative;
    padding-left: 32px;
    font-family: raleway, sans-serif;
    margin-bottom: 18px;
    font-size: 13px;
    color: #5f6778;
    line-height: 1.5;
}

.feature-list li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: -3px;
    color: #c8a03c;
    font-size: 17px;
}

/* ===== RIGHT SIDE ===== */
.birthday-right {
    flex: 1.2;
}

.image-frame {
    position: relative;
    border: 1px solid #d9c9a7;
    border-radius: 6px;
    padding: 12px;
    background: transparent;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06);
}

.image-frame img {
    width: 100%;
    display: block;
    border-radius: 4px;
    object-fit: cover;
}

/* SECTION */
.elite-hero {
    background: #101828;
    color: #fff;
    padding: 80px 0;
    overflow: hidden;
}

/* CONTAINER */
.elite-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}

/* LEFT */
.elite-content {
    width: 50%;
}

.elite-content h1 {
    font-size: 55px;
    font-family: playfair display, serif;
    line-height: 1.2;
}

.elite-content h1 span {
    color: #d4a437;
}

.elite-content h1 em {
    font-style: italic;
}

.elite-content p {
    margin-top: 20px;
    color: #aaa;
    max-width: 500px;
}

/* STATS */
.elite-stats {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.elite-box {
    border: 1px solid rgba(212,164,55,0.4);
    padding: 17px 27px;
    text-align: center;
    font-size: 18px;
    font-family: playfair display, serif;
    background-color: #212425;
}

.elite-box h3 {
    color: #d4a437;
    font-size: 17px;
    margin: 0;
}

.elite-box span {
    font-size: 12px;
    color: #aaa;
}

/* RIGHT */
.elite-gallery {
    width: 50%;
    position: relative;
    margin-top: 30px;
}

/* GRID */
.elite-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.elite-grid .img-box {
    position: relative;
    overflow: hidden;
}

/* IMAGE */
.elite-grid .img-box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.5s ease;
}

/* DARK OVERLAY */
.elite-grid .img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    transition: 0.4s;
}

/* GOLD SHINE EFFECT */
.elite-grid .img-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(212,164,55,0.5),
        transparent
    );
    transform: skewX(-25deg);
}

/* HOVER */
.elite-grid .img-box:hover img {
    transform: scale(1.1);
}

.elite-grid .img-box:hover::after {
    opacity: 1;
}

.elite-grid .img-box:hover::before {
    animation: shine 1s;
}

/* ANIMATION */
@keyframes shine {
    100% {
        left: 125%;
    }
}

    .gallery-section {
      width: 100%;
      padding: 40px 0 80px;
      overflow: hidden;
      background: #f5f1e8;
    }

    /* Tabs */
    .tabs-wrapper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 18px;
      border-top: 1px solid #ddd6c7;
      border-bottom: 1px solid #ddd6c7;
      padding: 22px 20px;
      margin-bottom: 70px;
      background: #f3efe9;
    }

    .tab-btn {
      border: none;
      background: transparent;
      padding: 14px 26px;
      font-size: 13px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #7d7d7d;
      cursor: pointer;
      transition: 0.3s ease;
      font-weight: 500;
    }

    .tab-btn.active,
    .tab-btn:hover {
      background: #101828;
      color: #d4a94b;
    }

    /* Heading */
    .section-heading {
      text-align: center;
      margin-bottom: 55px;
    }

    .section-heading .sub-title {
      font-size: 14px;
      letter-spacing: 7px;
      color: #c9a24f;
      text-transform: uppercase;
      margin-bottom: 15px;
    }

    .section-heading h2 {
      font-family: 'playfair display', serif;
      font-size: 38px;
      font-weight: 600;
      color: #10172a;
      line-height: 1.1;
    }

    .section-heading .line {
      width: 70px;
      height: 3px;
      background: #f3efe9;
      margin: 18px auto 0;
    }

    /* Main Container */
    .gallery-container {
      width: 88%;
      max-width: 1300px;
      margin: auto;
    }

    /* TOP GRID */
    .gallery-top {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 18px;
      margin-bottom: 18px;
      align-items: stretch;
    }

    .middle-column {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    /* BOTTOM GRID */
    .gallery-bottom {
      display: grid;
      grid-template-columns: 1fr 2fr 1fr;
      gap: 18px;
    }

    /* CARD */
    .gallery-card {
      position: relative;
      overflow: hidden;
      width: 100%;
      background: #ddd;
    }

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

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

    /* Fixed heights */
    .big-left {
      height: 520px;
    }

    .middle-top,
    .middle-bottom {
      height: 251px;
    }

    .big-right {
      height: 520px;
    }

    .bottom-small {
      height: 260px;
    }

    .bottom-wide {
      height: 260px;
    }

    /* Overlay */
    .overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.08));
      display: flex;
      align-items: flex-end;
      padding: 24px 22px;
    }

    .card-content {
      color: #fff;
      z-index: 2;
    }

    .card-tag {
      display: inline-block;
      background: rgba(15, 23, 37, 0.75);
      color: #c9a24f;
      font-size: 12px;
      letter-spacing: 3px;
      text-transform: uppercase;
      padding: 8px 14px;
      margin-bottom: 12px;
      border: 1px solid rgba(201,162,79,0.3);
    }

    .card-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.2;
    }

    .hidden {
      display: none !important;
    }

    /* Tablet */
    @media (max-width: 1100px) {
      .section-heading h2 {
        font-size: 54px;
      }

      .gallery-top {
        grid-template-columns: 1fr 1fr;
      }

      .big-right {
        grid-column: span 2;
        height: 380px;
      }

      .gallery-bottom {
        grid-template-columns: 1fr 1fr;
      }

      .bottom-wide {
        grid-column: span 2;
      }
    }

    /* Mobile */
    @media (max-width: 768px) {
      .section-heading h2 {
        font-size: 40px;
      }

      .gallery-top,
      .gallery-bottom {
        grid-template-columns: 1fr;
      }

      .middle-column {
        display: contents;
      }

      .big-right,
      .bottom-wide {
        grid-column: auto;
      }

      .big-left,
      .middle-top,
      .middle-bottom,
      .big-right,
      .bottom-small,
      .bottom-wide {
        height: 280px;
      }
    }

       .film-section {
      position: relative;
      padding: 30px 0 17px;
      background:#101828;
      overflow: hidden;
    }

    .film-header {
      width: 92%;
      margin: 0 auto 25px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .film-title small {
      display: block;
      color: #c9a34e;
      font-family: playfair display, serif;
      letter-spacing: 3px;
      font-size: 13px;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .film-title h2 {
      font-family: 'playfair display', serif;
      font-size: 50px;
      line-height: 1;
      font-weight: 700;
      color: #fff;
    }

    .film-controls {
  display: flex;
  gap: 12px;
  margin-top: 0;   /* 🔥 remove extra push down */
}

    .film-btn {
      width: 40px;
      height: 40px;
      border: 1px solid #8a6a1f;
      background: transparent;
      color: #d4a62d;
      font-size: 22px;
      cursor: pointer;
      transition: 0.3s;
    }

    .film-btn:hover {
      background: #c89a28;
      color: #0a1220;
    }

    .film-btn.next {
      background: #c89a28;
      color: #0a1220;
    }

    .film-btn.next:hover {
      background: transparent;
      color: #c89a28;
    }

    /* Film holes */
    .film-holes {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 0 35px;
      margin-bottom: 18px;
      overflow: hidden;
    }

    .film-hole {
      width: 18px;
      height: 18px;
      border-radius: 5px;
      background: #2f3748;
      flex-shrink: 0;
      opacity: 0.9;
    }

    .film-track-wrapper {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-bottom: 15px;
    }

    .film-track {
      display: flex;
      gap: 22px;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding: 10px 35px 20px;
      scrollbar-width: thin;
      scrollbar-color: #9a9a9a #d8d8d8;
    }

    .film-track::-webkit-scrollbar {
      height: 14px;
    }

    .film-track::-webkit-scrollbar-track {
      background: #ddd;
      border-radius: 20px;
    }

    .film-track::-webkit-scrollbar-thumb {
      background: #8e8e8e;
      border-radius: 20px;
    }

    .film-card {
  position: relative;
  width: 260px;        /* FIXED WIDTH (same for all) */
  height: 380px;
  flex: 0 0 260px;     /* IMPORTANT: prevents stretching */
  overflow: hidden;
  border: 1px solid rgba(200, 154, 40, 0.25);
  background: #111;
}

    .film-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* keeps same ratio look */
}

    .film-card:hover img {
      transform: scale(1.06);
    }

 .film-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.82) 8%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.08) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px 24px;

  opacity: 0;              /* 🔥 hide */
  transform: translateY(30px); /* slight slide effect */
  transition: all 0.4s ease;
}

.film-card:hover .film-overlay {
  opacity: 1;              /* 🔥 show */
  transform: translateY(0);
}

    .film-overlay h3 {
      font-family: 'playfair display', serif;
      font-size: 19px;
      margin-bottom: 10px;
      color: #ffffff;
    }

    .view-btn1 {
      display: inline-flex;
      gap: 3px;
      color: #c89a28;
      font-size: 12px;
      font-family: playfair display, serif;
      letter-spacing: 1px;
      font-weight: 700;
      cursor: pointer;
    }

    /* .view-btn1:hover {
      color: #fff;
      transform: translateX(4px);
    } */

    .bottom-holes {
      margin-top: 12px;
    }

    /* Fullscreen Modal */
    .fullscreen-modal {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.96);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      opacity: 0;
      visibility: hidden;
      transition: 0.35s ease;
      padding: 30px;
    }

    .fullscreen-modal.active {
      opacity: 1;
      visibility: visible;
    }

    .fullscreen-content {
      position: relative;
      max-width: 95%;
      max-height: 92%;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: zoomIn 0.35s ease;
    }

    .fullscreen-content img {
      max-width: 100%;
      max-height: 90vh;
      object-fit: contain;
      border: 2px solid rgba(200, 154, 40, 0.3);
      box-shadow: 0 0 40px rgba(0,0,0,0.45);
    }

    .close-modal {
      position: absolute;
      top: -18px;
      right: -18px;
      width: 35px;
      height: 35px;
      border: none;
      border-radius: 50%;
      background: #c89a28;
      color: #08101b;
      font-size: 22px;
      cursor: pointer;
      font-weight: bold;
      transition: 0.3s;
    }

    .close-modal:hover {
      transform: rotate(90deg) scale(1.05);
    }

    @keyframes zoomIn {
      from {
        transform: scale(0.85);
        opacity: 0;
      }
      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    @media (max-width: 992px) {
      .film-title h2 {
        font-size: 52px;
      }

      .film-card {
        min-width: 220px;
        height: 430px;
      }

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

    @media (max-width: 576px) {
      .film-title h2 {
        font-size: 42px;
      }

      .film-track {
        padding: 10px 18px 20px;
        gap: 16px;
      }

      .film-card {
        min-width: 260px;
        height: 360px;
      }

      .film-header {
        width: 94%;
      }

      .film-holes {
        padding: 0 18px;
      }
    }

.wedding-section {
  position: relative;
  padding: 80px 0;
  background: linear-gradient(135deg, #101828 55%, #f5f1e8 55%);
  overflow: hidden;
  margin-top: 10px;
}

.wedding-container {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* LEFT CONTENT */
.wedding-content {
  width: 48%;
  color: #fff;
}

.wedding-content small {
  color: #c9a34e;
  letter-spacing: 3px;
  font-family: playfair display, serif;
  font-size: 13px;
}

.wedding-content h1 {
  font-size: 50px;
  margin: 10px 0;
  font-family: 'playfair display', serif;
}

.wedding-content h4 {
  color: #c89a28;
  font-family: playfair display, serif;
  font-style: italic;
  margin-bottom: 15px;
}

.line {
  width: 60px;
  height: 2px;
  background: #c89a28;
  margin: 20px 0;
}

.wedding-content p {
  color: #bdbdbd;
  font-family: raleway, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}

/* STATS */
.stats {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.stat-box {
  border: 1px solid rgba(200,154,40,0.3);
  padding: 10px 53px;
  text-align: center;
}

.stat-box h2 {
  color: #c89a28;
  font-size: 21px;
  font-family: playfair display, serif;
}

.stat-box span {
  font-size: 9px;
  font-family: playfair display, serif;
  letter-spacing: 2px;
}

.stat-box.light {
  background: #f3efe6;
  color: #000;
}

/* BUTTON */
.cta-btn {
  display: inline-block;
  padding: 14px 30px;
  background: #c89a28;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.cta-btn:hover {
  background: #a67c1f;
}

/* RIGHT IMAGES */
.wedding-images {
  width: 48%;
  position: relative;
}

/* COMMON IMAGE STYLE */
.img {
  position: absolute;
  width: 260px;
  border: 8px solid #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  transform: rotate(-3deg);
  transition: 0.4s;
}

.img:hover {
  transform: rotate(0deg) scale(1.05);
  z-index: 5;
}

/* INDIVIDUAL POSITIONS */
.img1 {
  top: 0;
  left: 80px;
  width: 300px;
  z-index: 4;
}

.img2 {
  top: 30px;
  right: 0;
  transform: rotate(4deg);
}

.img3 {
  bottom: 0;
  left: 40px;
  transform: rotate(-2deg);
}

.img4 {
  bottom: 0;
  right: 20px;
  transform: rotate(2deg);
}

/* RESPONSIVE */
@media(max-width: 992px) {
  .wedding-container {
    flex-direction: column;
  }

  .wedding-content,
  .wedding-images {
    width: 100%;
  }

  .wedding-images {
    margin-top: 40px;
    height: 500px;
  }
}

.hero-section {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 50vh;
    background: url('../img/about-team (1).jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dark overlay */
.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(16, 17, 20, 0.75);
  top: 0;
  left: 0;
}

/* Content */
.hero-content {
  position: relative;
  text-align: center;
  color: #fff;
  max-width: 900px;
  padding: 20px;
}

/* Main text */
.hero-content h1 {
  font-family: "Playfair";
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4;
}

/* Gold highlight */
.hero-content h1 span {
  color: #c89a28;
  font-style: italic;
}

/* Divider line */
.hero-line {
  width: 2px;
  height: 40px;
  background: #c89a28;
  margin: 20px auto;
}

/* Bottom text */
.hero-content p {
  letter-spacing: 4px;
  font-family: playfair display, serif;
  font-size: 12px;
  color: #c89a28;
} 

.hero-content {
  animation: fadeUp 1.2s ease;
}

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

.highlights-section {
  background: #f5f1e8;
  padding: 80px 40px;
  text-align: center;
}

/* Top text */
.top-text {
  font-size: 12px;
  letter-spacing: 4px;
  color: #c89a28;
  margin-bottom: 10px;
}

/* Title */
.main-title {
  font-family: "Playfair Display", serif;
  font-size: 48px;
  margin-bottom: 10px;
}

/* Line */
.title-line {
  width: 60px;
  height: 3px;
  background: #c89a28;
  margin: 10px auto 40px;
}

/* GRID */
.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 per row */
  gap: 20px;
}

/* ITEM */
.gallery-item {
  position: relative;
  overflow: hidden;
  height: 230px;   /* 🔥 increase for bigger cards */
}

/* IMAGE */
.gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.4s ease;
}

/* ZOOM */
.gallery-item:hover img {
  transform: scale(1.05);
}

/* OVERLAY VIEW */
.overlay1 {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(20,20,20,0.6));
  transform: translateX(-100%) skewX(-10deg);
  transition: 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.overlay1 p {
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
}

/* FIX CONTENT SKEW */
.overlay1 * {
  transform: skewX(10deg);
}

/* TEXT */
.view-text {
  color: #fff;
  letter-spacing: 4px;
  font-family: playfair display, serif;
  font-size: 14px;
}

/* CIRCLE ARROW */
.circle {
  width: 50px;
  height: 50px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;
  font-size: 20px;
  transition: 0.4s ease;
}

/* 🔥 ROTATE + SCALE */
.gallery-item:hover .circle {
  transform: rotate(45deg) scale(1.1);
  background: #c89a28;
  color: #000;
}

/* IMAGE ZOOM */
.gallery-item:hover img {
  transform: scale(1.1);
}

.gallery-item:hover .overlay1 {
 transform: translateX(0) skewX(-10deg);
}

/* ARROW */
.overlay1 .arrow {
  position: absolute;
  top: 15px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 10px;
  border-radius: 50%;
  transition: 0.3s;
}

/* OPTIONAL HOVER EFFECT */
.gallery-item:hover .arrow {
  transform: rotate(45deg) scale(1.1);
}

/* ========================= */
/* 🔥 HOVER FULL PREVIEW */
/* ========================= */

.hover-preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(10, 15, 25, 0.95);
  backdrop-filter: blur(8px);

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

  z-index: 9999;
}


/* BIG IMAGE */
.hover-preview img {
  width: 60%;
  max-height: 70%;
  object-fit: cover;

  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
  border-radius: 6px;

  animation: fadeZoom 0.4s ease;

}

.preview-text {
  position: absolute;
  bottom: 20px;
  color: #fff;
}

/* RECENT TAG */
.preview-text span {
  border: 1px solid #c89a28;
  color: #c89a28;

  padding: 5px 12px;
  font-size: 11px;
  letter-spacing: 3px;
}

/* TITLE */
.preview-text h3 {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  margin-top: 10px;
}

.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid rgba(200,154,40,0.4);
  color: #c89a28;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  transition: 0.3s;
}

/* LEFT */
.prev {
  left: 60px;
}

/* RIGHT */
.next {
  right: 60px;
}

/* HOVER EFFECT */
.nav:hover {
  background: #c89a28;
  color: #000;
}

.close-preview {
  position: absolute;
  top: 90px;
  right: 215px;
  width: 30px;
  height: 30px;
  background: #c89a28;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
}

/* ANIMATION */
@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

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

  .hover-preview img {
    max-width: 90%;
  }
}

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

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

@keyframes fadeZoom {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.celebration-section {
  background-color: #101828;
  padding: 20px 90px;
}

.container2 {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

/* TOP */
.top-small {
  letter-spacing: 4px;
  font-size: 12px;
  color: #c89a28;
  margin-top: 60px;
}

.main-title2 {
  font-size: 52px;
  font-family: "Playfair Display", serif;
  margin: 10px 0;
}

.main-title2 span {
  color: #c89a28;
  font-style: italic;
}

.subtitle2 {
  color: #888;
  font-family: raleway, sans-serif;
  margin-bottom: 70px;
  font-size: 12px;
}

/* LAYOUT */
.content-wrapper2 {
  display: flex;
  align-items: center;
  gap: 50px;
  text-align: left;
}

/* REVERSE */
.content-wrapper2.reverse {
  flex-direction: row-reverse;
  margin-top: 110px;
}

/* IMAGE */
.image-box2 {
  position: relative;
  flex: 1;
}

.image-box2 img {
  width: 100%;
  height: 400px;
  border-radius: 20px;
}

.badge2 {
  position: absolute;
  bottom: -1px;
  right: -20px;
  background: #c89a28;
  color: #000;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Playfair Display", serif;
}

.badge3 {
  position: absolute;
  bottom: -20px;
  left: -20px;
  background: #c89a28;
  color: #000;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Playfair Display", serif;
}

/* TEXT */
.text-box2 {
  flex: 1;
}

.mini-title2 {
  color: #c89a28;
  letter-spacing: 2px;
  font-size: 12px;
  margin-bottom: 10px;
}

/* LABEL ROW */
.label-row2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.icon-circle2 {
  width: 30px;
  height: 30px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;
  font-size: 16px;
}

.label-row2 span {
  font-size: 10px;
  letter-spacing: 3px;
  font-family: raleway, sans-serif;
  color: #c89a28;
}

/* TITLE */
.title2 {
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 600%;
}

/* DESCRIPTION */
.desc {
  color: #e2e4e899;
  line-height: 1.7;
  font-family: raleway, sans-serif;
  font-size: 14px;
  margin-bottom: 18px;
  max-width: 520px;
}

/* FEATURES GRID */
.features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 30px;
  margin-bottom: 15px;
}

/* FEATURE ITEM */
.feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* CIRCLE TICK */
.feature-item span {
  width: 15px;
  height: 15px;
  border: 1.5px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;
  font-size: 10px;
  flex-shrink: 0;
}

/* TEXT */
.feature-item p {
  margin: 0;
  color: #e2e4e899;
  font-family: raleway, sans-serif;
  font-size: 12px;
}

/* BUTTON IMPROVED */
.btn2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #c89a28, #a87f1f);
  color: #fff;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.3s;
}

.btn2 span {
  transition: 0.3s;
}

.btn2:hover span {
  transform: translateX(5px);
}

.process-main-title3 {
    font-size: 41px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
}

.process-main-title3 span {
    color: #c8a03c;
    font-weight: 500;
} 

/* RESPONSIVE */
@media (max-width: 900px) {
  .content-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .features {
    flex-direction: column;
  }

  .text-box2 {
    text-align: center;
  }
}

/* SECTION */
.experience-section3 {
  background: #f5f1e8;
  padding: 40px 40px;
  text-align: center;
  color: #fff;
}

.subtitle3 {
  color: #777e87;
  margin-bottom: 50px;
  font-size: 13px;
  font-family: raleway, sans-serif;
}

/* GRID */
.card-wrapper3 {
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  perspective: 1200px;
}

/* CARD */
.card3 {
 position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(200,154,40,0.35);

  transform-style: preserve-3d;
  will-change: transform;

  transition:
    transform 0.18s ease-out,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.card3:hover {
  box-shadow:
    0 30px 50px rgba(0,0,0,0.18),
    0 10px 30px rgba(200,154,40,0.18);
  border-color: #c89a28;
}

.card3::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );

  transform: skewX(-20deg);
}

.card3:hover::after {
  animation: lightSweep 0.9s ease forwards;
}

.card3::before {
  content: "";
  position: absolute;
  inset: -1px;
    border-radius: 10px; /* match card */
  background: linear-gradient(
    270deg,
    transparent,
    #c89a28,
    transparent
  );
  background-size: 400% 400%;
  z-index: -1;
  opacity: 0;
  transition: 0.4s;
}

.card3:hover::before {
  opacity: 1;
  animation: goldMove 5s linear infinite;
}

/* IMAGE */
.card-img3 {
  position: relative;
   border-radius: 10px 10px 0 0;
  height: 220px;
  overflow: hidden;
}

.card-img3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-img3::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(to bottom, transparent, #0f172a); */
}

/* BADGE */
.badge4{
  position: absolute;
  top: 15px;
  right: 15px;
  background: #221814;
  color: #c89a28;
  width: 45px;
  height: 45px;
  font-size: 15px;
  border-radius: 50%;
  border: 1px solid #c89a28;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* CONTENT */
.card-content3 {
  padding: 25px;
  text-align: left;
}

.mini {
  color: #c89a28;
  font-size: 11px;
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.card-content3 h3 {
  font-size: 24px;
    font-family: "Playfair Display", serif;
    color:#000;
  margin-bottom: 10px;
}

.desc3 {
  color: #474c53;
  font-size: 12px;
  margin-bottom: 15px;
}

/* LIST */
.card-content3 ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.card-content3 li {
  font-size: 12px;
  margin-bottom: 8px;
  color: #474c53;
  position: relative;
  padding-left: 18px;
}

.card-content3 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #c89a28;
}

/* BUTTON */
.btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 12px;
  background: linear-gradient(135deg, #c89a28, #a87f1f);
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.btn:hover {
  opacity: 0.85;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .card-wrapper3 {
    grid-template-columns: 1fr;
  }
}

/* SECTION */
.why-section5 {
  background: #101828;
  padding: 80px 40px;
  color: #fff;
}

.container5 {
  max-width: 1200px;
  margin: auto;
}

/* LAYOUT */
.why-wrapper5 {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  align-items: center;
}

.why-left5 h2 {
  font-size: 48px;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.why-left5{
margin-bottom: 40px;
}

.why-left5 h2 span {
  color: #c89a28;
  font-style: italic;
}

.desc5 {
  color: #98a2b3;
  line-height: 1.7;
  margin-bottom: 30px;
  font-size: 14px;
  font-family: raleway, sans-serif;
}

/* BUTTON */
.outline-btn5 {
  display: inline-block;
  padding: 9px 30px;
  border: 1px solid #c89a28;
  color: #c89a28;
  text-decoration: none;
  letter-spacing: 1px;
  transition: 0.3s;
}

.outline-btn5:hover {
  background: #c89a28;
  color: #000;
}

/* RIGHT GRID */
.why-right5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* CARD */
.why-card5 {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  transition: 0.3s;
  overflow: hidden;
  height: 90%;
}

.why-card5::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 80%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(200, 154, 40, 0.35),
    transparent
  );

  transform: skewX(-20deg);
  opacity: 0; /* 👈 hidden initially */
}

.why-card5:hover::after {
    opacity: 1;
  animation: sweepFull 2s ease forwards;
}

@keyframes sweepFull {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}

.why-card5:hover {
  transform: translateY(-5px);
  border-color: rgba(200,154,40,0.4);
}

/* ICON */
.icon5 {
  width: 45px;
  height: 45px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;
  margin-bottom: 20px;
  font-size: 17px;
}

/* TITLE */
.why-card5 h3 {
  font-size: 20px;
  font-family: playfair display, serif;
  margin-bottom: 10px;
}

/* TEXT */
.why-card5 p {
  color: #9ca3af;
  font-family: raleway, sans-serif;
  font-size: 14px;
}

/* BIG NUMBER */
.number5 {
  position: absolute;
  top: 10px;
  right: 40px;
  font-size: 46px;
  font-family: playfair display, serif;
  font-weight: bold;
  color: rgba(255,255,255,0.05);
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .why-wrapper5 {
    grid-template-columns: 1fr;
  }

  .why-right5 {
    grid-template-columns: 1fr;
  }
}

/* SECTION */
.contact-section {
  background: #f3efe7;
}

.icon-circle3 {
  width: 25px;
  height: 25px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;
  font-size: 14px;
}

/* HEADER */
.contact-header {
  background: #0f172a;
  text-align: center;
  padding: 60px 20px;
  color: #fff;
}

.top-text {
  color: #c89a28;
  letter-spacing: 3px;
}

.contact-header h2 {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
}

.sub-text {
  color: #cbd5e1;
}

/* MAIN LAYOUT */
.contact-container {
  display: flex;
  gap: 40px;
  padding: 60px 8%;
}

/* LEFT */
.contact-left {
  width: 35%;
}

.contact-left h3{
font-family: playfair display, serif;
font-size: 28px;
}

.left-desc{
    font-family: raleway, sans-serif;
    font-size: 12px;
    color: #20232a99;
}

.info-box {
  display: flex;
  gap: 15px;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.info-box h4{
    font-family: raleway, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.info-box p{
    font-family: playfair display,serif;
    font-size: 14px;
    color: #020305ad;
}

.info-box i {
  color: #c89a28;
}

/* WHATSAPP */
.whatsapp-btn {
  display: block;
  background: #25d366;
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 6px;
  margin: 20px 0;
  text-decoration: none;
}

/* MAP */
.map-box {
  background: #e7e2d8;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* RIGHT */
.contact-right {
  width: 65%;
  height: 50%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

/* FORM HEADER */
.form-header {
  background: #0f172a;
  color: #fff;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
}

.form-header h2{
font-family: playfair display, serif;
font-size: 21px;
}

.form-header p{
font-family: raleway, sans-serif;
font-size: 14px;
}

.response-time {
  color: #c89a28;
  font-family: playfair display, serif;
  font-size: 14px;
}

/* FORM */
.form-body {
  padding: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

/* INPUT STYLE */
.form-group input,
.form-group select,
.form-group option,
.form-group textarea {
  border: none;
  border-bottom: 1px solid #ccc;
  font-family: raleway, sans-serif;
  font-size: 14px;              /* increased */
  color: #333;                  /* darker text */
  padding: 12px 10px;           /* add left-right space */
  background: transparent;
  width: 100%;
  outline: none;
  line-height: 1.5;             /* better readability */

}

/* Placeholder style */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #aaa;
  font-size: 13px;
}

/* Focus effect */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  border-bottom: 1px solid #c89a28;
}

.form-group.full textarea {
  min-height: 30px;
  width: 100%;
  padding: 12px 10px;
}

.form-group label {
font-family: playfair display, serif;
font-size: 14px;
}

.form-group.full {
  grid-column: span 3;
}

form-group full textarea {
  min-height: 100px;
  width: 100px;
}

/* BUTTON */
.submit-btn {
  background: linear-gradient(135deg, #c89a28, #a87f1f);
  color: #fff;
  padding: 12px 25px;
  border: none;
}

/* ACTIONS */
.form-actions {
  grid-column: span 3;
  display: flex;
  gap: 20px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .contact-container {
    flex-direction: column;
  }

  .contact-left,
  .contact-right {
    width: 100%;
  }

  .form-body {
    grid-template-columns: 1fr;
  }
}

/* SECTION */
.package-section5 {
  background: #f5f1e8;
  padding: 80px 80px;
  text-align: center;
}

/* TITLE */
.top-title5 {
  color: #c89a28;
    font-family: playfair display, serif;
  letter-spacing: 4px;
  font-size: 12px;
}

.top-title3 {
  color: #c89a28;
    font-family: playfair display, serif;
  letter-spacing: 4px;
  font-size: 14px;
}

.main-title5 {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
}

.main-title5 span {
  color: #c89a28;
  font-style: italic;
}

.gold-line5 {
  width: 60px;
  height: 3px;
  background: #c89a28;
  margin: 20px auto 40px;
}

/* TABS */
.tabs5 {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.tabs5 button {
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: 1px;
}

.tabs5 .active {
  background: #101828;
  color: #fff;
}

/* LAYOUT */
.package-wrapper5 {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

/* IMAGE */
.package-img5 {
  width: 60%;
}

.package-img5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* RIGHT CONTENT */
.package-content5 {
  width: 40%;
  background: #101828;
  color: #fff;
  padding: 40px;
  text-align: left;
}

.mini5 {
  display: flex;
  align-items: center;
  font-family: playfair display, serif;
  gap: 10px;
  color: #F0E7D180;
  font-size: 12px;
  letter-spacing: 3px;
}

/* Circle icon */
.mini-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon inside */
.mini-icon i {
  color: #c89a28;
  font-size: 12px;
}

/* HEADING */
.package-content5 h3 {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  margin-bottom: 15px;
}

.package-content5 h3 span {
  color: #c89a28;
  font-style: italic;
}

/* DESC */
.desc5 {
  color: #F0E7D199;
  font-family: raleway, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
}

/* FEATURES */
.features5 {
  list-style: none;
  padding: 0;
}

.features5 li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: #FCFAF2D9;
  font-size: 13px;
}

/* Circle + Tick */
.features5 li::before {
  content: "✓";
  width: 18px;
  height: 18px;
  border: 1px solid #c89a28;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c89a28;   /* ✅ Tick color */
  font-size: 10px;
  flex-shrink: 0;
}

/* BUTTONS */
.btn-group5 {
  display: flex;
  gap: 15px;
}

.gold-btn5 {
  background: linear-gradient(135deg, #c89a28, #a87f1f);
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.outline-btn6 {
  border: 1px solid #c89a28;
  font-family: playfair display, serif;
  padding: 9px 16px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

/* RESPONSIVE */
@media(max-width:900px){
  .package-wrapper5 {
    flex-direction: column;
  }

  .package-img5,
  .package-content5 {
    width: 100%;
  }
}

/* SECTION */
.pricing-section {
  background:#101828;
  padding: 80px 8%;
  text-align: center;
  color: #fff;
}

/* TITLE */
.top-text {
  color: #c89a28;
  letter-spacing: 4px;
  font-size: 12px;
}

.main-title {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
}

.main-title span {
  color: #c89a28;
  font-style: italic;
}

.sub-text1 {
  color: #cbd5e1;
  margin-bottom: 50px;
  font-size: 12px;
  font-family: raleway, sans-serif;
}

/* CONTAINER */
.pricing-container {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

/* CARD */
.pricing-card {
  background: #303541;
  padding: 40px 25px;
  width: 320px;
  border-radius: 10px;
  text-align: left;
  position: relative;
  transition: 0.4s;
}

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

/* HIGHLIGHT CARD */
.highlight {
  border: 1px solid #c89a28;
  box-shadow: 0 0 25px rgba(200,154,40,0.2);
}

/* BADGE */
.badge4 {
  position: absolute;
  top: -15px;
  left: 50%;
  font-family: playfair display, serif;
   white-space: nowrap; 
  transform: translateX(-50%);
  background: linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));
  color: #000;
  padding: 5px 65px;
  font-size: 10px;
  border-radius: 4px;
}

/* TEXT */
.pricing-card h3 {
  font-size: 27px;
  font-family: playfair display, serif;
  color: #C59720;
}

.plan-sub {
  font-size: 11px;
  letter-spacing: 1px;
  font-family: raleway, sans-serif;
  color: #F0E7D180;
  margin-bottom: 23px;
}

.price-label {
  font-size: 12px;
  color: #F0E7D180;
  font-family: raleway, sans-serif;
}

.price {
  font-size: 30px;
  margin-bottom: 20px;
  font-family: playfair display, serif;
}

/* LIST */
.pricing-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}

.pricing-card ul li {
  position: relative;
  padding-left: 28px; /* space for circle */
  margin-bottom: 10px;
  font-family: raleway, sans-serif;
  font-size: 13px;
  color: #FCFAF2CC;
}

/* TICK CIRCLE */
.pricing-card ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px; /* vertical alignment */

  width: 14px;
  height: 14px;

  border: 1px solid #c89a28;
  border-radius: 50%;

  display: flex;              /* ✅ IMPORTANT */
  align-items: center;        /* center tick */
  justify-content: center;    /* center tick */

  color: #c89a28;
  font-size: 9px;
}

/* BUTTONS */
.gold-btn {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #c89a28, #a87f1f);
  padding: 12px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.outline-btn7{
  display: block;
  text-align: center;
  border: 1px solid #c89a28;
  padding: 12px;
  color: #c89a28;
  text-decoration: none;
  border-radius: 5px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .pricing-container {
    flex-direction: column;
    align-items: center;
  }
}

.luxury-footer {
  background: #101828;
  color: #d6c3a1;
  padding-top: 60px;
  font-family: 'Poppins', sans-serif;
}

.footer-container {
  max-width: 1400px;
  margin: auto;
  padding: 0 40px 50px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.3fr;
  gap: 40px;
}

.brand-box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.brand-box img {
  width: 20%;
  height: 20%;
}

.brand-box h2 {
  margin: 0;
  font-size: 34px;
  color: #d4a017;
}

.brand-box span {
  letter-spacing: 4px;
  font-size: 14px;
}

.contact-info{
    list-style: none;
}

.footer-col p {
  line-height: 1.8;
  font-size: 14px;
  font-family: raleway, sans-serif;
  color: #fff;
}

.footer-col h3 {
  color: #C59720;
   font-family: playfair display, serif;
  margin-bottom: 20px;
  font-size: 20px;
}

.footer-col ul {
  padding: 0;
  color: #C59720;
}

.footer-col ul li {
  margin-bottom: 15px;
  font-family: raleway, sans-serif;
  list-style: none;
  font-size: 13px;
  color: #fff;
}

.footer-col ul li i {
  color: #d4a017;
  margin-right: 10px;
}

.footer-col ul li a{
    color: #ddd;
    text-decoration: none;
    transition: 0.3s;
}

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

.sub-text {
  margin-left: 28px;
  font-size: 14px !important;
  color: #b9953d !important;
}

.social-icons {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.social-icons a {
  width: 36px;
  height: 36px;
  border: 1px solid #b9953d;
  list-style: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4a017;
  font-size: 16px;
  transition: 0.3s;
}

.social-icons a:hover {
  background: #d4a017;
  color: #0b1422;
}

.footer-bottom {
  border-top: 1px solid rgba(212,160,23,0.2);
  padding: 20px 40px;
  font-family: playfair display, serif;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #fff;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 992px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .footer-container {
    grid-template-columns: 1fr;
    padding: 0 20px 40px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

.whatsapp-float{
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 55px;
    height: 55px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 9999;
    text-decoration: none;
    transition: 0.3s ease;
}

.whatsapp-float:hover{
    transform: scale(1.1);
    background: #1ebe5d;
    color: #fff;
}

.whatsapp-float{
    animation: pulseWhatsapp 2s infinite;
}

@keyframes pulseWhatsapp{
    0%{
        box-shadow: 0 0 0 0 rgba(37,211,102,0.7);
    }
    70%{
        box-shadow: 0 0 0 15px rgba(37,211,102,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(37,211,102,0);
    }
}

.footer-decoration{
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.footer-decoration img{
    width: 100%;
    display: block;
    object-fit: cover;
}

.package-promise{
    background:#f5f1e8;
    padding:100px 20px;
}

.promise-container{
    max-width:1400px;
    margin:auto;
    text-align:center;
}

.promise-subtitle{
    font-size:13px;
    letter-spacing:6px;
    color:#c89b2c;
    margin-bottom:20px;
    text-transform:uppercase;
}

.promise-title{
    font-size:58px;
    font-weight:700;
    color:#111827;
    margin-bottom:15px;
    line-height:1.2;
    font-family: "Playfair Display", serif;
}

.promise-title span{
    color:#c89b2c;
    font-style:italic;
}

.promise-line{
    width:80px;
    height:3px;
    background:#c89b2c;
    margin:0 auto 30px;
}

.promise-desc{
    max-width:850px;
    margin:auto;
    font-size:14px;
    font-family: raleway, sans-serif;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:70px;
}

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

.promise-card{
    background:#fcfaf5;
    padding:45px 30px;
    border:1px solid #f0eadf;
    min-height:280px;
    position:relative;
    overflow:hidden;
    transition:.4s ease;
    opacity:0;
    transform:translateY(60px);
    animation:fadeUp .8s forwards;
}

.promise-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 40px rgba(0,0,0,0.10);
    border-color:#d4af37;
}

.promise-icon{
   width:50px;
    height:50px;
    border:1px solid #ead9b0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    color:#c89b2c;
    font-size:25px;
    transition:.4s ease;
}

.promise-card:hover .promise-icon{
    transform:rotate(10deg) scale(1.15);
    background:#c89b2c;
    color:#fff;
    border-color:#c89b2c;
}

.promise-card h3{
    font-size:18px;
    font-weight:700;
    color:#111827;
    line-height:1.4;
    margin-bottom:20px;
    font-family:"Playfair Display", serif;
     transition:.3s;
}

.promise-card:hover h3{
    color:#c89b2c;
}

.promise-card p{
    font-size:14px;
    line-height:1.8;
    font-family: raleway, sans-serif;
     transition:.3s;
    color:#6b7280;
}

/* Shimmer Overlay */
.promise-card::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transition:.8s;
}

.promise-card:hover::before{
    left:100%;
}

/* Stagger Delay */
.delay-1{ animation-delay:.2s; }
.delay-2{ animation-delay:.4s; }
.delay-3{ animation-delay:.6s; }
.delay-4{ animation-delay:.8s; }

/* Fade Up */
@keyframes fadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Responsive */
@media(max-width:1200px){
    .promise-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .promise-title{
        font-size:38px;
    }

    .promise-desc{
        font-size:16px;
    }

    .promise-grid{
        grid-template-columns:1fr;
    }

    .promise-card h3{
        font-size:24px;
    }

    .promise-card p{
        font-size:16px;
    }
}

/* SECTION BACKGROUND */
.info-section {
    background: #f5f3ee;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

/* COMMON BOX STYLE */
.info-box,
.info-card {
    background: #fff;
    border-radius: 18px;
    padding: 30px;
    max-width: 900px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* TOP TEXT BOX */
.info-box p {
    color: #555;
    line-height: 1.7;
    font-size: 15px;
}

.info-box span {
    color: #c89a28;
    font-weight: 600;
}

/* CARD LAYOUT */
/* CARD */
.info-card {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    max-width: 900px;
}

/* ICON BOX */
.icon-box1 {
    min-width: 40px;
    height: 40px;
    background: linear-gradient(135deg, hsl(43, 72%, 45%), hsl(43, 60%, 65%), hsl(43, 72%, 38%));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 18px;
    box-shadow: 0 8px 20px rgba(200,154,40,0.4);
}

/* CONTENT */
.content7 h2 {
    font-family: "Playfair Display", serif;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
}

.content7 ul {
    padding-left: 20px;
}

.content7 ul li {
    margin-bottom: 12px;
    font-family: raleway, sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}

/* GOLD BULLETS */
.content7 ul li::marker {
    color: #c89a28;
}

.map-box {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 12px;
}

.map-section {
  width: 100%;
}

/* Make iframe fill بالكامل */
.map-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.faq-section {
  position: relative;
  overflow: hidden;
  padding: 90px 60px;
  background: #f5f1e8;
}

/* Floating Glow Orbs */
.faq-section::before,
.faq-section::after {
 content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  z-index: 0;
  pointer-events: none;
}

.faq-section::before {
  width: 420px;
  height: 420px;
  background: #f5f1e8;
  top: 40px;
  left: -120px;
  animation: floatGlow1 7s ease-in-out infinite alternate;
}

/* Right Glow */
.faq-section::after {
  width: 500px;
  height: 500px;
  background: rgba(255, 210, 120, 0.20);
  bottom: -80px;
  right: -150px;
  animation: floatGlow2 8s ease-in-out infinite alternate;
}

/* Floating Animation */
@keyframes floatGlow {
  0% {
    transform: translateY(0px) translateX(0px);
  }
  100% {
    transform: translateY(-25px) translateX(20px);
  }
}


/* =========================
   FAQ SECTION
========================= */
/* .faq-section {
  position: relative;
  overflow: hidden;
  padding: 100px 20px;
  background: #f5f1e8;
} */

/* Glow Effects */
.faq-section::before,
.faq-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  z-index: 0;
  pointer-events: none;
}

.faq-section::before {
  width: 420px;
  height: 420px;
  background: rgba(212,165,55,0.25);
  top: 30px;
  left: -120px;
  animation: glowFloat1 8s ease-in-out infinite alternate;
}

.faq-section::after {
  width: 500px;
  height: 500px;
  background: rgba(255,210,120,0.18);
  bottom: -100px;
  right: -150px;
  animation: glowFloat2 10s ease-in-out infinite alternate;
}

/* Container */
.faq-container {
  position: relative;
  z-index: 2;
  max-width: 1300px;
  margin: auto;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 50px;
  align-items: start;
}

/* Left Content */
.faq-label {
  color: #c89b2d;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 3px;
  display: inline-block;
  margin-bottom: 12px;
}

.faq-left h2 {
  font-size: 52px;
  line-height: 1.15;
  color: #111;
  margin-bottom: 20px;
}

.faq-left p {
  font-size: 14px;
  font-family: raleway, sans-serif;
  line-height: 1.8;
  color: #777;
  margin-bottom: 30px;
}

/* Button */
.faq-btn {
  display: inline-block;
  padding: 16px 34px;
  border-radius: 60px;
  background: linear-gradient(135deg, #d7a739, #b8860b);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 12px 30px rgba(200,155,45,.30);
  transition: .35s ease;
}

.faq-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(200,155,45,.35);
}

/* FAQ Right */
.faq-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* FAQ Card */
.faq-item {
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(0,0,0,0.05);
  transition: .35s ease;
}

.faq-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

/* Question Button */
.faq-question {
  width: 100%;
  padding: 24px 28px;
  /* letter-spacing: 1px; */
  border: none;
  background: transparent;
  font-size: 16px;
  font-family: raleway, sans-serif;
  font-weight: 500;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-question span {
  color: #c89b2d;
  font-size: 22px;
  transition: .35s ease;
}

/* Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  font-family: raleway, sans-serif;
  padding: 0 28px;
  color: #666;
  line-height: 1.8;
  font-size: 14px;
  transition: all .4s ease;
}

/* Active Accordion */
.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 0 28px 24px;
}

.faq-item.active .faq-question span {
  transform: rotate(180deg);
}

/* Animations */
@keyframes glowFloat1 {
  0% {
    transform: translate(0,0);
  }
  100% {
    transform: translate(30px,-30px);
  }
}

@keyframes glowFloat2 {
  0% {
    transform: translate(0,0);
  }
  100% {
    transform: translate(-40px,25px);
  }
}

/* Responsive */
@media(max-width: 991px) {
  .faq-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .faq-left {
    text-align: center;
  }

  .faq-left h2 {
    font-size: 40px;
  }
}

.about-hero {
    position: relative;
    height: 380px;
    background: url('../img/about-team (1).jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.75);
}

.about-hero1 {
    position: relative;
    height: 380px;
    background: url('../img/catering-service.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero1 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.85);
}

.about-hero2 {
    position: relative;
    height: 380px;
    background: url('../img/corporate-event (1).jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero2 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.85);
}

.about-hero3 {
    position: relative;
    height: 380px;
    background: url('../img/hero-banner2.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero3 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.85);
}

.about-hero4 {
    position: relative;
    height: 380px;
    background: url('../img/privacy.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero4 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.85);
}

.about-hero5 {
    position: relative;
    height: 380px;
    background: url('../img/about-team.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero5 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.75);
}

.about-hero6 {
    position: relative;
    height: 380px;
    background: url('../img/terms.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/* DARK OVERLAY */
.about-hero6 .overlay6 {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 40, 0.75);
}

/* CONTENT CENTER */
.hero-content5 {
    position: relative;
    text-align: center;
    color: #fff;
    max-width: 800px;
    padding: 20px;
}

/* SMALL TITLE */
.sub-title {
    letter-spacing: 4px;
    color: #c89a28;
    font-size: 12px;
    margin-bottom: 10px;
}

/* MAIN HEADING */
.hero-content5 h1 {
    font-family: "Playfair Display", serif;
    font-size: 60px;
    font-weight: 600;
    margin: 10px 0;
}

/* GOLD & SYMBOL */
.hero-content5 h1 span {
    color: #c89a28;
}

/* GOLD LINE */
.line {
    width: 60px;
    height: 2px;
    background: #c89a28;
    margin: 15px auto;
}

/* DESCRIPTION */
.description {
    font-size: 14px;
    font-family: raleway, sans-serif;
    color: #ddd;
    line-height: 1.6;
}

/* RESPONSIVE */
@media(max-width:768px){
    .hero-content h1 {
        font-size: 36px;
    }
}