/*
Template Name: Auto Repair
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/


/*********************service****************/
.serv_pg_1_left1_inner1 span a{
  width:120px;
  height:120px;
  line-height:120px;
  color:var(--bs-dark)!important;
 }
.serv_pg_1_left1_inner1{
 top:26%;
 display:none;
 transition: 0.3s;
 }
.serv_pg_1_left:hover .serv_pg_1_left1_inner1{
   display:block;
   transition: 0.3s;
 }
.serv_pg_1_left2{
  border-bottom:5px solid transparent;
  transition: 0.3s;
 }
.serv_pg_1_left:hover .serv_pg_1_left2{
   display:block;
   transition: 0.3s;
    border-bottom:5px solid var(--yellow);
  background:var(--bs-white)!important;
 }
 
#help {
    background-image: url(../image/1.jpg);
    background-position: center center;
    background-size: cover;
}

.serv_dt1_right1 ul li{
  transition: 0.3s;
  border-left:5px solid transparent;
  border-bottom:1px solid var(--border_light);
 }
.serv_dt1_right1 ul li:hover{
  transition: 0.3s;
   border-left:5px solid var(--yellow);
 }
.heading{
   border-left:5px solid var(--yellow);
 }
/*********************service_end****************/



@media screen and (max-width : 767px){
.serv_pg_1_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.serv_dt1_right{
   margin-top:20px;
 }
.contact_1_left {
  padding:30px 15px!important;
  margin-bottom:20px;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.serv_pg_1_left1_inner1 {
    top: 36%;
}

 }
 
@media (min-width:768px) and (max-width:991px) {
.serv_pg_1_left1_inner1 span a{
  width:80px;
  height:80px;
  line-height:80px;
  font-size:36px!important;
 }
 }

@media (min-width:992px) and (max-width:1200px) {

 }

@media (min-width:1201px) and (max-width:1310px) {

 }
@media screen and (min-width : 1400px){
.serv_pg_1_left2  p{
  font-size:15px; 
 }

 }