/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://yourwebsite.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

.elementor-widget-image a img[src$=".svg"] {
    width: auto !important;
}

/* Contact form Css */

/* Parent Wrapper */
#offtrack-contact-form {
  /* background-color: #ffdcd6; */
  padding: 30px 20px;
  border-radius: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

/* inner row */
#offtrack-contact-form .form-inner-row {
    width: 50%;
}
#offtrack-contact-form .form-inner-row p {
   margin: 0px !important;
}


/* Common Row */
#offtrack-contact-form .form-row {
  width: 100%;
  margin-bottom: 20px;
}

/* Row 1 – Two Columns */
#offtrack-contact-form .form-row-1 {
  display: flex;
  gap: 25px;
}

/* Inputs & Textarea */
#offtrack-contact-form input[type="text"],
#offtrack-contact-form input[type="email"],
#offtrack-contact-form select,
#offtrack-contact-form textarea {
  width: 100%;
  background-color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 16px;
  color: #555;
  outline: none;
}

/* Textarea Height */
#offtrack-contact-form textarea {
  min-height: 140px;
  resize: none;
}

/* Placeholder Color */
#offtrack-contact-form ::placeholder {
  color: #999;
}

/* Select Arrow Fix */
#offtrack-contact-form select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px;
}

/* Submit Button */
#offtrack-contact-form .form-row-submit {
  text-align: center;
}

#offtrack-contact-form input[type="submit"] {
  background-color: #ff914d;
  color: #ffffff;
  border: none;
  border-radius: 18px 0px 18px 0px;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

#offtrack-contact-form input[type="submit"]:hover {
  background-color: #ff7a2f;
}

/* hide contact us  */
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-412 {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
  #offtrack-contact-form .form-row-1 {
    flex-direction: column;
  }
  #offtrack-contact-form .form-inner-row {
    width: 100%;
  }

  /* show on the mobile view */
  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-412 {
    display: block;
  }

  .join_image_box .elementor-image-box-wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}

/*  Footer Subscribe Newsletter Form css */

/* Parent Wrapper */
#offtrack-email-form {
  /* background-color: #ff9655;
  padding: 40px 30px; */
  border-radius: 20px;
  max-width: 700px;
  margin: 0 auto;
}

/* Email Input */
#offtrack-email-form input[type="email"] {
  width: 100%;
  background-color: #ffffff;
  border: none;
  border-radius: 16px;
  padding: 18px 22px;
  font-size: 16px;
  color: #555;
  outline: none;
}

/* Placeholder */
#offtrack-email-form input::placeholder {
  color: #c5c5c5;
}

/* Submit Button Wrapper */
#offtrack-email-form .submit-field {
  margin-top: 25px;
}

/* Submit Button */
#offtrack-email-form input[type="submit"] {
  background-color: #6f95c8;
  color: #ffffff;
  border: none;
  border-radius: 18px 0px 18px 0px;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover */
#offtrack-email-form input[type="submit"]:hover {
  background-color: #5c82b4;
}

/* CF7 Validation Message Fix */
#offtrack-email-form .wpcf7-not-valid-tip,
#offtrack-email-form .wpcf7-response-output {
  color: #ffffff;
}


/* card hover css */
/* Smooth transition for all elements */
.why_choose_offtracks * {
  transition: all 0.3s ease;
}

/* Title color on hover */
.why_choose_offtracks:hover .elementor-icon-box-title,
.why_choose_offtracks:hover .elementor-icon-box-title span {
  color: #ffffff !important;
}

/* Description color on hover */
.why_choose_offtracks:hover .elementor-icon-box-description {
  color: #ffffff !important;
}

/* SVG icon color on hover */
.why_choose_offtracks .elementor-icon svg path {
  fill: #6C94CD !important;
}
.why_choose_offtracks:hover .elementor-icon svg path {
  fill: #ffffff !important;
}