:root{
    --ink:#1c1512;
    --ink-soft:#2b211c;
    --cream:#f6f1e7;
    --cream-2:#efe7d8;
    --gold:#c9a15b;
    --gold-deep:#a9823f;
    --white:#ffffff;
  }
  *{box-sizing:border-box;}
  body{
    font-family:'Montserrat', sans-serif;
    color:var(--ink-soft);
    background:var(--white);
  }
  h1,h2,h3,.display-serif{
    font-family:'Cormorant Garamond', serif;
  }
  .script{
    font-family:'Dancing Script', cursive;
    color:var(--gold);
  }
  .eyebrow{
    letter-spacing:.2em;
    font-size:.75rem;
    font-weight:600;
    color: #C8A15A;
    text-transform:uppercase;
  }
  .btn-gold{
    background: #2F2A26;
    border: 1px solid #2F2A26;
    color:#fff;
    letter-spacing:.12em;
    font-size:.75rem;
    font-weight:600;
    padding:.85rem 1.9rem;
    border-radius:2px;
    text-transform:uppercase;
    transition:.25s;
      text-decoration: none;
  }
h1, h2, h3, .display-serif{
    color: #2F2A26;
}

  .btn-gold:hover{
      background: #4D443E;
    border-color: #4D443E;
    color: #ffffff;
}
  .btn-outline-light-custom{
    background:transparent;
    border:1px solid rgba(255,255,255,.6);
    color:var(--white);
    letter-spacing:.12em;
    font-size:.75rem;
    font-weight:600;
    padding:.85rem 1.9rem;
    border-radius:2px;
    text-transform:uppercase;
    transition:.25s;
      text-decoration: none;
  }
  .btn-outline-light-custom:hover{background:var(--white);color:var(--ink);}
  .divider-gold{
    width:52px;height:2px;background:var(--gold);
  }

  /* ---------- Navbar ---------- */
  .navbar-aaradhye{
    position:absolute;
    top:0;left:0;right:0;
    z-index:50;
    padding:1.1rem 0;
  }
  .navbar-aaradhye .nav-link{
    color:var(--white);
    font-size:.75rem;
    letter-spacing:.15em;
    font-weight:500;
    text-transform:uppercase;
    margin:0 .9rem;
  }

  .btn-whatsapp{
    background:var(--ink);
    border:1px solid rgba(255,255,255,.25);
    color:var(--white);
    font-size:.7rem;
    letter-spacing:.1em;
    padding:.6rem 1.2rem;
    border-radius:30px;
      text-decoration: none;
  }
  .btn-whatsapp:hover{background:var(--gold);color:var(--ink);}

  /* ---------- Hero ---------- */

  .hero-candle-art{
    position:absolute;
    right:4%;
    bottom:0;
    width:min(38vw, 480px);
  }
  .candle-visual{
    position:relative;
    height:420px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
  }

  .hero h1{
    font-size:clamp(3rem, 7vw, 5.2rem);
    font-weight:600;
    letter-spacing:.02em;
    margin-bottom:.2rem;
    color: #fff;
  }
  .hero .script{font-size:clamp(1.6rem,3vw,2.3rem);}

  /* ---------- About ---------- */
  .about-section{background:#fff;}


  /* ---------- Collection Cards ---------- */

  .collection-icon-circle{
   width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -23px auto .8rem;
    font-size: 1.3rem;
    color: #ffffff;
    position: relative;
  }
  .collection-card h5{
    font-family:'Montserrat',sans-serif;
    letter-spacing:.12em;
    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
      text-align: center;
  }
  .collection-card p{
    font-size: .78rem;
      margin-bottom: 0;
    text-align: center;
  }

  /* ---------- Why Choose / Industries strips ---------- */
  .strip-dark{background:var(--ink);color:var(--white);}
  .strip-light{background:var(--cream-2);}
  .feature-icon{
    width:64px;height:64px;
    border-radius:50%;
    border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;
    color:var(--gold);
    margin:0 auto 1rem;
  }
  .strip-light .feature-icon{color:var(--gold-deep);border-color:var(--gold-deep);}
  .feature-label{
    font-size:.8rem;
    letter-spacing:.05em;
    font-weight:500;
  }

  /* ---------- Occasion banner ---------- */
  .occasion-banner{
    position:relative;
    background-image: url('../images/Crafted_for_Every_Occasion_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color:var(--white);
    padding:5rem 0;
  }

  /* ---------- Gallery ---------- */


  /* ---------- Footer ---------- */
  footer{background:var(--ink);color:#d8cdbd;}
  footer a{color:#d8cdbd;text-decoration:none;font-size:.9rem;}
  footer a:hover{color:var(--gold);}
  footer h6{
    color:var(--gold-deep);
    letter-spacing:.1em;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:1rem;
  }
  .social-circle{
    width:36px;height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;
    color:var(--white);
    margin-right:.5rem;
  }
  .social-circle:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
  .back-to-top{
    position:fixed;
    right:24px;bottom:24px;
    width:44px;height:44px;
    border-radius:50%;
    background:var(--gold);
    color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    z-index:80;
  }
.header_banner_bg{
    height: 700px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}
.brand-logo img{
    width: 163px;
}
.hero_top{
    position: relative;
}
.hero_top #home {
    position: absolute;
    bottom: 80px;
    width: 100%;
}
.hero_banner_text p{
    color: #fff;
}
.about-photo-frame img{
    border-radius: 5px;
}
.collection-card img{
    width: 100%;
    border-radius: 5px;
}
.form_sec .left_form_box {
    background-color: #F2D8D1;
    padding: 35px;
    border-radius: 15px;
}
.form_sec .left_form_box h3{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 600;
}
.left_form_box .text_head p{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    color: #3A2418C2;
    text-align: center;
}
.form_sec .left_form_box label{
    font-size: 14px;
    font-weight: 500;
    color: #2b1d14;
}
.form_sec .left_form_box .form-control{
    background-color: #FFFDFCA3;
    border-color: #FFFFFF;
    border-radius: 8px;
    color: #4b3426;
    min-height: 43px;
    padding: 6px 16px;
    font-size: 14px;
}
.form_sec .left_form_box .form-group {
    margin-bottom: 20px;
}
.form_sec{
    background-color: #fcf4ef;
    padding-top: 50px;
    padding-bottom: 60px;
}
.our_simple_process_item h5{
    font-size: 18px;
    font-weight: 600;
    color: #4b3426;
    margin-bottom: 5px;
    text-align: center;
}
.our_simple_process_item p{
    font-size: 16px;
    color: #4b3426;
    text-align: center;
}
.our_simple_process_item .proces_icon{
   display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    width: 64px;
    height: 64px;
    background-color: #f2d8d1;
    border-radius: 50px;
    text-align: center;
    line-height: 64px;
}
.our_simple_process_item .proces_icon img{
    width: 37px;
}
.wedding_celebration_item .wedding_celebration_img{
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 1.2s ease 0s;
    transform: scale(1);
}
.wedding_celebration_item{
    position: relative;
    overflow: hidden;
} 
.wedding_celebration_item .head_cele_he {
    position: absolute;
    left: 20px;
    top: 88%;
    transform: rotate(-90deg);
    transform-origin: left top;
    white-space: nowrap;
    z-index: 2;
    transition: all 0.3s ease;
}
.wedding_celebration_btn{
    position: absolute;
    bottom: 18px;
    right: 20px;
}
.wedding_celebration_btn .btn-gold{
    color: #fff !important;
    transition: all 0.35s ease;
    color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 20px 10px 20px;
}
.wedding_celebration_item:hover .wedding_celebration_img{
    transform: scale(1.1) rotate(0);
}
.padding_left{padding-left: 0;}
.padding_right{padding-right: 0;}
.wedding_celebration_Sec {
    padding-top: 43px;
}
footer p{
    font-size: 15px;
}
footer ul li{
    font-size: 15px;
}
.about-section .display-serif{
    font-size:2.6rem;
}
#products h2{
    font-size:2.4rem;
}
.why_choose_sec h2{
    font-size:2.2rem;
}
.Industries_we_serve_sec h2{
    font-size:2.2rem;
}
.make_it_uniquely_your h2{
    font-size:2.2rem;
}
.our_simple_process_right h2{
    font-size:2.2rem;
}
.wedding_celebration_Sec h2{
    font-size:2.2rem;
}

@media screen and (max-width: 480px) {
    .hero h1{font-size: 35px;}
    .hero_banner_text p{font-size: 12px;}
    .hero .script {font-size: 20px;}
    .hero_top .py-5{padding-top: 0rem !important;  padding-bottom: 0rem !important;}
    .hero_top #home{bottom: 30px;}
    .header_banner_bg{height: 426px;}
    .navbar-toggler{display:none;}
    .about-section .display-serif {font-size: 26px;}
    .fs-4 {font-size: 17px;}
    #products h2 {font-size: 26px;}
    .collection-card h5{letter-spacing: normal;  font-size: 12px;}
    .why_choose_sec h2{font-size:26px;}
    .Industries_we_serve_sec h2{font-size:26px;}
    .why_choose_sec .feature-label br{display:none;}
    .make_it_uniquely_your h2{font-size:26px;}
    .form_sec .left_form_box h3{font-size:26px;}
    .our_simple_process_right h2{font-size:26px;}
    .wedding_celebration_Sec h2{font-size:26px;}
    .our_simple_process_right{margin-top:40px;}
    .our_simple_process_item p{font-size: 13px;}
    .our_simple_process_item h5{font-size: 15px;}
    .our_simple_process_item .proces_icon img {width: 23px;}
    .wedding_celebration_item .wedding_celebration_img{height: 250px;}
    .wedding_celebration_item .head_cele_he{left: 8px; top: 59%;}
    .wedding_celebration_item .head_cele_he h3{font-size: 15px;}
    .wedding_celebration_Sec .padding_right {padding-right: 10px;}
    .wedding_celebration_Sec .padding_left {padding-left: 10px;}
    .wedding_celebration_btn .btn-gold{padding: 10px; font-size: 10px;}
    footer p {font-size: 13px;}
    footer ul li {font-size: 12px;}
    .make_it_uniquely_your .btn-gold{display: block; width: fit-content;  margin-bottom: 30px;}
}
