.service_head{

    background-image: url("../../image/services_background_01.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 80vh;
    background-color: #0c092b;
  
}
.service_head h1{
    padding-top: 310px;
    margin: 0px 0px 0px 40px;
    font-size: 40px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 5px #666;
}
/*-----------------Start OUR  Best SERVICES Section-------*/
.services_area{
    width: 100%;
    height: auto;
    background-color: #eeeded;
}
.sercice_text h1{
    padding: 20px 10px 10px 40px;
    font-size: 30px;
    font-weight: normal;
}
.sercice_text h1 b{
    color: #F25822;
}
.sercice_text p{
    width: 75%;
    padding: 20px 10px 0px 40px;

}
.ser_box{
    display: flex;
    justify-content: center;
}
.ser_box .text_area{
    width: 47%;
    height: auto;
    padding: 20px 10px 10px 10px;
}
.text_area h2{
    padding: 20px 10px 10px 0px;
    color: #F25822;

}
.text_area p{
    padding: 5px 10px 10px 0px;
    color: #333;

}
.text_area img{
    width: 100%;
    height: auto;
}
/*------Start ADDITIONAL VEHICLE REPAIR SERVICESSection-------*/
.Additional{
    background: #fff;
}
.add_top h1{
    padding: 30px 10px 10px 40px;
    font-weight: normal;
    font-size: 30px;
}
.add_top h1 b{
    color: #F25822;
}
.other_service{
    display: flex;
    justify-content: center;
}
.other{
    width: 400px;
    color: #333;
    padding: 10px 10px 10px 10px;
}
.other li{
    padding: 5px;
    cursor: pointer;
}


/*--Vehicle must be picked up within 48 hours after being Serviced--*/

.hrs_services{
    background: whitesmoke;
    padding-bottom: 40px;
}
.hrs_services h1{
    padding: 30px 10px 20px 40px;
    font-size: 30px;
    font-weight: normal;
}
.hrs_services h1 b{
    color: #F25822;
}
.hrs_box{
    display: flex;
    justify-content: center;
}
.box_on{
    width:400px;
    box-shadow: 2px 2px 5px #666;
    padding: 5px;
    margin: 0px 5px;
}
.box_on:hover h2{
    background-color: #F25822;
    color: #fff;
    transition: 1s;
}
.box_on h2{
    background: #fff;
    text-align: center;
    padding: 10px;
    border: 1px solid #6666;
    color: #F25822;

}
.box_on img{
    width: 100%;
    height: 300px;
    padding: 10px 0px;
    border-radius: 5px;
}
.box_on p{
    text-align: justify;
    padding: 10px 10px 10px 10px;

}
.box_on i{
    color: #F25822;
    padding: 0px 0px 0px 0px;

}
.offer_list{
    padding: 5px 10px 10px 10px;
}