@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
  
  margin: 0;
  padding: 0;
  background-color: #fdfdfc;
  color: #111;
  line-height: 1.6;
  
}
html{
  overflow-x: hidden;
}
.mons{
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.raleway{
  font-family: "Raleway", sans-serif;

}
.tcolor{
  color:#a68b4a;


  


}
.cal{
  font-family: "Cal Sans", sans-serif !important;

}
.poppins{
   font-family: "Poppins", sans-serif;
}
.cor{
    font-family: "Cormorant Garamond", serif;
}
.bod{
    font-family: "Bodoni Moda", serif;
}

.hero-bg {
    position:relative;
  background-image: 

    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
    url('../public/images/d3.webp')  !important;
  width: 100%;
  
  height: 900px;
  background-position: center center ;
  background-repeat: no-repeat;
  background-size: cover;
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap' );

.faq-section-container {

  /* padding: 40px 20px; */
  font-family: 'Inter', sans-serif;
}
.faq-card {
  max-width: 960px; margin: 0 auto; background-color: #ffffff;
  border-radius: 8px; padding: 32px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.faq-title {
  font-size: 24px; font-weight: 700; color: #212121; margin-top: 0;
  margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #eeeeee;
}
.faq-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px;
}
.accordion-item {
  border-bottom: 1px solid #eeeeee;
}
.accordion-button {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%; background: none; border: none; cursor: pointer;
  padding: 16px 0; font-size: 16px; font-weight: 500; color: #333;
}
.accordion-button span {
  transition: color 0.2s ease; text-align: left;
}
.accordion-button:hover span {
  color: #FF9800;
}
.accordion-icon {
  width: 24px; height: 24px; fill: #FF9800; flex-shrink: 0;
  margin-left: 16px; transition: transform 0.3s ease;
}
.accordion-button[aria-expanded='true'] .accordion-icon {
  transform: rotate(90deg);
}
.accordion-content {
  max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;
  color: #555; font-size: 15px; line-height: 1.6;
}
.accordion-content p {
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .faq-grid { grid-template-columns: 1fr; gap: 0; }
  .accordion-item:last-child { border-bottom: none; }
}



.VIpgJd-ZVi9od-xl07Ob-lTBxed>img {
  display: none !important;
}


.t-box{
  background-image: url('../public/images/d7.webp') !important;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
}





 @keyframes gradient-x {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    .animate-gradient-x {
      background-size: 200% 200%;
      animation: gradient-x 10s ease infinite;
    }

    #dyedSliderImage,
    #dyedSliderText {
      transition: opacity 0.7s ease-in-out;
    }