/*======================================================
PURER OFFICIAL EVENTS
Luxury Website
======================================================*/

:root{

--black:#111111;
--gold:#C8A96A;
--white:#ffffff;
--light:#f8f8f8;
--text:#666666;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;
background:#fff;
color:#222;

}

h1,h2,h3,h4{

font-family:'Cormorant Garamond',serif;

}

/*======================================
NAVBAR
======================================*/

.luxury-navbar{

background:rgba(17,17,17,.92);

backdrop-filter:blur(12px);

padding:18px 0;

position:sticky;

top:0;

z-index:999;

}

.navbar-brand{

display:flex;

align-items:center;

gap:15px;

color:#fff !important;

}

.navbar-brand img{

width:70px;

}

.navbar-brand h3{

margin:0;

font-size:24px;

}

.navbar-brand small{

color:#C8A96A;

}

.nav-link{

color:#fff !important;

margin-left:18px;

font-weight:500;

transition:.3s;

}

.nav-link:hover{

color:#C8A96A !important;

}

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

.hero-section{

    position:relative;

    height:100vh;

    min-height:720px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.hero-overlay{

position:absolute;

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

background:
linear-gradient(
90deg,
rgba(0,0,0,.82) 0%,
rgba(0,0,0,.70) 35%,
rgba(0,0,0,.45) 65%,
rgba(0,0,0,.25) 100%
);

}

.hero-content{

    position:relative;

    z-index:10;

    max-width:650px;

    width:100%;

    padding-top:0;

    color:#fff;

    text-shadow:0 4px 18px rgba(0,0,0,.6);

}

.hero-tag{

display:inline-block;

background:rgba(200,169,106,.20);

border:1px solid #C8A96A;

padding:8px 20px;

border-radius:50px;

margin-bottom:25px;

color:#fff;

}

.hero-content h1{

font-size:72px;

font-weight:700;

line-height:1.08;

color:#fff;

margin-bottom:28px;

letter-spacing:.5px;

}

.hero-content h1 span{

color:#C8A96A;

}

.hero-content p{

font-size:18px;

line-height:1.8;

color:#f5f5f5;

max-width:620px;

margin-bottom:35px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-top:35px;

margin-bottom:55px;

flex-wrap:wrap;

}

.hero-buttons{

display:flex;

gap:20px;

}

.btn-gold{

display:inline-block;

background:#C8A96A;

color:#111;

padding:18px 40px;

border-radius:50px;

font-weight:600;

transition:.35s;

box-shadow:0 15px 35px rgba(200,169,106,.35);

}

.btn-gold:hover{

transform:translateY(-4px);

background:#b69458;

color:#111;

}

.btn-outline{

display:inline-block;

padding:18px 40px;

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

border-radius:50px;

color:#fff;

transition:.35s;

}

.btn-outline:hover{

background:#fff;

color:#111;

transform:translateY(-4px);

}

/*======================================================
ABOUT
======================================================*/

.about-section{

padding:110px 0;

background:#fff;

}

.about-image{

width:100%;

border-radius:25px;

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

}

.section-tag{

display:inline-block;

padding:8px 20px;

border-radius:50px;

background:#111;

color:#C8A96A;

letter-spacing:2px;

font-size:13px;

margin-bottom:20px;

}

.section-title{

font-size:58px;

margin-bottom:25px;

}

.section-title span{

color:#C8A96A;

}

.section-text{

font-size:17px;

line-height:1.9;

color:#666;

margin-bottom:20px;

}

.about-features{

margin-top:35px;

display:flex;

flex-direction:column;

gap:25px;

}

.feature-box{

display:flex;

gap:20px;

align-items:flex-start;

}

.feature-box i{

width:65px;

height:65px;

display:flex;

align-items:center;

justify-content:center;

background:#111;

color:#C8A96A;

border-radius:18px;

font-size:24px;

}

.feature-box h4{

margin-bottom:6px;

font-size:24px;

}

.feature-box p{

margin:0;

color:#777;

}

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

.hero-video{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

object-fit:cover;

z-index:-2;

}

.hero-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:linear-gradient(
90deg,
rgba(0,0,0,.82) 0%,
rgba(0,0,0,.70) 35%,
rgba(0,0,0,.45) 70%,
rgba(0,0,0,.30) 100%
);

z-index:-1;

}

.hero-content{

position:relative;

z-index:20;

width:100%;

max-width:650px;

color:#fff;

padding-top:0;

display:flex;

flex-direction:column;

justify-content:center;

animation:heroFade 1.4s ease;

}

.hero-content h1{

font-size:58px;

font-weight:700;

line-height:1.15;

margin-bottom:25px;

color:#fff;

}

.hero-content h1 span{

color:#C8A96A;

}

.hero-content p{

font-size:18px;

line-height:1.8;

color:#f5f5f5;

max-width:620px;

margin-bottom:35px;

}

.hero-stats{

display:flex;

gap:30px;

margin-top:30px;

flex-wrap:wrap;

}

.hero-stats h3{

font-size:26px;

color:#C8A96A;

margin-bottom:5px;

}

.hero-stats span{

font-size:15px;

color:#fff;

opacity:.9;

}

/*==============================
Hero Animation
==============================*/

@keyframes heroFade{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/*==============================
Scroll Indicator
==============================*/

.scroll-indicator{

margin-top:60px;

display:flex;

align-items:center;

gap:10px;

color:#C8A96A;

font-size:15px;

animation:bounce 2s infinite;

}

.scroll-indicator i{

font-size:20px;

}

@keyframes bounce{

0%,20%,50%,80%,100%{

transform:translateY(0);

}

40%{

transform:translateY(8px);

}

60%{

transform:translateY(4px);

}

}

.scroll-indicator{

margin-top:30px;

color:#C8A96A;

font-size:15px;

display:flex;

align-items:center;

gap:10px;

}

/*==================================
SERVICES
==================================*/

.services-section{

padding:110px 0;

background:#f8f8f8;

}

.section-heading{

max-width:760px;

margin:auto;

}

.section-heading h2{

font-size:56px;

margin:20px 0;

}

.section-heading p{

font-size:18px;

color:#666;

line-height:1.8;

}

.service-card{

background:#fff;

padding:45px 35px;

border-radius:20px;

transition:.35s;

text-align:center;

height:100%;

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

}

.service-card:hover{

transform:translateY(-10px);

background:#111;

color:#fff;

}

.service-card i{

font-size:48px;

color:#C8A96A;

margin-bottom:25px;

}

.service-card h3{

margin-bottom:18px;

font-size:28px;

}

.service-card p{

line-height:1.8;

}

/*==================================
PACKAGES
==================================*/

.packages-section{

padding:110px 0;

background:#ffffff;

}

.package-card{

position:relative;

background:#fff;

padding:45px 35px;

border-radius:20px;

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

transition:.35s;

height:100%;

}

.package-card:hover{

transform:translateY(-10px);

}

.package-title{

font-size:30px;

font-weight:700;

margin-bottom:15px;

}

.package-price{

font-size:48px;

color:#C8A96A;

font-weight:700;

margin-bottom:30px;

}

.package-card ul{

padding-left:0;

list-style:none;

margin-bottom:35px;

}

.package-card ul li{

margin-bottom:15px;

font-size:17px;

}

.package-card i{

color:#C8A96A;

margin-right:10px;

}

.featured{

border:3px solid #C8A96A;

transform:scale(1.04);

}

.popular-badge{

position:absolute;

top:-15px;

left:50%;

transform:translateX(-50%);

background:#C8A96A;

color:#111;

padding:8px 20px;

border-radius:30px;

font-size:13px;

font-weight:700;

}

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

.gallery-section{

padding:110px 0;

background:#f8f8f8;

}

.gallery-card{

position:relative;

overflow:hidden;

border-radius:20px;

cursor:pointer;

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

}

.gallery-card img{

width:100%;

height:320px;

object-fit:cover;

transition:.5s;

display:block;

}

.gallery-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

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

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.35s;

}

.gallery-overlay i{

font-size:42px;

color:#fff;

}

.gallery-card:hover img{

transform:scale(1.08);

}

.gallery-card:hover .gallery-overlay{

opacity:1;

}

/*==================================
TESTIMONIALS
==================================*/

.testimonials-section{

padding:110px 0;

background:#ffffff;

}

.testimonial-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

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

transition:.35s;

height:100%;

}

.testimonial-card:hover{

transform:translateY(-10px);

}

.testimonial-card img{

width:100px;

height:100px;

border-radius:50%;

object-fit:cover;

border:4px solid #C8A96A;

margin-bottom:20px;

}

.testimonial-card h4{

margin-bottom:5px;

font-size:24px;

}

.testimonial-card small{

color:#888;

display:block;

margin-bottom:20px;

}

.testimonial-card p{

line-height:1.8;

font-style:italic;

color:#555;

}

.stars{

margin-top:20px;

font-size:24px;

color:#C8A96A;

letter-spacing:3px;

}

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

.booking-cta{

padding:120px 0;

background:#111;

}

.booking-box{

background:linear-gradient(135deg,#1b1b1b,#111);

padding:70px;

border-radius:25px;

text-align:center;

color:#fff;

border:1px solid rgba(200,169,106,.35);

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

}

.booking-box h2{

font-size:52px;

margin:20px 0;

}

.booking-box p{

max-width:700px;

margin:0 auto 35px;

font-size:18px;

line-height:1.9;

color:#ddd;

}

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

.contact-section{

padding:110px 0;

background:#f8f8f8;

}

.contact-info{

display:flex;

flex-direction:column;

gap:30px;

}

.contact-item{

display:flex;

gap:20px;

align-items:flex-start;

}

.contact-item i{

width:60px;

height:60px;

background:#C8A96A;

color:#111;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

}

.contact-item h4{

margin-bottom:8px;

font-size:22px;

}

.contact-form{

background:#fff;

padding:40px;

border-radius:20px;

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

}

.contact-form .form-control{

border-radius:12px;

padding:14px 16px;

border:1px solid #ddd;

}

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

.social-section{

padding:110px 0;

background:#ffffff;

}

.social-card{

background:#fff;

padding:45px 30px;

text-align:center;

border-radius:20px;

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

transition:.35s;

height:100%;

}

.social-card:hover{

transform:translateY(-10px);

}

.social-card i{

font-size:52px;

margin-bottom:25px;

color:#C8A96A;

}

.social-card h4{

margin-bottom:15px;

font-size:28px;

}

.social-card p{

line-height:1.8;

margin-bottom:25px;

color:#666;

}

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

.footer{

background:#111;

color:#fff;

padding:80px 0 30px;

}

.footer-logo{

width:90px;

margin-bottom:20px;

}

.footer h4{

margin-bottom:25px;

color:#C8A96A;

}

.footer ul{

padding:0;

list-style:none;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

color:#ddd;

text-decoration:none;

transition:.3s;

}

.footer ul li a:hover{

color:#C8A96A;

}

.footer-social{

margin-top:25px;

display:flex;

gap:15px;

}

.footer-social a{

width:45px;

height:45px;

border-radius:50%;

background:#222;

display:flex;

align-items:center;

justify-content:center;

color:#C8A96A;

font-size:18px;

transition:.3s;

}

.footer-social a:hover{

background:#C8A96A;

color:#111;

}

.footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

padding-top:25px;

flex-wrap:wrap;

}

.footer-bottom a{

color:#C8A96A;

text-decoration:none;

}

/*==================================
BACK TO TOP
==================================*/

#backToTop{

position:fixed;

bottom:30px;

right:30px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#C8A96A;

color:#111;

font-size:20px;

cursor:pointer;

display:none;

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

z-index:999;

}

#backToTop:hover{

transform:translateY(-4px);

}

/* =====================================================
   GLOBAL BUTTON LINK FIX
===================================================== */

/* =====================================================
   PURER OFFICIAL - REMOVE UNDERLINES FROM BUTTONS
===================================================== */

/* Hero buttons */
a.btn-gold,
a.btn-outline,

/* Any booking link */
a[href*="book-event.php"],

/* Common package/button classes */
a.book-now-btn,
a.book-btn,
a.package-btn,
a.btn-book,
a.btn-book-now {

    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;

}


/* Also remove underline from anything INSIDE these buttons */

a.btn-gold *,
a.btn-outline *,
a[href*="book-event.php"] *,
a.book-now-btn *,
a.book-btn *,
a.package-btn *,
a.btn-book *,
a.btn-book-now * {

    text-decoration: none !important;
    text-decoration-line: none !important;

}


/* Keep the buttons looking like buttons */

a.btn-gold:hover,
a.btn-gold:focus,
a.btn-gold:active,

a.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:active,

a[href*="book-event.php"]:hover,
a[href*="book-event.php"]:focus,
a[href*="book-event.php"]:active {

    text-decoration: none !important;
}