@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{margin: 0;padding: 0;}

:root
{
  --black: #000;
  --white: #fff;
  --red: #E2000F;
  --dark: #121212;
  --smoke: #F8F9F9;
  --f65: #f6f5f5;
  --grey: #707070;
  --font: 'Montserrat', sans-serif;
  --poppin: 'Poppins', sans-serif;
}

body
{
  background: var(--white);
  font-family: var(--poppin);
  overflow-x: hidden;
}

input[type="radio"], input[type="checkbox"]
{
  accent-color: #E2000F;
}

.check-sec
{
  position: relative;
}

.boost-flex
{
  display: flex;
  align-items: center;
}

.check-sec .accordion .accordion-item
{
  box-shadow: none;
  border: 1px solid #ddd;
}

.y-scroll
{
  max-height: 400px;
  overflow-y: scroll;
}

.boost-flex img{
  width: 70px;margin-right: 10px;
}

.additional-sec
{
  position: absolute;right: 0;top: 0;
}

.additional-sec button{
  background: none !important;
  box-shadow: none !important;
  padding: 0;
}

.container{
  max-width: 1200px;
}

.cart-left h4
{font-weight: 700;}

.cart-left h4 a
{
  font-size: 14px;
  color: var(--red);
  font-weight: 400;

}

#sub, #add
{
  background: var(--red);
    border: none;
    width: 27px;
    height: 27px;
    color: var(--white);
}

.box-subtotal
{
  padding: 20px;
  box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%);
  border-radius: 20px;
  background: var(--f65);
}

.box-subtotal a{
  text-decoration: none;text-align: center;display: block;
}

.box-subtotal a:hover
{
  color: var(--white);
}

.cart-left table tr td a, .cart-left table tr td a:hover{
  color: var(--red);
}

.checkout form input{
  height: 45px;
  border-radius: 0;
  border: none;
}

.theme-input
{
  height: 45px;
  border-radius: 0;
  border: 1px solid var(--f65);
}

/*service list*/

.flex-service
{
  display: flex;align-items: center;padding: 15px;
  transition: 0.2s ease-in-out;
  margin-top: 26px;
}

.flex-service:hover{
  background: var(--red);
  padding: 15px;
  border-radius: 10px;
  transition: 0.2s ease-in-out;
}

.flex-service:hover .service-image a img{

  filter: invert(100%);
}

.flex-service:hover .service-name h5{
 color: var(--white);
}


.seprator
{
  width: 2px;height: 60px;margin: 0 7px;background: var(--grey);opacity: 0.50;
}

.service-name h5
{
  font-family: var(--font);
  font-size: 1rem;
}

.service-name h5.f_light
{
  font-weight: 500;text-transform: uppercase;color: var(--dark);
}

.service-name h5.f_bold
{
  font-weight: 900;text-transform: uppercase;color: var(--dark);
}

.mt-30
{
  margin-top: 30px;
}

.mb-30
{
  margin-bottom: 30px;
}


.mb-70
{
  margin-bottom: 70px;
}


/*main banner*/

.banner
{
  position: relative;
}

.red-overlay
{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #E2000F 100%);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 10px;
}

.banner-text
{
  position: absolute;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 90px 45px 45px;
}

.banner-text h1
{
  font-weight: 900;
    font-size: 55px;
    margin-bottom: 0;
    line-height: 64px;
}

/*select brand*/

.select-brand
{
  background: var(--smoke);
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 25px;
}

.select-brand h5
{
  font-weight: 500;
  font-family: var(--poppin);
}

.select-brand .input-group-text
{
  background: var(--white);
  border: none;
}

.select-brand input{
  border-left: none;
  border: none;
}

.select-brand .input-group{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);border-radius: 10px;height: 40px;
}

.select-brand .input-group i
{
  color: var(--dark);
  opacity: .25;
  font-size: 19px;
}


.form-control:focus
{
  box-shadow: none;
  border-color: #ced4da;
}

.select-brand input::placeholder
{
  font-size: 14px;
  color: var(--dark);
  opacity: .25;
}

/*box radio*/

.radio-buttons 
{
  display: flex;
  justify-content: space-between;flex-wrap: wrap;
  height:407px;
  overflow-y:scroll;
}

.custom-radio input 
{
  display: none;
}

.radio-btn 
{
  width: 130px;
  height: 115px;
  margin-bottom: 3px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
}

.radio-btn > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.radio-btn .hobbies-icon 
{
  height: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 20px;
}

.radio-btn .hobbies-icon span
{
  position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    font-weight: 600;
    font-size:10px;
}

.radio-btn .hobbies-icon img
{
  display:block;
  width:100%;
  object-fit:contain;
/*  padding: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  
}
.radio-btn .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.radio-btn .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.custom-radio input:checked + .radio-btn 
{
  background: var(--red);
}

.custom-radio input:checked + .radio-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.custom-radio input:checked + .radio-btn img
{
  filter: invert(100%);
}

.step2 .custom-radio input:checked + .radio-btn img
{
  filter: inherit;
}

.custom-radio input:checked + .radio-btn h6, .custom-radio input:checked + .radio-btn span
{color: var(--white);}

/*box radio*/


/*service radio*/

.service-book-buttons 
{
  display: flex;flex-wrap: wrap;
  justify-content: center;
}

.service-book-buttons label.custom-service-book
{
  margin-right: 15px;
  margin-bottom: 10px;
}

.custom-service-book input 
{
  display: none;
}

.service-book-btn 
{
  width: 125px;
  height: 150px;
  margin-bottom: 3px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  background: var(--smoke);
  cursor: pointer;
}

.service-book-btn > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.service-book-btn .hobbies-icon 
{
  height: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.service-book-btn .hobbies-icon .service-img
{
  padding: 30px 30px 0 30px;
}

.service-book-btn .hobbies-icon img
{
  display:block;
  width:100%;
/*  padding: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  
}
.service-book-btn .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.service-book-btn .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.custom-service-book input:checked + .service-book-btn 
{
  background: var(--red);
}

.custom-service-book input:checked + .service-book-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.custom-service-book input:checked + .service-book-btn img
{
  filter: invert(100%);
}

.custom-service-book input:checked + .service-book-btn p
{
  color: var(--white);
}

/*service radio*/




/*other service radio*/

.other-service-book-buttons 
{
  display: flex;flex-wrap: wrap;
}

.other-service-book-buttons label.other-custom-service-book
{
  margin-right: 15px;
  margin-bottom: 10px;
}

.other-custom-service-book input 
{
  display: none;
}

.other-service-book-btn 
{
  width: 185px;
  margin-bottom: 3px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  background: var(--white);
  cursor: pointer;
}

.other-service-book-btn > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.other-service-book-btn .hobbies-icon 
{
/*  height: 100%;*/
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}

.other-service-book-btn .hobbies-icon .pipe{
  height: 30px;
    border: 1px solid #1212124D
}

.other-service-book-btn .hobbies-icon .service-img
{
/*  padding: 30px 30px 0 30px;*/
}

.other-service-book-btn .hobbies-icon img
{
  display:block;
  width:30px;
/*  padding: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  
}
.other-service-book-btn .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.other-service-book-btn .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.other-service-book-btn .hobbies-icon p{
  font-size: 12px;
}

.other-custom-service-book input:checked + .other-service-book-btn 
{
  background: var(--red);
}

.other-custom-service-book input:checked + .other-service-book-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.other-custom-service-book input:checked + .other-service-book-btn img
{
  filter: invert(100%);
}

.other-custom-service-book input:checked + .other-service-book-btn p
{
  color: var(--white);
}

/*other service radio*/


/*appointment radio*/

.radio-buttons_3
{
/*  margin-top: 30px;*/
}

.radio-btn_3{
  padding: 31px;
}

.radio-buttons_3 .card{
  box-shadow: 0px 4px 4px 0px #00000040;
  margin-bottom: 30px;
}

.radio-buttons_3 .btn-white-bdr
{
  display: flex;
  color: var(--white);
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 30px;
  background: var(--red);
  box-shadow: 0px 4px 4px 0px #00000040;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 14px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.custom-radio_3 input 
{
  display: none;
}

.remove-cart
{
  position: absolute;
    top: 5px;
    right: 5px;
}

.radio-btn_3 
{
  display: inline-block;
  cursor: pointer;
}

.radio-btn_3 > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

/*.radio-btn_3 .hobbies-icon 
{
  height: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}*/

.radio-btn_3 .hobbies-icon h5
{
  font-size: 16px;
  font-weight: 700;
}

.radio-btn_3 .hobbies-icon p{
  font-size: 10px;font-weight: 400;
}

.radio-btn_3 .hobbies-icon .service-img
{
  padding: 30px 30px 0 30px;
}

.radio-btn_3 .hobbies-icon img
{
  /*display:block;
  width:100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  */width: 16px;margin-right: 8px;
  
}
.radio-btn_3 .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.radio-btn_3 .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.custom-radio_3 input:checked + .radio-btn_3 
{
  background: var(--red);
  padding: 31px;
}

.custom-radio_3 input:checked + .radio-btn_3 > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.custom-radio_3 input:checked + .radio-btn_3 img
{
/*  filter: invert(100%);*/
  background-image: url('../img/red-bag.svg');
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}

.custom-radio_3 input:checked + .radio-btn_3 h5{
  color: var(--white);
}

.custom-radio_3 input:checked + .radio-btn_3 p
{
  color: var(--white);
  margin-bottom: 1px!important;
}

.custom-radio_3 input:checked + .radio-btn_3 a{
  color: var(--red);
  background: var(--white);
  box-shadow: 0px 4px 4px 0px #00000040;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*appointment radio*/


/*select date radio*/

.choose-date 
{
  display: flex;flex-wrap: wrap;justify-content: space-between;
}

.choose-date label.see-date
{
  margin-right: 0px;
  margin-bottom: 10px;
}

.see-date input 
{
  display: none;
}

.click-date 
{
  width: 60px;
  margin-bottom: 3px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background: var(--white);
  cursor: pointer;
  background: #f6f5f5;
}

.click-date > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.click-date .hobbies-icon 
{
/*  height: 100%;*/
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
}

.hobbies-icon h5
{
  margin-bottom: 0;
  font-weight: 700;
}

.click-date .hobbies-icon h5
{
  margin-bottom: 0;
  font-weight: 500;
}

.click-date .hobbies-icon .pipe{
  height: 30px;
    border: 1px solid #1212124D
}

.click-date .hobbies-icon .service-img
{
/*  padding: 30px 30px 0 30px;*/
}

.click-date .hobbies-icon img
{
  display:block;
  width:30px;
/*  padding: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  
}
.click-date .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.click-date .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.click-date .hobbies-icon p{
  font-size: 12px;
}

.see-date input:checked + .click-date 
{
  background: var(--red);
}

.see-date input:checked + .click-date > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.see-date input:checked + .click-date img
{
  filter: invert(100%);
}

.see-date input:checked + .click-date h5, .see-date input:checked + .click-date p
{
  color: var(--white);
}

/*select date radio*/


/*select time radio*/

.choose-time 
{
  display: flex;flex-wrap: wrap;justify-content: space-between;
}

.choose-time label.see-time
{
  margin-right: 0px;
  margin-bottom: 10px;
}

.see-time input 
{
  display: none;
}

.click-time 
{
  width: 83px;
  margin-bottom: 3px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background: var(--white);
  cursor: pointer;
  background: #f6f5f5;
}

.click-time > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.click-time .hobbies-icon 
{
/*  height: 100%;*/
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 6px;
}

.hobbies-icon h5
{
  margin-bottom: 0;
  font-weight: 700;
}

.click-time .hobbies-icon .pipe{
  height: 30px;
    border: 1px solid #1212124D
}

.click-time .hobbies-icon .service-img
{
/*  padding: 30px 30px 0 30px;*/
}

.click-time .hobbies-icon img
{
  display:block;
  width:30px;
/*  padding: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  
}
.click-time .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.click-time .hobbies-icon h3 
{
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
}

.click-time .hobbies-icon p{
  font-size: 12px;
}

.see-time input:checked + .click-time 
{
  background: var(--red);
}

.see-time input:checked + .click-time > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.see-time input:checked + .click-time img
{
  filter: invert(100%);
}

.see-time input:checked + .click-time h5, .see-time input:checked + .click-time p
{
  color: var(--white);
}

/*select time radio*/



.btn-theme
{
  background: var(--red);
    border: none;
    border-radius: 5px;
    padding: 11px 0;
    color: var(--white);
    font-weight: 700;
    font-family: var(--poppin);
}

.poppin
{
  font-family: var(--poppin);
}

.select-brand .poppin{
  text-decoration: none;
  color: var(--black);
  font-weight: 600;
}

.select-brand .poppin a{
 color: var(--red);
 font-weight: 800;
 text-decoration: none;
}

.flex-select .brand-logo
{
    display:flex;
    align-items:center;
    background: var(--red);
    border-radius:7px;
    padding:10px;
}

.flex-select .brand-logo img:hover
{
    filter:brightness(10);
}

.text-red
{
  color: var(--red);
  font-weight: 800;
}

.servie-flex
{
  display: flex;
}

.bg-smoke
{
  background: var(--smoke);
  padding: 20px;
  text-align: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.bg-red
{
  background: var(--red);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.popular-service .bg-red
{
  padding: 31px 60px;
}

.br-10
{
  border-radius: 10px;
}

.major
{
  position: relative;
}

.black_overlay
{
/*  background: linear-gradient(0deg, #000000 29.73%, rgba(0, 0, 0, 0) 100%);*/
/*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);*/

  position: absolute;
  border-radius: 10px;
  top: 0;
  width: 100%;
  height: 100%;
}

.major-detail
{
  position: absolute;
  top: 70px;
  padding: 10px 24px;
  color: var(--white);
  text-align: center;
}

.major-detail h3
{
  font-weight: 600;
}

.major-detail p{
  font-size: 13px;
}

.limited-offer
{
  position: absolute;
  top: 10px;
  left: 10px;
}

.limited-offer span.success-badge
{
  background: #34A853;
  border-radius: 3px;
  font-size: 10px;
  color: var(--white);
  padding: 2px 7px;
}

.limited-offer span.danger-badge
{
  background: #e2000f;
  border-radius: 3px;
  font-size: 10px;
  color: var(--white);
  padding: 2px 7px;
}

.major .major-detail a{
  background: var(--red);
  color: var(--white);
  text-decoration: none;
  display: block;
  text-align: center;
    padding: 8px;
    border-radius: 5px;
}

.we-serve  .flex-btn
{
  display: flex;
}

.we-serve .flex-btn .btn-theme
{
  text-decoration: none;
  background: var(--red);
  border: none;
  border-radius: 5px;
  text-align: center;
  padding: 11px 0;
  width: 180px;
  display: block;
  color: var(--white);
  font-weight: 700;
}
.we-serve  .flex-btn .btn-theme:hover
{
  color: var(--white);
}

.we-serve  .flex-btn .btn-outline
{
  text-decoration: none;
  border: 1px solid var(--red);
  border-radius: 5px;
  padding: 10px 0;
  width: 180px;
  display: block;
  text-align: center;
  color: var(--red);
  font-weight: 700;
  margin-left: 10px;
}

.we-serve p{
  font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    width: 535px;
    color: var(--grey);
}

.we-serve .banner img{
  width: 100%;height: 450px;object-fit: cover;
  border-radius: 10px;
}

ul.bullet-img
{
  list-style:none;padding-left: 0;
}

ul.bullet-img li
{font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    color: var(--grey);}

.annual-service .banner img{
  width: 100%;
/*  height: 352px;*/
  object-fit: cover;
}


.text-grey
{
  color: var(--grey);
}

.testi
{
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 25px;
  position: relative;
}

.testi-name
{
  display: flex;
  flex-direction: column;
  align-items: end;
}

.google-fix
{
  position: absolute;bottom: 0;left: 0;
}

.google-fix img{
  border-bottom-left-radius: 10px;
}

.slick-slide {
    margin: 0 10px;
}

.slick2 .slick-slide
{
  margin: 0;
}

/* the parent */
.slick-list {
    margin: 0 -10px;
}

.testi-box p{
  font-size: 14px;line-height: 18px;color: var(--grey);
}

.testi-name h6
{
  margin-bottom: 2px;
  color: var(--grey);
  font-weight: 700;
  font-size: 14px;
}

.testi-name p
{
  font-size: 12px;
  font-weight: 400;
}

.bg-grey
{
  background: rgb(18 18 18 / 10%);
}

.about-footer p{
  font-size: 14px;line-height: 18px;
  color: var(--dark);
  margin-bottom: 30px;
}

.about-footer
{
  width: 400px;
}

.about-footer .footer-logo{
  margin-bottom: 20px;
}

footer .border-btn
{
  border: 1px solid var(--dark);
  display: inline-block;
  width: 250px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none;
  color: var(--dark);
}

footer .border-btn img{
  height: 20px;
}

footer .flex-btn
{
  display: flex;
  align-items: center;
}

footer .fo-email
{
  font-weight: 700;
  color: var(--dark);
  font-size: 14px;
  text-decoration: none;
  margin-left: 35px;
}

ul.social-links
{
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-top: 25px;
}

ul.social-links li{
  margin-right: 15px;
}

.payment-cards
{
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-top: 25px;
}

ul.payment-cards li
{
  margin-right: 15px;
}

footer .title
{
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

ul.links-list 
{
  list-style: none;padding-left: 0;
}

ul.links-list  li{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

ul.links-list  li a{
  color: var(--dark);
  text-decoration: none;
}

.py-80
{
  padding: 80px 0;
}

.slick-initialized .slick-slide
{
  margin-bottom: 8px;
}

.white-chit
{
  background: var(--white);
  border-radius: 10px;
  padding: 19px 30px;
  margin-top: 40px;
}

.what-flex
{
  display: flex;
  align-items: center;
}

.what-flex h5
{
  margin-bottom: 0;font-weight: 700;font-size: 22px;color: var(--black);
}

.what-flex p{
  color: var(--grey);
  font-size: 14px;
  margin-bottom: 0;
}

.what-flex .whatsapp-btn
{
  margin-right: 15px;
} 

.white-chit .whatsapp{
  display: flex;justify-content: space-between;align-items: center;
}

footer .input-group-text
{
  padding: 3px;
  border: none;
  background: #e7e7e7;
}

footer .input-group input, footer .input-group input:focus{
  border: 0;
  background: #E7E7E7;
}

.whatsapp button{
 /* position: absolute;
  right: 0;*/
  width: 280px;
  border-radius: 5px!important;
  /*z-index: 9;
  font-weight: 600;*/
}

.whatsapp input{
  margin-right: 157px;
}

.copyright-flex
{
  display: flex;justify-content: space-between;margin-top: 15px;
}

.copyright-flex p{
  font-size: 14px;color: var(--grey);
}

.copyright-flex p a{color: var(--grey);text-decoration: none;}

.choose-car-phview
{
  display: none;
}

.timeline-vertical
{
  display: none;
}

.popular-service .mobile{
  display: none;
}

.popular-service h2.mobile
  {
    display: none;
  }

.mobile-serve
{
  display: none;
}

.mobile-annual-service
{
  display: none;
}

.smoky
{
  background: var(--smoke);
}

.bshadow{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.p-20
{
  padding: 20px;
}

.car-dtl .heading h5
{
  margin-bottom: 0;
}

.car-dtl .heading h3
{
  color: var(--red);
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 30px;
}

.car-dtl .heading h3 span.grey-20{
  font-size: 20px;
  color: var(--grey);
  font-weight: normal;
}

.land-flex
{
  display: flex;justify-content: end;align-items:center;
}

.br-5
{
  border-radius: 5px;
}

.eng-model
{
  text-align: end;
}

.eng-model h5
{
  font-size: 12px;
}

.eng-model p{
  margin-bottom: 0;
}

.eng-model h5 a{
  color: var(--dark);
  font-weight: normal;
}

.eng-model p{
  font-size: 15px;
}

.eng-model p span{
  font-weight: bold;
}

.theme-textarea
{
  width: 100%;
    height: 230px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
}

.accordion .theme-input
{
  width: 100%;
  height: 40px;
  background: var(--f65);
  border-radius: 5px!important;
  border: none!important;
  margin-bottom: 15px;
}

.theme-input::placeholder
{
  font-size: 12px;
  color: #12121280;
;
}

textarea:focus-visible
{
  outline: none;
}

.appointment .back-outline
{
    border-radius: 5px;
    border: 1px solid var(--red);
    text-transform: uppercase;
    color: var(--red);
    text-decoration: none;
    font-weight: 700;
    width: 140px;
    display: block;
    text-align: center;
    padding: 10px;
}

.appointment .continue-fill
{
    border-radius: 5px;
    border: 1px solid var(--red);
    text-transform: uppercase;
    background: var(--red);
    color: var(--white);
    text-decoration: none;
    font-weight: 700;
    width: 140px;
    display: block;
    text-align: center;
    padding: 10px;
}

.flex-back-cont
{
  display: flex;justify-content: space-between;margin-top: 15px;
}

.money-gurantee p{
  margin-top: 30px;margin-bottom: 0;font-size: 12px;font-weight: 700;
}

.appointment .point2 .card .card-body h5
{
  font-size: 16px;
  font-weight: 700;
}

.appointment .point2 .card .card-body input:checked + span
{
  font-weight: 700;font-size: 12px;
}

.appointment .point2 .card .card-body input[type="radio"] + span
{
  font-size: 12px;
}

.bdr-right{
  border-right: 1px solid #70707080
}

.appointment .point2 .red-note
{
  font-size: 10px;
  color: var(--red);
  font-weight: 400;
}

.flex-justify
{
  display: flex;justify-content: space-between;align-items: center;
}

.appointment .point2 a.calander
{
  font-size: 12px;
  color: var(--dark);
  text-decoration: none;
  font-weight: 700;
}

.appointment .point2 .bg-red h6
{
  font-size: 16px;font-weight: 700;
}

.appointment .point2 .bg-red p{
  font-size: 10px;
  font-weight: 400;
}

.appointment .point2 .bg-red h5.price
{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.appointment .point2 .billing p
{
  font-size: 16px;
}

.bdr-y
{
  border-top: 1px solid #70707080;
  border-bottom: 1px solid #70707080;
  padding: 13px 0;
}

.fs-12
{
  font-size: 12px!important;
}

.fs-24
{
  font-size: 24px!important;
}

.appointment .point3 h5
{
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}

.appointment .point3 h5 span{
  font-weight: 700;
}

.accordion h2 button{
  font-size: 16px;
  color: var(--dark)!important;
  font-weight: 700;
  border-radius: 10px;
}

.accordion .accordion-item{
  margin: 15px 0;
  border: none;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 10px;
}

.appointment .accordion-button:not(.collapsed)
{
  background-color: var(--white)!important;
  box-shadow: none;
}

.appointment .accordion-button:focus
{
  box-shadow: none;
}

.appointment .accordion-button::after
{
  display: none;
}

.pay-ttl h5
{
  font-size: 24px;
  font-weight: 400;
}

.pay-ttl h5 span{
  font-weight: 700;
}

.accordion p.input-title{
  font-size: 10px;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 7px;
}

.no-bullet
{list-style: none;}

.product-tabs ul li.nav-item button img{
  height: 26px;
  opacity: 1;
  opacity: 50%;
}

.product-tabs ul li.nav-item button p{
  font-size: 10px;
  font-weight: 400;
  font-family: var(--font);
  color: #12121280;
;
}

.product-tabs ul li.nav-item button.active img{
  height: 26px;
  opacity: 1;
}

.product-tabs ul li.nav-item button.active p{
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--dark);
}

.product-tabs .nav-tabs .nav-link.active, .product-tabs .nav-tabs .nav-link:focus, .product-tabs .nav-tabs .nav-link:hover
{
  border: none;
}

.product-tabs .nav-tabs .nav-link
{
  margin-bottom: inherit;border: none;padding: 8px 15px;
}

.product-tabs #myTab
{
  margin-top: 20px;
  border-bottom: 1px solid #70707080;
  justify-content: space-between;
}

.product-tabs .tab-content .listing h5{
  font-size: 20px;font-weight: 700;
}

.product-tabs .tab-content .listing .listing-flex h5{
  font-size: 16px;font-weight: 700;
}

.product-tabs .tab-content>.tab-pane
{
  margin: 20px 0;
}

.listing{
  padding: 20px 15px;
  border-bottom: 0.5px solid #70707080;
  border-right: 0.5px solid #70707080
}

.listing h6
{
    margin-botttom:10px!important;
}

.listing-flex
{
  display: flex;
  position:relative;
}

.product-tabs .tab-content .listing .listing-flex ul.red-bullet
{
  display: flex;
  padding-left: 0;
}

.product-tabs .tab-content .listing .listing-flex ul.red-bullet li
{
  font-size: 12px;font-weight: 400;margin: 0 15px;
}

.product-tabs .tab-content .listing .listing-flex ul.red-bullet li::marker
{
  color: var(--red);
}

.product-tabs .tab-content .listing .listing-flex ul.green-check
{
  display: flex;padding-left: 0;flex-wrap: wrap;
}

.product-tabs .tab-content .listing .listing-flex ul.green-check li{
  width: 45%;list-style: none;font-size: 12px;font-weight: 400;line-height: 22px;
}

.rating-cart-flex
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rating-cart-flex .badge-red{
  background: var(--red);
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  color: var(--white);
  padding: 3px 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.rating-cart-flex .badge-red img{
  vertical-align: baseline;
}

.rating-cart-flex p{
  font-size: 9px;font-weight: 700;color: var(--dark);
}

.merge-cart
{
  background: var(--red);
  color: var(--white);
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--red);
  
  border-radius: 5px;
  padding:3px 13px;
}



.merge-cart a.white-cart
{
  background: var(--white);
  color: var(--red);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  padding: 8px;
  border-radius: 5px;
}

.faq .accordion-button:not(.collapsed)
{
  background-color: var(--red);
  color: var(--white)!important;
  box-shadow: none;
}

.faq .accordion-button:focus
{
  box-shadow: none;
}

.faq h2 button
{
  background: var(--red);
  color: var(--white)!important;
  font-size: 16px;
  font-weight: 600;
}

.faq .accordion-item
{
  background: var(--red);
  color: var(--white);
}

.faq .accordion-button::after
{
  background: linear-gradient(180deg, #FFD800 0%, #FEC200 100%);
}

.faq .accordion-button:not(.collapsed)::after
{
  background: url('../img/accordian-arrow.svg') #FFD800;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 2px 4px 0px #967F00;
}

.faq .accordion-button::after
{
  background: url('../img/accordian-arrow.svg') #FFD800;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 2px 4px 0px #967F00;
}

.faq .accordion-body p{
  font-size: 12px;
  font-weight: 400;
}

.fs-30
{
  font-size: 30px;
}

.product-tabs .mechanic p.mechanic-text{
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

.product-tabs .listing h6.fs-16
{
  font-size: 16px;
  font-weight: 700;
  margin-bottom:15px;
}


.search-btn{
  position: fixed;
  top: 8px;
  right: 40px;
  padding: 10px;
  border-radius: 2px;
  color: #fff;
}

.search-btn:hover{
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
}
#search-overlay{
  display:none;
}
.block {
  position: fixed;
  top: 0;
  right: 0;
  bottom:0 ;
  left: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  border: #a0a0a0 solid 1px;
  margin: 0;
  z-index:99;
}

.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
  /* Adjusts for spacing */
  /* For visualization 
  background: #808080; width: 5px;
  */
}

.centered {
  display: inline-block;
  vertical-align: top;
  margin-top: 15%;
  width: 90%;
  color: #FFF;
  border: none;
  background: transparent;
}

#search-box {
  position: relative;
  width: 100%;
  margin: 0;
}

#search-form {
  height: 3em;
  border: 1px solid #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

#search-text {
  font-size: 14px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

#search-box input[type="text"] {
  width: 100%;
  padding: 11px;
  color: #333;
  outline: none;
  font-size: 1em;
}

#search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  border-width: 0;
  background-color: var(--red);
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

#close-btn{
  position: fixed;
  top: 18px;
  right: 50px;
}
#close-btn:hover{
  color: #777;
  cursor: pointer;
}

.custom-radio {
    display: inline-block;
}

.hobbies-icon img {
    width: 50px;
    height: auto;
}
.step {
    display: none;
}
.step.active {
    display: block;
}

.next-step-btn
{display: flex;justify-content: space-between;}

.hobbies-icon h6
{display: flex;justify-content: center;align-items: center;height: 100%;margin-bottom: 0;}


.modal-dialog
{
  max-width: 800px;
}

.btn-close:focus
{
  box-shadow:none;
}

.flex-justify-radio
{
  display: flex;
  justify-content: space-between;
}


.instant-delivery
{
  text-decoration: none;
  color: inherit;
}

/*Quantity input width css Start*/
.qunt input
{
  width: 70px;
  margin: 0 6px;
  text-align: center;
}
/*Quantity input width css End*/

/*Review image width css Start*/
.google-fix img
{
  width: 60px;
  height: 60px;
}
/*Review image width css End*/

.box-shadow
{
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%);
}

.br-20 
{
    border-radius: 20px;
}

ul.list-unstyle 
{
    list-style: none;
}

ul.list-unstyle li 
{
    line-height: 1.8;
}

ul.list-unstyle li a
{
  text-decoration: none;
}

section#chng-pwd .eye-icon 
{
    margin-top: -45px;
}
.eye-icon {
    float: right;
    margin-right: 10px;
    margin-top: -38px;
    position: relative;
    z-index: 99999;
}

/*cart-model-imge css */

.cart-model-img 
{
    height: 100%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
}

.cart-model-img img 
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/*remove-cart btn css */

.radio-btn_3 .hobbies-icon .remove-cart i 
{
    color: #FF0006;
    line-height: 27px;
    font-size: 18px;
}

/*choose car include page css*/

.flex-select
{
    display:flex;justify-content:space-between;margin-bottom:15px;
}

.flex-select p
{
  margin-bottom: 0;
  margin-top: 10px;
}

.flex-select img
{
  width: 80px;
}

.flex-select .brand img
{
  width: 75px;
  height: 75px;
}

.header_login 
{
    max-width: 50px !important;
    height: 45px;
    object-fit:cover;
    border-radius: 50%;
}

.user-flex
{
    display:flex;
}

.alert-msg
{
    position:absolute;right:10px;top:10px;
}

.like-buton
{
    cursor:pointer;
}

.point2 .active 
{
    background-color: var(--red);
}

.point2 .active .text-red
{
    color:var(--white);
}


.box-shadow 
{
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%);
}

.bread-img
{
  background-image: url(../img/bread.jpg);
    background-position: center;
    width: 100%;
    height: 300px;
    margin-bottom: 0;
}

.bread-img h1 
{
    margin-top: 100px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ps-0 
{
    padding-left: 0 !important;
}

.bread-img ul li 
{
    display: inline-block;
    text-transform: uppercase;
}

.bread-img ul li a 
{
    color: #fff;
}

.contact_us 
{
    background-color: #f1f1f1;
    padding: 120px 0px;
}

.contact_inner 
{
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
}

.contact_field 
{
    padding: 60px 270px 90px 100px;
}

.contact_field h3 
{
    color: #000;
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact_field p 
{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.contact_field .form-control 
{
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
}

.right_conatct_social_icon 
{
    background-color: var(--red);
    height: 100%;
}

.socil_item_inner 
{
    padding-bottom: 10px;
}

.socil_item_inner li 
{
    list-style: none;
}

.socil_item_inner li a 
{
    color: #fff;
    margin: 0px 12px;
    font-size: 14px;
}

.contact_info_sec 
{
    position: absolute;
    background-color: var(--black);
    right: 0px;
    top: 16%;
    height: 340px;
    width: 340px;
    padding: 70px 40px;
    border-radius: 25px 0 0 25px;
}

.contact_info_sec h4 
{
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.info_single 
{
    margin: 30px 0px;
}

.info_single i 
{
    margin-right: 15px;
}

.info_single span 
{
    font-size: 14px;
    letter-spacing: 1px;
}

.btn-red 
{
    padding: 9px 29px;
    border-right: none;
    display: inline-block;
    border-radius: 32px;
    font-weight: 700;
    border: 1px solid var(--red);
    background: var(--red);
    color: var(--white);
    text-align: center;
    font-size: 13px;
}

.pb-80 
{
    padding-bottom: 80px;
}
.pt-80 
{
    padding-top: 80px;
}

.text-justify 
{
    text-align:justify;
}

.accordion-body
{
    font-size: 15px;
    font-weight: 300;
}
.hobbies-icon.img_b:hover
{
    border: 1px solid var(--red);
    background: var(--red);
    color: var(--white);
}
.hobbies-icon.img_b:hover img
{
    filter: invert(100%);
}
.hobbies-icon.img_m:hover
{
    border: 1px solid var(--red);
    background: var(--red);
    color: var(--white);
}

.cart_coun sup
{
    /*top: -3.5em;
    left: 2em;*/
    background-color: white;
    color: red;
    border-radius: 50%;
    padding: 3px 8px;
    border: 1px solid red;
}

/*index service section css start*/
.flex-service a 
{ 
  text-decoration: none;
}

.flex-service:hover .seprator .service-name h5
{
  color: var(--white) !important;
}
.flex-service:hover .service-img img
{
  filter: invert(100%) !important;
}
.service-book-btn.serv a 
{
  color: #000;
  text-decoration: none;
}

.service-book-btn .hobbies-icon:hover 
{
  color: var(--white);
  background: var(--red);
}
.service-book-btn .hobbies-icon:hover .service-img 
{
  filter: invert(100%);
}
.col-md-6.ul-index ul
{
  padding-left: 0px;
}
.col-md-6.ul-index ul
{
  padding-left: 0px;
}
/*index service section css end*/


/*login form css*/
.my-100
{
    margin:100px 0;
}

.bg-red-opc
{
    background: rgb(151 0 0 / 80%);
}

.bg-red-opc form label
{
    font-size: 10px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 7px;
}

.bg-red-opc form input, .flex-country select
{
    height: 40px;
    background: var(--f65);
    border-radius: 5px !important;
    border: none !important;
    margin-bottom: 15px;
}

.bg-red-opc form input[type="radio"]
{
    height:inherit;
}

.bg-white-form
{
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}

.signonsocial
{
    text-align: center;
    margin: 25px 0;
    color: #fff;
    font-size:16px;
}

.bg-red-opc ul
{
    display:flex;
    align-items:center;
    justify-content:center;
}

.bg-red-opc ul li
{
    background:var(--red);
    margin:0 5px;
    padding: 16px;
    border-radius:10px;
}

.bg-red-opc ul li a img
{
    width:28px;height:28px;
}

.flex-country.pro
{
    display:flex;
    justify-content:space-between;
}

.flex-country.pro input
{
    width:300px;
}
.flex-country.pro.pro input
{
    width: 280px;
}
.select-brand .brand .anchor
{
  text-decoration: none;
}

.offertag
{
    position: absolute;
    top: 3px;
    left: 5px;
}

.offertag span{
    color: var(--white);
    background: var(--red);
}

.flex_client
{
    display:flex;
    justify-content: end;
}


.product-tabs .tab-content .listing .listing-flex img
{
    width: 150px; height: 150px;object-fit:cover;border-radius:15px;
}

.not-fixed
{
    position:inherit!important;
}