/*
Theme Name: Astra Child
Theme URI:  https://wpastra.com/
Description: Child theme for Astra — all custom CSS is handled here.
Author:      Your Name
Template:    astra
Version:     1.0.0
*/

/* ==============================
   Custom CSS Starts Below
   ============================== */

/* Contact form container */
.wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  color: #000;
}
/* Inputs and textareas styling */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff;
}

/* Labels */
.wpcf7-form label {
  margin: 5px 3px;
  font-size: 13px;
  font-weight: 500;
}

/* Checkbox */
.wpcf7-form .wpcf7-checkbox,
.wpcf7-form .wpcf7-acceptance {
  margin-top: 10px;
  font-size: 13px;
}

/* Submit button */
.wpcf7-form input[type="submit"] {
  background: #3C3465;
  color: #fff;
  padding: 14px 22px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 16px;
  font-weight: 600;
  transition: 0.3s;
}

.wpcf7-form input[type="submit"]:hover {
    background: #F47E00;
}

@media (max-width: 768px) {
  .trustindex-widget .ti-review-list {
    display: flex;
    flex-direction: column !important;
  }
  .trustindex-widget .ti-review {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
/* Make Trustindex Google Reviews responsive */
.trustindex-widget,
.trustindex-widget iframe {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

.trustindex-widget {
  display: block;
  box-sizing: border-box;
  padding: 10px;
}
.elementor-2264 .elementor-element.elementor-element-29726eea img
 {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: green;
}

@media (max-width: 767px) {
.elementor-2264 .elementor-element.elementor-element-29726eea img {
        height: 80px;
    }
}

.elementor-2261 .elementor-element.elementor-element-c489602 > .elementor-widget-container:hover {
    background-color: #F47E00 !important;
    color: #fff;
}

.elementor-2261 .elementor-element.elementor-element-c489602 .elementor-icon-box-description:hover {
    color: #fff;
}
.elementor-2261 .elementor-element.elementor-element-3ae8f9b > .elementor-widget-container:hover {
	 background-color: #F47E00 !important;
}

.elementor-2261 .elementor-element.elementor-element-3ae8f9b .elementor-icon-box-description:hover{
	 color: #fff;
}