/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 8px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.container {
  max-width: 1308px !important;
  padding: 0 24px !important;
}
.nectar-button.large {
  font-size: 18px !important;
}
.nectar-button.large i {
  font-size: 20px !important;
  font-weight: 600 !important;
}
body .nectar-button.large.see-through,
body .nectar-button.large.see-through-2,
body .nectar-button.large.see-through-3 {
  border-width: 1px !important;
}
.btn-white .nectar-button.large i {
  background-color: rgba(255, 255, 255, 0.24) !important;
}
.btn-white .nectar-button.large:hover i {
  background-color: #e51937 !important;
}
.btn-white .nectar-button.large:hover i::before {
  color: #fff !important;
}
.schedule-a-repair.menu-item a {
  padding: 8px 8px 8px 24px !important;
}
* {
  -webkit-tap-highlight-color: transparent; /* Safari/Chrome on mobile */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Some Android versions */
}
html:has(a.closed[aria-expanded="true"]) {
  overflow: hidden;
}
body #header-outer[data-header-button_style="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover::before {
  opacity: 1 !important;
}
#top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a i {
  order: 2;
  color: #fff;
  margin-left: 10px;
  background-color: #e51937;
  box-shadow: rgba(229, 25, 55, 0.24) 0px 8px 15px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  margin-right: 0 !important;
  transition: all 0.3s ease-in-out;
}
#top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a:hover i {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.22) !important;
}
#top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a i:before {
  content: "\e909" !important;
  font-family: icomoon !important;
  line-height: 32px;
  transition: all 0.3s ease-in-out;
}
#top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a::before {
  padding: 12px 8px 11px 24px !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  width: fill-available !important;
  background: transparent !important;
  border: 1px solid #e51937 !important;
}
#top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a:hover::before {
  background: #e51937 !important;
}
.schedule-a-repair.menu-item img {
  order: 2;
  margin-left: 10px;
  margin-right: 0 !important;
}
.schedule-a-repair.menu-item .menu-title-text {
  font-size: 18px !important;
  text-transform: none !important;
}
#header-outer:not(.transparent) li.menu-item.sfHover.schedule-a-repair > a > .menu-title-text {
  color: #e51937 !important;
}
#header-outer:not(.transparent) li.menu-item.sfHover.schedule-a-repair.menu-item-over > a > .menu-title-text {
  color: #fff !important;
}
#footer-widgets .widget_media_image .image {
  max-width: 110px !important;
  margin-bottom: 30px !important;
}
#footer-widgets #custom_html-3 {
  margin-bottom: 16px !important;
}
#footer-widgets .social-icons {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
#footer-widgets .widget_custom_html:has(.social-icons) {
  margin-bottom: 16px;
}
#footer-widgets .social-icons a {
  transition: scale 0.3s ease-in-out;
}
#footer-widgets .social-icons a:hover {
  scale: 1.1;
}
.material #footer-outer .widget_nav_menu h4 {
  font-size: 20px !important;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important;
}
.material #footer-outer .widget_nav_menu .menu .menu-item {
  margin-bottom: 12px !important;
}
.material #footer-outer .widget_nav_menu .menu .menu-item a,
#custom_html-2 .textwidget,
#custom_html-4 p.mb-d-block {
  font-size: 16px !important;
  line-height: 24px !important;
}
#nav_menu-3,
#nav_menu-4 {
  padding-top: 54px;
}

/* .hero-section .row-bg {
  max-width: 63.889vw;
  left: initial;
  right: 0;
} */
.continue-slider .flickity-slider {
  align-items: center !important;
}
.continue-slider .iwithtext .iwt-text {
  margin-top: 3px;
  color: #fff !important;
  font-family: "Montserrat";
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px !important;
  padding-left: 35px !important;
}
.continue-slider .iwithtext .iwt-icon img {
  width: 24px !important;
}
.home-video-section .nectar-video-box {
  border-radius: 44px;
  overflow: hidden;
}
.service-column:hover > .vc_column-inner {
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
}
.service-column .nectar-fancy-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: initial !important;
  height: 100%;
}
.service-column .nectar-fancy-box .inner {
  min-height: 252px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.service-column .nectar-fancy-box .inner img {
  margin-bottom: auto !important;
}
.service-column .box-bg::before {
  background: transparent !important;
}
.service-column .heading-wrap h4 {
  color: #0d000c !important;
  font-size: 18px !important;
  line-height: 110% !important;
  letter-spacing: 0.2px !important;
  text-transform: capitalize !important;
  margin-bottom: 8px;
}
.service-column .heading-wrap p,
.service-column .hover-content {
  color: #0d000c !important;
  font-size: 16px !important;
  line-height: 150% !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.service-column .nectar-fancy-box.hovered .heading-wrap h4,
.service-column .nectar-fancy-box.hovered .heading-wrap p,
.service-column .nectar-fancy-box.hovered .hover-content {
  color: #fff !important;
}

.service-column .nectar-fancy-box.hovered img {
  filter: invert(1);
  -webkit-filter: invert(1);
}
.testimonial_slider blockquote .inner {
  background-color: #f2f2f2 !important;
}
.service-column .nectar-fancy-box.hovered {
  border: none !important;
  transform: none !important;
  box-shadow: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}
.nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"] .box-bg::after {
  background: linear-gradient(180deg, #e51937 0%, #600 100%) !important;
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
  height: 100%;
}
.more-reviews-right a {
  transition: all 0.3s ease-in-out;
}
.more-reviews-right a:hover,
.more-reviews-right a:focus,
.more-reviews-right a:active,
.more-reviews-right a:hover img,
.more-reviews-right a:focus img,
.more-reviews-right a:active img {
  filter: grayscale(1);
}
.more-reviews-right .nectar-responsive-text p strong {
  font-family: "Montserrat", sans-serif !important;
}
#footer-outer {
  background: rgba(64, 6, 63, 0.05) !important;
}
.top-quality-parts-section > .row-bg-wrap {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}
.top-quality-parts-section h4 {
  font-weight: 600 !important;
}
.testimonial_slider:not([data-style="minimal"]) blockquote span.testimonial-name {
  font-size: 16px !important;
  font-weight: 500 !important;
}
#footer-outer .widget {
  margin-bottom: 0 !important;
}
#footer-widgets .container .col {
  margin-bottom: 0 !important;
}
.material #footer-outer .widget_nav_menu .menu .menu-item:last-child {
  margin-bottom: 0 !important;
}
#footer-outer #footer-widgets .col .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 12px;
}
#footer-outer #footer-widgets .col .menu .menu-item {
  width: calc(33.33% - 7px);
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.mb-d-block {
  display: none !important;
}
body.material .nectar-button.has-icon.large {
  padding-right: 35px !important;
  padding-left: 40px !important;
}
body.material .nectar-button.has-icon i {
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
  right: 12px !important;
}
.fixers-right-column .hover-wrap-inner,
.fixers-right-column .hover-wrap {
  width: 100% !important;
}
.about-accordion div[data-style="minimal_small"] .toggle {
  margin-bottom: 44px !important;
}
body #header-outer:not(.transparent) .schedule-a-repair.current-menu-item:hover > a::before {
  background: #e51937 !important;
}
body #header-outer:not(.transparent) .schedule-a-repair.current-menu-item > a > .menu-title-text {
  color: #e51937 !important;
}
body #header-outer:not(.transparent) .schedule-a-repair.current-menu-item:hover > a > .menu-title-text {
  color: #ffffff !important;
}
.contact-p-form {
  margin-bottom: 0 !important;
}
.contact-p-form input:focus,
.contact-p-form textarea:focus {
  /* border: 1px solid #dadada !important; */
  outline: none !important;
}
.contact-p-form input,
.contact-p-form textarea,
.contact-p-form .select2-selection,
.contact-p-form select {
  min-height: 48px !important;
  border-radius: 8px !important;
}
.contact-p-form .select2-selection {
  position: relative;
  align-content: center;
}
.contact-p-form .fancy-select-wrap {
  padding-top: 0 !important;
}
.contact-p-form .gform_fields {
  gap: 24px !important;
}
.contact-p-form .gfield_label {
  margin-top: 0 !important;
  cursor: default;
}
.contact-p-form .gform-footer {
  margin-top: 40px !important;
}
.repair-academy-form.contact-p-form .gform-footer {
  justify-content: center;
}
.contact-form-inner-column .contact-p-form_wrapper,
.contact-form-inner-column .gform_anchor {
  margin-bottom: 0 !important;
}
.gform_confirmation_message {
  text-align: center;
}
body:has(.gform_confirmation_wrapper) .gf_progressbar_wrapper {
  display: none !important;
}
body[data-form-submit="see-through"] .container-wrap .contact-p-form input[type="submit"].gform_button {
  padding-right: 60px !important;
  font-size: 18px;
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/09/arrow-small-right-1.svg);
  background-repeat: no-repeat;
  background-position: 96%;
  background-size: 36px;
}
body[data-form-submit="see-through"] .container-wrap .contact-p-form input[type="submit"].gform_button:hover {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/08/arrow-small-right-1.svg) !important;
}

.schedule-repair-form * {
  font-family: "Montserrat", sans-serif !important;
}
.schedule-repair-form .gf_progressbar_title {
  color: #0d000c;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.2px;
}
.schedule-repair-form .gf_progressbar .percentbar_blue {
  block-size: 16px !important;
  background: linear-gradient(90deg, #7f0e1f 0%, #e51937 100%);
}
.repair-summary-title h2 {
  width: fit-content;
}
.schedule-repair-form fieldset .gfield_label,
.repair-summary-title h2 {
  margin: 0 auto 104px !important;
  color: #0d000c;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 110%;
  letter-spacing: 0.24px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}
.schedule-repair-form #gform_page_2_2 fieldset .gfield_label,
.repair-summary-title h2 {
  margin: 0 auto 44px !important;
}
.schedule-repair-form .gform-body {
  border-radius: 12px;
  box-shadow: 0 15px 65px 0 rgba(0, 0, 0, 0.15);
  padding: 40px;
}
.schedule-repair-form .gfield_radio {
  align-items: flex-start;
  gap: 24px !important;
  row-gap: 70px !important;
  justify-content: flex-start;
}
.schedule-repair-form .gfield_radio .gchoice {
  width: calc(25% - 18px) !important;
  max-width: 100%;
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: #f2f2f2 !important;
  box-shadow: none !important;
}
.schedule-repair-form .gfield_checkbox {
  align-items: flex-start;
  gap: 24px !important;
  justify-content: flex-start;
}
.schedule-repair-form .gfield_checkbox .gchoice {
  width: calc(33.33% - 18px) !important;
  max-width: 100%;
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: #f2f2f2 !important;
  box-shadow: none !important;
}

.schedule-repair-form .gfield_radio .gchoice:has(input:checked),
.schedule-repair-form .gfield_checkbox .gchoice:has(input:checked) {
  border: 1px solid #e51937 !important;
  background: rgba(229, 25, 55, 0.1) !important;
  outline: none !important;
}
.schedule-repair-form .gfield_radio .gchoice::after,
.schedule-repair-form .gfield_checkbox .gchoice::after {
  display: none !important;
}
.schedule-repair-form .gfield_radio .gchoice input,
.schedule-repair-form .gfield_checkbox .gchoice input {
  display: none !important;
}
.schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
  position: relative;
  padding: 26px 24px 26px 100px !important;
}
.schedule-repair-form #gform_page_2_1 .gfield-choice-image-wrapper {
  position: absolute !important;
  top: -30px;
  width: 81px;
  left: 0;
}
.schedule-repair-form #gform_page_2_1 .gfield-choice-image-wrapper img {
  object-fit: contain !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  font-size: 8px !important;
}
.schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label {
  margin: 0;
  color: #000;
  font-weight: 600 !important;
}
.schedule-repair-form .gform-page-footer {
  justify-content: center;
  margin-top: 44px !important;
  gap: 44px !important;
}
.schedule-repair-form .gform-page-footer .gform-theme-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 68px 13px 24px !important;
  width: auto !important;
  background: transparent !important;
  border: 2px solid #e51937 !important;
  color: #e51937 !important;

  background-repeat: no-repeat !important;

  background-size: 36px !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 120% !important;
  font-family: "Heebo", sans-serif !important;
  outline: none !important;
}
.schedule-repair-form .gform-page-footer .gform-theme-button:hover {
  background: #e51937 !important;
  color: #fff !important;
  background-repeat: no-repeat !important;
}
.schedule-repair-form .gform-page-footer .gform_next_button {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/09/arrow-small-right-1.svg) !important;
  background-position: 97% center !important;
}
.schedule-repair-form .gform-page-footer .gform_next_button:hover {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/08/arrow-small-right-1.svg) !important;
  background-position: 97% center !important;
  background-size: 36px !important;
}
.schedule-repair-form .gform-page-footer .gform_previous_button {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/09/arrow-small-left-pink.svg) !important;
  background-position: 4% center !important;
  padding: 13px 24px 13px 68px !important;
}
.schedule-repair-form .gform-page-footer .gform_previous_button:hover {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/09/arrow-small-left-transparent.svg) !important;
  background-position: 4% center !important;
  background-size: 36px !important;
}
.schedule-repair-form #gform_page_2_2 .gform-page-footer .gform_previous_button,
.schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_previous_button {
  filter: grayscale(1) !important;
  opacity: 0.5;
}
.schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer {
  display: flex;
  gap: 24px;
  align-items: center;
}
.schedule-repair-form #gform_page_2_2 .gfield-choice-image-wrapper {
  max-width: 46px;
  height: 46px;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 0 !important;
}
.schedule-repair-form #gform_page_2_2 .gfield-choice-image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin-bottom: 0 !important;
  font-size: 8px !important;
}
.schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label {
  margin: 0;
  color: #000;
  font-weight: 600 !important;
}
.schedule-repair-form #gform_page_2_2 .gfield--type-textarea {
  max-width: 760px;
  margin: 0 auto;
  width: 100%;
}
.schedule-repair-form #gform_page_2_2 .gfield--type-textarea textarea {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.schedule-repair-form #gform_page_2_2 .gfield--type-textarea label {
  justify-content: center;
  color: #e51937;
  font-weight: 700 !important;
  font-family: "Heebo" !important;
  width: fit-content;
  margin: 0 auto;
  padding-right: 20px;
}
.schedule-repair-form #gform_page_2_2 .gfield--type-textarea.active .ginput_container_textarea {
  margin-top: 44px !important;
}

/* Accordion-style textarea for model issues description */
.schedule-repair-form #gform_page_2_2 .gfield--type-textarea .ginput_container_textarea {
  display: none;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.schedule-repair-form #gform_page_2_2 .gfield--type-textarea .gfield_label {
  cursor: pointer;
  position: relative;
  user-select: none;
}

.schedule-repair-form #gform_page_2_2 .gfield--type-textarea .gfield_label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e51937;
  transition: transform 0.3s ease-in-out;
}

.schedule-repair-form #gform_page_2_2 .gfield--type-textarea.active .gfield_label::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  top: 40%;
}

.schedule-repair-form #gform_page_2_2 .gfield--type-textarea.active .ginput_container_textarea {
  display: block;
  animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 200px;
  }
}

.include-address .ginput_container {
  display: none;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.include-address .gfield_label {
  cursor: pointer;
  position: relative;
  user-select: none;
}

.include-address .gfield_label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid currentColor;
  transition: transform 0.3s ease-in-out;
}

.include-address.active .gfield_label::after {
  transform: translateY(-50%) rotate(180deg);
}

.include-address.active .ginput_container {
  display: block;
  animation: slideDownToggle 0.3s ease-in-out;
}

@keyframes slideDownToggle {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}
.schedule-repair-form #gform_page_2_3 .gform_fields {
  gap: 0 !important;
}
.schedule-repair-form #gform_page_2_3 fieldset .gfield_label {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  margin-left: 0 !important;
}

.summary_box {
  border-radius: 8px;
  background: #11141f;
  color: #fff !important;
  padding: 24px;
}
.summary_box h3,
.summary_box h2 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 110% !important;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  margin-bottom: 0 !important;
}
.summary_box p,
.summary_box .extra_service label {
  color: rgba(255, 255, 255, 0.7);

  font-family: "Heebo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 150%;
}
.summary_box hr {
  border-color: rgba(255, 255, 255, 0.1);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.summary_box .extra_service .gfield_checkbox .gchoice {
  width: 100% !important;
  background: none !important;
  border: none !important;
}
.summary_box .extra_service .gfield_checkbox .gchoice:has(input:checked) {
  background: transparent !important;
  border: none !important;
}
.summary_box .extra_service .gfield_checkbox .gchoice input {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border: none !important;
}
.summary_box .extra_service .gfield_checkbox .gchoice input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.summary_box .extra_service .gfield_checkbox .gchoice input::before {
  color: #e51937 !important;
  font-size: 18px !important;
}
.summary_box .extra-option {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.summary_box .extra-option .tempered_price {
  font-size: 18px !important;
}
.wrapper-container-start {
  display: flex;
  gap: 44px;
}
.right-side {
  flex-wrap: wrap;
  display: flex;
  gap: 24px;
}
.left-side-start {
  max-width: 440px;
  width: 100%;
  flex: 0 0 auto;
}
#gform_page_2_3 .right-side .gfield--width-half {
  width: calc(50% - 12px);
}
#gform_page_2_3 .right-side .gfield--type-textarea {
  width: 100%;
}
#gform_page_2_3 .gfield_course_option_wrapper,
#gform_page_2_3 .gfield--type-WrapperEnd {
  display: none !important;
}
#gform_page_2_3 .right-side label,
#gform_page_2_3 .right-side legend {
  margin-top: 0 !important;
  font-family: "Heebo", sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #0d000c !important;
  cursor: default;
}
.schedule-repair-form #gform_page_2_3 .right-side legend {
  margin-bottom: 12px !important;
}
#gform_page_2_3 .right-side input,
#gform_page_2_3 .right-side select,
#gform_page_2_3 .right-side textarea {
  height: 48px !important;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 400 !important;
  font-family: "Heebo", sans-serif !important;
  width: 100% !important;
  outline: none !important;
  font-size: 16px !important;
}

#gform_page_2_3 .right-side .ginput_container_time {
  height: 48px !important;
  font-weight: 400 !important;
  font-family: "Heebo", sans-serif !important;
  flex: 1;
}
.device-wrapper,
.issue-wrapper,
.price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.device-issues {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}
.device-wrapper .device {
  margin-bottom: 0 !important;
}
.extra-option {
  margin-bottom: 24px !important;
}
.extra-option label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.extra-option input {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}
.issue-item,
.extra-item {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  width: 100%;
}
.issue-item .issue-name,
.extra-option label {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Heebo" !important;
  font-size: 16px;
  font-weight: 400 !important;
}
.issue-item .issue-issue-price,
.extra-item .price,
.extra-option .tempered_price {
  color: rgba(255, 255, 255, 1);
  font-family: "Heebo" !important;
  font-size: 20px;
  font-weight: 700 !important;
  flex: 0 0 auto;
}
.extra-option .tempered_price {
  margin-left: auto;
  font-family: "Montserrat" !important;
}
.extra-option .extra_service::before {
  color: #e51937 !important;
}
.small_summary {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px !important;
}
.total_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  margin-top: 24px !important;
}
.total_wrapper .total_price {
  color: #e51937;
  font-family: "Montserrat" !important;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 110%; /* 22px */
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/09/arrow-small-right-1.svg) !important;
  background-position: 97% center !important;
  padding: 13px 24px 13px 68px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  column-gap: 10px;
  padding: 13px 68px 13px 24px !important;
  width: auto !important;
  background-color: transparent !important;
  border: 2px solid #e51937 !important;
  color: #e51937 !important;
  background-repeat: no-repeat !important;
  background-size: 36px !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 120% !important;
  font-family: "Heebo", sans-serif !important;
  outline: none !important;
}
.schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button:hover {
  background-image: url(https://techmate.evdpl.com/wp-content/uploads/2025/08/arrow-small-right-1.svg) !important;
  background-position: 97% center !important;
  background-size: 36px !important;
  background-color: #e51937 !important;
  color: #fff !important;
  border-color: #e51937 !important;
}
.schedule-repair-form .gform-body {
  position: relative;
}
/* .schedule-repair-form .gform-body .gform-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 1);
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;   
  display: none !important;
  }*/
.schedule-repair-form .gform-body .gform-loader {
    border-block-end-color: #e51937;
    border-inline-start-color: #e51937;
    margin-left: -25px;
}
.schedule-a-repair-page #footer-outer {
    display: none;
}
.ui-datepicker {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}
.ui-datepicker .ui-datepicker-header {
  padding: 15px 15px 0;
}
.ui-datepicker .ui-datepicker-calendar {
  padding: 15px;
}
.ui-datepicker .ui-datepicker-prev {
  width: 50%;
  display: inline-block;
  text-align: left;
  font-size: 16px;
}
.ui-datepicker .ui-datepicker-next {
  width: 50%;
  display: inline-block;
  text-align: right;
  font-size: 16px;
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 10px 0;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 16px;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  text-align: center;
  font-size: 16px;
}
.ui-datepicker .ui-datepicker-calendar th {
  height: 40px;
  width: 40px;
}
.ui-datepicker .ui-datepicker-calendar td a{
  height: 40px;
  width: 40px;
  display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 150px;
}
.ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-state-active {
  background: #e51937;
  color: #ffffff;
  border-color: #e51937;
}
.ui-datepicker .ui-datepicker-today a {
  border: 1px solid #959ea9;
  }
  .ui-datepicker .ui-datepicker-header .ui-corner-all {
    cursor: pointer;
  }
.not-required .gfield_required {
  display: none !important;
}
.schedule-repair-form .gfield_validation_message {
  text-align: center;
  margin-top: 30px !important;
  font-size: 16px !important;
  margin-bottom: -20px !important;
}
.schedule-repair-form #gform_page_2_3 .gfield_validation_message {
  text-align: left;
  margin-top: 10px !important;
  font-size: 12px !important;
  margin-bottom: 0px !important;
}
.nectar-video-box .play_button_mouse_follow.nectar_video_lightbox {
  width: 124px !important;
  height: 124px !important;
}
.nectar-video-box .play_button_mouse_follow svg {
  width: 44px !important;
  height: 44px !important;
}
.continue-slider .cell {
  width: auto !important;
  padding: 10px 50px !important;
}
body.schedule-a-repair-page .hide_menu {
  display: none !important;
}
body:not(.schedule-a-repair-page) .hide_all_menu {
  display: none !important;
}
.Meridiem,
.minutes {
  margin-top: 31px;
}
#field_2_12 {
  display: none !important;
}
.book-repair-page .gform_confirmation_message {
  text-align: center;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  border-radius: 12px;
  padding: 12px;
}

.schedule-repair-form .gform-page-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    border-top: 2px solid #e51937;
  }
   #ajax-content-wrap:has(.schedule-repair-form) > .container-wrap {
    z-index: 11;
  }

.hero-section h1,
.repair-academy-banner h1 {
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.3 !important;
    font-size: 42px !important;
  }
  .hero-section p {
    font-size: 22px !important;
    letter-spacing: 1.5px;
  }
@media only screen and (max-width: 1200px) {
  #top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a::before {
    padding: 8px 8px 8px 24px !important;
  }
  .schedule-a-repair.menu-item .menu-title-text {
    font-size: 15px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
    padding: 20px 20px 20px 80px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-choice-image-wrapper {
    width: 70px;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label {
    font-size: 16px !important;
  }
  .schedule-repair-form .gfield_radio .gchoice {
    width: calc(25% - 12px) !important;
  }
  .schedule-repair-form .gfield_radio {
    gap: 15px !important;
    row-gap: 60px !important;
  }
  .schedule-repair-form .gfield_checkbox {
    gap: 15px !important;
  }
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer {
    gap: 10px !important;
  }
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea.active .ginput_container_textarea {
    margin-top: 25px !important;
  }
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea label {
    margin: 0 auto !important;
  }
  .schedule-repair-form .gform-body {
    padding: 24px 16px !important;
  }
  .wrapper-container-start {
    gap: 24px;
  }
  .right-side {
    gap: 12px;
  }
  #gform_page_2_3 .right-side label,
  #gform_page_2_3 .right-side legend {
    font-size: 16px !important;
  }
  .schedule-repair-form #gform_page_2_3 .right-side input,
  .schedule-repair-form #gform_page_2_3 .right-side select,
  .schedule-repair-form #gform_page_2_3 .right-side textarea {
    height: 40px !important;
    font-size: 16px !important;
  }
  #gform_page_2_3 .right-side .gfield--width-half {
    width: calc(50% - 6px);
  }
  .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox {
    width: 100px !important;
    height: 100px !important;
  }
  .nectar-video-box .play_button_mouse_follow svg {
    width: 34px !important;
    height: 34px !important;
  }
}

@media only screen and (max-width: 999px) {
  
  .hero-section p {
    font-size: 16px !important;
  }
  .container {
    max-width: 768px !important;
  }
  #slide-out-widget-area.slide-out-from-right-hover {
    padding: 40px !important;
  }
  .schedule-a-repair.menu-item a i {
    display: none !important;
  }
  #nav_menu-3,
  #nav_menu-4 {
    padding-top: 0;
  }
  .testimonial_slider blockquote .inner {
    padding: 30px !important;
  }
  .off-canvas-menu-container .menu-item {
    margin-bottom: 18px !important;
  }
  .schedule-a-repair.menu-item img {
    display: none !important;
    width: 30px !important;
  }
  .schedule-a-repair.menu-item a {
    padding: 0px !important;
  }
  .schedule-a-repair.menu-item .menu-title-text {
    font-size: 24px !important;
  }

  #footer-outer > #footer-widgets > .container > .row {
    display: flex;
    flex-direction: column !important;
  }
  #footer-widgets .container .col {
    width: 100% !important;
    padding: 0 !important;
  }
  #footer-widgets .mb-d-none {
    display: none !important;
  }
  #footer-widgets .mb-d-block {
    display: block !important;
  }
  #custom_html-6 p {
    font-size: 16px !important;
  }
  #footer-widgets #custom_html-3 {
    border-bottom: 1px solid rgba(13, 0, 12, 0.1);
    padding-bottom: 24px;
  }
  #footer-outer #footer-widgets .col .menu .menu-item {
    width: calc(33.33% - 16px);
  }
  #footer-outer #footer-widgets .col .menu {
    gap: 24px;
    row-gap: 12px;
    border-bottom: 1px solid rgba(13, 0, 12, 0.1);
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .schedule-repair-form .gfield_radio .gchoice {
    width: calc(33.33% - 10px) !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
    padding: 20px 20px 20px 70px !important;
  }
  .schedule-repair-form .gfield_checkbox .gchoice {
    width: calc(33.33% - 10px) !important;
    min-width: initial !important;
  }
  .wrapper-container-start {
    flex-direction: column;
  }
  .left-side-start {
    max-width: 100%;
  }
  .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox {
    width: 64px !important;
    height: 64px !important;
  }
  .nectar-video-box .play_button_mouse_follow svg {
    width: 24px !important;
    height: 24px !important;
  }
  .testimonial-section > .left {
    z-index: 50;
  }
  .about-accordion .row_col_wrap_12,
  .course-details .row_col_wrap_12 {
    max-width: 768px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section {
    height: 75vh !important;
  }
  .hero-section .wpb_column {
    max-width: 430px !important;
  }
  .hero-section .wpb_wrapper h1.vc_custom_heading {
    font-size: 36px !important;
  line-height: 1.3 !important;
  }
  .hero-section .banner-content p {
    font-size: 18px !important;
  }
  .hero-section  .nectar-button.large {
    font-size: 18px !important;
    padding: 15px 46px !important;
  }
  .schedule-repair-form .gfield_radio {
    gap: 16px !important;
    row-gap: 50px !important;
  }
  .schedule-repair-form .gfield_radio .gchoice {
    max-width: calc(50% - 8px) !important;
    text-align: center;
    min-width: initial !important;
    width: 100% !important;
    flex: initial;
  }

  .schedule-repair-form .gf_progressbar_title,
  .schedule-repair-form fieldset .gfield_label,
  .repair-summary-title h2 {
    font-size: 16px !important;
  }
  .schedule-repair-form .gform-body {
    padding: 24px 16px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
    padding: 47px 24px 12px !important;
  }
  /* .schedule-repair-form #gform_page_2_1 .ginput_container_radio {
    max-height: 360px;
    overflow: auto;
    padding-top: 30px;
  } */
  .schedule-repair-form fieldset .gfield_label,
  .repair-summary-title h2 {
    margin: 0 auto 45px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gform-page-footer .gform_next_button {
    width: 100% !important;
    text-align: left;
    justify-content: flex-start !important;
  }
  .schedule-repair-form .gfield_checkbox .gchoice {
    width: calc(50% - 8px) !important;
  }
  .schedule-repair-form .gform-body .gform-loader {
    width: 30px;
    height: 30px;
  }
  .book-repair-page .gform_confirmation_message {
    min-height: 200px;
  }
  .schedule-repair-form .gform-page-footer {
    left: 50%;
    gap: 12px !important;
    position: fixed;
    bottom: 5px;
    transform: translate(-50%, 10px);
    width: 100%;
    background: #fff !important;
    border-radius: 0;
    padding: 10px 25px 20px !important;
    border-top: none !important;
    box-shadow:  0 -5px 5px 5px rgba(255, 255, 255, 1);
  }
  .schedule-repair-form .gform-page-footer .gform_next_button,
  .schedule-repair-form .gform-page-footer .gform_previous_button {
    background-color: #ffffff !important;
  }
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button,
  .schedule-repair-form .gform-page-footer .gform-theme-button {
    font-size: 16px !important;
    background-color: #ffffff !important;
  }
  .schedule-repair-form .gform-page-footer .gform_previous_button {
    padding: 13px 15px 13px 57px !important;
  }
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button,
  .schedule-repair-form .gform-page-footer .gform_next_button {
    padding: 13px 49px 13px 15px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label, .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label {
        font-size: 14px !important;
    }
  .ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  font-size: 14px;
}
.ui-datepicker .ui-datepicker-calendar th {
  height: 30px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-calendar td a{
  height: 30px;
  width: 30px;
}

}
@media only screen and (max-width: 690px) {
  .mb-24 {
    margin-bottom: 12px !important;
  }
  .hero-section .row-bg {
    background-position: 75% center !important;
  }
  .hero-section .wpb_column {
    max-width: 100% !important;
  }
  .hero-section .wpb_wrapper h1.vc_custom_heading {
    font-size: 7.2vw !important;
  }
  .hero-section .banner-content p {
    font-size: 4.6vw !important;
    max-width: 65.508vw;
    margin: 0 auto;
  }

  #footer-outer .row {
    padding: 55px 0 30px;
  }
  #footer-widgets .widget_media_image .image {
    max-width: 160px !important;
  }
  .home-video-section .nectar-video-box {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
  .nectar-button.large {
    font-size: 15px !important;
    padding: 10px 35px !important;
  }
  .nectar-button.large i {
    font-size: 16px !important;
    right: 10px !important;
  }
  .mb-d-none {
    display: none;
  }
  .mb-d-block {
    display: block !important;
  }
  .mb-d-block .flickity-viewport {
    margin: 20px 0 0 !important;
  }
  #footer-outer #footer-widgets .col .menu .menu-item {
    width: calc(50% - 12px);
  }
  .schedule-a-repair.menu-item .menu-title-text,
  .off-canvas-menu-container .menu-item a {
    font-size: 20px !important;
  }
  .about-accordion div[data-style="minimal_small"] .toggle {
    margin-bottom: 24px !important;
  }
  .about-accordion .inner-toggle-wrap {
    padding-top: 12px !important;
  }
  .about-accordion .nectar-inherit-h5.toggle-heading {
    font-size: 16px !important;
  }
  .course-detail-acc .mb-24 {
    margin-bottom: 24px !important;
  }
  .about-accordion.course-detail-acc .inner-toggle-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-accordion.course-detail-acc .inner-toggle-wrap p {
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
  }
  .about-accordion.course-detail-acc .inner-toggle-wrap p:last-child {
    margin-bottom: 24px !important;
  }
  .about-accordion.course-detail-acc div[data-style="minimal_small"] .toggle:last-child {
    margin-bottom: 0 !important;
  }
  .about-accordion.course-detail-acc .inner-toggle-wrap {
    padding-top: 12px !important;
  }
  .about-accordion.course-detail-acc .toggle > .toggle-title {
    font-size: 16px !important;
  }
  #gform_page_2_3 .right-side .gfield--width-half {
    width: 100%;
  }
  #gform_page_2_3 .right-side label,
  #gform_page_2_3 .right-side legend {
    font-size: 14px !important;
  }
  .schedule-repair-form #gform_page_2_3 .right-side input,
  .schedule-repair-form #gform_page_2_3 .right-side select,
  .schedule-repair-form #gform_page_2_3 .right-side textarea {
    height: 36px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
  }
  .right-side {
    gap: 24px;
  }
}
@media only screen and (max-width: 520px) {
  .schedule-repair-form .gfield_checkbox .gchoice {
    width: 100% !important;
    min-width: initial !important;
  }
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label, .schedule-repair-form #gform_page_2_2 .gfield--type-textarea .gfield_label, .schedule-repair-form #gform_page_2_2 .gfield--type-textarea textarea {
    font-size: 14px !important;
  }
  .schedule-repair-form #gform_page_2_2 .gform-page-footer {
    gap: 24px !important;
  }
  .schedule-repair-form #gform_page_2_2 .gform-page-footer .gform-theme-button {
    flex: 1;
  }
  .schedule-repair-form #gform_page_2_2 .gform-page-footer .gform_previous_button {
    text-align: left !important;
  }
  .schedule-repair-form #gform_page_2_2 .gform-page-footer .gform_next_button {
    text-align: right !important;
  }
  .small_summary h3 {font-size: 16px !important;}
  .summary_box .extra-option .tempered_price, .issue-item .issue-price {
  font-size: 16px !important;
}
.include-address .gfield_label::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
}
}
@media only screen and (max-width: 420px) {
  .hero-section {
    height: 65vh !important;
  }
  .hero-section .wpb_wrapper h1.vc_custom_heading {
    font-size: 7.5vw !important;
  }
  .hero-section .banner-content p {
    font-size: 5vw !important;
    max-width: 74.667vw;
    margin: 0 auto;
  }
  .hero-section .banner-content {
    margin-bottom: 10px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
    padding: 42px 12px 10px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label {
    font-size: 14px !important;
  }
  /* .schedule-repair-form #gform_page_2_1 .ginput_container_radio {
    max-height: 320px;
  } */
  .schedule-repair-form .gfield_radio .gchoice {
    max-width: calc(50% - 8px) !important;
  }
  .schedule-repair-form .gfield_radio {
    gap: 16px !important;
    row-gap: 16px;
    row-gap: 40px !important;
  }
  /* .schedule-repair-form fieldset .gfield_label,
  .repair-summary-title h2 {
    margin: 0 auto 20px !important;
  } */
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button,
  .schedule-repair-form .gform-page-footer .gform-theme-button {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 375px) {
   .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
    padding: 12px 12px 12px !important;
  }
   .schedule-repair-form #gform_page_2_1 .gfield-choice-image-wrapper {
    width: 55px;
  }
  .schedule-repair-form .gfield_radio .gchoice {
    max-width: 100% !important;
  }
   .hero-section .wpb_wrapper h1.vc_custom_heading {
    font-size: 7vw !important;
  }
  
}

@media only screen and (min-width: 767px) {
  .schedule-repair-form .gfield_radio .gchoice:hover,
.schedule-repair-form .gfield_checkbox .gchoice:hover {
  border: 1px solid #e51937 !important;
  background: rgba(229, 25, 55, 0.1) !important;
  outline: none !important;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .container {
    max-width: 960px !important;
  }
  .hero-section .row-bg {
    background-position: center 60% !important;
  }
  .hero-section,
  .contact-banner {
    padding-top: 80px !important;
    padding-bottom: 160px !important;
  }
  .hero-section .wpb_column {
    max-width: 450px !important;
  }
  #top #logo img {
    max-width: 120px !important;
  }
  .continue-slider {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }
  .top-quality-parts-section,
  .start-journey-section,
  body #footer-outer .row,
  .abt-head,
  .repair-academy-banner {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pro-tech-section,
  .course-details {
    padding-top: 50px !important;
  }
  .our-major-section {
    padding-top: 50px !important;
    padding-bottom: 320px !important;
  }
  .home-video-section {
    padding-bottom: 50px !important;
  }

  .start-journey-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .customers-heading {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .testimonial-section {
    padding-bottom: 130px !important;
  }
  .hero-section h1,
  .repair-academy-banner h1 {
    font-size: 32px !important;
  }
  .hero-section p {
    font-size: 18px !important;
  }
  #top nav > ul > li > a,
  .top-quality-parts-section p,
  .hero-section .nectar-button,
  .hero-section .nectar-button i,
  .nectar-button.large,
  .schedule-a-repair.menu-item .menu-title-text,
  body.material .nectar-button.has-icon i,
  .continue-slider .iwithtext .iwt-text,
  .start-journey-section p,
  .testimonial_slider.border-radius-3px .flickity-slider blockquote p,
  #footer-outer #footer-widgets .col p,
  #footer-outer #footer-widgets .col .menu .menu-item a {
    font-size: 14px !important;
  }
  #header-outer #logo,
  #header-outer .logo-clone,
  #header-outer .logo-spacing {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a::before {
    padding: 5px 5px 5px 15px !important;
  }
  .top-quality-parts-section h2,
  .our-major-section h2,
  .customers-heading .head-left p,
  .start-journey-section h2,
  .abt-head h2,
  .meet-owner-column h5,
  .pro-tech-section .title,
  .course-details .main-title,
  .training-program .title,
  .book-repair-head .title {
    font-size: 26px !important;
  }
  .top-quality-parts-section h4,
  .material #footer-outer .widget_nav_menu h4,
  .meet-owner-column p,
  body .about-accordion .left-column p {
    font-size: 16px !important;
  }
  body .major-row {
    margin-top: 40px !important;
    margin-bottom: 20px;
  }
  .service-column .nectar-fancy-box .inner img {
    height: 65px !important;
    max-width: initial !important;
    width: max-content;
  }
  .testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner {
    padding: 25px !important;
  }

  .abt-banner {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .about-accordion h6 a {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  .about-accordion {
    padding-bottom: 140px !important;
  }
  .about-accordion .left-column > .vc_column-inner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .about-accordion .fixers-right-column > .vc_column-inner {
    padding-left: 30px !important;
  }
  .meet-owner-column .vc_column-inner {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
  }
  .testimonial-section .nectar-shape-divider-wrap,
  .contact-page-form .nectar-shape-divider-wrap,
  .training-program .nectar-shape-divider-wrap {
    height: 140px !important;
  }
  .contact-banner {
    padding-top: 80px !important;
    padding-bottom: 200px !important;
  }
  .contact-banner .title {
    font-size: 32px !important;
  }
  .contact-banner .content,
  .contact-p-form .gfield_label {
    font-size: 16px !important;
  }
  .contact-page-form {
    padding-bottom: 160px !important;
  }
  .contact-p-form input,
  .contact-p-form textarea,
  .contact-p-form .select2-selection,
  .contact-p-form select {
    min-height: 40px !important;
    border-radius: 8px !important;
    font-size: 16px;
  }
  .tech-row .tech-column .inner {
    max-width: 55px;
  }
  .tech-row .tech-column h3 {
    font-size: 18px !important;
  }
  .tech-row .tech-column .inner .hover-wrap {
    margin-bottom: 0 !important;
  }
  .tech-row .tech-column .vc_column-inner {
    padding: 0 !important;
  }
  .course-details .title {
    font-size: 20px !important;
  }
  .course-details .content {
    font-size: 16px !important;
  }
  .course-details .left-column .vc_column-inner {
    padding-right: 30px !important;
  }
  .course-details .fixers-right-column > .vc_column-inner {
    padding-left: 30px !important;
  }
  .pro-tech-section {
    padding-bottom: 0 !important;
  }
  .pro-tech-section.training-program {
    padding-bottom: 170px !important;
  }
  .book-repair-head {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .schedule-repair-form fieldset .gfield_label,
  .repair-summary-title h2 {
    font-size: 18px !important;
    margin-bottom: 60px !important;
  }
  .summary_box h3,
  .summary_box h2,
  .total_wrapper .total_price {
    font-size: 16px !important;
  }
  .schedule-repair-form .gform-page-footer .gform-theme-button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button {
    font-size: 14px !important;
    background-size: 30px !important;
  }
  .schedule-repair-form .gform-page-footer .gform-theme-button:hover,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button:hover {
    background-size: 30px !important;
  }
  .schedule-repair-form .gform-page-footer .gform_previous_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_previous_button {
    padding: 10px 20px 10px 60px !important;
  }
  .schedule-repair-form .gform-page-footer .gform_next_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_next_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button {
    padding: 10px 60px 10px 20px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea label,
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea textarea {
    font-size: 14px !important;
  }
  #gform_page_2_3 .right-side label,
  #gform_page_2_3 .right-side legend,
  .schedule-repair-form #gform_page_2_3 .right-side input,
  .schedule-repair-form #gform_page_2_3 .right-side select,
  .schedule-repair-form #gform_page_2_3 .right-side textarea,
  .schedule-repair-form .gf_progressbar_title {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .container {
    max-width: 1118px !important;
  }
  .hero-section .row-bg {
    background-position: center 50% !important;
  }
  .hero-section,
  .contact-banner {
    padding-top: 100px !important;
    padding-bottom: 200px !important;
  }
  .hero-section .wpb_column {
    max-width: 560px !important;
  }
  .top-quality-parts-section,
  .start-journey-section,
  body #footer-outer .row,
  .abt-head,
  .repair-academy-banner {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .our-major-section {
    padding-top: 60px !important;
    padding-bottom: 340px !important;
  }
  .home-video-section {
    padding-bottom: 60px !important;
  }

  .start-journey-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .customers-heading {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .testimonial-section {
    padding-bottom: 150px !important;
  }
  .pro-tech-section,
  .course-details {
    padding-top: 60px !important;
    padding-bottom: 0px !important;
  }

  
  .top-quality-parts-section p,
  .hero-section .nectar-button,
  .hero-section .nectar-button i,
  .schedule-a-repair.menu-item .menu-title-text,
  body.material .nectar-button.has-icon i,
  .start-journey-section p,
  .testimonial_slider.border-radius-3px .flickity-slider blockquote p,
  #footer-outer #footer-widgets .col p,
  #footer-outer #footer-widgets .col .menu .menu-item a,
  body .about-accordion .left-column p,
  .contact-p-form .gfield_label {
    font-size: 16px !important;
  }
  #header-outer #logo,
  #header-outer .logo-clone,
  #header-outer .logo-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #top nav > ul > .button_solid_color.schedule-a-repair.menu-item > a::before {
    padding: 7px 8px 7px 20px !important;
  }
  .top-quality-parts-section h2,
  .our-major-section h2,
  .customers-heading .head-left p,
  .start-journey-section h2,
  .abt-head h2,
  .pro-tech-section .title,
  .course-details .main-title,
  .training-program .title,
  .book-repair-head .title {
    font-size: 30px !important;
  }
  .top-quality-parts-section h4,
  .material #footer-outer .widget_nav_menu h4 {
    font-size: 18px !important;
  }
  body .major-row {
    margin-top: 50px !important;
    margin-bottom: 20px;
  }
  .service-column .nectar-fancy-box .inner img {
    height: 75px !important;
    max-width: initial !important;
    width: max-content;
  }
  .testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner {
    padding: 30px !important;
  }

  .abt-banner {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .about-accordion h6 a {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }
  .about-accordion {
    padding-bottom: 180px !important;
  }
  .about-accordion .left-column > .vc_column-inner {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .about-accordion .fixers-right-column > .vc_column-inner {
    padding-left: 60px !important;
  }
  .meet-owner-column .vc_column-inner {
    padding-top: 12% !important;
    padding-bottom: 12% !important;
  }

  .contact-banner .title {
    font-size: 36px !important;
  }
  .contact-page-form {
    padding-bottom: 200px !important;
  }
  .contact-p-form input,
  .contact-p-form textarea,
  .contact-p-form .select2-selection,
  .contact-p-form select {
    min-height: 40px !important;
    border-radius: 8px !important;
    font-size: 16px;
  }
  .tech-row .tech-column .inner {
    max-width: 70px;
  }
  .tech-row .tech-column .inner .hover-wrap {
    margin-bottom: 0 !important;
  }
  .tech-row .tech-column .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .course-details .title {
    font-size: 22px !important;
  }
  .course-details .content {
    font-size: 16px !important;
  }
  .course-details .left-column .vc_column-inner {
    padding-right: 40px !important;
  }
  .course-details .fixers-right-column > .vc_column-inner {
    padding-left: 40px !important;
  }
  .pro-tech-section.training-program {
    padding-bottom: 200px !important;
  }
  .book-repair-head {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
  .schedule-repair-form fieldset .gfield_label,
  .repair-summary-title h2 {
    font-size: 18px !important;
    margin-bottom: 55px !important;
  }
  .summary_box h3,
  .summary_box h2,
  .total_wrapper .total_price {
    font-size: 18px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer {
  padding: 15px 15px 15px 80px !important;
}
.schedule-repair-form #gform_page_2_1 .gfield-choice-image-wrapper {
  width: 65px;
}
.schedule-repair-form .gfield_radio {
  row-gap: 50px !important;
}
  .schedule-repair-form .gform-page-footer .gform-theme-button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button {
    font-size: 16px !important;
    background-size: 30px !important;
  }
  .schedule-repair-form .gform-page-footer .gform-theme-button:hover,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button:hover {
    background-size: 30px !important;
  }
  .schedule-repair-form .gform-page-footer .gform_previous_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_previous_button {
    padding: 10px 20px 10px 60px !important;
  }
  .schedule-repair-form .gform-page-footer .gform_next_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_next_button,
  .schedule-repair-form #gform_page_2_3 .gform-page-footer .gform_button {
    padding: 10px 60px 10px 20px !important;
  }
  .schedule-repair-form #gform_page_2_1 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield-image-choice-wrapper-outer label,
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea label,
  .schedule-repair-form #gform_page_2_2 .gfield--type-textarea textarea,
  .schedule-repair-form .gf_progressbar_title {
    font-size: 14px !important;
  }
  
 
  #gform_page_2_3 .right-side label, #gform_page_2_3 .right-side legend, .summary_box p, .summary_box .extra_service label, .issue-item .issue-name, .extra-option label {
    font-size: 14px !important;
  }
  #gform_page_2_3 .right-side input, #gform_page_2_3 .right-side select, #gform_page_2_3 .right-side textarea {
    height: 40px !important;
    font-size: 14px !important;
  }
  .schedule-repair-form .right-side {row-gap: 18px;}
}

.hero-section .nectar-button.large {
  background-color: #e51937 !important;
  color: #fff !important;
}
.hero-section .nectar-button.large:hover {
  background-color: #ffffff !important;
  color: #e51937 !important;
}
.hero-section .nectar-button.large i {
  background-color: rgba(255, 255, 255, 0.24) !important;
}
.hero-section .nectar-button.large:hover i {
  background-color: #e51937 !important;
}

.fancy-select-wrap {
    position: relative;
}
.fancy-select-wrap {
    position: relative !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

.select2-container {
    z-index: 999999 !important;
}


.fancy-select-wrap span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    background: none !important;
    top: 0 !important;
    padding: 0 !important;
}

.fancy-select-wrap span.select2.select2-container.select2-container--default.select2-container--above.select2-container--open {
    background: none !important;
    top: 0 !important;
    padding: 0 !important;
}

.fancy-select-wrap span.select2-container.select2-container--default.select2-container--open:not(.select2-container--above),
.fancy-select-wrap span.select2-container.select2-container--default.select2-container--open:not(.select2-container--below) {
    width: 100%;
    z-index: 9;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    top: 52px !important;
}

.fancy-select-wrap span.select2-container.select2-container--default.select2-container--open span.select2-search.select2-search--dropdown {
    display: none;
}
.select2-results__options li {
    padding: 13px 17px;
    line-height: 14px;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}


/* Select2 should always drop below */
.select2-container--open .select2-dropdown {
    top: 100% !important;
    /* always BELOW */
    bottom: auto !important;
}

/* Prevent clipping issues */
.fancy-select-wrap {
    overflow: visible !important;
}

.footer-form-column .fancy-select-wrap span.select2-container.select2-container--default.select2-container--open:not(.select2-container--above), 
.footer-form-column .fancy-select-wrap span.select2-container.select2-container--default.select2-container--open:not(.select2-container--below) {
    width: 100%;
    z-index: 9;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    top: 52px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 15px !important;
    text-transform: none !important;
    padding-top: 3px;
    padding-bottom: 0;
}

/* Safari-only positioning fix */
@supports (-webkit-touch-callout: none) {
    .select2-container--open .select2-dropdown {
        top: 100% !important;
        bottom: auto !important;
        left: 0 !important;
    }
}

/* Safari only — proper alignment */
@supports (-webkit-touch-callout: none) {
    .select2-dropdown {
        left: 0 !important;
        right: 0 !important;
    }
}