@import 'https://fonts.googleapis.com/css2?family=Rufina:wght@400;700&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap';

:root {
    --base-color: #fb7d61;
    --very-light-gray: #EEE8E6;
    --dark-gray: #36332e;
    --medium-gray: #858181;
    --light-medium-gray: #f8f3f0;
    --alt-font: 'Rufina', serif;
    --primary-font: 'Jost', sans-serif
}


.lux-banner{
  width:100%;
  height:100svh;
  min-height:100vh;
  position:relative;
  background:#000;
  overflow:hidden;
}

.lux-slider,.lux-slide{
  width:100%;
  height:100%;
}

.lux-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.05);
  transition:1.2s ease;
}

.lux-slide.active{
  opacity:1;
  transform:scale(1);
  z-index:2;
}

.lux-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.lux-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(0,0,0,.6),rgba(212,175,55,.3));
}

.lux-content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  color:#fff;
  z-index:3;
}

.lux-content span{
  color:#d4af37;
  letter-spacing:4px;
  font-size:14px;
}

.lux-content h1{
  font-size:64px;
  margin:14px 0;
  min-height:80px;
  background:linear-gradient(45deg,#d4af37,#fff6c1,#b8860b);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.lux-content p{
  font-size:18px;
  opacity:.9;
  margin-bottom:28px;
}


.vip-header{
  position:fixed;
  top:0; left:0;
  width:100%;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(10px);
  z-index:999;
  transition:.4s;
  border-bottom:1px solid rgba(212,175,55,.15);
}

.vip-header.scrolled{
  background:rgba(0,0,0,.95);
  box-shadow:0 0 25px rgba(212,175,55,.35);
}

.vip-header-inner{
  max-width:1400px;
  margin:auto;
  padding:15px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.vip-logo img{
  height:80px;
}

.vip-nav{
  display:flex;
  gap:28px;
}

.vip-nav a{
  color:#d4af37;
  text-decoration:none;
  font-weight:500;
  position:relative;
  transition:.3s;
}

.vip-nav a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#ffd77c,transparent);
  transition:.4s;
}

.vip-nav a:hover::after{
  width:100%;
}

.vip-nav a:hover{
  text-shadow:0 0 10px rgba(212,175,55,.7);
}

.vip-right{
  display:flex;
  align-items:center;
  gap:18px;
}

.vip-social a{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.4s;
}

.vip-social svg{
  width:16px;
  height:16px;
  fill:#d4af37;
}

.vip-social a:hover{
  background:rgba(212,175,55,.15);
  box-shadow:0 0 12px rgba(212,175,55,.7);
}

.vip-hamburger{
  display:none;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
}

.vip-hamburger span{
  width:26px;
  height:2px;
  background:linear-gradient(90deg,#d4af37,#fff1b8,#d4af37);
  transition:.4s;
}

/* MOBILE */
@media(max-width:991px){
  .vip-nav{display:none;}
  .vip-hamburger{display:flex;}
}

.vip-social{
  display:flex;
  align-items:center;
  gap:10px;
}

.vip-social a{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s;
}

.vip-social svg{
  width:16px;
  height:16px;
  fill:#d4af37;
}

.vip-social i{
  font-size:16px;
  color:#d4af37;
  text-shadow:0 0 6px rgba(212,175,55,.5);
  transition:.3s;
}

.vip-social a:hover i{
  transform:scale(1.15);
  color:#fff3c4;
}

/* Mobile Close Button */
.vip-close{
  position:absolute;
  top:22px;
  right:22px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#d4af37;
  cursor:pointer;
  transition:background .35s, box-shadow .35s, color .35s;
  will-change:background, box-shadow;
}

.vip-close:hover{
  background:rgba(212,175,55,.12);
  box-shadow:0 0 14px rgba(212,175,55,.8);
  color:#fff3c4;
}


.vip-gallery-title-wrap{
  text-align:center;
  margin-bottom:60px;
  margin-top:200px;
}

.vip-gallery-title-white{
  font-size:60px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#8b6b1f,#c9a13a,#e6c56e,#c9a13a,#8b6b1f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
  display:inline-block;
  animation:vipGoldShine 6s linear infinite;
}

.vip-gallery-title-white span{
  font-weight:300;
  margin-right:8px;
}

.vip-gallery-line-white{
  width:120px;
  height:3px;
  margin:16px auto 0;
  background:linear-gradient(90deg,transparent,#c9a13a,transparent);
  animation:vipLineGlow 3s ease-in-out infinite;
}

@keyframes vipGoldShine{
  0%{filter:drop-shadow(0 0 2px rgba(201,161,58,.15));}
  50%{filter:drop-shadow(0 0 8px rgba(201,161,58,.45));}
  100%{filter:drop-shadow(0 0 2px rgba(201,161,58,.15));}
}

@keyframes vipLineGlow{
  0%,100%{opacity:.4;}
  50%{opacity:1;}
}

/* Mobile */
@media(max-width:768px){
  .vip-gallery-title-white{
    font-size:42px;
    letter-spacing:2px;
  }
}


.vip-page-banner{
  position:relative;
  height:420px;
  background:url('../images/home/bg-page.webp') center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bgold-banner-modern{
  position:relative;
  height:420px;
  background:url("../images/home/bg-page.webp") center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* overlay black gold */
.bgold-banner-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, rgb(184 178 178 / 38%), rgb(245 218 164 / 45%), #bfb8a7);
}

/* content */
.bgold-banner-inner{
  position:relative;
  text-align:center;
  z-index:2;
  margin-top:200px;
}

.bgold-banner-box{
  padding:40px 60px;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(4px);
}

/* title */
.bgold-banner-title{
  font-size:70px;
  font-weight:700;
  letter-spacing:4px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#b8892f,#ffd77c,#fff2b8,#ffd77c,#b8892f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* gold line */
.bgold-banner-line{
  width:120px;
  height:3px;
  margin:14px auto;
  background:linear-gradient(90deg,transparent,#d4af37,transparent);
}

/* breadcrumb */
.bgold-banner-breadcrumb{
  font-size:15px;
  letter-spacing:1.5px;
  color:#e5c76b;
}

.bgold-banner-breadcrumb a{
  color:#e5c76b;
  text-decoration:none;
}

.bgold-banner-breadcrumb span{
  margin:0 6px;
}

/* mobile */
@media(max-width:768px){
  .bgold-banner-modern{height:280px;}
  .bgold-banner-box{padding:25px 25px;}
  .bgold-banner-title{font-size:42px;}
}


.vip-page-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.85));
  z-index:1;
}

.vip-page-content{
  position:relative;
  z-index:2;
  text-align:center;
}

.vip-page-title{
  font-size:72px;
  font-weight:800;
  letter-spacing:5px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#b8892f,#ffd77c,#fff1b8,#ffd77c,#b8892f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:vipGoldGlow 6s linear infinite;
}

.vip-breadcrumb{
  margin-top:12px;
  font-size:16px;
  letter-spacing:2px;
  color:#d4af37;
}

.vip-breadcrumb a{
  color:#d4af37;
  text-decoration:none;
  transition:.3s;
}

.vip-breadcrumb a:hover{
  text-shadow:0 0 10px rgba(212,175,55,.6);
}

.vip-breadcrumb span{
  margin:0 6px;
}

.vip-breadcrumb .current{
  color:#fff1b8;
}

/* Particle */
.vip-banner-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

/* Mobile */
@media(max-width:768px){
  .vip-page-banner{height:300px;}
  .vip-page-title{font-size:42px; letter-spacing:3px;}
}


.vip-mobile-menu{
  position:fixed;
  top:0;
  right:-100%;
  width:280px;
  height:100vh;
  background:#000;
  padding:100px 30px;
  display:flex;
  flex-direction:column;
  gap:22px;
  transition:.45s cubic-bezier(.77,0,.18,1);
  z-index:998;
}

.vip-mobile-menu.active{
  right:0;
}

.vip-mobile-menu a{
  color:#d4af37;
  text-decoration:none;
  font-size:18px;
}

/* PARTICLE */
.vip-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
}




.lux-btn{
  padding:14px 36px;
  border-radius:40px;
 background: linear-gradient(90deg,
          #fff6db 0%,
          #f5e3ab 22%,
          #fff1cf 45%,
          #fff1cf 60%,
          #eacb79 78%,
          #d4af37 100%
        );
  color:#000;
  font-weight:600;
  text-decoration:none;
  transition:.4s;
}

.lux-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 0 20px rgba(212,175,55,.7);
}

/* dots */
.lux-dots{
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:10;
}

.lux-dots span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#666;
  cursor:pointer;
}

.lux-dots span.active{
  background:#d4af37;
  box-shadow:0 0 10px rgba(212,175,55,.8);
}

/* mobile */
@media(max-width:768px){
  .lux-content h1{font-size:28px;}
}

/* canvas */
#goldParticles{
  position:absolute;
  inset:0;
  z-index:1;
}

.typing:after{
  content:"|";
  animation:blink 1s infinite;
}
@keyframes blink{
  50%{opacity:0;}
}

/**/

.luxpro-wrap{
  position:relative;
  background:
    radial-gradient(circle at top,#111,#000 65%);
  padding:130px 40px;
  overflow:hidden;
}

.luxpro-glow{
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,#d4af3770,transparent 70%);
  top:-200px;
  left:50%;
  transform:translateX(-50%);
  filter:blur(80px);
  animation:luxGlow 12s linear infinite;
}

@keyframes luxGlow{
  0%{transform:translate(-50%,0) scale(1);}
  50%{transform:translate(-50%,40px) scale(1.15);}
  100%{transform:translate(-50%,0) scale(1);}
}

/* GOLD PARTICLES */
.luxpro-particles{
  position:absolute;
  inset:0;
  background:
    url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='2' fill='%23d4af37'/%3E%3C/svg%3E");
  opacity:.04;
  animation:luxParticle 80s linear infinite;
}

@keyframes luxParticle{
  from{background-position:0 0;}
  to{background-position:1200px 900px;}
}

.luxpro-grid{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr;
  gap:60px;
  align-items:center;
}

.luxpro-img{
  perspective:800px;
}

.luxpro-img img{
  width:100%;
  border-radius:20px;
  box-shadow:0 30px 80px rgba(212,175,55,.45);
  transition:1s cubic-bezier(.2,.6,.2,1);
}

.luxpro-img:hover img{
  transform:rotateY(6deg) rotateX(4deg) scale(1.05);
}

/* TEXT */
.luxpro-content h2{
  font-size:48px;
  margin-bottom:45px;
  background:linear-gradient(90deg,#fff,#d4af37,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.luxpro-item{
  border-bottom:1px solid rgba(212,175,55,.35);
}

.luxpro-title{
  width:100%;
  background:none;
  border:0;
  padding:18px 0;
  display:flex;
  justify-content:space-between;
  color:#d4af37;
  letter-spacing:3px;
  cursor:pointer;
}

.luxpro-title span{
  width:26px;
  height:26px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,#d4af37);
  position:relative;
}

.luxpro-title span:before,
.luxpro-title span:after{
  content:"";
  position:absolute;
  background:#000;
}

.luxpro-title span:before{
  width:14px;height:2px;
  top:12px;left:6px;
}
.luxpro-title span:after{
  width:2px;height:14px;
  top:6px;left:12px;
}

.luxpro-item.active span:after{
  display:none;
}

.luxpro-desc{
  max-height:0;
  overflow:hidden;
  transition:.6s ease;
}

.luxpro-item.active .luxpro-desc{
  max-height:200px;
}

.luxpro-desc p{
  padding:15px 0 20px;
  color:#ddd;
  line-height:1.8;
}

/* BUTTON GLOW */
.luxpro-btn{
  display:inline-block;
  margin-top:50px;
  padding:15px 45px;
  border-radius:60px;
  background:linear-gradient(135deg,#fff,#d4af37);
  color:#000;
  text-decoration:none;
  font-weight:600;
  position:relative;
  overflow:hidden;
}

.luxpro-btn:before{
  content:"";
  position:absolute;
  inset:-120%;
  background:linear-gradient(45deg,transparent,rgba(255,255,255,.7),transparent);
  transform:rotate(45deg);
  animation:luxBtnGlow 5s infinite;
}

@keyframes luxBtnGlow{
  0%{left:-120%;}
  50%{left:120%;}
  100%{left:120%;}
}

/* MOBILE */
@media(max-width:991px){
  .luxpro-grid{
    grid-template-columns:1fr;
    text-align:center;
  }
  .luxpro-img{
    max-width:420px;
    margin:auto;
  }
}



.lux-contact-vip{
  background:#000;
  padding:120px 0;
  overflow:hidden;
}

.lux-contact-inner{
  max-width:1300px;
  margin:auto;
  padding:0 20px;
}

/* HEADER */
.lux-contact-header{
  text-align:center;
  margin-bottom:80px;
}

.lux-contact-header h2{
  font-size:54px;
  font-weight:600;
  background:linear-gradient(90deg,#fff,#d4af37,#fff);
  -webkit-background-clip:text;
  color:transparent;
}

.lux-contact-header p{
  color:#bbb;
  margin-top:14px;
}

/* GRID */
.lux-contact-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:70px;
  align-items:center;
}

/* IMAGE BOX */
.lux-contact-imgbox{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 0 60px rgba(212,175,55,.18);
}

.lux-contact-imgbox img{
  width:100%;
  display:block;
}

/* OVERLAY */
.lux-img-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(0,0,0,.55), rgba(212,175,55,.25));
  z-index:2;
}

/* TEXT MARQUEE */
.lux-text-marquee{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  align-items:center;
  pointer-events:none;
  overflow:hidden;
}

.lux-text-marquee span{
  font-size:42px;
  font-weight:600;
  letter-spacing:4px;
  white-space:nowrap;
  background:linear-gradient(90deg,#fff,#d4af37,#fff);
  -webkit-background-clip:text;
  color:transparent;
  animation:luxRun 18s linear infinite;
  padding-right:80px;
}

@keyframes luxRun{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

/* FORM BOX */
.lux-contact-formbox{
  border-radius:22px;
  padding:60px;
  background:linear-gradient(180deg,#050505,#000);
  border:1px solid rgba(212,175,55,.25);
  box-shadow:0 0 40px rgba(212,175,55,.15);
}

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

  .lux-text-marquee span{
    font-size:26px;
  }

  .lux-contact-formbox{
    padding:35px 25px;
  }
}

.cream-why-section{
  background: linear-gradient(180deg,#f9f6f1,#f1ece6);
  padding:100px 20px;
  font-family: 'Urbanist', sans-serif;
}

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

.cream-header{
  text-align:center;
  max-width:720px;
  margin:0 auto 60px;
}

.cream-sub{
  display:inline-block;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#b89d55;
  margin-bottom:12px;
}

.cream-title{
  font-size:42px;
  background: linear-gradient(120deg,#cfa24a,#f7e7a2,#cfa24a);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:15px;
}

.cream-desc{
  color:#555;
  font-size:16px;
  line-height:1.7;
}

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

.cream-card{
  background:#fff;
  padding:35px 25px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 15px 40px rgba(0,0,0,0.06);
  transition:0.45s ease;
  border:1px solid rgba(200,170,90,.25);
}

.cream-card:hover{
  transform:translateY(-10px) scale(1.03);
  box-shadow:0 20px 60px rgba(200,160,70,.35);
}

.cream-icon{
  font-size:38px;
  margin-bottom:15px;
  color:#caa24f;
}

.cream-card h3{
  font-size:18px;
  margin-bottom:10px;
  color:#111;
}

.cream-card p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* Mobile */
@media(max-width:991px){
  .cream-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:575px){
  .cream-title{
    font-size:30px;
  }
  .cream-grid{
    grid-template-columns:1fr;
  }
}

.lux-why-cream{
  padding:120px 5%;
  background:
    radial-gradient(circle at 20% 20%,#fff6df,transparent 45%),
    radial-gradient(circle at 80% 80%,#f4e1b8,transparent 50%),
    linear-gradient(135deg,#fffaf2,#f6e6bf,#fffaf2);
  position:relative;
  overflow:hidden;
}

/* CONTAINER */
.lux-why-container{
  max-width:1300px;
  margin:auto;
  text-align:center;
}

/* HEADER */
.lux-sub{
  display:block;
  font-size:13px;
  letter-spacing:3px;
  color:#caa24d;
  margin-bottom:10px;
}

.lux-title{
  font-size:44px;
  letter-spacing:2px;
  margin-bottom:25px;
  background:linear-gradient(90deg,#b8892f,#f4dc97,#b8892f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.lux-desc{
  max-width:720px;
  margin:0 auto 70px;
  font-size:16px;
  line-height:1.8;
  color:#333;
}

/* GRID */
.lux-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.promo-lux{
  background: linear-gradient(180deg,#fff6dc,#fff1c6);
  padding:110px 15px;
  overflow:hidden;
}

.promo-wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
}

.promo-sub{
  font-size:12px;
  letter-spacing:3px;
  color:#c9a24d;
  font-weight:600;
}

.promo-content h2{
  font-size:42px;
  font-weight:500;
  margin:15px 0 25px;
  background:linear-gradient(90deg,#cfa85a,#f7e1a3);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.promo-content p{
  font-size:16px;
  line-height:1.9;
  color:#555;
  max-width:520px;
}

.promo-actions{
  margin-top:30px;
  display:flex;
  gap:18px;
}

.promo-btn{
  padding:13px 34px;
  border-radius:40px;
  font-size:14px;
  letter-spacing:1px;
  text-decoration:none;
  transition:.4s;
}

.promo-btn.primary{
  background:linear-gradient(90deg,
          #fff6db 0%,
          #f5e3ab 22%,
          #fff1cf 45%,
          #fff1cf 60%,
          #eacb79 78%,
          #d4af37 100%
        );
  color:#000;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.promo-btn.outline{
  border:1px solid #d7b46a;
  color:#b08a3c;
}

.promo-btn:hover{
  transform:translateY(-3px) scale(1.05);
}

.promo-images{
  position:relative;
}

.promo-card{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(0,0,0,.18);
  transition:.6s cubic-bezier(.4,0,.2,1);
}

.promo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.text-dark{color:#e6cc7b!important;}
.promo-card.main{
  transform:rotate(-2deg);
}



.gold-different {
  padding: 120px 8%;
  background: radial-gradient(circle at top, #3a2b14, #000 70%);
  overflow: hidden;
}

.gold-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

/* IMAGE */
.gold-image {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(212,175,55,0.25);
}

.gold-image img {
  width: 100%;
  display: block;
  transition: 1.2s;
}

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

/* GOLD LIGHT EFFECT */
.gold-glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(212,175,55,.35), transparent);
  animation: goldshine 4s infinite linear;
}

@keyframes goldshine {
  0% {transform: translateX(-120%);}
  100% {transform: translateX(120%);}
}

/* TEXT */
.gold-sub {
  font-size: 13px;
  letter-spacing: 3px;
  color: #d4af37;
  font-weight: 600;
}

.gold-title {
  font-size: 42px;
  margin: 15px 0 25px;
  color: #f5d77b;
}

.gold-content p {
  color: #d6c9a5;
  line-height: 1.9;
  margin-bottom: 15px;
}

/* BOX */
.gold-box-wrap {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin-top: 35px;
}

.gold-box {
  background: linear-gradient(145deg,#1a1205,#000);
  border: 1px solid rgba(212,175,55,.35);
  border-radius: 16px;
  padding: 25px 15px;
  text-align: center;
  transition: .45s;
  position: relative;
  overflow: hidden;
}

.gold-box::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, transparent, rgba(212,175,55,.25), transparent);
  opacity:0;
  transition:.5s;
}

.gold-box:hover::after {
  opacity:1;
}

.gold-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 45px rgba(212,175,55,.25);
}

.gold-box span {
  font-size: 28px;
  font-weight: 700;
  color: #d4af37;
  display:block;
  margin-bottom: 6px;
}

.gold-box h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

.gold-box p {
  font-size: 13px;
  color: #c9b57a;
}

/* MOBILE */
@media(max-width: 900px){
  .gold-container{
    grid-template-columns: 1fr;
  }

  .gold-title{
    font-size: 30px;
  }

  .gold-box-wrap{
    grid-template-columns: 1fr;
  }
}


.promo-card.sub{
  position:absolute;
  width:65%;
  right:-15%;
  bottom:-15%;
  transform:rotate(6deg);
}

.promo-images:hover .promo-card.main{
  transform:rotate(0deg) scale(1.03);
}

.promo-images:hover .promo-card.sub{
  transform:rotate(0deg) scale(1.05);
}
.promo-images:hover .promo-card.main{
  transform:rotate(0deg) scale(1.03);
}

.promo-images:hover .promo-card.sub{
  transform:rotate(0deg) scale(1.05);
}

/* Mobile */
@media(max-width:992px){
  .promo-wrap{
    grid-template-columns:1fr;
    text-align:center;
  }

  .promo-content p{
    margin:auto;
  }

  .promo-actions{
    justify-content:center;
  }

  .promo-card.sub{
    display:none;
  }
}



/* BOX */
.lux-why-box{
  background:#fff7db;
  backdrop-filter:blur(10px);
  border-radius:20px;
  padding:45px 30px;
  box-shadow:0 25px 60px rgba(0,0,0,.12);
  position:relative;
  transition:.5s ease;
  border:1px solid rgba(200,160,80,.25);
}

/* GOLD BORDER */
.lux-why-box:before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:20px;
  background:linear-gradient(120deg,#caa24d,#f7e7a2,#b8892f);
  opacity:.55;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
}

.lux-why-box:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 35px 80px rgba(0,0,0,.18);
}

/* ICON */
.lux-icon{
  width:70px;
  height:70px;
  margin:0 auto 20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  background:linear-gradient(135deg,#f7e7a2,#caa24d);
  color:#000;
  box-shadow:0 8px 25px rgba(200,160,80,.45);
}

/* TEXT */
.lux-why-box h4{
  font-size:18px;
  margin-bottom:10px;
  letter-spacing:1px;
}

.lux-why-box p{
  font-size:14px;
  line-height:1.6;
  color:#555;
}

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

@media(max-width:600px){
  .lux-title{font-size:32px;}
  .lux-why-grid{grid-template-columns:1fr;}
}

/**/






.nav-bottom
{
    display: none;    
}
body, html {
    overflow-x: hidden
}

body {
    font-size: 18px;
    line-height: 30px
}
.background-about {
    background: #2d2d2d;
    padding-bottom: 0px;
}
.navbar .navbar-nav .nav-link {
    font-size: 14px;
    padding: 10px 8px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: uppercase;
}

header .navbar-brand img {
    max-height: 70px;
}

.header-icon .header-social-icon a {
    padding-left: 25px
}

.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after {
    height: 1px;
    background-color: #fff;
}

.magic-drag-cursor #ball-cursor:before {
    content: "DRAG";
    font-size: 14px;
    font-weight: 500;
    font-family: var(--primary-font) !important
}

.slider-navigation-style-01.swiper-button-next {
    right: 30px
}

.slider-navigation-style-01.swiper-button-prev {
    left: 30px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px
}

h3 {
    line-height: 1.2;
}

h4 {
    line-height: 2.375rem
}

.btn {
    font-family: var(--primary-font);
    letter-spacing: 1.5px;
    font-weight: 600
}

    .btn.btn-double-border.btn-border-base-color {
        color: #fff;
        background: #b57f35;
    }

        .btn.btn-double-border.btn-border-base-color:after {
            border-color: #fff;
            transition: .3s ease
        }

.bg-gradient-nero-grey-brown {
    /*background-image: linear-gradient(to right,#de97a1,#de97a1)*/
}

.bg-base-color-transparent {
    background-color: rgba(244,134,110,.9)
}

.bg-base-color-transparent-light {
    background-color: rgba(244,134,110,.2)
}

.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(7%,#36332e),to(transparent));
    background: linear-gradient(to top,#36332e 7%,transparent 100%)
}

.border-color-light-gray {
    border-color: #fff!important;
}

.swiper-button-prev.slider-custom-text-prev, .swiper-button-next.slider-custom-text-next {
    border-color: #ccc;
}

.hover-box.dark-hover:hover .text-light-opacity {
    opacity: .5
}

.services-box-style-02:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.logo-bottom{
    width: 320px;
}
.large-icon li {
    margin: 0 3px
}

.social-icon-style-04 ul li a span {
    background: #fff;
}

.team-style-05 .social-icon a {
    margin: 0 10px
}

.page-title-extra-large h1 {
    font-size: 4.375rem;
    line-height: 4.375rem
}

.tab-style-04 .nav-tabs .nav-item .nav-link, .tab-style-04 .nav-tabs .nav-item .nav-link.active, .tab-style-04 .nav-tabs .nav-item .nav-link.show, .tab-style-04 .nav-tabs .nav-item .nav-link:hover {
    color: #b57f35;
}

.tab-style-04 .nav-tabs .nav-item {
    padding: 0 16px
}

    .tab-style-04 .nav-tabs .nav-item:first-child {
        padding-left: 0
    }
.bg-gold
{
      background: linear-gradient(90deg,
          #fff6db 0%,
          #f5e3ab 22%,
          #fff1cf 45%,
          #fff1cf 60%,
          #eacb79 78%,
          #d4af37 100%
        );
    width: 200px;
    padding: 20px 0px;
    border-radius: 60px;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
    box-shadow: 1px 1px 3px #777;
}
.tab-style-08 ul .nav-item {
    border-color: #dcd7d4
}

    .tab-style-08 ul .nav-item .nav-link, .tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link:hover {
        color: var(--dark-gray)
    }

.arrow_box.marker02:after {
    width: 65px;
    height: 80px;
    background: url(../../images/demo-spa-salon-contact-map-icon.png) left center no-repeat;
    left: -22px;
    top: -60px
}

footer .elements-social .medium-icon li a {
    width: 50px;
    height: 50px
}

footer.half-footer {
    padding: 20px 0
}
.default-logo2 {
    display: none;
}
@media(max-width:1700px) {
    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }
}
@media(max-width:1500px) {
    .navbar .navbar-nav .nav-link {
        padding: 0px 5px;
    }
    .header-mb {
        display: none !important;
    }

    .menu-mb {
        width: 100%;
    }

    .default-logo2 {
        display: block;
        width: 200px;
        margin-top: 10px;
    }
}
@media(max-width:1399px) {
    .center-logo .navbar-nav, header.sticky .center-logo .navbar-nav .nav-link {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:1199px) {
    .navbar.center-logo .navbar-nav .nav-link, header.sticky .center-logo .navbar-nav .nav-link {
        padding: 50px 2px
    }
    .default-logo2 {
        display: block;
        width: 300px;
    }
    .lg-me-2px {
        margin-right: 2px !important
    }
    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }
}
@media (max-width:1024px) {
    .navbar .navbar-nav .nav-link {
        font-size: 14px;
    }
}
@media(max-width:1020px) {
    .navbar-full-screen-menu-inner.bg-transparent, .navbar-modern-inner.bg-transparent, .navbar.bg-transparent {
        background-color: #fff!important;
    }
    .navbar.center-logo .navbar-nav .nav-link, header.sticky .center-logo .navbar-nav .nav-link {
        color: #000;
    }
}

@media(max-width:991px) {
    .navbar.center-logo .navbar-nav .nav-link, header.sticky .center-logo .navbar-nav .nav-link {
        padding: 50px 10px;
    }

    .menu-mb {
        width: 50px;
    }

    .default-logo2 {
        display: none;
    }

    .default-logo {
        display: block;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 16px;
    }

    .header-mb {
        display: block !important;
    }

    .navbar-full-screen-menu-inner.bg-transparent, .navbar-modern-inner.bg-transparent, .navbar.bg-transparent {
        background-color: #2d2d2d!important;
    }
    header .navbar-brand, header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand {
        padding: 5px 0
    }

    .tab-style-08 ul .nav-item .nav-link {
        padding: 15px 10px
    }

    footer.half-footer {
        padding: 20px 0px 70px 0px;
    }
    .groupfbye {
        display: none;
    }
    
    header .navbar-brand img {
        margin-top: 0px;
    }
    

    .groupfbye {
        display: none;
    }

    #book_online {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        right: -62px;
        top: 55%;
    }
}
@media(max-width:768px) 
{
    .nav-bottom
    {
        position: fixed;
        bottom: 15px;
        left: 0;
        width: 100%;
        z-index: 999;
        display: block;
    }
    .lux-contact-header h2{font-size: 31px;}
    .luxpro-content h2{font-size: 37px;}
    .nav-bottom ul
    {
        overflow: hidden;
        width: 60%;
        max-width: 600px;
        margin: 0px auto;
        padding: 10px 5px;
        display: flex;
        background-image: linear-gradient(135deg,#fff,#d4af37);
        border-radius: 50px;
    }
    .nav-bottom ul li
    {
        text-align: center;
        list-style-type:none;
        width: 30%;
    }
    .nav-bottom ul li a
    {
        color: #000;
        font-size:11pt;
    }
    .nav-bottom ul li a span
    {
        display: block;
    }
    #direction_m a
    {
        color:#000;
        cursor: pointer;
    }
    .icon-button i
    {
        background: #000;
        width: 40px;
        height: 40px;
        border-radius: 50px;    
        color: #fff;
        padding-top: 12px;
    }
}
@media(max-width:767px) {
    footer.half-footer {
        padding: 50px 0
    }

    footer .large-icon li {
        margin: 0
    }

    #map {
        height: 400px !important
    }

    .tab-style-04 .nav-tabs .nav-item, .tab-style-04 .nav-tabs .nav-item:first-child {
        padding: 0 16px
    }

    .slider-navigation-style-01.swiper-button-next {
        right: 15px
    }

    .slider-navigation-style-01.swiper-button-prev {
        left: 15px
    }
}
@media(max-width:600px) {
    .Counters {
        max-width: 250px;
        margin: 0px auto;
    }
    .contact-title {
        font-size: 20pt;
    }
    header .navbar-brand img {
        max-height: 80px;
    }
    .party-img img{
        width: 100px;
    }
    .nav-bottom ul {
        width: 80%;
    }
    .icon-button i {
        width: 30px;
        height: 30px;
        padding-top: 10px;
        font-size: 9pt;
    }
    .nav-bottom ul li a {
        font-size: 10pt;
    }
    .bg-gold {
        padding: 14px 0px;
    }
    .page-title-parallax-background{
        padding: 0px;
    }
    .page-title {
        margin: 30px 0px !important;
    }
    .page-title2 {
        margin: 0px 0px !important;
    }
    .page-title-extra-large h1 {
        font-size: 3.375rem;
    }
}
@media(max-width: 415px) {
    .fs-text {
        letter-spacing: 2px!important;
    }
     .btn-link.text-dark-gray, a.text-dark-gray-hover:hover
    {
        font-size: 11pt;
    }
    .title_sv
    {
        font-size:22pt;
    }
    header .navbar-brand img {
        margin-left: 10px;
    }
    .header-icon .icon
    {
        margin-right: 20px;
    }
}
@media(max-width: 400px) {
    .fs-text {
        letter-spacing: 0px!important;
    }
        /*.section-sv1-group ul li, .row-name, .row-group-sv li sub {
        font-size: 9pt;
        font-weight: 600;
    }*/
    .btn-link.text-dark-gray, .text-dark-gray, a.text-dark-gray-hover:hover
    {
    }
    .title_sv
    {
        font-size:20pt;
    }
}
@media(max-width: 320px) {
  
        .section-sv1-group ul li, .row-name, .row-group-sv li sub {
        font-size: 11pt;
        font-weight: 600;
    }
    .price-sv
     {
        font-size: 11pt;
    }
    .btn-link.text-dark-gray, .text-dark-gray, a.text-dark-gray-hover:hover
    {
    }
    .title_sv
    {
        font-size:15pt;
    }
}