/*
Theme Name: Child
Template: hello-elementor
Author: Child Theme Configurator
Version: 1.0.1773869385
Updated: 2026-03-18 21:29:45

*/
p{margin:0}
span.red_text {
    color: #f00 !important;
}
.blur_container{backdrop-filter: blur(27px);}
div#header {
	 border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(27px) !important;
}
.live_signal_feed_container img {border-radius: 99px;background: linear-gradient(0deg, #4B0000 0%, #4B0000 100%), url(<path-to-image>) lightgray -519.392px -195.825px / 262.638% 186.935% no-repeat;background-blend-mode: hue, normal;
mix-blend-mode: lighten;}
.progress_bar{position:relative}
.progress_bar .elementor-progress-percentage{position:absolute;top:-40px;right:0;color:#f00;font-size:22px;font-weight:400;line-height:33px}
.progress_bar .elementor-progress-wrapper{margin-top:13px !important}
.live_signal_feed_container {position:relative}
.live_signal_feed_container .blur_container:has(.live-signal_box) {position:absolute;top:30%;left:0;right:0}
.hero_slider span.swiper-pagination-bullet {width:14px;border-radius:4px}
#header a.elementor-item.elementor-item-active {border-radius: 14px;
border-top: 1px solid rgba(255, 0, 0, 0.5); border-right: 1px solid rgba(255, 0, 0, 0.3);border-left: 1px solid rgba(255, 0, 0, 0.3);border-bottom: 1px solid rgba(255, 0, 0, 0.2);background: linear-gradient(180deg, rgba(255, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%);backdrop-filter: blur(27px);}

.background_sec {
    z-index: 9 !important;
}
.map_image{z-index:99 !important}
.background_sec:after {
    content: " ";
    background-image: url('https://staging.devcustomprojects.com/dealer-signals/wp-content/uploads/2026/03/Rectangle-1000001794.png');
    width: 100%;
    height: 290px;
    left: 0;
    top: -100px;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    background-position: center;
}
.custom_backdrop_filter {
    backdrop-filter: blur(27px);
}
body .custom_border, .points_wrapper {
  position: relative;
  border-radius: 10px; /* optional */
}
.system_status svg{border-radius:50%}
.system_status .elementor-icon-box-content{max-width:80%;margin:auto}
body .custom_border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255, 0, 0, 0.2) 0%,
    rgba(255, 255, 255, 0.08) 100%
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

body .points_wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;       
  height: 80%;  
  background: linear-gradient(
    180deg,
    rgba(255, 0, 0, 0.5) 0%,
    rgba(255, 255, 255, 0.08) 100%
  );
}
.five_points:hover .radio_icon  svg.e-font-icon-svg.e-far-circle {fill:red !important;background:red;border-radius:50%}
#contact_form .dealer-form__submit{width:fit-content !important;border-radius: 10px;
border: 1px solid #F00 !important;
background: linear-gradient(90deg, rgba(119, 11, 19, 0.75) 0%, rgba(221, 20, 35, 0.75) 100%) !important;padding:12px 24px !important}
#contact_form .dealer-form__row {display: flex;gap: 20px;margin-bottom: 18px;}
#contact_form .dealer-form__field {flex: 1; display: flex;flex-direction: column;margin-bottom:20px}
#contact_form .dealer-form__field--full {flex: 100%;}
#contact_form .dealer-form label {color: #fff;font-size: 14px;margin-bottom: 6px;width:100%}
#contact_form .dealer-form input, #contact_form .dealer-form select, #contact_form .dealer-form textarea {margin-top:17px;width: 100%;padding: 12px 14px;  border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.20);
background: linear-gradient(176deg, rgba(255, 255, 255, 0.00) 2.66%, rgba(255, 255, 255, 0.06) 80.33%);
backdrop-filter: blur(37px);color: #fff;outline: none;transition: all 0.3s ease;}
#contact_form .elementor-widget-shortcode{width:100%}
input.dealer-form__submit[value="Schedule My AI Assessment"] {width: 100% !important;}
#contact_form.schedule_form .dealer-form {padding:20px;border-radius: 14px;
border: 1px solid rgba(255, 0, 0, 0.20);
background: linear-gradient(180deg, rgba(255, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%);
backdrop-filter: blur(27px);}
#contact_form .dealer-form input::placeholder {color: rgba(255,255,255,0.7);}
#contact_form .dealer-form__submit {width: 100%; padding: 14px; background: linear-gradient(135deg, #ff1a1a, #990000); border: none; border-radius: 8px; color: #fff; font-size: 16px; cursor: pointer; transition: 0.3s ease;}
body .gray_gradient_border {
  position: relative;
  border-radius: 10px; /* optional */
  border: 2px solid transparent; /* border thickness */
}
.cards_border_bottom {
  position: relative;
}
#contact_form .dealer-form label br{display:none}
.cards_border_bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px; /* border thickness */
  background: linear-gradient(180deg, #000 0%, #000 100%);
}
body .gray_gradient_border::before {
  content: "";
  position: absolute;
  inset: 0; /* top, right, bottom, left = 0 */
  border-radius: inherit;
  padding: 2px; /* border thickness */
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#contact_form  h3{margin:20px 0px;font-size:30px;font-weight:700;line-height:42px;text-transform:uppercase}
#contact_form .form_container {padding:20px;border-radius: 14px;
border: 1px solid rgba(255,255,255,0.3);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%);
backdrop-filter: blur(27px);
}


#contact_form .dealer-form__checkbox-group .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
}
#contact_form .dealer-form__checkbox-group .wpcf7-list-item {margin: 0 !important;}
#contact_form .dealer-form__checkbox-group .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(176deg, rgba(255, 255, 255, 0.00) 2.66%, rgba(255, 255, 255, 0.06) 80.33%);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
  transition: border-color 0.2s, background-color 0.2s;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}
#contact_form .dealer-form__checkbox-group .wpcf7-list-item input[type="checkbox"] { display: none;}
#contact_form .dealer-form__checkbox-group .wpcf7-list-item .wpcf7-list-item-label::before {
  content: '';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #EC898C;
  border-radius: 2px;
  background-color: transparent;
  margin-right: 8px;
  vertical-align: middle;
  transition: background-color 0.2s, border-color 0.2s;
}

#contact_form .dealer-form__checkbox-group .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label::before {content:'✓';
background-color: #EC898C;
  border-color: #EC898C;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
#contact_form .dealer-form__checkbox-group .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label {color: #fff;}


#contact_form .dealer-form__checkbox-group .wpcf7-list-item:has(input:checked) label {border-color: #EC898C;}
.testi_card_gradient{background: linear-gradient(90deg, rgba(0, 0, 0, 0.89) 2.74%, rgba(10, 10, 10, 0.00) 99.7%)}
.word_break span{word-break:break-word}

.custom_section .global_container{width:fit-content;text-align: center;}
.contact_info .elementor-icon-box-title a {
    word-break: break-all;
}
.contact_info .blur_container:before {
    content: "";
    background-image:url("https://dealersignalco.com/wp-content/uploads/2026/03/material-symbols_arrow-outward.svg");
    background-repeat:no-repeat;
    background-position: top right;
    filter:invert(0.7);
    background-size: 20% 40%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.wpcf7-not-valid-tip{margin-top:10px;}
.wpcf7 form.invalid .wpcf7-response-output {border-color: #FF000080;}
#contact_form .dealer-form select option{color:black}
.testimonials_text_limit {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.testimonials_text_limit.expanded {
        -webkit-line-clamp: unset;
        overflow: visible;
    }
.testimonial .testi_card_gradient .read-more-btn a.elementor-button.elementor-button-link{background:transparent;}



/* Responsive starts here */
@media only screen and (max-width: 1024px) {
	body .common_btn a{padding:12px 18px 012px 018px !important}
	#contact_form h3 {font-size: 25px;margin: 10px 0;}
	#contact_form .dealer-form__row {margin-bottom: 10px;}
	#contact_form .dealer-form__field {margin-bottom: 10px;}
}

@media only screen and (max-width: 767px) {
	body .common_btn a{padding:10px 15px 010px 015px !important;}
	.footer_menu{text-align:center}
	.custom_footer .footer_menu .footer_mobile_menu a {justify-content: center ;}
	.background_sec:after{height:250px;}
}
@media only screen and (max-width: 600px) {
	body .common_btn a .elementor-button-text{font-size:12px !important}
	body .common_btn a{padding:8px 12px 8px 12px !important;}
	footer .custom_footer .footer_terms_condition {flex-wrap: wrap;}
	footer .custom_footer .footer_terms_condition .footer_copyright_text {text-align: center;}
	footer .custom_footer .footer_terms_condition .terms_cond_text {justify-content: center;}
	#contact_form .dealer-form__field {margin-bottom: 0;}
	#contact_form .dealer-form__row {flex-direction: column;gap: 10px;margin-bottom: 10px;}
	#contact_form .dealer-form input, #contact_form .dealer-form select, #contact_form .dealer-form textarea {margin-top: 10px;padding: 10px;font-size: 14px;}
	#contact_form h3{font-size:20px;line-height: 30px;}
    #contact_form .form_container{padding:15px 10px}
    #contact_form .dealer-form__row{margin:0}
    #contact_form .dealer-form__checkbox-group .wpcf7-checkbox {grid-template-columns: repeat(2, 1fr);}
    #contact_form .dealer-form__checkbox-group .wpcf7-list-item label {line-height: 1.6;}
}


