.elementor-17581 .elementor-element.elementor-element-6dac44b{--display:flex;}.elementor-17581 .elementor-element.elementor-element-098f609{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3e608d0 */.custom-carpet-section {
  
  padding: 60px 30px;
  font-family: 'Lora', serif;
  text-align: center;
}

/* Heading and description */
.custom-carpet-section .description h2 {
  font-family: 'Playfair Display', serif;
  font-size: 2.4rem;
  color: #6B1E1E;
  margin-bottom: 16px;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease-out forwards;
}
.underline{
      font-family: 'Playfair Display', serif;
  font-size: 2.6rem;
  color: #6B1E1E;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  position: relative;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.custom-carpet-section .description p {
  font-family: 'Lora', serif;
  font-size: 1.2rem;
  color: #A67C52;
  font-style: italic;
  letter-spacing: 0.4px;
  margin-top: 8px;
   animation: fadeInUp 1s ease-out forwards;
}

/* Benefits section */
.custom-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 48px;
  padding-top: 20px;
}

.custom-benefits .benefit {
  background-color: #FDF8F4;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(107, 30, 30, 0.08);
  transition: transform 0.3s ease;
}

.custom-benefits .benefit:hover {
  transform: translateY(-4px);
}

.custom-benefits h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  color: #6B1E1E;
  margin-bottom: 12px;
  border-bottom: 2px dashed #A67C52;
  display: inline-block;
  padding-bottom: 4px;
}

.custom-benefits p {
  font-size: 1.1rem;
  color: #4b2e1c;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* Image styling */
.custom-benefits img {
  width: 100%;
  max-width: 350px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(107, 30, 30, 0.1);
 opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease-out forwards;
  animation-delay: 0.2s;
}

.custom-benefits img:hover {
  transform: scale(1.03);
}
@media (max-width: 768px) {
  .custom-carpet-section {
    padding: 30px 16px;
    text-align: center;
  }

  .custom-carpet-section .description h2,
  .underline {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }

  .custom-carpet-section .description p {
    font-size: 1rem;
    padding: 0 8px;
    line-height: 1.6;
  }

  .custom-benefits {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-top: 16px;
  }

  .custom-benefits .benefit {
    padding: 16px;
    border-radius: 10px;
  }

  .custom-benefits h3 {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }

  .custom-benefits p {
    font-size: 1rem;
    margin-bottom: 16px;
  }

  .custom-benefits img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3e6f9a */.custom-heading {
  text-align: center;
  margin-bottom: 48px;
  padding-top: 30px;
  animation: fadeInUp 0.8s ease-out;
}

.custom-heading h2 {
  font-family: 'Playfair Display', serif;
  font-size: 2.6rem;
  color: #6B1E1E;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  position: relative;
}


.custom-heading .subtext {
  font-family: 'Lora', serif;
  font-size: 1.2rem;
  color: #A67C52;
  font-style: italic;
  letter-spacing: 0.4px;
  margin-top: 8px;
}

/* Soft entrance animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-721dd9f *//* Form container */
.wpcf7 form .row {
background-color: #FDF8F4;   /* Muted Almond */


 /* Soft cotton beige */
  padding: 48px 36px;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(107, 30, 30, 0.08);
  font-family: 'Cormorant Garamond', serif;
}


/* Labels */
.wpcf7 form label {
  display: block;
  font-size: 1.15rem;
  color: #4b2e1c;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Inputs, selects, textareas */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form select,
.wpcf7 form textarea {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #A67C52;
  border-radius: 10px;
  background-color: #fff;
  font-size: 1rem;
  color: #4b2e1c;
  font-family: 'Lora', serif;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(166, 124, 82, 0.1);
}

/* Focus styles */
.wpcf7 form input:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus {
  border-color: #046BD2;
  box-shadow: 0 0 0 2px rgba(4, 107, 210, 0.15);
  outline: none;
}

/* Submit button */
.wpcf7 form input[type="submit"] {
  background-color: #6B1E1E;
  color: #fff;
  padding: 14px 28px;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-family: 'Cormorant Garamond', serif;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.wpcf7 form input[type="submit"]:hover {
  background-color: #4b2e1c;
  transform: scale(1.02);
}

/* Responsive spacing */
.wpcf7 form .col-12 {
  margin-bottom: 28px;
}

/* Placeholder styling */
.wpcf7 form ::placeholder {
  color: #A67C52;
  font-style: italic;
  opacity: 0.8;
}
.required-star {
  color: #E63946;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 4px;
}
.required-star::after {
  content: " Required";
  font-size: 0.85em;
  color: #A67C52;
  margin-left: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

label:hover .required-star::after {
  opacity: 1;
}

@media (max-width: 768px) {
  .wpcf7 form .row {
    padding: 24px 16px;
    border-radius: 12px;
  }

  .wpcf7 form label {
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .wpcf7 form input[type="text"],
  .wpcf7 form input[type="email"],
  .wpcf7 form input[type="tel"],
  .wpcf7 form select,
  .wpcf7 form textarea {
    font-size: 0.95rem;
    padding: 12px 14px;
    border-radius: 8px;
  }

  .wpcf7 form input[type="submit"] {
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 8px;
  }

  .wpcf7 form .col-12 {
    margin-bottom: 20px;
  }

  .required-star {
    font-size: 1em;
  }

  /* Optional: Align two fields side-by-side */
  .wpcf7 .half-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  @media (min-width: 480px) {
    .wpcf7 .half-row {
      flex-direction: row;
    }

    .wpcf7 .half-row .col-6 {
      width: 50%;
    }
  }
}/* End custom CSS */