/*
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.4.1756817455
Updated: 2025-09-02 12:50:55

*/


.card-box {
	transition: transform 0.3s ease;
}
.card-box:hover > .elementor-element-populated {
	background-color: #000 !important;
}
.card-box:hover .elementor-icon,
.card-box:hover .number span,
.card-box:hover .elementor-icon svg{
	color: #fff !important;
}
.card-box:hover .elementor-icon svg {
	fill: #fff !important;
}
.card-box:hover .elementor-icon {
	transform: scaleX(-1);
}
.metform-form-main-wrapper .mf_select__control .mf_select__value-container {
	height: 22px;
	flex-wrap: unset;
}
.page-id-25 .ekit-template-content-header,
.page-id-25 .ekit-template-content-footer{
	display: none;
}
.color-card h5,
.color-card ul{
	color: #fff;
}
.card-program ul {
	list-style: inside;
}

/* Contact Form 7 Custom Styling */
.cf7-custom-form {
  margin: 0 auto;
  padding: 20px;
}

.cf7-custom-form p {
  margin-bottom: 20px;
}

.cf7-custom-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}

.cf7-custom-form .required {
  color: #e74c3c;
}

.cf7-custom-form input[type="text"],
.cf7-custom-form input[type="email"],
.cf7-custom-form input[type="tel"],
.cf7-custom-form input[type="number"],
.cf7-custom-form input[type="url"],
.cf7-custom-form select,
.cf7-custom-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.cf7-custom-form input:focus-visible,
.cf7-custom-form select:focus-visible,
.cf7-custom-form textarea:focus-visible {
  outline: unset;
}

.cf7-custom-form textarea {
  height: 100px;
  resize: vertical;
}

.cf7-custom-form .submit-button {
  background: #3498db;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  transition: background 0.3s ease;
}

.cf7-custom-form .wpcf7-response-output {
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
}

.cf7-custom-form .wpcf7-not-valid-tip {
  color: #e74c3c;
  font-size: 14px;
  margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .cf7-custom-form {
    padding: 10px;
  }
  
  .cf7-custom-form input,
  .cf7-custom-form select,
  .cf7-custom-form textarea {
    font-size: 18px; /* Better mobile input */
  }
}