h1,h2,h3,h4,h5,h6{
    font-family: "Cardo", serif;
  font-weight: 400;
  font-style: normal;
}
body{
    font-family: "Montserrat", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px !important;
}
/* Hero Section */
.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Video */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35); /* adjust opacity */
  z-index: 1;
}

/* Text */
.text-wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

.text-wrapper h1 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 20px;
}

.text-wrapper .btn {
  border-radius: 0;
  padding: 10px 25px;
  font-size: 0.9rem;
}
hr{
  color:#887257;
  opacity:1;
}
 
    .jewelry-image {
      width: 100%;
      object-fit: cover;
     
    }

    .jewelry-text h2 {
     
      font-weight: 500;
      font-size: 2rem;
      margin-bottom: 20px;
    }

    .jewelry-text p {
      color: #333;
   
      line-height: 1.7;
    }
  
 
    .category-title {
     
      font-weight: 500;
      margin-bottom: 10px;
    }

    .category-subtitle {
      color: #555;
      margin-bottom: 40px;

    }

    .category-card {
      border: 1px solid #eee;
    
      padding: 0;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background-color: #fff;
      height: 100%;
    }



  .category-card img {
  max-width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;
  transition: transform 0.3s ease; /* Smooth transition for zoom */
}

.category-card:hover img {
  transform: scale(1.05); /* Zoom the image smoothly */
}
    .category-label a {
font-size: 1.2rem;
    font-weight: 400;
    color: #000;
    border-top: 1px solid #eee;
    padding: 13px 10px;
    display: block;
    text-decoration: none;
    width: 100%;
    }
      .category-card:hover .category-label {
      text-decoration: underline;
    }

      /* Container for video and overlay */
    .video-section {
      position: relative;
      width: 100%;
      height: 100vh; /* Full viewport height */
      overflow: hidden;
    }

    /* Background video styling */
    .video-section video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translate(-50%, -50%);
      z-index: 0;
      object-fit: cover;
      filter: brightness(0.5); /* Darken video for better text contrast */
    }

    /* Overlay text container */
    .video-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      text-align: center;
      z-index: 1;
      max-width: 700px;
      padding: 0 15px;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 1.4;
    }
      .features-section {
      padding: 60px 0;
      background-color: #fff;
    }

    .feature-box {
      text-align: center;
      padding: 20px;
    }

    .feature-icon {
      font-size: 24px;
      margin-bottom: 15px;
      color: #555;
    }

    .feature-title {
      font-size: 20px;
      font-weight: 500;
      font-family: serif;
    }

    .feature-text {
      font-size: 14px;
      color: #555;
   
      margin: 10px auto;
    }
    /* Initial state */
.animate-text, .emerald-img {
    opacity: 0; /* Start as invisible */
    transform: translateY(50px); /* Move them down initially */
    transition: all 0.8s ease-in-out; /* Smooth transition */
}

/* Animation on Scroll */
section {
    opacity: 1;
}

section.is-visible .animate-text, section.is-visible .emerald-img {
    opacity: 1; /* Make visible */
    transform: translateY(0); /* Bring them to original position */
}

/* Image animation */
.emerald-img {
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Trigger visibility when the section is in view */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll trigger (For detecting when the section comes into view) */
section {
    animation: fadeIn 1s ease-out;
}
 .contact-form-container {
            margin:  auto;
            max-width: 600px;
        }

      

        .form-group label {
            font-weight: 500;
        }

        .form-control {
    border-radius: 0px;
    border-bottom: 1px solid #ccc !important;
    padding: 10px;
    border: 0;
}

      

        .form-check-label {
            font-weight: 400;
        }

        .btn-send {
            width: 100%;
           
            color: white;
            border: none;
            padding: 12px;
            border-radius: 5px;
            font-size: 1.1rem;
        }

       
        .form-text {
            font-size: 0.9rem;
            color: #555;
        }
      
.marquee-container {
 overflow: hidden;
      white-space: nowrap;
      box-sizing: border-box;
     color: #fff;
      height: 50px;
      display: flex;
      align-items: center;

}

.marquee-content {
  display: flex;
  white-space: nowrap; /* Prevent wrapping */
  animation: marquee-animation 20s linear infinite; /* Adjust the duration for speed */
}

.marquee-item, .pipe {
  padding-right:3rem; /* Space between the items */
  font-size: 35px;
}

.pipe {
  color: white;
}

@keyframes marquee-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-30%); /* Move by the full width of the content */
  }
}
    button:focus,.form-control:focus,.form-control:focus-visible{
        outline:0 !important;
      box-shadow: none !important;
    
    }