*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.one_mail_p{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    text-align: center;
    color: #555555;
}
.one_mail_p span{
    word-spacing: 5px;
}
.get_a_quote_btn{
    padding: 10px 35px;
    background-color: #F90000;
    border-radius: 5px;
    /* border: #F90000; */
    color: white;
    transition: all 0.5s;
    border: 1px solid #F90000;
}
.get_a_quote_btn:hover{
    background-color: transparent;
    color: #F90000;
    border: 1px solid #F90000;
}
.search_bar{
    height: 50px;
    background-color: #EFEFEF;
    width: 450px;
    border-radius: 10px;
}
.search_left{
    width: 85%;
}
.search_left input{
    width: 99%;
    height: 50px;
    background-color: transparent;
    border: none;
    outline: none;
}
.search_right{
    width: 15%;
    background-color: red;
    border-radius: 0px 10px 10px 0px;
}
.search_right i{
    color: white;
    font-size: 19px;
}
@media screen and (min-width: 320px) and (max-width: 500px) {
    .search_bar{
        width: auto;
    }
    .auto_spare_parts{
        background-size: cover !important;
    }
}


.nav_list ul li{
    list-style: none;
    display: inline-block;
    padding: 20px;
    color: rgb(0, 0, 0);
    font-weight: 400;
}
.main{
    height: 12000px;
}

.auto_spare_parts h1{
    /* font-family: 'Rubik'; */
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 77px;
    /* identical to box height */
    text-transform: capitalize;
    color: #FFFFFF;
}
.auto_spare_parts h5{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    /* identical to box height */
    text-transform: capitalize;
    color: #FFFFFF;
    }
    .brands_parts{
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 47px;
    text-transform: capitalize;
    color: #000000;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg);
        background: red;
        border-radius: 5px;
        padding: 10px 40px;
    }
    .nav-pills .nav-link{
        background: #F8F8F8;
        border-radius: 5px;
        padding: 10px 40px;
        font-weight: 500;
        font-size: 15px;
        line-height: 30px;
        /* identical to box height */

        text-transform: capitalize;

        color: #666666;
    }
    .nav-item{
        padding: 10px 10px;
    }
    /* .home-demo .item_owl {
        background: #ff3f4d;
    } */
    .home-demo h2 {
        color: #FFF;
        text-align: center;
        padding: 5rem 0;
        margin: 0;
        font-style: italic;
        font-weight: 300;
    }
    .bransdd{
        background-color: #F2F2F7;
    }
    .item_owl{
        background-color: #F2F2F7;
        /* width: 100%; */
        background-size: 100%;
        border-radius: 10px;
        position: relative;
        transition: all 0.5s;
        height: 150px;

    }
    .item_owl img{
        width: 100px !important;
        display: block;
        margin: auto;
    }
    .item_owl h5{
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        /* identical to box height */
        text-transform: capitalize;
        color: #222222;
    }
    .item_owlin{
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        top: 452px;
        position: absolute;
        transition: all 0.5s;
        border-radius: 10px;
    }
    .item_owl:hover .item_owlin{
        top: 60%;
    }
    .item_owl1{
        height: 452px;
        background-image: url(asstes/images/wheel.png);
        /* width: 100%; */
        background-size: 100%;
        border-radius: 10px;
    }
    .item_owl2{
        height: 452px;
        background-image: url(asstes/images/head_light.png);
        /* width: 100%; */
        background-size: 100%;
        border-radius: 10px;
    }
    .item_owlin h5{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        /* identical to box height */
        text-align: center;
        color: #FFFFFF;
    }
    .item_owlin h1{
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 13px;
        text-align: center;
        color: #FFFFFF;
    }
    .item_owl1:hover .item_owlin{
        top: 60%;
    }
    .item_owl2:hover .item_owlin{
        top: 60%;
    }
    .about_us h5{
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        /* identical to box height */
        color: #000000;
    }
    .about_us h1{
        font-style: normal;
        font-weight: 500;
        font-size: 45px;
        line-height: 53px;
        text-transform: capitalize;
        color: #222222;
    }
    .input1{
        width: 100%;
        height: 100%;
        background: #F6F6F6;
        border: none;
        border-radius: 5px;
        padding-left: 20px;

    }
    .about_us p{
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #555555;
    }
    .about_us ul li{
        list-style: none;
        line-height: 40px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        /* line-height: 37px; */
        /* or 231% */
        color: #555555;
    }
    .about_us ul{
        margin-left: -28px;
    }
    .Special_Product{
        background-color: #DEDEDE;
    }
    .item_owll{
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
    }
    .item_owll img{
        width: 150px !important;
        display: block;
        margin: auto;
        padding-top: 50px;
    }
    .item_owll_2{
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        height: 251px !important;
        text-align: center;
    }
    .item_owll_2 img{
        width: 150px !important;
        display: block;
        margin: auto;
        padding-top: 50px;
        height: 188px !important;
    }

    .item_owll h5{
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        /* or 158% */
        padding-top: 10px !important;
        text-transform: capitalize;
        color: #000000;
    }
    .get_a_quote_btn1{
        padding: 8px 28px;
        background-color: #F90000;
        border-radius: 5px;
        /* border: #F90000; */
        color: white;
        transition: all 0.5s;
        border: 1px solid #F90000;
    }
    .get_a_quote_btn1:hover{
        background-color: transparent;
        color: #F90000;
        border: 1px solid #F90000;
    }

    .get_a_quote_btn12{
        padding: 8px 28px;
        background-color: #ffffff;
        border-radius: 5px;
        /* border: #F90000; */
        color: rgb(218, 30, 30);
        transition: all 0.5s;
        border: 1px solid #F90000;
    }
    .get_a_quote_btn12:hover{
        background-color: #F90000;
        color: #ffffff;
        border: 1px solid #F90000;
    }
    .owl-carousel .item {
        height: 10rem;
        background: #4DC7A0;
        padding: 1rem;
    }
    .btns{
      display: table;
      /* margin: 30px auto; */
      float: right;
    }
    .customNextBtn, .customPreviousBtn{
          float: right;
        background: #F6F6F6;
        color: #fff;
        padding: 0px 15px;
        margin-left: 5px;
        cursor: pointer;
        font-size: 12px;
        color: black;
        border-radius: 2px;
    }
    .owl-theme .owl-nav {
        margin-top: 10px;
        display: none;
    }
    .owl-dots{
        display: none;
    }
    .item_owll1{
        background-color: #F6F6F6;
        border-radius: 10px;
    }
    .john_h5{
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height, or 118% */
        color: #555555;
        line-height: 10px;
    }
    .john_p i{
        color: #FFD200;
        line-height: 0px;
    }
    .lorem_p{
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #555555;
    }
    .seven_section{
        background-color: #F90000;
    }
    .item_owll1w{
        border-radius: 10px;
        filter: brightness(0.9);
        /* height: 200px; */
    }
    .item_owll1w img{
        border-radius: 10px;
        height: 120px;
        /* width: 150px; */
    }
    .customNextBtn1, .customPreviousBtn1{
        float: right;
      background: #F6F6F6;
      color: #fff;
      padding: 0px 15px;
      margin-left: 5px;
      cursor: pointer;
      font-size: 12px;
      color: black;
      border-radius: 2px;
  }

  .customNextBtn2, .customPreviousBtn2{
    float: right;
  background: #F6F6F6;
  color: #fff;
  padding: 0px 15px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
  color: black;
  border-radius: 2px;
}

.customNextBtn3, .customPreviousBtn3{
    float: right;
  background: #F6F6F6;
  color: #fff;
  padding: 0px 15px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
  color: black;
  border-radius: 2px;
}
.customNextBtn4, .customPreviousBtn4{
    float: right;
  background: #F6F6F6;
  color: #fff;
  padding: 0px 15px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
  color: black;
  border-radius: 2px;
}
.nav_list ul li a{
    text-decoration: none;
    color: #222222;
    font-weight: 500;
    transition: all 0.5s;
}
.nav_list ul li a:hover{
    color: black;
}
.col-xs-2{
    background:#00f;
    color:#FFF;
}
.col-half-offset{
    margin-left:4.166666667%
}
.input2 {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.main_heading{
    background-color: #F2F2F7;
}
.main_heading_h5{
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-transform: capitalize;
    color: #000000;
}
.main_heading_p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 9px;
    /* identical to box height */
    text-transform: capitalize;
    color: #555555;
}

.get{
    height: 40px;
    background-color: rgb(239, 23, 23);
    border: 1px solid #F90000;
    border: none;
    border-radius: 5px;
    color: #fff;
    transition: 0.5s;

}
.get:hover{
    height: 40px;
    background-color: rgb(255, 255, 255);
    border: 1px solid #F90000 !important;
    border: none;
    border-radius: 5px;
    color: #F90000;

}
.active_set li a{
    /* background-color: red; */
    padding: 10px 17px;
    border-radius: 5px;
    /* color: white !important; */
}
.active_set li a:hover{
    background-color: red;
    padding: 10px 17px !important;
    border-radius: 5px;
    color: white !important;
}
.a_fist_1{
    background-color: red;
    padding: 10px 17px !important;
    border-radius: 5px;
    color: white !important;
}

/* footer css end */
.active_set li a:active{
    background-color: red;
    padding: 10px 17px !important;
}

/* .active_set li a:nth-child(1) {
    color:blue !important;
  } */
  .nav_list ul li{
    list-style: none;
    display: inline-block;
    padding: 20px 5px !important;
    color: rgb(0, 0, 0);
    font-weight: 400;
}
.accordion-button:not(.collapsed) {
    color: red;
    background-color: white;
    box-shadow: 1px 1px 5px #F90000;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 18px;
    font-weight: 500;
    color: rgb(85, 85, 85);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    filter: invert(200);
}
.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    height: 78px;
}


.searchBox {
    position: absolute;
    margin-top: -93px;
    /* left: 50%; */
    transform: translate(-50%,50%);
    background: #f90000;
    height: 58px;
    border-radius: 41px;
    padding: 10px;
    color: white !important;
}

.searchBox:hover > .searchInput {
    width: 240px;
    padding: 0 6px;
}

.searchBox:hover > .searchButton {
  background: white;
  color : #2f3640;
}

.searchButton {
    color: white;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2f3640;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}
.searchInput::placeholder{
    color: white;
}
.searchInput {
    border:none;
    background: none;
    outline:none;
    float:left;
    width: 240px !important;
    padding: 0;
    color: white !important;
    font-size: 16px;
    transition: 0.4s;
    line-height: 40px;
    width: 0px;

}

@media screen and (max-width: 620px) {
    .searchBox{
        margin-top: -50px;
        left: 50% !important;
    }
    .searchButton{
        margin: -40px -3px !important;
    }
}
.searchButton {
    color: white;
    font-size: 13px;
    float: right;
    border: 1px solid white !important;
    width: 45px;
    margin: -3px -2px;
    height: 45px;
    border-radius: 50%;
    background: #f90000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}
.frequently{
    font-size: 20px;
    text-align: center;
    color: #F90000;
}