/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1766387284
Updated: 2025-12-22 07:08:04

*/


.cf7-input-name-ux01 {
  width: 100%;
  padding: 14px;
  border: 1px solid #e5e5e5;
}

.cf7-input-email-ux01 {
  width: 100%;
  padding: 14px;
  border: 1px solid #e5e5e5;
}

.cf7-select-service-ux01 {
  width: 100%;
  padding: 14px;
  border: 1px solid #e5e5e5;
}

.cf7-textarea-message-ux01 {
  width: 100%;
  height: 150px;
  padding: 14px;
  border: 1px solid #e5e5e5;
  resize: none;
}

.cf7-submit-btn-ux01 {
  background-color: #7b0f18;
  color: #fff;
  padding: 14px 30px;
  border: none;
  cursor: pointer;
}

.cf7-submit-btn-ux01:hover {
  background-color: #5f0b12;
}

/* layout */
.cf7-row-ux01 {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.cf7-col-name-ux01,
.cf7-col-email-ux01 {
  flex: 1;
}



/* Wrapper */
.cf7-newsletter-wrap-nl01 {
  width: 100%;
}

/* Row */
.cf7-newsletter-row-nl01 {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Email column */
.cf7-newsletter-email-col-nl01 {
  flex: 1;
}

/* Email input */
.cf7-newsletter-email-nl01 {
  width: 100%;
  padding: 14px 16px;
  border: none;
  font-size: 14px;
}

/* Button column */
.cf7-newsletter-btn-col-nl01 {
  flex-shrink: 0;
}

/* Button */
.cf7-newsletter-btn-nl01 {
  background-color: #7b0f18;
  color: #ffffff;
  border: none;
  padding: 14px 28px;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}

.cf7-newsletter-btn-nl01:hover {
  background-color: #5f0b12;
}
.paly-button-ripple .elementor-icon {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #000;
  cursor: pointer;
  margin: 0 auto;
}


.paly-button-ripple .elementor-icon::before,
.paly-button-ripple .elementor-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: ripple 3s infinite;
}

.paly-button-ripple .elementor-icon::after {
  animation-delay: 1.5s;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}



/* -------------------- TABLET -------------------- */
@media (max-width: 1024px) {
  .cf7-newsletter-row-nl01 {
    gap: 12px;
  }

  .cf7-newsletter-email-nl01 {
    font-size: 13px;
    padding: 12px 14px;
  }

  .cf7-newsletter-btn-nl01 {
    padding: 12px 22px;
    font-size: 13px;
  }
}

/* -------------------- MOBILE -------------------- */
@media (max-width: 767px) {
  .cf7-newsletter-row-nl01 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .cf7-newsletter-btn-col-nl01 {
    width: 100%;
  }

  .cf7-newsletter-btn-nl01 {
    width: 100%;
    text-align: center;
    padding: 14px;
    font-size: 14px;
  }
}






@media (max-width: 768px) {
  .cf7-newsletter-row-nl01 {
    flex-direction: column;
  }

  .cf7-newsletter-btn-nl01 {
    width: 100%;
  }
}










/* mobile */
@media (max-width: 768px) {
  .cf7-row-ux01 {
    flex-direction: column;
  }
}