body {font-family:'Open Sans', sans-serif;}
.darkBkg {color:white;}
#section-hero h2 {
    color: white;
    font-size: 30px;
    margin: 20px 0;
}
.btn-hero {
    padding: 10px 20px;
    font-size: 30px !important;
    line-height: 1.2;
        margin: 30px auto 20px;
    text-align: center;
    display: table;
    border-radius: 10px;
}
#section-customers-saying h2{color:#eee}

.flexslider, .portfolio_slider{margin:0!important;}

#about-repair ul li {
    font-size: 24px;
    margin: 10px 0;
    text-indent: -38px;
}
#about-repair ul {padding:0 0 0 20px}
.sectionM {padding:10px 0}
.darkBkg h2, .darkBkg p {
    color: #fff;
}
.darkBkg h3 {color:#f0f0f0}
/*header*/
.btn-callout {
    display: inline-block;
    background-color: #0a84ae; /* Bright blue for visibility against black */
    color: #ffffff; /* White text for contrast */
    font-size: 16px; /* Slightly larger font size for readability */
    font-weight: bold; /* Bold text to make it stand out */
    padding: 12px 24px; /* Adequate padding to make the button sizable and easy to tap on touch devices */
    border-radius: 5px; /* Rounded corners for a modern look */
    text-align: center; /* Center the text inside the button */
    text-decoration: none; /* Remove underline from the link */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for hover effects */
}

.btn-callout:hover, .btn-callout:focus {
    background-color: #0582ca; /* A slightly lighter blue for the hover state */
    color: #ffffff;
    transform: scale(1.05); /* Slightly enlarge the button on hover/focus for interaction feedback */
    text-decoration: none; /* Ensure text decoration does not reappear on hover */
    outline: none; /* Remove focus outline for aesthetics; ensure accessibility through other means if necessary */
}

.btn-callout:active {
    background-color: #046b9a; /* Darker blue when the button is clicked */
    transform: scale(0.95); /* Slightly decrease the button size when active */
}

.drop_down .second .inner ul li a{font-size:15px; color:#fff}


#section-hero p{color:#c9c9c9;
  
}

.repair-item h3 {
    font-size: 21px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.repair-item p {
    padding: 0;
    margin: 0;
}

.repair-item {
    margin: 15px 0;
}

#cf-leadForm {
    background: #0e0e0e;
    padding: 25px 50px;
}

#cf-leadForm .wpcf7-submit {
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    font-size: 28px;
    background: teal;
    color: white;
}
.qode-advanced-tabs .qode-advanced-tabs-nav li {
    background-color: #3e4447;
}
/*footer mobile+*/
.contact-info {
  margin-top: 10px;
}

.schema-business-name {
  font-size: 21px!important;
  font-weight: bold;
  color: #fefefe;
}

.contact-info div {
  margin: 5px 0;
  font-size: 20px;
  color: #f0f0f0;
}
.contact-info span, .contact-info a{color:#f0f0f0!important}

#svc-areas{padding:20px 0 70px 0}
#svc-areas h3 {display:block; margin: 0 0 25px 0; color:#f0f0f0}
.footer-columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#svc-areas .footer-column {
  flex: 1;
  margin-right: 20px;
  margin-top: 20px;
}

#svc-areas .footer-column ul {
  list-style-type: none;
  padding: 0;
}

#svc-areas .footer-column li {
  margin-bottom: 8px;
}

#svc-areas .footer-column a {
  color: #ddd;
  text-decoration: none; font-weight:bold
}

#svc-areas .footer-column a:hover {
  text-decoration: underline;
}

#reasonstohire {
  margin: 20px 0;
}

.reason {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.reason i {
  color: #eee; /* Green color for checkmark */
  font-size: 24px;
  margin-right: 10px;
  flex-shrink: 0;
}

.reason-content h3 {
  font-size: 1.2em;
  margin: 0;
  color: #eee;
}

.reason-content p {
  margin: 5px 0 0;
  color: #666;
  line-height: 1.5;
}

div#wpcf7-f37-p17-o1 {
    background: #2c3439;
    padding: 40px 45px;
}
#wpcf7-f37-p17-o1 h2{color:white; text-align:center; font-size:50px}
#wpcf7-f37-p17-o1 h4 {color:white; font-weight:bold}

#section-hero h1 {
    color: white;
    text-transform: uppercase;
    font-size: 60px;
}

p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
    color: black;
    font-weight: bold;
}

.wprevpro_t1_SPAN_5 {color: white;font-weight: bold;font-family: 'Open Sans', sans-serif;}

.qode-advanced-tabs .qode-advanced-tab-container {
    background: #25282a;
}
.qode-accordion-holder .qode-title-holder {
    background: #25282a;
}

.qode-accordion-holder .qode-title-holder.ui-state-active {
    background: #0e0e0e!important;
    color: white!important;
}



.qode-accordion-holder .qode-title-holder:last-of-type {
    background: #3e4447;
    color: #ccc;
    border: #222 solid 1px;
}

@media (min-width:768px){
  .sectionM {
    padding: 60px 0;
}
.btn-hero {
    margin: 30px auto 20px;
    text-align: center;
    display: table;
    border-radius: 10px;
}
.footer_col1 #media_image-2 {
    display: table;
    float: left;
    margin: 0 20px 0 0;
}
  
}


@media (max-width: 768px) {
  
  
  
  
  .sectionM {
    padding: 50px 0;
}
  .footer-columns {
    display: flex;
    flex-direction: column;
  }

  #svc-areas .footer-column {
    flex: 1 1 100%; /* Basis for 1 column per row on smaller screens */
  }
  
    .reason {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .reason i {
    margin-bottom: 5px;
  }
  
  
  div#wpcf7-f272-p13-o1 {
    background: #333!important;
    padding: 20px!important;
    margin: 4px!important;
    border: 1px solid #343434!important;
}
  #wpcf7-f272-p13-o1 input.wpcf7-form-control.wpcf7-submit{
        width: 100%;
    text-align: center;
    padding: 9px 0;
  }
  
  .qode-advanced-tabs .qode-advanced-tab-container {
    padding: 20px!important;
    border: 1px solid #777!important;
}
  
}


@media only screen and (max-width: 480px) {
    .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul {
        width: 320px;
    }
     .qode_clients.six_columns .qode_client_holder{width:48%!important;}
}