/*************** font ********************/
@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.eot");
  src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff"),
    url("../fonts/Inter-Regular.ttf") format("truetype"),
    url("../fonts/Inter-Regular.svg#Inter-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("../fonts/Inter-SemiBold.eot");
  src: url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter-SemiBold.woff") format("woff"),
    url("../fonts/Inter-SemiBold.ttf") format("truetype"),
    url("../fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter-Bold.eot");
  src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Bold.woff2") format("woff2"),
    url("../fonts/Inter-Bold.woff") format("woff"),
    url("../fonts/Inter-Bold.ttf") format("truetype"),
    url("../fonts/Inter-Bold.svg#Inter-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.eot");
  src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff"),
    url("../fonts/Poppins-Medium.ttf") format("truetype"),
    url("../fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.eot");
  src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff"),
    url("../fonts/Poppins-Regular.ttf") format("truetype"),
    url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.eot");
  src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Poppins-Bold.woff2") format("woff2"),
    url("../fonts/Poppins-Bold.woff") format("woff"),
    url("../fonts/Poppins-Bold.ttf") format("truetype"),
    url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("../fonts/Poppins-ExtraBold.eot");
  src: url("../fonts/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Poppins-ExtraBold.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraBold.woff") format("woff"),
    url("../fonts/Poppins-ExtraBold.ttf") format("truetype"),
    url("../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light.eot");
  src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Poppins-Light.woff2") format("woff2"),
    url("../fonts/Poppins-Light.woff") format("woff"),
    url("../fonts/Poppins-Light.ttf") format("truetype"),
    url("../fonts/Poppins-Light.svg#Poppins-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans-Light";
  src: url("../fonts/OpenSans-Light.eot");
  src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Light.woff2") format("woff2"),
    url("../fonts/OpenSans-Light.woff") format("woff"),
    url("../fonts/OpenSans-Light.ttf") format("truetype"),
    url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans-Medium";
  src: url("../fonts/OpenSans-Medium.eot");
  src: url("../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Medium.woff2") format("woff2"),
    url("../fonts/OpenSans-Medium.woff") format("woff"),
    url("../fonts/OpenSans-Medium.ttf") format("truetype"),
    url("../fonts/OpenSans-Medium.svg#OpenSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.eot");
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Bold.woff2") format("woff2"),
    url("../fonts/OpenSans-Bold.woff") format("woff"),
    url("../fonts/OpenSans-Bold.ttf") format("truetype"),
    url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("../fonts/OpenSans-SemiBold.eot");
  src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-SemiBold.woff2") format("woff2"),
    url("../fonts/OpenSans-SemiBold.woff") format("woff"),
    url("../fonts/OpenSans-SemiBold.ttf") format("truetype"),
    url("../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular.eot");
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Regular.woff2") format("woff2"),
    url("../fonts/OpenSans-Regular.woff") format("woff"),
    url("../fonts/OpenSans-Regular.ttf") format("truetype"),
    url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*************** font ********************/

body {
  font-family: "Inter-Regular";
  color: #000;
}
::selection {
  color: #000;
  background-color: #d3d3d3;
}
a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
a:hover {
  color: #fff;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: "Inter-Regular";
  line-height: unset;
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: unset;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: unset;
}

ul {
  padding-left: 0px;
  list-style: none;
}
.paddingtop {
  padding-top: 60px;
}
.header-page {
  /* padding: 0px 70px; */
  padding-bottom: 20px;
  padding-top: 10px;
}
section.top-header.bg-dark {
  padding: 15px 0px;
  position: relative;
  background-color: #000 !important;
}
.header-page .navbar-brand img {
  width: 220px;
  max-width: 100%;
}
.header-page label.search-part {
  position: relative;
  width: 100%;
  /*max-width: 320px;*/
}
.header-page .search-part img {
  position: absolute;
  max-width: 22px;
  width: 100%;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.header-page .search-part input.search {
  background: #ffffff;
  border: 1px solid #e6eaf5;
  color: #495057;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
}
.header-page .leftnav .nav-item img {
  width: 100%;
  max-width: 25px;
  margin-left: 6px;
  margin-top: 5px;
}
li.nav-item {
  /*margin-top: 5px;*/
}

li.nav-item a img {
  width: 24px;
  margin-left: 18px;
}
.header-page .collapse.navbar {
  justify-content: end;
}
input.form-control::placeholder {
  color: #5d5c61;
}
.header-page .custom-cart {
  position: relative;
}
.header-page .leftmenu .nav-link span {
  position: absolute;
  top: -11px;
  right: -11px;
  color: #fff;
  background-color: #dc2524;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-size: 11px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
}
ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
  margin-left: 12px;
}
.service-list.bg-dark {
  padding: 15px;
  border-top: 1px solid #ffffff40;
}
.service-list img {
  width: 100%;
  max-width: 25px;
  margin-right: 5px;
}

ul.leftmenu {
  display: flex;
  justify-content: end;
  margin-bottom: 0;
  align-items: center;
}
.contacts {
  display: grid;
  justify-items: end;
  margin-right: -5px;
}
.service-list li span {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.custom-service {
  display: flex;
  flex-wrap: wrap;
}
.aside-navbar {
  display: none;
}
button.navbar-toggler {
  background-color: #fff;
  padding: 3px 5px;
}
li.ser-item span {
  color: #fff;
  /*margin-left: 10px;*/
  font-size: 15px;
  font-weight: 400;
}

.top-header nav.navbar.navbar-expand-lg {
  border-top: 1px solid #666666;
  padding-top: 15px;
}
.top-header .navbar {
  padding-bottom: 0;
}
ul.navbar-nav.mb-2.mb-lg-0 {
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  margin-top: 10px;
}

.custom-service .ser-item a {
  display: flex;
  align-items: center;
}
.Company-menu .input-group-text {
  background-color: #fff;
  border: 1px solid #fff;
}
.Company-menu .input-group {
  max-width: 240px;
  width: 100%;
}
.Company-menu a.input-group-text {
  border-radius: 50px;
  background-color: #000;
}
.Company-menu input.form-control {
  background-color: #000;
  border-radius: 50px;
  color: #fff !important;
  border-color: #808080;
  height: 50px;
}
.Company-menu input.form-control::placeholder {
  font-size: 14px;
}
.form-control:focus {
  color: #000;
  background-color: #fff;
  border-color: #ced4da;
  outline: 0;
  box-shadow: unset;
}
.Company-menu input.form-control::placeholder {
  color: #ffffff69 !important;
}
.innerbanner .PIC-IMG img {
width: 100%;
object-fit: cover;
border-radius: 20px;
height: 220px
}
.innerbanner .PIC-IMG {
  padding: 20px 0;
  /* padding: 20px 15px; */
}
.innerbanner .bannaer-text2 {
  position: relative;
}

.innerbanner .PIC-IMG h2 {
  position: absolute;
  top: 50%;
  transform: translatey(-80%);
  color: #fff;
  font-size: 58px;
  font-family: "Poppins-Regular";
  text-align: center;
  width: 100%;
}
.innerbanner .PIC-IMG h2 span {
  font-family: "Poppins-Bold";
}

.discount-timer .discount-add {
  background-color: #000;
  display: flex;
  padding: 20px 30px;
  border-radius: 20px;
  margin-top: -85px;
  z-index: 1;
  position: relative;
}
.pikup-store.discount-timer .discount-add {
  padding: 33px 60px;
}
.discount-line,
.cust-offer {
  display: flex;
  align-items: center;
  gap: 5px;
}
.discount-line span,
.cust-offer span {
  color: #fff;
}
.discount-line span {
  font-size: 16px;
}

/*..............pikup.................*/
section.pikup-store .discount-add {
  background-color: #dc2524;
  margin-top: 0px;
}
section.pikup-store .workspace {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}
section.pikup-store .work-space {
  display: flex;

  justify-content: center;
}
section.pikup-store .custom-offer {
  display: flex;

  /*justify-content: center; */
}
section.pikup-store .work-space img {
  width: 70px;
  max-width: 70px;
}
section.pikup-store .custom-offer img {
  margin-right: 10px;
  max-width: 36px;
}
section.pikup-store .workspace img {
  max-width: 35px;
}
.discount-timer .discount-line img {
  max-width: 50px;
}
.discount-timer .offer {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.discount-timer .workspace-tabs {
  display: flex;
  justify-content: center;
}
.discount-timer .get-offer {
  display: grid;
  margin-right: 10px;
  /*text-align: right;*/
}
.workspace {
  display: flex;
  align-items: center;
}
.new-brand-img {
  height: 200px;
  width: 100%;
}
.new-brand-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
a.discount-line {
  font-family: "Inter-Regular";
}
.discount-timer .custom-offer {
  display: flex;
  justify-content: end;
  align-items: center;
}
.img-overlay {
  position: relative;
}
.img-overlay:before {
  background: #00000085;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
}
.discount-timer a#watch {
  /* background-color: #C40000; */
  background-color: #dc2524;
  padding: 7px 12px;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 700;
  width: 70px;
  text-align: center;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Bold";
}
.discount-timer .cust-timer span {
  font-weight: 700;
  font-size: 50px;
  padding: 0 15px;
  color: #4c4c4c;
}
li.ser-item img {
  /*max-width: 25px;*/
}
.custom-oil img {
  max-width: 20px !important;
}
.custom-delivery img,
.custom-motor img {
  max-width: 30px !important;
}
section.popular-items .brands-name {
  background-color: #fff;
  border-radius: 11px;
}

.Company-menu button {
  border: 1px solid #ffffff47;
  border-radius: 50px;
  padding: 4px 9px;
  background-color: unset;
  color: #fff;
  font-size: 16px;
}
.Company-menu i {
  background-color: #c1c1c1;
  color: #000;
  height: 25px;
  width: 25px;
  border-radius: 50px;
  padding: 5px;
  font-size: 13px;
  text-align: center;
}
.social-icon {
  display: flex;
}
.social-icon i {
  margin-right: 13px;
  background-color: #8a8a8a;
  color: #000;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  text-align: center;
  padding: 6px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-media h6 {
  margin-bottom: 15px;
}

.resource-part {
  /* margin-top: 50px; */
}
.card-img img {
  width: 100%;
  max-width: 660px;
}
.payment-card {
  text-align: center;
  margin-top: 70px;
}
.logofoot2 img {
  max-width: 70px;
}
.copyright {
  margin-top: 50px;
}
.copytext {
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.copytext a {
  font-size: 12px;
}
.logofoot3-btn-devider {
  position: relative;
}
span.privacy-line {
  margin-right: 30px;
}
.logofoot3-btn-devider .privacy-line:after {
  content: "|";
}
span.privacy-line:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 21px;
  width: 34px;
}
.custom-login-top .btn-primary {
  padding: 8px;
}
.custom-login-top .custom-login,
.custom-login-top .custom-body,
.custom-login-top .custom-footer {
  padding-left: 0;
  padding-right: 0;
}
.custom-login-top .modal-content {
  padding: 30px 30px;
}
.password-show:before {
  content: "\f06e";
  position: absolute;
  top: 30%;
  right: 0;
  transform: translateY(-30%);
}
input#exampleFormControlInput1 {
  border-radius: 50px;
}
.btn-primary {
  /*width: 100%;*/
  border-radius: 50px;
  background-color: #dc2524;
  border-color: #dc2524;
}
a.forgot-password {
  color: #000;
  text-decoration: underline;
}
.form-check-input[type="checkbox"] {
  border-radius: 50px;
}

.custom-service .navbar-nav {
  width: 100%;
  justify-content: space-between;
}
.custom-delivery {
  margin-right: 0;
}

li.nav-item.custom-contact {
  display: none;
}
.custom-offer img {
  max-width: 40px;
}
section.brands-parts,
.top-brandpart {
  padding-bottom: 100px;
}
section.brands-parts.brake-parts {
  padding-bottom: 65px;
}
section.brands-parts .brands-name {
  border: 1px solid #00000029;
  /* display: block; */
  display: table-cell;
  overflow: hidden;
  border-radius: 15px;
  /* min-height: 156px; */
}
.brand-list-grid .brands-name:hover {
  border: 1px solid #00000054;
}
section.brands-parts .custom-brand1 {
  width: 20%;
  display: table;
  margin-bottom: 25px;
}
.brake-parts .brand-img img {
  max-height: 150px;
}
section.brands-parts .brand-img img {
  width: 100px;
  text-align: center;
  /*border-radius: 20px;*/
  max-width: 100%;
  /*padding-top: 10px;*/
}
section.brands-parts .brand-img p {
  /* font-size: 18px; */
  font-size: 14px;
  padding: 0 10px;
  font-family: "Inter-Regular";
  margin-top: 12px;
  text-align: center;
  color: #5d5c61;
  width: 100%;
}
.brandName-autoParts {
  width: 100%;
}
section.brands-parts .custom-audi p {
  margin-top: 8px;
  margin-bottom: 12px;
}
button.btn.btn-show {
  border: 1px solid #000;
  border-radius: 50px;
  padding: 10px 19px;
}
button.btn.btn-show:hover {
  border: 1px solid #000;
  background-color: #000000;
  color: #ffffff;
}
button.btn.btn-show:hover .right-aerro {
  filter: invert(1);
}
section.brands-parts .show-brnds img {
  max-width: 15px;
  margin-left: 5px;
}

.more-btn-img {
  vertical-align: middle;
  display: contents;
}
.more-btn-img img {
  width: 20px;
}
section.brands-parts .show-brnds {
  text-align: center;
  margin-top: 20px;
}
section.popular-items .poplar-bg {
  padding: 50px 50px 20px 50px;
  border-radius: 20px;
  background-color: #000;
}
section.popular-items .poplar-bg h2 {
  color: #fff;
  font-family: "Poppins-Medium";
}
section.popular-items .poplar-bg button.btn.btn-show {
  color: #fff;
  border: 1px solid rgb(143 143 143);
  padding: 6px 20px;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
section.popular-items .title-tag {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
.poplar-bg .nav-pills .nav-link:hover,
.poplar-bg .nav-pills .nav-link.active,
.poplar-bg .nav-pills .show > .nav-link {
  /*border-radius: 50px;*/
  background-color: #dc2524;
  /*font-family: 'Inter-Regular';*/
  color: #fff;
  border-color: #dc2524;
  /*margin-left: 15px;*/
}
.popular-items li.nav-item:first-child .nav-link {
  margin-left: 0;
}
.nav-pills .nav-link:hover {
  border-radius: 50px;
  background-color: #dc2524;
  font-family: "Inter-Regular";
  color: #fff;
  border-color: #dc2524;
  margin-left: 15px;
}
.partdetail-list .nav-pills .nav-link:hover {
  margin-left: 0px;
}
.nav-pills .nav-link {
  background: 0 0;
  border: 1px solid;
  border-radius: 50px;
  color: #fff;
  margin-left: 15px;
}
.poplar-bg .nav-pills .nav-link {
  background: 0 0;
  border: 1px solid rgb(143 143 143);
  border-radius: 50px;
  color: #fff;
  margin-left: 15px;
  font-size: 18px;
  line-height: 27px;
  font-family: "Inter-Regular";
  font-weight: 400;
  white-space: nowrap;
}
section.popular-items ul#pills-tab {
  /*margin-left: -10px;*/
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  color: #fff;
  padding-bottom: 10px;
}
section.popular-items .brand-img + p {
  margin-top: 15px;
  color: #5d5c61;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
section.popular-items li.nav-item {
  /*margin-left: 13px;*/
}
section.brand-slider {
  padding: 0px;
}
section.brand-slider .bannaer-text2 {
  text-align: center;
}
section.brand-slider .brand-img img {
  /*width: auto;*/
  height: 40px;
}
section.brand-slider .logo-slider {
  padding: 15px 12px 80px 3px;
}
section.brand-slider .owl-carousel .owl-item img {
  display: unset;
}
section.brand-slider .brand-img.custom-mahel img {
  width: auto;
  height: 35px;
}
section.brand-slider .owl-carousel .owl-nav.disabled {
  display: block;
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  margin: 0px;
  display: flex;
  justify-content: space-between;
}
section.discount-timer.pikup-store {
  padding-bottom: 100px;
}
section.brand-slider .no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
  /*position: relative;*/
}
section.brand-slider .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  background: #dee1e6;
  color: #fff;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position: relative;
}
section.custom-logoslider .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  background: #dee1e6;
  color: #fff;
  height: 35px;
  width: 35px;
}

section.customer-slider .customer-star img {
  max-width: 16px;
}
section.customer-slider .customer-name p {
  margin-bottom: 4px;
  margin-top: 0;
}
section.customer-slider .custome-slider .owl-nav.disabled {
  display: block;
  position: absolute;
  top: 55%;
  transform: translateY(0);
  left: 0;
  width: 100%;
  margin: 0px;
  display: flex;
  justify-content: space-between;
}
.card.cust-card {
  background-color: #f5f7fb;
  padding: 22px;
  border: 1px;
  border-radius: 15px;
}
section.customer-slider .logo-slider-wrapper {
  width: 90%;
  margin: auto;
}
section.customer-slider .bannaer-text2 {
  margin-bottom: 25px;
  font-family: "Poppins-Medium";
}
section.customer-slider {
  padding-bottom: 90px;
}

section.pikup-store .get-offer {
  display: grid;
  margin-right: 0px;
  text-align: left;
}

.discount-add .offer a {
  font-size: 14px;
}
.discount-add .offer a span {
  font-family: "Inter-Bold";
}
.timer {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*............footer..................*/
footer {
  margin-bottom: 15px;
}
.footer-space {
  border-radius: 12px;
  /*margin-top: 40px;*/
  background-color: #000;
  padding: 80px 40px;
  padding-bottom: 15px;
}

.footer-space .row {
  margin-left: auto;
  margin-right: auto;
}
.get-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
.top-banner .get-offer {
  margin-right: 10px;
}
.footer-space button.btn-red {
  background-color: #dc2524;
  color: #fff;
  border-radius: 50px;
  border: unset;
  padding: 14px 20px;
  font-size: 16px;
  margin-right: 10px;
  font-weight: 400;
}

li.ser-item.p-0 {
  display: flex;
  justify-content: center;
}
.owl-theme .owl-dots .owl-dot {
  display: none;
}
.custom-logoslider {
  position: relative;
}
.owl-carousel .owl-stage-outer {
  position: unset;
}
.owl-carousel .owl-stage {
  position: unset;
}
.owl-carousel,
.owl-carousel .owl-item {
  position: unset;
}
.brand-img {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}

/*..............selcet-vehicle...........................*/
.top-banner {
  padding: 10px 15px;
  /*background: #bf0000;*/
  background: #dc2524;
}
.top-banner .discount-line img {
  max-width: 30px;
}
section.top-banner .workspace {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 33px;
}
section.top-banner .discount-add {
  display: flex;
  text-align: center;
  align-items: center;
}
section.top-banner .custom-offer {
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 25px;
}
section.top-banner .offer {
  margin-left: 10px;
}
section.top-banner a#watch {
  background-color: #fff;
  border-radius: 10px;
  color: #000;
  font-family: "Inter-Bold";
  font-size: 19px;
  font-weight: 700;
  line-height: 29.05px;
  width: 50px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.top-banner .cust-timer span {
  color: #fff;
  font-size: 20px;
  margin: 0 10px;
}
section.bread-list ol.breadcrumb {
  display: flex;
  justify-content: center;
  padding: 15px 0px;
}
section.bread-list li.breadcrumb-item a {
  color: #dc2524;
}
section.bread-list .breadcrumb-item.active {
  color: #000;
}
section.bmw-part {
  padding: 0 0 30px;
}
section.bmw-part .auto-bmw {
  text-align: center;
}
section.bmw-part h2 {
  font-size: 38px;
  text-transform: capitalize;
  font-family: "Poppins-Light";
  font-weight: 300;
  color: #000;
}
section.bmw-part span {
  font-family: "Poppins-ExtraBold";
  color: #000;
}
section.car-model .brands-name {
  border: unset;
  padding: 0px !important;
}
section.car-model .brand-img {
  width: 100%;
  text-align: center;
  position: relative;
  object-fit: cover;
}
.car-model .brand-img:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 20px;
  background: linear-gradient(180deg, rgb(0 0 0 / 7%) 0%, #0000004f 100%);
  border-bottom-right-radius: 20px;
}
section.car-model .brand-img p {
  font-size: 15px;
  font-family: "Inter-Regular";
  text-align: center;
  position: absolute;
  bottom: 0;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000db 100%);
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 20px 10px;
}
section.car-model a.custom-gradint {
  position: absolute;
  bottom: 0;
}
section.pickup-part .discount-add {
  background-color: #dc2524;
}
section.pickup-part .workspace {
  display: flex;
  justify-content: center;
}
section.pickup-part .workspace img {
  max-width: 35px;
}
section.pickup-part .offer {
  display: flex;
  flex-direction: column;
}
section.pickup-part .work-space img {
  max-width: 50px;
}
section.pickup-part .work-space {
  display: flex;
  justify-content: center;
}
section.pickup-part .custom-offer img {
  max-width: 35px;
}
section.pickup-part .custom-offer {
  display: flex;
  justify-content: center;
}
section.pickup-part .discount-add {
  margin-top: 0px;
}

.top-brandpart.Parts-slider {
  position: relative;
  padding: 0 50px;
}
.top-brandpart .Parts-slider .owl-carousel .owl-item img {
  max-width: 130px;
  max-height: 60px;
  margin: auto;
  width: auto;
}
.top-title h2 {
  text-align: center;
  margin-bottom: 40px;
  font-family: "Poppins-Medium";
  font-size: 35px;
  /* font-family: 'Poppins-Light'; */
}
.top-brandpart .Parts-slider .item.custom-pic8 {
  width: 75px;
  margin: auto;
}
.top-brandpart .Parts-slider .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
  /* margin: -5px auto; */
  margin: auto;
}
.top-brandpart .Parts-slider .owl-carousel .owl-nav button.owl-next,
.Parts-slider .owl-carousel .owl-nav button.owl-prev {
  border-radius: 50%;
  background: #dee1e6;
  color: #fff;
  height: 30px;
  width: 30px;
}
.top-brandpart .Parts-slider .owl-carousel .owl-item img {
  opacity: unset;
}
.custom-logoslider .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}
section.pickup-part {
  padding: 30px 0px 80px 0px;
}
.row.modal-last {
  /*justify-content: center;*/
}
.le-lr {
  background-color: #f5f7fb;
  padding: 10px;
  border-radius: 11px;
  position: relative;
  margin-bottom: 20px;
}
.left {
  display: flex;
  text-align: left;
  align-items: center;
}

.left .text-list p {
  margin-bottom: 0px;
  margin-left: 15px;
  font-size: 14px;
}
.right {
  display: flex;
  text-align: center;
  align-items: center;
}
.price {
  margin: 0px 50px 0px 0px;
  width: 30%;
}
.close {
  margin: 0px 30px 0px 0px;
}
.product-cart h2 {
  color: #5d5c61;
  font-family: "Inter-SemiBold";
}
section.product-cart {
  padding: 80px 0px;
}
.pro-img img {
  border: 1px solid #d5d5d5;
  border-radius: 20px;
}
.product-detail .car-text-list {
  padding-left: 0px;
}
.product-detail .car-text-list p {
  margin-bottom: 0px;
  margin-left: 15px;
}
.qty span {
  cursor: pointer;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1112126b;
}

.product-quantity {
  text-align: end;
}
.qty input {
  border: 0;
  width: 2%;
}
.qty .count {
  color: #3f3f48;
  display: inline-block;
  font-size: 20px;
  min-width: 43px;
  text-align: center;
  background-color: #f5f7fb;
}
.close i {
  color: #fff;
  /*background-color: #ee1b27;*/
  height: 20px;
  width: 20px;
  border-radius: 50%;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.product-cart .card-body-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 0px 0px 0px;
}
section.product-cart .cartbtn .btn-primary {
  width: 100%;
}
section.product-cart .product-item-box {
  background-color: #fff;
  border: 1px solid #5d5c6161;
  padding: 20px;
  color: #5d5c61;
}
section.product-cart .product-item-box h5.card-title {
  text-align: start;
  font-size: 18px;
  border-bottom: 1px solid #5d5c6161;
  padding: 0px 0px 20px 0px;
}
section.product-cart .card-body-row.custom-price {
  border-bottom: 1px solid #5d5c6161;
  padding-bottom: 5px;
}
section.product-cart .card-body-row.custom-amt {
  font-family: "Inter-SemiBold";
  color: #5d5c61;
}
section.product-cart .card-body-row.custom-amt p {
  padding-bottom: 20px;
}
/*..................modal login.....................*/
.custom-login-top .form-control {
  padding: 8px 15px;
}

a#exampleModalLabel {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f1f4f6;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  text-align: center;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);
}
a#exampleModalLabel img {
  width: 100%;
  max-width: 40px;
}
input#exampleModalLabel {
  /* margin-bottom: 15px;
 border-radius: 30px;
 font-family: 'Inter-Regular' */
}
input#exampleModalLabel::placeholder {
  color: #252849;
}
.barnd-logo {
  height: 100px;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.barnd-logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

/*..........register modal..................*/
a#registermodalLabel1 {
  margin: auto;
  background-color: aliceblue;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #0000000a;
  text-align: center;
  padding: 10px;
}
a#registermodalLabel1 img {
  width: 100%;
  max-width: 30px;
}

input#registermodalLabel1::placeholder {
  color: #252849;
}
.password-show.fa {
  position: absolute;
  left: 0;
  right: 15px;
  top: 20px;
}
.modal-header.custom-login {
  border-bottom: unset;
}

a.forgot-password-link {
  color: rgba(41, 51, 82, 1);
}
.modal-footer.custom-footer {
  display: block;
}
/*........................forgot-modal.................*/
#forgotModal h4.text-center {
  font-size: 20px;
  margin-bottom: 15px;
  font-family: "Inter-Regular";
}
a#forgotModalLabel {
  margin: auto;
  background-color: aliceblue;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #0000000a;
  text-align: center;
  padding: 10px;
}
a#forgotModalLabel img {
  width: 100%;
  max-width: 30px;
}
input#forgotModalLabel::placeholder {
  color: #252849;
}
#forgotModal .sign a {
  color: #dc2524;
}
#forgotModal .sign {
  margin-left: 5px;
  margin-bottom: 15px;
  font-family: "Inter-Regular";
  font-size: 15px;
}
/*....................................................*/
.owl-theme .owl-nav .owl-prev span {
  display: block;
  justify-content: center;
  font-size: 0;
  background-image: url(../images/errow-l.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  position: absolute;
  top: 0;
  left: -1px;
}
.owl-theme .owl-nav .owl-next span {
  display: block;
  justify-content: center;
  font-size: 0;
  background-image: url(../images/errow-r.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  position: absolute;
  top: 0;
  right: -1px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #dee1e6;
}
.Person.Name {
  font-family: "OpenSans-SemiBold";
  font-style: italic;
  font-size: 18px;
  margin-top: 15px;
}
.para p {
  margin-top: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 112px;
  line-height: 141%;
}

.card.cust-card .card-body {
  padding: 0;
}
.Contact li,
.legal-menu li,
.open-time li {
  margin-bottom: 5px;
}
section.brands-parts.car-model .brand-img img {
  width: 100%;
  height: 200px;
  max-width: 100%;
  padding-top: 0;
  object-fit: cover;
}

.close button img {
  width: 20px;
}
.close button:hover {
  border-color: transparent;
}
.order-top {
  padding-left: 15px;
}
.product-title h2,
.product-title {
  font-size: 22px;
  margin-bottom: 15px;
}
.left .text-list p.prod-title {
  font-size: 18px;
}
/*.................................braking-page............................*/
section.braking-selected .car-img {
  margin: Auto;
}
section.braking-selected .top-title span {
  font-family: "Poppins-bold";
}
.specification-wraper .Specification-detail {
  border: 1px solid #dee1e6;
  border-radius: 25px;
  padding: 25px 39px;
  align-items: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.specification-wraper h6 {
  font-family: "OpenSans-bold";
  margin-bottom: 20px;
}
section.product-wraper.custom-product {
  padding-bottom: 0px;
  padding-top: 40px;
}
section.custom-product .car-details {
  margin-bottom: 25px;
}
ul.specification-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  flex-wrap: wrap;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  align-items: center;
  overflow-y: hidden;
}
ul.custom-info-list img {
  width: 38px;
  margin: 24px;
  height: 38px;
  transition: all 0.3s;
}

li.specification-imgbox {
  border: 1px solid #dee1e6;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  margin: 10px;
}

.top-modal .title-tag {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin-bottom: 25px;
}

.top-modal .top-modalbg {
  background-color: #000;
  padding: 35px 20px 5px 20px;
  border-radius: 20px;
  background-color: #000;
}
.top-modal .btn-show {
  border: 1px solid #fff !important;
  border-radius: 50px;
  color: #fff;
}
.custom-shop .Parts-slider .owl-carousel .owl-item img {
  filter: unset;
  opacity: unset;
}

/*.............................dilivery-page...................................*/
.custom-cart2 .deliver-part input.form-control {
  border-radius: 30px;
}
.custom-cart2 .delivery-method h2 {
  margin-top: 60px;
}
.custom-cart2 .form-check-input:checked {
  background-color: #dc2524;
  border-color: #dc2524;
}
.custom-cart2 .custom-cart2 .form-check {
  margin-bottom: 20px;
}
.custom-cart2 .delivery-method-part input.form-control {
  border-radius: 30px;
  margin-bottom: 15px;
}
.custom-cart2 .more-info h2 {
  margin-top: 60px;
}
.custom-cart2 .more-info textarea#floatingTextarea {
  border-radius: 15px;
  margin-bottom: 30px;
}
.custom-cart2 .form-check-input:focus {
  box-shadow: unset;
}
.custom-cart2 .cart-right {
  padding: 0px 50px;
  border-left: 1px solid #0000001f;
}
.custom-cart2 .delivery-left {
  padding: 0 50px;
}
/*.....................................selected vechile...............................*/
.Auto-part-selected .car-img {
  margin: auto;
  margin-bottom: 20px;
  height: auto;
  width: 260px;
}
.Auto-part-selected .top-title {
  padding-bottom: 0;
}
.Auto-part-selected .top-title p {
  font-size: 24px;
  padding: 5px 0 7px;
}
.Auto-part-selected .top-title h2 span {
  font-family: "Poppins-bold";
}
.Auto-part-selected .top-title h2 {
  margin-bottom: 0px;
  font-family: "Poppins-Light";

  font-size: 38px;
}
.Auto-part-selected .petrolbtn-row {
  text-align: center;
  margin-bottom: 35px;
  margin-top: 15px;
  margin: 0 0 48px;
}
/*.............................checkout-address...............................*/
.custom-cart2 .deliver-part input.form-control {
  border-radius: 30px;
}
.custom-cart2 .delivery-method h2 {
  margin-top: 60px;
}
.custom-cart2 .form-check-input:checked {
  background-color: #dc2524;
  border-color: #dc2524;
}
.custom-cart2 .custom-cart2 .form-check {
  margin-bottom: 20px;
}
.custom-cart2 .delivery-method-part input.form-control {
  border-radius: 30px;
  margin-bottom: 15px;
}
.custom-cart2 .more-info h2 {
  margin-top: 60px;
}
.custom-cart2 .more-info textarea#floatingTextarea {
  border-radius: 15px;
  margin-bottom: 30px;
}
.custom-cart2 .form-check-input:focus {
  box-shadow: unset;
}
.custom-cart2 .cart-right {
  padding: 0px 50px;
  border-left: 1px solid #0000001f;
}
.custom-cart2 .delivery-left {
  padding: 0 50px;
}
.braking-selected h2 {
  font-family: "Poppins-Light";
  font-size: 34px;
}
/*..................................parts-details..................................*/
.parts-details a {
  color: #dc2524;
  text-decoration: underline;
  font-size: 16px;
}
.parts-details a:hover {
  color: #9c0000;
}
.parts-details .table th {
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  background: #000;
  color: #fff;
  font-weight: normal;
}
/* .parts-details .table {
    min-width: 1000px;
} */
.parts-details .table td {
  /* border: 1px solid #d3d3d3; */
  border: none;
  border-radius: 50px;
  text-align: center;
  color: #000;
}
.parts-details table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 20px;
}
.parts-details tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.parts-details table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.parts-details table th {
  display: table-cell;
  vertical-align: inherit;
  text-align: -internal-center;
}
.parts-details table td {
  display: table-cell;
  vertical-align: inherit;
}

.Features-part .top-title h2 span {
  font-family: "Poppins-bold";
}
.feature-detai-label {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  padding: 6px 12px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}
.feature-detai-label.custom-item {
  background-color: #000;
  color: #fff;
}
.feature-detai-label.custom-light,
.feature-inner .custom-light {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 20px 12px;*/
  border-radius: 16px;
}
.feature-inner {
  display: flex;
  justify-content: center;
  height: 100%;
}
.brands-parts {
  margin-top: 50px;
}
.brands-parts.popular-items {
  margin-top: 0;
}
.popular-items .brand-img img {
  height: 100%;
  width: auto !important;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}
.brands-parts.car-model {
  margin-top: 0;
}
.parts-details {
  padding-bottom: 80px;
}
.Features-part {
  padding-bottom: 90px;
}
.map-part {
  padding-bottom: 80px;
}

/*.custom-login-top .form-check-input:checked {*/
/*    background-color: #95AEC7;*/
/*    border-color: #95AEC7;*/
/*}*/

/*
.cust-radio .form-check-input[type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cust-radio .form-check-input[type=checkbox]:checked, .cust-radio .form-check-input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.cust-radio .form-check-input[type=checkbox]:checked + label, .cust-radio .form-check-input[type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.cust-radio .form-check-input[type=checkbox]:checked + label:before, .cust-radio .form-check-input[type=checkbox]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.cust-radio .form-check-input[type=checkbox]:checked + label:after, .cust-radio .form-check-input[type=checkbox]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #95AEC7;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
*/

.modal-dialog.search-modal {
  max-width: 100%;
  padding: 0 100px;
}
.custom-search-modal .search-part {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-search-modal .search-part .form-control {
  width: calc(100% - 30px);
  border: 0;
}
.custom-search-modal .search-part img {
  width: 16px;
  height: 16px;
}

.search-modal .modal-header {
  border: 0;
  padding: 0 10px 0 0;
}
label.form-check-label {
  color: #5d5c61;
}
.more-info {
  margin-bottom: 40px;
}
.news-send img {
  width: 30px;
}
.news-send {
  padding: 5px;
  padding: 5px;
}
.order-rdbtn label.form-check-label {
  color: #000000;
}
.orderdtl-table table tbody tr td .btn-black:hover {
  border: 1px solid #000;
}
.orderdtl-table table tbody tr td .btn-black {
  border: 1px solid #000;
  font-size: 16px;
  white-space: nowrap;
  padding: 9px 22px;
}
.product-sidebar label.form-check-label {
  color: #000;
}
.search-part input.form-control::placeholder {
  color: #5d5c61;
}
.update-profile-page,
.password-change-page {
  padding: 80px 0;
}
.alert.alert-danger.alert-dismissible.fade.show {
  display: flex;
  justify-content: space-between;
  margin: 15px 15px;
}

.custom-logout i {
  /*margin-left: 19px;*/
  font-size: 23px;
  /*margin-top: 12px;*/
  margin: 8px 0 0 19px;
}
.password-show:before {
  content: "\f070";
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-30%);
}
.password-show.show:before {
  content: "\f06e";
}

.password-change-page .password-menu li.active a,
.password-change-page .password-menu li:hover a {
  color: red;
}
.password-change-page .password-menu li a {
  color: #000;
}
#imgview {
  margin-bottom: 15px;
}
.passspace {
  margin-bottom: 5px;
}
div#common-modal-content {
  border-radius: 10px;
  border: none;
}
.form-check-input:checked {
  background-color: #dc2524;
  border-color: #dc2524;
}

.page-link {
  color: #dc2524;
  border-radius: 10px;
  border-color: #fff;
}

.active > .page-link,
.page-link.active {
  background-color: #dc2524;
  border-color: #dc2524;
  border-radius: 10px;
}
.pagination .active > .page-link {
  background-color: #000;
  color: #ffffff !important;
}
.page-link:hover {
  color: #dc2524;
  background-color: #dc2524;
  border-radius: 10px;
}
.product-bottom-pagi .page-link:hover {
  background-color: #000;
  color: #ffffff !important;
}

.page-item:not(:first-child) .page-link {
  margin-left: 5px;
}

label#address_type-error {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.Prodchk .form-check {
  position: relative;
}
label#address_type-error + .form-check-label {
  padding-bottom: 25px;
}
.popular-items .poplar-bg .btn-show img {
  width: 18px;
}
section.popular-items .poplar-bg button.btn.btn-show:hover {
  background-color: #dc2524;
  border-color: #dc2524;
}
button.show-brands {
  font-size: 18px;
  padding: 12px 20px;
  line-height: normal;
  display: flex;
  align-items: center;
  margin: auto;
}
.Company-menu form button {
  top: 0;
  right: 0px;
  width: 60px;
  position: absolute;
  border: 0;
  padding: 0;
  border-radius: 50%;
  height: 50px;
}
.Company-menu form button img {
  padding: 6px;
  width: 48px;
}
.Company-menu input.form-control::placeholder {
  font-size: 18px;
}
.Company-menu input.form-control {
  font-size: 18px;
  padding-right: 30px;
}

.social-media {
  padding-left: 30px;
}
.footer-space h1 {
  color: #fff;
  font-size: 35px;
  font-family: "Poppins-Medium";
  font-weight: 500;
  line-height: 42px;
}
.footer-space button.btn-plan {
  background-color: #000;
  color: #ffffff;
  border-radius: 50px;
  border: 1px solid #fff;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26.63px;
}
.footer-space button.btn-plan {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 16px;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  padding: 10px 20px;
}
.footer-space button.btn-plan:hover {
  background-color: #dc2524;
  border-color: #dc2524;
}
.Company-menu h6,
.Contact h6,
.legal-menu h6,
.open-time h6,
.social-media h6 {
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
  font-size: 14px;
  font-family: Poppins-Regular;
  line-height: 19px;
  font-weight: 500;
}
.footer-space p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 31.47px;
  margin-bottom: 20px;
}
.Contact a,
.legal-menu a,
.open-time a {
  color: #ffffff69 !important;
  font-size: 16px;
  margin-bottom: 25px;
  font-family: "Inter-Regular";
  line-height: 30px;
  font-weight: 400;
}
.Contact a:hover,
.legal-menu a:hover,
.open-time a:hover {
  color: #ffffffcc !important;
}
section.customer-slider .bannaer-text2 h2 {
  font-size: 35px;
  line-height: 40px;
}
section.pikup-store .discount-add .paycls {
  font-size: 18px;
  text-transform: capitalize;
}
section.pikup-store .discount-add .shiptext {
  font-size: 20px;
  font-family: "Inter-Bold";
}
.discount-add .offer a.shop-discount {
  font-size: 18px;
  font-weight: 600;
}
.discount-add .offer a.shop-with {
  font-size: 15px;
  font-family: "Inter-Regular";
}

.discount-add .get-offer a.shop-discount {
  font-size: 18px;
  font-weight: 600;
}
.discount-add .get-offer a.shop-with {
  font-size: 15px;
  font-family: "Inter-Regular";
}
.top-banner .custom-offer img {
  max-width: 30px;
}

.top-banner .get-offer a span {
  font-family: "Inter-Bold";
  font-size: 20px;
}

.header-row .custom-search span.form-control {
  padding: 8px;
  font-size: 16px;
  border-radius: 10px;
}

a.call-cls {
  font-size: 14px;
}
a.num-call.noroute {
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
  font-family: "OpenSans-Bold";
}
.top-banner .discount-add .offer a,
.top-banner .get-offer a,
.top-banner .get-offer a span {
  font-size: 16px;
}
li.ser-item span {
  color: #fff;
  margin-left: 5px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter-Regular";
}
li.ser-item img {
  max-height: 25px;
}
.innerbanner .PIC-IMG h2 {
  font-size: 40px;
}
.popular-items .poplar-bg ul.nav {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 16px;
  scrollbar-width: thin;
}
button.navbar-toggler.hidden-lg-up {
  background: transparent;
}
.shop-part .top-title h1 {
  margin-bottom: 0px;
}
.nofocus button {
  position: absolute;
  right: 10px;
  width: 43px;
  padding: 0;
  height: 40px;
  border: 0;
  background: transparent;
  bottom: 10px;
}
.chatmodal .modal-dialog {
  max-width: 95%;
}

.searchtipsbox {
  padding: 19px 25px;
  background-color: #fff;
  border-radius: 15px;
}
.restextpad {
  padding-left: 10px;
}
.path-img {
  width: 23px;
  height: 23px;
}
.nofocus img {
  /* position: absolute;
    right: 17px; */
  width: 18px;
  /* padding: 12px; */
}
input#headsearch-field-input {
  position: relative;
  padding: 15px 40px 15px 25px;
  width: 100%;
  height: 55px;
  border-radius: 10px;
  border: 0;
}
.category-list {
  list-style: none;
  display: table;
  width: 100%;
}
.category-list li {
  display: table;
}
.category-list li {
  display: flex;
  align-items: center;
  float: left;
  max-width: 400px;
  width: 100%;
  background: #fff;
  position: relative;
  border-radius: 5px;
  border: 1px solid #dddddd;
  /* height: 110px; */
  transition: all 0.1s;
  margin-bottom: 17px;
  cursor: pointer;
}
.error-msgtxt {
  text-align: center;
  color: rgb(226, 0, 0);
  padding: 0 0 6px;
}
.text-center {
  padding: 15px 0 0 0;
  font-size: 16px;
}
button.nav-link.active:hover {
  background-color: #b90000 !important;
  border: 1px solid #b90000 !important;
}
.btn-red:hover {
  background-color: #b90000 !important;
}
.product-list-top .modal-header p {
  margin-bottom: 0;
}

.category-list li:hover {
  border: 1px solid #505050;
}
.category-list p {
  margin: 5px;
}
.category-list img {
  margin: 5px;
}
ul#catLidt {
  margin: 0px;
}
.search-field .field_with_placeholder {
  position: relative;
}
:focus-visible {
  outline: 0;
}
ul.search-nores-list {
  padding: 17px 0 5px 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.search-nores-list li {
  display: flex;
  align-items: center;
  gap: 7px;
}

.search-list-items {
  font-family: "Inter-Regular";
  font-weight: 400;
  font-size: 16px;
  color: #5d5c61;
}
.search-nores-title h5 {
  font-size: 17px;
}
.popular-items a.brands-name {
  padding: 25px 15px;
  display: table-cell;
}
.popular-items .brand-img {
  min-height: 100px;
  height: 100px;
  width: 100%;
}
.product-list-modal .col {
  width: 16.6%;
  flex: 0 0 auto;
}
.product-list-modal .col a.brands-name {
  display: block;
  border: 1px solid #d4d4d4;
  border-radius: 15px;
  margin-bottom: 24px;
  padding: 16px;
  height: calc(100% - 24px);
}
.product-list-modal .col a.brands-name:hover {
  border: 1px solid #00000054;
}
.product-list-top .model-body {
  padding: 20px;
}
.name-asse {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
    display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.product-list-modal .brand-img {
  height: 100px;
  text-align: center;
}
.product-list-modal .brand-img img {
  max-height: 100%;
  width: 100%;
}
.product-list-modal .modal-header p {
  margin-bottom: 0;
}
#registerpopup .modal-body {
  padding-top: 12px;
}
/* .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent
        url(
            data:image/svg + xml,
            %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23000"%3e%3cpathd="M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"/%3e%3c/svg%3e
        )
        center / 1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
} */
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center / 1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.cust-reg .cust-radio .form-check-input {
  border-color: rgb(255 255 255);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
  border: 4px solid #fff;
  margin-top: 2px;
  width: 22px;
  height: 22px;
}
.cust-reg .cust-radio .form-check-input:checked {
  background-color: rgba(149, 174, 199, 1);
}
.cust-reg .cust-radio .form-check-input:checked[type="checkbox"] {
  background-image: unset;
}
.cust-reg .cust-radio .form-label {
  color: rgba(41, 51, 82, 1);
  margin-left: 6px;
}
.cust-reg .modal-body form .custom-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.cust-reg {
  margin: 32px 35px 0px 35px;
}
.custlogin .custom-footer {
  padding: 22px 0 14px;
}
.cust-reg .form-control {
  /* height: 50px; */
  margin-bottom: 25px;
  border-radius: 30px;
  font-family: "Inter-Regular";
}
.forgot-title {
  font-size: 20px !important;
  text-align: center;
}
.btn-primary.lgn-btn {
  position: relative;
  font-size: 21px;
  width: 100%;
  padding: 12px;
}
.custregs .custom-footer {
  border-top: 0;
  padding-top: 0;
}
.custregs hr {
  border-color: #95aec7;
  margin: 24px 0;
}
.cust-reg.cusrforgt .modal-body form .custom-body {
  padding: 0;
}
.cust-reg.cusrforgt .custom-body h4 {
  margin-bottom: 20px;
}
.auto-bmw .bmw-img a {
  pointer-events: none;
}
.bmw-img img {
  border-radius: 10px;
  margin-bottom: 16px;
  width: 135px;
}
.discount-timer-bgblk .custom-discount {
  padding: 0 40px;
}
ul.navbar-nav.my-acc {
  border-top: 1px solid #666666;
  padding-top: 16px;
}
.vh-date span {
  display: block;
}
.carmodal-box a.brands-name {
  position: relative;
}
.carmodal-box a.brands-name:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.carmodal-box a.brands-name:hover:before {
  opacity: 0.3;
}
.h1_box_list {
  display: flex;
  align-items: center;
  background-color: #f5f7fb;
  padding: 20px;
  border-radius: 15px;
}
.h1_box_list h2 {
  margin: 0;
  width: 100%;
  font-size: 22px;
  padding-left: 15px;
}
.h1_box_image {
  width: 95px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  position: relative;
}
.h1_box {
  margin-bottom: 30px;
}
.h1_box_image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 80%;
  max-width: 80%;
  height: 80%;
  margin: auto;
}
.h1_box_image:after {
  content: "";
  display: block;
  padding-top: 100%;
  position: relative;
}
.search-article,
.dropedown-one {
  width: 280px;
}
.dropedown-one .dropdown-toggle {
  padding: 8px 14px 8px 17px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cust-blog-part .assign-article .inside-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.cust-blog-part .inside-art > a {
  width: 90px;
  height: 90px;
  min-width: 90px;
}
.blog-engine {
  height: 425px;
}
.spe-btn-more .btn {
  padding: 12px 20px;
  font-size: 16px;
  line-height: normal;
}
.blog-all .inside-art .text-art {
  width: calc(100% - 180px);
}
.brands-parts.brand-list-grid .custom-brand1 {
  width: 12.5%;
  display: block;
}
.brands-parts.brand-list-grid .custom-brand1 .brands-name {
  display: block;
  height: 100%;
}
.brands-parts.brand-list-grid .brand-img {
  height: 100%;
  justify-content: space-between;
}
.brand-list-grid .brandName-autoParts p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.brand-list-grid .barnd-logo {
  height: 80px;
  padding-top: 12px;
}
.carmodal-box a.brands-name,
.brands-parts.brand-list-grid a.brands-name {
  position: relative;
}
.carmodal-box a.brands-name::after {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  margin-top: 6px;
  right: 7px;
  top: 40%;
  border-right: 1px solid #414141;
  border-top: 1px solid #414141;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* .brands-parts.brand-list-grid a.brands-name::after {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    margin-top: 6px;
    right: 7px;
    top: 32%;
    border-right: 1px solid #414141;
    border-top: 1px solid #414141;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} */

.table {
  display: table;
  border-collapse: collapse;
}
.table .tr {
  display: table-row;
  /* border: 1px solid #ddd; */
}
.table .tr .td {
  display: table-cell;
  padding: 8px;
  /* border-left: 1px solid #ddd; */
}
.clickable-description {
  font-size: 16px;
  padding: 8px;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  width: 100%;
  display: block;
  cursor: pointer;
}

.table-head-row .tbl-title span {
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  background: #000;
  color: #fff;
  font-weight: normal;
  display: block;
  font-size: 16px;
}
.td-more a {
  display: block;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 50px;
}
.petrolbtn-row #allButton {
  min-width: 61px;
}

.wrapped-column,
.custom-dash {
  display: none;
}

.get-btn a {
  display: inline-block;
}

.forgot-passwrdbox {
  background-color: var(--bs-modal-bg);
  max-width: 460px;
  width: 100%;
  border: 0.7px solid #808080;
  border-radius: 10px !important;
  padding: 38px;
  margin: 0 auto 62px;
}
.forgot-title {
  font-family: "Poppins-Medium";
  font-size: 29px;
}
.forgot-para {
  font-size: 16px;
}
.forgot-passwrdbox .form-control {
  padding: 10px 15px !important;
}
.forgot-passwrdbox .form-group button {
  padding: 12px;
  margin: 10px 0 0 0;
}
.forgot-passwrdbox .form-group {
  padding: 15px 0 0 0;
}
.forgot-passwrdbox label {
  font-size: 14px;
}
label.error,
span#email_error,
span#password_error {
  font-size: 14px;
}
.custom-backbtn {
  padding-top: 15px !important;
}
.login-innerbox {
  padding: 20px 7px 23px;
}
.modal-body.custom-body button {
  background-color: #dc2524 !important;
  margin-top: 23px;
  font-size: 18px;
}
.modal-body.custom-body button:hover {
  background-color: #cd1918 !important;
}
.custom-popup .main-inputbox {
  display: flex;
  flex-direction: column;
  gap: 23px;
}
.already-txt a {
  color: #252849;
  text-align: center;
  font-size: 18px;
}
.already-txt {
  text-align: center;
}
.log-txt {
  text-align: center;
}
.main-inputbox input {
  margin: 0 !important;
}
.inner-searchmodal {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.search-img {
  max-width: 75px;
  width: 100%;
}
.model_type_grey .mli {
  padding: 12px;
}
.mli {
  position: absolute;
}
.category-list li::before {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  margin-top: 6px;
  right: 23px;
  top: 40%;
  border-right: 1px solid #414141;
  border-top: 1px solid #414141;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mfru {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 119px;
  position: relative;
  table-layout: fixed;
  text-decoration: none;
  color: #414141;
  font-size: 20px;
  align-items: center;
  height: 98px;
  max-width: 400px;
  width: 100%;
}
.partdetail-list .nav-pills .nav-link {
  background: #ffffff;
  border: 1px solid #dee1e6;
  font-size: 16px;
  margin-left: 0;
  color: #000000;
  /* padding: 20px; */
}

.partdetail-list .nav-pills .nav-link.active {
  background: #000000;
  color: #ffffff;
}

.custom-body .btn-primary.lgn-btn {
  padding: 7px 12px;
}

.mob-search {
  display: none;
}
.modal-foot-items {
  display: flex !important;
  flex-direction: column;
  gap: 3px;
}
.modal-foot-items .foot-item-title {
  font-size: 18px;
}
.login-innerbox .form-label {
  font-size: 16px;
}
.forgot-link a {
  font-size: 16px;
}
.cart-title h3 {
  font-size: 19px;
}
.cart-btn .btn {
  display: inline-block;
  font-size: 16px;
  padding: 4px 19px;
}
.top-title span {
  font-family: "Poppins-Bold";
  font-size: 44px;
  text-align: center;
  color: #000000;
}
.top-title {
  font-family: "Poppins-Light";
  font-size: 44px;
  color: #000000;
  padding-bottom: 35px;
}

.modal-middle-row {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 35px 0 0 0;
}
.modal-bottom-row {
  display: flex;
  align-items: center;
  border-top: 0.2px solid #ababab;
  padding: 23px 0 0 0;
  gap: 10px;
}
.modal-heading {
  display: flex;
  gap: 10px;
  align-items: center;
}
.modal-start-column .modal-heading h3 {
  font-family: "Inter-Regular";
  font-size: 19px;
  color: #000000;
  margin-bottom: 0;
}
.modal-end-column .modal-list-title h3 {
  font-family: "Inter-Regular";
  font-size: 18px;
  color: #000000;
  margin-bottom: 0;
  text-align: center;
}
.modal-start-column .modal-heading .cart-icn {
  background-color: #dc2524;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.modal-start-column .modal-heading .cart-icn i {
  color: white;
  font-size: 24px;
}
.cart-modal .modal-start-column {
  padding: 19px 8px 22px;
}
.modal-view-img img {
  max-width: 150px;
  width: 100%;
}
.view-item-box {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.view-item-box .item-num {
  font-family: "Inter-Regular";

  color: #3f3f3f;
}
.product-total h5 {
  font-family: "Inter-SemiBold";
  font-size: 16px;
}

.modal-para p {
  font-size: 15px;
  color: #3f3f3f;
  padding: 35px 0 0 0;
}

.shopping-btn a {
  display: inline-block;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 40px;
}

.view-cart-btn a {
  display: inline-block;
  background: #dc2524;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 40px;
}
.modal-product-list ul {
  list-style: none;
  height: 358px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 transparent;
}
.modal-product-list ul::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* Customize the thumb color */
  border-radius: 10px; /* Rounded corners */
}

.modal-product-list ul::-webkit-scrollbar-track {
  background: transparent; /* Track background color */
}
.modal-product-list ul::-webkit-scrollbar {
  width: 6px;
}
.modal-product-list ul li {
  border-bottom: 1px solid #00000029;
}
.pro-list .logo img {
  width: 60px;
}
.pro-list a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pro-list .logo {
  width: 60px;
}
.modal-product-list .pro-list {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
}
.modal-list-txt p {
  font-family: "Inter-Regular";
  font-size: 16px;
  color: #3f3f3f;
  margin: 0;
}
.modal-end-column {
  background-color: #f5f7fb;
  padding: 26px 20px 25px;
  height: 100%;
  border-radius: 0 15px 15px 0;
}
.modal-list-title {
  /*padding: 0 0 20px;*/
}
.modal-product-list {
  background-color: #ffffff;
}
.info-top-img img {
  max-width: 80px;
  width: 100%;
}
.info-topend-img img {
  width: 190px;
}
.info-top-row {
  display: flex;
  align-items: center;
  gap: 19px;
}

.info-top-end {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 20px 0 0 0;
}

.info-imgs {
  width: 180px;
  text-align: center;
}
.info-top-disc h5 {
  font-family: "Inter-SemiBold";
  font-size: 22px;
  margin-bottom: 0;
}

.info-top-disc span {
  font-family: "Inter-Regular";
  font-size: 19px;
}
.info-top-disc {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.custom-line-break {
  height: 1px;
  width: 100%;
  background-color: #c5c5c5;
  margin: 23px 0 0 0;
}
.info-middle-row textarea {
  margin-bottom: 0 !important;
}
.main-review-srollbox .custom-line-break {
  margin: 10px 0;
}

.main-starbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0 0 0;
}
.opinion-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.form-control::-webkit-input-placeholder {
  color: rgb(61, 61, 61);
}

.assessment-section textarea {
  margin: 0 !important;
}
.form-control::placeholder {
  color: #000 !important;
}
.opinion-form .btn {
  width: fit-content !important;
  padding: 6px 22px;
}
.info-middle-row {
  padding: 25px 0 0 0;
  max-width: 600px;
  width: 100%;
}
.info-middle-row h4 {
  font-size: 20px;
}
/* --- */
.rate {
  float: left;
  height: 33px;
}

.rate:not(:checked) > input {
  position: absolute;
  top: -9999px; /* Hide the radio buttons */
}

.rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
  transition: color 0.3s ease; /* Smooth transition for hover effect */
}

.rate:not(:checked) > label:before {
  content: "★ ";
}

.rate > input:checked ~ label {
  color: #ffc700; /* Highlight selected stars */
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217; /* Highlight stars on hover */
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08; /* Highlight stars when hovering around selected */
}

/* Disable focus outline to prevent scroll on click */
.rate input[type="radio"]:focus + label {
  outline: none;
}

.main-product-cardbox {
  margin-bottom: 20px;
  height: 95%;
}
.ribon-box {
  position: relative;
  max-width: 300px !important;
  height: 100%;
  margin-bottom: 0 !important;
}
.main-product-cardbox .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* common */
.ribbon {
  width: 100px; /* Reduced width */
  height: 100px; /* Reduced height */
  overflow: hidden;
  position: absolute;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 3px solid #e76666; /* Reduced border size */
}

.ribbon span {
  position: absolute;
  display: block;
  width: 150px; /* Reduced width */
  padding: 10px 0; /* Reduced padding */
  background-color: #e76666;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); /* Reduced shadow */
  color: #fff;
  font: 700 13px/1 "Lato", sans-serif; /* Reduced font size */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left */
.ribbon-top-left {
  top: -5px; /* Adjusted position */
  left: -5px; /* Adjusted position */
}

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top-left::before {
  top: 0;
  right: 0;
}

.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}

.ribbon-top-left span {
  right: -15px; /* Adjusted position */
  top: 20px; /* Adjusted position */
  transform: rotate(-45deg);
}
.ribon-box .btn-primary {
  background-color: #dc2524 !important;
  padding: 10px 15px 10px !important;
  border: 0;
}
.ribon-box .btn-primary:hover {
  background-color: #cc1d1d !important;
}
.ribon-box .btn-outline-secondary {
  padding: 9px 12px 9px !important;
}
.custom-total-price {
  color: #a1a1a1;
  font-size: 14px;
  font-family: "Inter-Regular";
  margin-bottom: 0;
  text-align: right;
  text-decoration: line-through;
}
.ribon-box .cartbtn-row {
  gap: 7px;
}
.mob-review {
  display: none;
}
.wishlis-btn a {
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.wishlist-r a {
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.middle-workspace {
  justify-content: center;
}
.accordion-button {
  position: relative;
  padding-right: 2.5rem;
  border: 1px solid #d9d9d9 !important;
  color: #000;
}

.accordion-button::after {
  font-family: "FontAwesome";
  content: "\f078" !important;
  position: absolute;
  right: 1rem;
  font-size: 1rem;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.accordion-button.collaps::after {
  transform: rotate(0deg) !important;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg) !important;
}

.faq-part .accordion-flush {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.shop-part .top-title {
  padding-bottom: 20px !important;
}
.promo-img img {
  width: 100%;
}
.promo-inner {
  height: 120px;
  overflow: hidden;
  border-radius: 10px;
  margin: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.promo-content {
  position: absolute;
  top: 29px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 65px;
  background: #00000085;
}
.promo-disc h4 {
  font-family: "Inter-SemiBold";
  position: relative;
  margin-bottom: 0;
  font-size: 18px;
}
.promo-btn a {
  font-family: "Poppins-Medium";
  background-color: #dc2524;
  color: white;
  padding: 6px 11px;
  border-radius: 10px;
  font-size: 14px;
}
.promo-btn a:hover {
  background-color: #c22323;
}
.promo-inner {
  height: 120px;
  overflow: hidden;
  border-radius: 10px;
  margin: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000; /* Optional background color for fallback */
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.promo-inner:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Add shadow on hover */
}

.promo-img img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
  object-fit: cover; /* Ensure image fills the container */
}

.promo-inner:hover .promo-img img {
  transform: scale(1.2); /* Zoom the image on hover */
}

.promo-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
}

.promo-inner:hover .promo-content {
  opacity: 1;
}
.promo-disc h4::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: white;
  transition: width 0.3s ease-in-out;
}

.promo-inner:hover .promo-disc h4::after {
  width: 100%; /* Animate the border expansion */
}
.promo-page {
  padding: 15px 0;
}
.num-toprow {
  display: flex;
  align-items: center;
  gap: 0px;
  flex-direction: column;
}
.van-num-btns .canceledit {
  font-family: "Inter-Regular";
  display: inline-block;
  background-color: #dc2524;
  padding: 8px 28px;
  color: #ffffff;
}
.van-num-btns .canceledit:hover {
  background-color: #bd1d1d;
}
.van-num-btns .submitedit {
  display: inline-block;
  font-family: "Inter-Regular";
  padding: 8px 28px;
  color: #000000;
  border: 1px solid #505050;
  background-color: transparent;
}
.van-num-btns .submitedit:hover {
  background-color: #000;
  color: #ffffff;
}
.ulexpert li span {
  font-size: 16px;
  font-family: "Inter-Regular";

  color: #000;
}
.ulexpert li {
  line-height: 132%;
}
.textinput {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 9px 15px 13px;
  margin: 8px 0 0 19px;
}
.textinput .delivery_ap {
  font-size: 14px;
  color: #5d5c61;
  font-family: "Inter-Regular";
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.textinput .delivery_ap a {
  color: #000000;
  display: flex;
  align-items: center;
  gap: 5px;
}
.textinput .delivery_ap a:hover {
  color: #252525;
}

.info-mark {
  /*display: flex;*/
  /*width: 20px;*/
  /*height: 20px;*/
  /*border-radius: 50%;*/
  /*background-color: rgb(255, 255, 255);*/
  color: #000000;
  /*border: 1px solid #000000;*/
  /*text-align: center;*/
  /*margin-right: 5px;*/
  /*justify-content: center;*/
  /*align-items: center;*/
}
.main-review-srollbox {
  max-height: 500px;
  overflow-y: scroll;
}
.main-review-srollbox::-webkit-scrollbar {
  width: 2px;
}
.main-review-srollbox::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
}
.main-review-srollbox::-webkit-scrollbar-thumb {
  background: #8888889a; /* Thumb color */
  border-radius: 10px;
}
.modal-list-txt p {
  text-align: left;
}
/* ----pagination */
.custom-pagination .pagination .page-item.active {
  /*background-color: #000000;*/
  color: #ffffff;
}
.pagination .page-link {
  outline: none;
}

.pagination .page-link:focus {
  outline: none;
  box-shadow: none;
}
/* ----------input counter */
.qty-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.qty-top .minus,
.qty-top .plus {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.qty-top .minus:hover,
.qty-top .plus:hover {
  background-color: #555;
}

.count {
  width: 60px;
  text-align: center;
  font-size: 18px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
/* Remove default number input spinner in Chrome, Safari, and Edge */
.count::-webkit-outer-spin-button,
.count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove default number input spinner in Firefox */
.count[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

/* Optional: Hide input arrows in other browsers */
.count {
  appearance: none; /* For other modern browsers */
}
/* .add_to_cart .qty-top span {
    cursor: pointer;
    min-width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center; 
    background-color: #b2b2b2 !important;
    font-size: 22px;
    line-height: 30px; 
    transition: background-color 0.3s ease;
} */

.add_to_cart .qty-top span:hover {
  background-color: #999 !important;
}
/* -steps */
.garage-titlerow h4 {
  font-family: "Inter-SemiBold";

  font-size: 16px;
  margin-bottom: 0;
}
.garage-titlerow {
  display: flex;
  align-items: center;
  gap: 7px;
}
.garage-maincontent {
  padding: 25px 0;
}
.garage-process ul li {
  margin-top: 8px;
}
.keep-img img {
  width: 200px;
}
.keep-img .keep-text .pr-logo img {
  width: 55px;
}

/* ---------------------------------------------------------------------------------------------- */
.oem-num-list .part-detail-lable {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.oem-num-list {
  display: flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border-radius: 50px;
  /*padding: 9px 19px;*/
  gap: 15px;
}
.oem-num-list img {
  max-width: 100px;
  border-radius: 6px;
}
.oem-num-list:hover {
  background-color: #fafafad2;
}
.discription-btn button {
  width: fit-content;
}
.keep-text ul .circle-list-title {
  display: flex;
  align-items: end;
  gap: 15px;
}
.custom-circle::before {
  content: "◉";
}

.parts-details_new .table .tr:hover .clickable-description,
.parts-details_new .table .tr:hover .td-more a {
  border: 1px solid #b3b3b3;
}
.braking-selected .car-img {
  width: 165px;
}
.Features-part .top-title h2 {
  margin: 0;
}
.Features-part .top-title {
  padding-bottom: 16px;
}
.see-all-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-size: 16px;
}
.Specification-detail .top-title {
  padding: 0;
}
.custom-info-list li {
  border: 1px solid #dee1e6;
  /* padding: 20px; */
  transition: all 0.2s;
  border-radius: 10px;
}
.custom-info-list li:hover {
  border: 1px solid rgb(122, 122, 122);
}
.custom-info-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap !important;
  justify-content: center;
  white-space: unset !important;
  overflow-x: unset !important;
  align-items: center !important;
  overflow-y: unset !important;
}
.product-cart-img img {
  width: 90px;
  height: auto;
  border: none;
  border-radius: 0;
}
.product-cart-img {
  background-color: #ffffff;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  border: 1px solid #d5d5d5;
  border-radius: 12px;
  min-width: 100px;
}
.le-lr .right-qua1 .qty span {
  font-size: 23px;
  height: 30px;
  width: 30px;
  padding: 16px;
}
.prod-price {
  display: flex;
  align-items: center;
  font-size: 20px;
  padding: 10px 22px;
}
.product-cart .prod-price  {
  width: 120px;
}
.close button img {
  width: 30px;
}
.qty span {
  background-color: #c4c6c9;
}
section.product-cart .cartbtn .btn-primary {
  width: 100%;
  padding: 11px;
}
.right-qua1 {
  width: 190px;
}
.quantity-button i {
  font-size: 16px;
}
.le-lr .quantity-button i {
  font-size: 16px;
}
.list-label li p {
  margin: 0;
}
/* .order-btn {
  padding: 9px 20px !important;
} */

/*wishlist-popup*/
.wishlist-popup {
  background: #fff;
  color: #414141;
  border: 1px solid #e2e4e8;
  border-radius: 7px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  text-align: center;
  top: 50px; /* Initial position for animation */
  left: -35%;
  min-height: 50px;
  min-width: 100px;
  padding: 10px;
  position: absolute;
  z-index: 12;
  /*opacity: 0; */
  /*transform: translateY(-20px); */
  transition: all 0.4s;

  display: none;
}
.detail-wishlist:hover .wishlist-popup {
  /*opacity: 1;*/
  display: block;
  /*transform: translateY(-13px); */
}
.wishlist-popup p {
  font-size: 14px;
  margin-bottom: 0;
}

.petrolbtn-row .btn {
  font-size: 16px;
}
.pro-cartdtl .itemrating svg {
  width: 100px;
}
.verticle-slider-head {
  display: flex;
  align-items: center;
  padding: 0 0 18px;
}
.verticle-slider-title {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 23px 0 0;
}
.verticle-slider-head a {
  display: inline-block;
}
.pro-cartdtl .product_subtitle {
  font-size: 20px;
}
.product-main-title {
  padding: 0 12px;
}

.Contact a:hover,
.legal-menu a:hover,
.open-time a:hover {
  color: #d7d7d7;
}
.social-icon i:hover {
  background-color: #f7f7f7;
  transform: translateY(-3px);
}
.pro-cartdtl a {
  display: inline-block;
}

.dics-part-ammount {
  font-family: "Inter-SemiBold";
  font-size: 18px;
  color: #dc2524;
}
.cartbtn {
  padding: 0 50px;
}
/*.allproduct {*/
/*    padding: 0 0 77px;*/
/*}*/
.used-in-content {
  overflow: auto;
}
.reviews-grid fieldset {
  width: 143px;
}
.prod-discount-add {
  padding: 50px 60px !important;
  border-radius: 10px !important;
}
.prod-discount-add .discount-line img {
  width: 50px !important;
  max-width: 50px !important;
}
.prod-discount-add .discount-line .offer h5,
.prod-discount-add .prod-offer h5 {
  font-family: "Inter-SemiBold";
  font-size: 18px;
  margin-bottom: 2px;
  color: #ffffff;
}
.cust-offer img {
  width: 50px !important;
  max-width: 50px !important;
}
.le-lr .right {
  justify-content: space-between;
}
.custom-close-cart {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  background-color: #ee1b27;
  border-radius: 50%;
  padding: 18px;
  color: white;
}
.custom-close-cart:hover,
.custom-close-cart:hover .custom-close-cart i {
  background-color: #df000d;
}
.custom-close-cart i {
  font-size: 24px;
}
.order-top .product-item-box .cartbtn {
  padding: 0;
}

.cart-right .product-item-box .btn-primary {
  padding: 10px !important;
}
.product-check {
  display: flex;
  flex-direction: column;
}
.middle-form-check {
  padding: 6px 0 6px 24px;
}
.info-mark i {
  font-size: 16px;
}
.error.text-danger {
  font-size: 14px;
}
.custom-add-fields {
  /*display: flex !important;*/
  /*flex-direction: column;*/
  /*gap: 15px;*/
  padding: 10px 0 18px;
}

/*.company-invoice {*/
/*       display: flex !important;*/
/*    flex-direction: column;*/
/*    gap: 15px;*/
/*}*/
.custom-input-items .form-control {
  margin: 0 !important;
}
.custom-input-items {
  margin: 0 0 15px 0;
}
.form-control::placeholder {
  color: #5d5c61 !important;
  opacity: 1;
}
.company-invoice textarea {
  height: 100px;
  resize: none;
  overflow-y: auto;
  scrollbar-width: thin;
}
footer .resource-part {
  padding: 70px 0 0 0;
}
/*-----garagelist--------*/

.node {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  transition: all 1000ms ease;
}
.activated {
  box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);
}
.divider {
  height: 40px;
  width: 2px;
  margin-left: 4px;
  transition: all 800ms ease;
}
li p {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 0;
}
li {
  list-style: none;
  /* line-height: 1px; */
}
.blue {
  background-color: rgba(82, 165, 255, 1);
}
.green {
  background-color: #02962e;
}
.red {
  background-color: rgba(255, 148, 148, 1);
}
.grey {
  background-color: rgba(201, 201, 201, 1);
}
.process-icon img {
  width: 40px;
}
.garage-process ul li {
  display: flex;
  align-items: center;
}
.garage-process-inner {
  font-family: "Inter-Regular";
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.process-copy-content {
  font-family: "Inter-Regular";
  font-size: 14px;
  display: flex;
  margin: 0 0 0 15px;
  align-items: center;
  gap: 10px;
}
.process-copy-content i {
  cursor: pointer;
}
.process-copy-content i:hover {
  color: red;
}
.process-end-row {
  display: flex;
  align-items: center;
  gap: 31px;
}
.garage-process {
  border: 1px solid #dee1e6;
  border-radius: 25px;
  padding: 25px;
}
.process-main-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.process-btn-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.process-btn-row .process-close i {
  font-size: 20px;
  color: #545454;
  cursor: pointer;
}
.process-btn-row .process-close i:hover {
  color: #000000;
}
.inner-list {
  margin-top: 15px;
}
.progress {
  margin-bottom: 0;
}
.process-btn a {
  padding: 6px 20px;
  font-size: 16px;
}
.garage-info-modal {
  padding: 34px 24px;
}
.garage-frame a {
  color: #02962e;
  font-size: 14px;
}
.garage-modal-item {
  display: flex;
  flex-direction: column;
  /* gap: 21px; */
  align-items: baseline;
}
.garage-info-modal .garage-process ul li {
  align-items: baseline;
  padding: 10px 0 0 0;
}
.password-menu li a {
  color: #000;
  font-size: 16px;
}
.petrolbtn-row button:hover {
  background-color: #dc2524;
  color: #ffffff;
  border: 1px solid #dc2524;
}
.petrolbtn-row button.active {
  background-color: #dc2524;
  border: 1px solid #dc2524;
  color: #ffffff;
}
.petrolbtn-row .btn-outline-secondary {
  border: 1px solid #d3d3d3;
}
.main-product-cardbox .product-item-box {
  transition: all 0.3s;
}
.main-product-cardbox .product-item-box:hover {
  /* border: 1px solid #38383817; */
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.102));

}
.filter-btn .btn-outline-secondary {
  border-color: #b2b2b2;
}
.ribbon-card-btns {
  display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
}
.checkbox-label::before {
  display: none  !important;
} 
.checkbox-content {
  padding-left: 0;
}

  .custom-faq .accordion-item {
    margin: 12px 0;
  }
  .error-message {
    font-size: 14px;
  }
  .heart-icon {
    width: 29px;
    height: 27px;
    transition: fill 0.3s ease;
    color: #838383;
    margin: 0 4px 0 0;
}
.settings-sec .heading-text h3 {
  font-size: 22px;
}
.product-detail-page .used-in-content .tbody {
  display: contents;
}
.pagination .page-item .page-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px;
  color: #000;
}
.product-bottom-pagi {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 10px 0 0 0;

}
.product-detail-page .part-detail {
  padding: 75px 0 100px;
}
.product-bottom-pagi .pagination .page-item  {
  margin: 0;
}
.cust-top-title {
  padding-bottom: 0;
  margin-bottom: 0;
}
.product-sidebar .prod-btn {
  transition: all 0.3s;
}
.product-sidebar .prod-btn:hover {
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.102));
background: #DC2524;

}
.prod-inner {
  position: relative;
}
/* .cust-tooltip {
  font-size: 9px;
  background: rgb(0, 0, 0);
  color: white;
  padding: 3px 5px;
  border-radius: 8px;
  display: none;
  position: absolute;
  bottom: -21px;
  left: 29px;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.3 ease, transform 0.3s ease;
}
.prod-inner:hover .cust-tooltip {
  display: inline-block;
  opacity: 1;
  transform: translate(0);
  
} */
.cust-tooltip {
  font-size: 9px;
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 1px 5px;
  border-radius: 8px;
  position: absolute;
  bottom: -21px;
  left: 29px;
  opacity: 0; 
  transform: translateY(-10px); 
  visibility: hidden; 
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.prod-inner:hover .cust-tooltip {
  opacity: 1; 
  transform: translateY(-3px); 
  visibility: visible; 
}
.product-cart .right-qua1 .qty .quantity-button i {
  font-size: 18px;
}
.custom-checkbox-form {
  width: 15px;
  height: 15px;
  accent-color: #d60000; 
  cursor: pointer;
}
.modal-checkmark i {
  color: #00a500;
  font-size: 42px;
}
.reviewdesc {
  padding: 10px 14px !important;
}
.auto-load {
  color: #dc2524;
}
.card-up-profile .form-group .btn {
  font-size: 16px;
}
.partdetail-list button.nav-link.active:hover {
  background-color: #000000 !important;
  border: 1px solid transparent !important
}
.loading-details {
  height: 0;
  width: 0;
  padding: 12px;
  border: 4px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  margin-top: 3px;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.search-engine-list:hover {
  color: #414141 !important;
} 
/*************************** responsive *******************************/

@media only screen and (min-width: 1600px) {
  /* .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    } */
  .footer-space h1 {
    font-size: 45px;
    line-height: 72.5px;
  }
  .spe-btn-more .btn {
    padding: 12px 20px;
    font-size: 18px;
  }
  .top-brandpart .Parts-slider .owl-carousel .owl-item img {
    max-height: 80px;
  }
  .top-banner .get-offer a span {
    /*font-size: 20px;*/
  }
  section.brands-parts,
  .top-brandpart,
  .shop-part {
    padding-bottom: 100px;
  }
  section.discount-timer.pikup-store {
    padding-bottom: 100px;
  }
  section.customer-slider {
    padding-bottom: 100px;
  }
  .barnd-logo {
    /* height: 120px;
    padding-top: 30px; */
    height: 80px;
    padding-top: 15px;
  }
  .discount-add .get-offer a.shop-with {
    font-size: 16px;
  }
  .discount-add .get-offer a.shop-discount {
    font-size: 18px;
  }
  .discount-timer .discount-add {
    background-color: #000;
    display: flex;
    /* padding: 30px 50px; */
    padding: 20px 30px;
    z-index: 1;
    position: relative;
  }
  .custom-offer img {
    max-width: 38px;
  }
  .discount-add .offer a.shop-discount {
    font-size: 18px;
  }
  .discount-add .offer a.shop-with {
    font-size: 16px;
    font-family: "Inter-Regular";
  }
  .discount-timer a#watch {
    /* background-color: #C40000; */
    background-color: #dc2524;
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 700;
    width: 70px;
    text-align: center;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter-Bold";
  }
  .innerbanner .PIC-IMG h2 {
    font-size: 48px;
  }
  li.nav-item a img {
    max-width: 25px;
    margin-left: 17px;
  }
  a.call-cls {
    font-size: 14px;
    line-height: normal;
  }
  a.num-call.noroute {
    font-size: 15px;
    line-height: 19px;
  }
  .header-row .custom-search span.form-control {
    padding: 10px;
    font-size: 18px;
  }
  .top-banner .custom-offer img {
    /*max-width: 40px;*/
  }
  section.top-banner a#watch {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    font-family: "Inter-Bold";
    /*font-size: 24px;*/
    font-weight: 700;
    line-height: normal;
    /*width: 62px;*/
    /*height: 43px;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-page .search-part img {
    position: absolute;
    max-width: 22px;
    width: 100%;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  li.ser-item span {
    color: #fff;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter-Regular";
  }
  li.ser-item img {
    max-height: 22px;
  }
  .top-banner .discount-add .offer a {
    /*font-size: 20px;*/
  }
  .top-banner .discount-line img {
    /*max-width: 40px;*/
  }
  .top-banner .get-offer a {
    /*font-size: 20px;*/
  }
  .Person.Name {
    font-size: 24px;
    line-height: 28.85px;
  }
  .para p {
    font-size: 18px;
    line-height: 28px;
  }
  section.customer-slider .customer-star img {
    max-width: 20px;
  }
  .para {
    margin-top: 20px;
  }
  section.customer-slider .bannaer-text2 h2 {
    /* font-size: 42px; */
    line-height: 43px;
  }
  .Company-menu form button img {
    /* padding: 8px;
    width: 60px; */
  }
  .social-media {
    padding-left: 60px;
  }
  .social-icon i {
    margin-right: 0;
    background-color: #8a8a8a;
    color: #000;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    padding: 6px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
  }
  .social-icon li:not(:last-child) {
    margin-right: 16px;
  }
  .Company-menu input.form-control {
    background-color: #000;
    border-radius: 50px;
    border-color: #808080;
    height: 50px;
    /* font-size: 24px;
    padding-right: 60px; */
  }
  .modal-body .Company-menu form button {
    top: 0;
    right: 0px;
    width: 50px;
    height: 50px;
    position: absolute;
    border: 0;
    padding: 0;
    border-radius: 50%;
  }
  .footer-space p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 31.47px;
    margin-bottom: 30px;
  }
  .get-btn {
    margin-bottom: 90px;
  }
  .footer-space button.btn-plan {
    background-color: #000;
    color: #ffffff;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 12px 20px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26.63px;
  }
  .footer-space button.btn-plan {
    background-color: #000;
    color: #ffffff;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.63px;
  }
  .Company-menu h6,
  .Contact h6,
  .legal-menu h6,
  .open-time h6,
  .social-media h6 {
    color: #fff;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 36px;
    font-family: "Poppins-Regular";
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 24px;
  }
  .Contact a,
  .legal-menu a,
  .open-time a {
    color: #ffffff69;
    font-size: 16px;
    margin-bottom: 25px;
    font-size: 18px;
    font-family: "Inter-Regular";
    line-height: 30px;
    font-weight: 400;
  }
  .Contact a:hover,
  .legal-menu a:hover {
    color: #ffffff;
  }
  .social-icon i:hover {
    background-color: #ffffff;
  }
  .open-time a {
    pointer-events: none;
  }
  .social-media a {
    color: #ffffff69;
    font-size: 16px;
    margin-bottom: 25px;
    font-size: 14px;
    font-family: "Inter-Regular";
    line-height: 19px;
    font-weight: 400;
  }
  .footer-space button.btn-red {
    background-color: #dc2524;
    color: #fff;
    border-radius: 50px;
    border: unset;
    padding: 14px 20px;
    font-size: 18px;
    margin-right: 10px;
    font-weight: 400;
    line-height: 26.63px;
  }
  .discount-timer .discount-line img {
    max-width: 50px;
  }
}

@media only screen and (max-width: 1650px) {
  .Contact a,
  .legal-menu a,
  .open-time a {
    font-size: 18px;
    line-height: 43px;
  }
  .Company-menu h6,
  .Contact h6,
  .legal-menu h6,
  .open-time h6,
  .social-media h6 {
    font-size: 18px;
  }
  .social-media {
    padding-left: 20px;
  }
  .social-icon i {
    height: 40px;
    width: 40px;
    font-size: 22px;
  }
}

@media only screen and (max-width: 1399px) {
  .Contact a,
  .legal-menu a,
  .open-time a {
    font-size: 16px;
    line-height: 39px;
  }
  .ribbon-card-btns {
    flex-direction: row;
    gap: 5px;
  }
  .ribon-box .btn-primary {
    padding: 10px 12px 10px !important;
  }
}

@media only screen and (max-width: 1299px) {
  .product-list-modal .col {
    width: 20%;
  }

  .top-title,
  .top-title span {
    font-size: 38px;
  }

}

@media only screen and (max-width: 1200px) {
  /* section.brands-parts .custom-brand1 {
        width: unset;
        display: unset;
    } */
  /* .custom-brand1 a {
        max-width: 250px;
        width: 100%;
    } */
  section.brands-parts .custom-brand1 {
    width: 25%;
  }
  .prod-price {
    padding-right: 20px;
  }
  .right .close {
    margin: 0px 8px 0px 0px;
  }
  a.num-call.noroute {
    font-size: 11px;
  }
  .info-imgs {
    width: 125px;
  }
  .info-topend-img img {
    width: 115px;
  }
  .product-cart .cart-right {
    padding: 0px 30px;
  }
  .product-cart .delivery-left {
    padding: 0 0;
  }
  footer .resource-part {
    padding: 35px 0 0 0;
  }
    .ribbon-card-btns {
    flex-direction: row;
  }
  .ribon-box .btn-primary {
    padding: 10px 15px 10px !important;
}
.product-detail-page .clickable-description {
  font-size: 14px;
}
}

@media only screen and (min-width: 1200px) {
  /*.breadcrumb-item+.breadcrumb-item {*/
  /*    padding-left: 20px;*/
  /*}*/
  /*.breadcrumb-item+.breadcrumb-item::before {*/
  /*    padding-right: 20px;*/
  /*}*/
}

@media only screen and (max-width: 1400px) {
  .ser-item a {
    /*padding-left: 6px;*/
    /*padding-right: 3px;*/
  }
  li.ser-item span {
    font-size: 14px;
  }
  .innerbanner .PIC-IMG h2 {
    font-size: 50px;
  }
  .popular-items .brand-img {
    /* min-height: 76px; */
    /* height: 76px; */
  }
  .product-list-modal .col {
    width: 19.6%;
  }
  .bmw-img img {
    margin-bottom: 10px;
    width: 100px;

}
section.bmw-part h2 {
  font-size: 32px;
}
.top-title span {
  font-size: 32px;
}
section.bread-list ol.breadcrumb {
  padding: 10px 0px 0 0;
}
}
@media only screen and (max-width: 1199px) {
  .brands-parts.brand-list-grid .custom-brand1 {
    width: 16.66%;
  }
  section.top-banner .custom-offer {
    padding-right: 12px;
  }
  section.top-banner .workspace {
    padding-left: 12px;
  }
  section.top-banner .get-offer span,
  section.top-banner .discount-add .offer a span {
    display: block;
  }
  .bmw-img img {
    width: 100px;
  }
  .bmw-part .bmw-img img {
    width: 140px;
    height: auto;
  }
  .pikup-store.discount-timer .discount-add {
    padding: 20px 30px;
  }
  section.pikup-store .discount-add .shiptext {
    font-size: 16px;
  }
  section.pikup-store .discount-add .paycls {
    font-size: 14px;
  }
  section.pikup-store .work-space img {
    width: 60px;
    max-width: 60px;
  }
  .product-suport.pikup-store .workspace img,
  .product-suport.pikup-store .custom-offer img {
    width: 40px;
    max-width: 40px;
  }
  .Company-menu .input-group {
    width: 300px;
    max-width: 95%;
  }
  .social-media {
    padding-left: 0;
  }
  .Contact a,
  .legal-menu a,
  .open-time a {
    font-size: 14px;
    line-height: 30px;
  }
  .social-icon i {
    height: 30px;
    width: 30px;
    font-size: 14px;
  }

  .ser-item {
    margin-right: 10px;
  }
  section.top-banner .get-offer {
    text-align: end;
  }
  .barnd-logo {
    height: 80px;
    padding-top: 15px;
  }
  .top-banner .discount-add .offer a,
  .top-banner .get-offer a,
  .top-banner .get-offer a span {
    font-size: 14px;
  }
  .discount-timer .cust-timer span {
    padding: 0 15px;
  }
  .product-list-modal .col {
    width: 24.6%;
  }
  .discription-left,
  .faq-part {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1200px) {
  .innerbanner .PIC-IMG h2 {
    font-size: 40px;
  }
  li.ser-item span {
    font-size: 12px;
    margin-left: 12px;
    margin-right: 3px;
  }
  li.nav-item a img {
    max-width: 21px;
    margin-left: 15px;
  }
  .custom-delivery img,
  .custom-motor img {
    max-width: 22px !important;
  }
  .custom-oil img {
    max-width: 17px !important;
  }

  li.specification-imgbox {
    margin-left: 15px;
  }
  li.specification-imgbox:first-child {
    margin-left: 0;
  }
  .bmw-part .bmw-img img {
    width: 100px;
  }
  .ribon-box {
    max-width: 100% !important;
  }
  .pro-fuel-td {
    width: 185px;
  }
}

@media only screen and (min-width: 992px) {
  .leftmenu-mobile-top,
  .leftmenu-mobile {
    display: none !important;
  }
  .modal-product-list ul {
    height: 426px;
  }

  .modal-view-img img {
    max-width: 120px;
  }
  .search-part-mobile {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .product-list-modal .brand-img img {
    object-fit: contain;
  }
  .modal-end-column .modal-list-title h3 {
    font-size: 17px;
  }
  /*.modal-list-title {*/
  /*    padding: 0px 0 14px;*/
  /*}*/
  .modal-para p {
    font-size: 14px;
    padding: 15px 0 0 0;
  }
  .modal-view-img img {
    max-width: 110px;
  }
  .modal-middle-row {
    gap: 12px;
    padding: 15px 0 0 0;
  }
  .view-item-box {
    gap: 5px;
  }
  .modal-end-column {
    padding: 18px 20px 20px;
  }
  .search-part-mobile {
    display: block;
  }
  .mob-search {
    display: inline-block;
    filter: brightness(0) invert(1);
  }
  .brands-parts.brand-list-grid .custom-brand1 {
    width: 25%;
  }
  .search-article,
  .dropedown-one {
    width: 33%;
  }
  li.ser-item img {
    max-width: 25px;
    width: 25px;
  }
  li.ser-item span {
    font-size: 14px;
  }
  .discount-timer-bgblk .discount-add .col-md-4 {
    justify-content: center;
  }
  .discount-timer-bgblk .discount-add .col-md-4 .offer,
  .discount-timer-bgblk .discount-add .col-md-4 .get-offer {
    flex-direction: row;
    gap: 5px;
    align-items: center;
  }
  section.pikup-store .custom-offer img {
    margin-right: 0;
  }
  /* section.pikup-store .workspace + .work-space {
        padding-left: 51px;
    } */
  .product-suport.pikup-store .workspace img,
  .product-suport.pikup-store .custom-offer img {
    width: 40px;
    max-width: 40px;
  }
  section.pikup-store .work-space img {
    width: 50px;
    max-width: 50px;
  }
  section.pikup-store .workspace,
  section.pikup-store .work-space,
  section.pikup-store .custom-offer {
    justify-content: flex-start;
    /* padding-left: 60px;  */
  }
  .Company-menu input.form-control::placeholder {
    font-size: 16px;
  }
  .Company-menu h6,
  .Contact h6,
  .legal-menu h6,
  .open-time h6,
  .social-media h6 {
    font-size: 16px;
  }
  .footer-space .Company-menu {
    margin-bottom: 30px;
  }
  .Company-menu .input-group {
    width: 100%;
    max-width: 100%;
  }
  .custom-service .navbar-nav {
    margin-top: 16px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  li.ser-item {
    width: 50%;
  }
  .header-page {
    padding-bottom: 0;
    padding-top: 0;
  }
  a.num-call.noroute {
    font-size: 12px;
    line-height: normal;
  }
  a.call-cls {
    font-size: 13px;
    line-height: normal;
  }
  .top-header nav.navbar.navbar-expand-lg {
    border-top: 0;
    padding-top: 0;
  }
  .poplar-bg .nav-pills .nav-link {
    font-size: 12px;
    line-height: 18px;
    margin-left: 10px;
  }
  .righttwo {
    margin-top: 30px;
  }
  .cart-right {
    margin-top: 40px;
  }
  .custom-cart2 .delivery-method h2,
  .custom-cart2 .more-info h2 {
    margin-top: 20px;
  }
  .custom-cart2 .cart-right {
    border-left: 0;
  }
  .order-top {
    padding-left: 0;
  }

  .search-part-mobile label {
    width: 100%;
  }

  section.brands-parts .custom-brand1 {
    width: 33.33%;
  }
  section.innerbanner .PIC-IMG h2 {
    font-size: 30px;
  }
  .custom-search {
    order: 1;
    flex-basis: 100% !important;
  }
  .sub-menu {
    width: 50%;
    margin-left: -55px;
  }
  .custom-logo {
    width: 50%;
  }
  button.navbar-toggler.hidden-lg-up {
    margin-top: -34px;
    margin-left: auto;
    margin-right: 0;
  }
  .header-page label.search-part {
    max-width: 100%;
  }

  li.ser-item {
    margin-right: 0px;
    margin-left: 0px;
    padding: 12px;
  }
  li.nav-item a img {
    max-width: 21px;
  }
  .contacts {
    margin-right: -7px;
  }
  ul.navbar-nav.mb-2.mb-lg-0 {
    margin-left: 10px;
    margin-right: 0;
    width: 100%;
  }
  .ser-item a {
    padding-left: 0px;
    padding-right: 0px;
  }
  label.search-part-mobile {
    display: block;
    padding: 15px;
  }
  button.navbar-toggler {
    right: 0;
    bottom: 14px;
    margin-right: 20px;
  }
  .header-page .navbar-brand img {
    width: 180px;
    margin-bottom: 0px;
  }

  ul.leftmenu {
    justify-content: right;
  }
  ul.leftmenu-mobile {
    display: flex;
    margin-right: auto;
  }
  .search-part-mobile {
    position: relative;
    margin-left: 15px;
    width: 90%;
    margin-top: 15px;
  }
  .search-part-mobile img {
    position: absolute;
    top: 30%;
    right: 15px;
    width: 15px;
  }
  .custom-search {
    display: none;
  }
  .contacts-mobile {
    display: grid;
    margin-top: -35px;
    margin-left: 47px;
  }
  .innerbanner .PIC-IMG h2 {
    font-size: 35px;
  }
  .discount-timer a#watch {
    padding: 3px 8px;
    font-size: 20px;
  }
  .discount-timer .discount-line img {
    max-width: 30px;
  }
  .custom-offer img {
    max-width: 30px;
  }
  .discount-timer .discount-add {
    padding: 15px 20px;
    position: unset;
    align-items: auto;
    transform: unset;
    margin-top: 0;
    flex-direction: column;
    gap: 22px;
  }
  .discount-timer .discount-add .col-md-4 {
    width: 100%;
    /*justify-content: center;*/
  }
  .discount-timer .offer,
  .discount-timer .get-offer {
    display: flex;
    flex-direction: column;
    margin-left: 9px;
    align-items: flex-start;
  }
  .discount-timer .cust-timer span {
    padding: 0 10px;
    line-height: normal;
    font-size: 30px;
  }
  .discount-add .offer a.shop-discount,
  .discount-add .get-offer a.shop-discount {
    font-size: 14px;
  }
  .discount-timer a#watch {
    font-size: 18px;
    width: 60px;
    height: 60px;
  }
  section.top-banner .offer {
    text-align: left;
    font-size: 12px;
  }
  section.top-banner .get-offer {
    text-align: right;
    font-size: 12px;
  }
  section.top-banner .offer span,
  section.top-banner .get-offer span {
    font-weight: 700;
  }
  section.top-banner .custom-offer {
    text-align: right;
  }
  li.specification-imgbox {
    padding: 15px;
    margin-bottom: 10px;
  }
  section.popular-items .poplar-bg h2,
  .shop-part .top-title h1,
  section.customer-slider .bannaer-text2 h2,
  .footer-space h1 {
    font-size: 29px;
    line-height: normal;
  }
  .resource-part {
    margin-top: 10px;
  }
  section.popular-items .poplar-bg button.btn.btn-show {
    font-size: 12px;
    border-radius: 15px;
    padding: 2px 8px;
    min-width: 95px;
    height: 32px;
  }
  section.popular-items .poplar-bg button.btn.btn-show img {
    max-width: 15px;
  }
  .product-list-modal .col {
    width: 33%;
  }
  .product-list-modal .brand-img {
    height: 80px;
  }
  .name-asse {
    margin-top: 10px;
    font-size: 12px;
  }
  .table-head-row .tbl-title span {
    font-size: 14px;
  }
  .clickable-description {
    font-size: 14px;
  }
  .common-td {
    min-width: 170px;
  }
  .common-td-small {
    min-width: 100px;
  }
  .common-td-large {
    min-width: 175px;
  }
  .parts-details a {
    font-size: 14px;
  }
  .table .tr .td {
    padding: 2px;
  }
  .pickup-imgbox {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .custom-logoslider .owl-theme .owl-nav {
    top: 60%;
  }
  input.form-control {
    padding: 7px 15px 8px !important;
  }

  section.brands-parts,
  .top-brandpart,
  section.discount-timer.pikup-store,
  .Features-part {
    padding-bottom: 80px;
  }
  .brands-parts {
    margin-top: 20px;
  }
  .top-title h2 {
    margin-bottom: 0;
  }
  section.customer-slider {
    padding-bottom: 80px;
  }
  .modal-body.custom-body button {
    font-size: 16px;
  }
  .top-title,
  .top-title span {
    font-size: 32px;
  }
  .Auto-part-selected .top-title p {
    font-size: 20px;
  }

  .modal-start-column .modal-heading .cart-icn i {
    font-size: 19px;
  }
  .modal-start-column .modal-heading h3 {
    font-size: 17px;
  }
  .promo-content {
    padding: 10px 22px;
  }
  .promo-disc h4 {
    font-size: 14px;
  }
  .promo-btn a {
    padding: 5px 10px;
    font-size: 14px;
  }
  .promo-page {
    padding: 10px 0;
  }
  .process-end-row {
    gap: 5px !important;
  }
  .parts-details_new,
  .brand-list-gridtbl {
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    margin-bottom: 65px;
    padding-bottom: 0;
  }

  .Auto-part-selected .petrolbtn-row {
    margin: 0 0 30px;
  }
  .top-modal .title-tag h2 {
    font-size: 29px;
    margin: 0;
  }
  ul.custom-info-list img {
    width: 30px;
    margin: 10px;
    height: 30px;
  }
  .product-item-image {
    height: 100px;
  }
  .info-top-end {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 15px 0 0 0;
  }
  .product-cart .cartbtn {
    padding: 0 12px 0 0;
  }
  footer .resource-part {
    padding: 0;
  }
  .conformation-page {
    padding-top: 80px;
  }
  .garage-process-inner {
    flex-direction: column;
    /* gap: 15px; */
    align-items: baseline;
  }
  .garage-process ul li {
    display: flex;
    align-items: baseline;
    padding: 10px 0;
  }

  .process-btn a {
    padding: 4px 16px;
    font-size: 14px;
  }
  .process-end-row {
    justify-content: end;
    width: 100%;
  }
  .garage-section .garage-maincontent .process-end-row {
    padding: 0 20px 0 0;
  }
  .prod-discount-add {
    padding: 30px !important;
  }
  .main-product-sec .allproduct {
    padding-bottom: 5px;
  }
  .vehicle-page .car-img {
    width: 100px;

  }

  section.bread-list ol.breadcrumb {
    padding: 10px 0 0 0;
    margin: 0;
  }
  .vehicle-page .braking-selected {
    padding: 10px 0 0 0;
}
section.bmw-part h2 {
  padding: 0;
}
.prod-sidebar-btn {
  display: flex;
  align-items: center;
  width: 50%;
  gap: 12px;
}
.prod-sidebar-btn .found-item {
  width: 100%;
}

section.product-cart .card-body-row {
  padding: 5px 0px 0px 0px;
}
}
@media only screen and (max-width: 768px) {
  .modal-list-title {
    padding: 0 0 12px;
  }

  /* .tawk-button-circle.tawk-button-large {
        width: 45px !important;
        height: 44px !important;
    }
    .tawk-button-circle.tawk-button-large  svg{
        width: 24px !important;
    } */
    
    .tawk-button-circle {
      display: none !important;
    }
    
    .tawk-min-container {
    display: none !important;
    }

  .card.cust-card {
    width: 405px;
    margin: auto;
  }
  .brands-parts.brand-list-grid .custom-brand1 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .popular-items a.brands-name {
    padding: 12px;
  }
  section.popular-items .brand-img + p {
    margin-top: 8px;
    font-size: 14px;
  }

  section.popular-items .poplar-bg {
    padding: 30px 30px 10px 30px;
  }
  .brands-parts.brand-list-grid .custom-brand1 {
    width: 33.33%;
  }
  .contacts,
  .custom-headphon {
    display: none;
  }
  li.nav-item.custom-heart {
    display: none;
  }
  .mob-search {
    display: block !important;
  }
  .callus-mobile-top {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  ul.navbar-nav.my-acc {
    padding-top: 12px;
  }
  .callus-mobile a.num-call {
    font-size: 12px;
  }
  .callus-mobile a.call-cls {
    font-size: 11px;
    line-height: normal;
  }
  ul.navbar-nav.my-acc li.ser-item img {
    width: 20px;
  }
  ul.navbar-nav.my-acc li.ser-item {
    width: auto;
    padding: 0 10px;
  }
  ul.navbar-nav.my-acc li.ser-item span {
    margin-left: 8px;
    margin-right: 0;
  }
  ul.navbar-nav.my-acc {
    justify-content: space-around;
    align-items: center;
  }
  section.top-banner .get-offer span,
  section.top-banner .discount-add .offer a span {
    display: inline;
  }
  section.top-banner .custom-offer {
    justify-content: center;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  section.top-banner .workspace {
    justify-content: center;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  section.popular-items .poplar-bg h2,
  .shop-part .top-title h1,
  section.customer-slider .bannaer-text2 h2,
  .footer-space h1 {
    font-size: 25px;
  }
  .top-banner .custom-offer img {
    max-width: 25px;
  }
  .Company-menu input.form-control {
    height: 42px;
  }
  .Company-menu form button img {
    width: 42px;
  }

  .Contact a,
  .legal-menu a,
  .open-time a {
    line-height: normal;
  }
  .Company-menu form button {
    right: 4px;
    width: 40px;
    height: 40px;
  }
  .top-banner .get-offer {
    margin-right: 6px;
  }
  section.top-banner .offer {
    margin-left: 6px;
  }
  .parts-details table {
    border-spacing: 10px;
  }
  .more-info {
    margin-bottom: 0px;
  }

  .custom-cart2 .delivery-left {
    padding: 0;
  }
  .custom-cart2 .cart-right {
    padding: 0;
  }
  .map-part {
    padding-bottom: 55px;
  }
  .top-title h2 {
    margin-bottom: 20px;
    font-size: 20px;
    padding: 0;
  }

  .Features-part {
    /* overflow-x: scroll; */
    padding-bottom: 55px;
  }
  .Auto-part-selected .top-title h2 {
    font-size: 26px;
  }
  .Auto-part-selected .top-title span {
    font-size: 22px;
  }
  .parts-details {
    padding: 0;
    margin-bottom: 50px;
  }
  .top-brandpart .top-title h2 {
    margin-bottom: 0;
  }
  section.customer-slider {
    padding-bottom: 60px;
  }
  section.brands-parts.brake-parts {
    padding-bottom: 35px;
  }
  .privacy-heading-Delivery {
    padding: 0;
  }
  section.top-banner .discount-add .workspace-tabs {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  section.top-banner .discount-line img {
    max-width: 20px;
  }
  .custom-offer img {
    max-width: 20px;
  }
  /* section.pikup-store .work-space {
        padding-left: 60px;
    } */
  section.pikup-store .workspace,
  section.pikup-store .work-space,
  section.pikup-store .custom-offer {
    justify-content: flex-start;
    /* padding-left: 60px; */
  }
  .innerbanner .PIC-IMG {
    padding: 15px 0;
  }

  .discount-timer .discount-add {
    flex-wrap: wrap;
  }
  .innerbanner .PIC-IMG img {
    height: 100%;
  }
  .img-overlay {
    height: 250px;
  }

  section.brands-parts .custom-brand1 {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .poplar-bg .nav-pills .nav-link {
    margin-left: 8px;
  }
  .nav-pills .nav-link {
    margin-left: 0px;
    font-size: 11px;
  }
  .discount-timer a#watch {
    padding: 0px 2px;
  }
  .custom-offer img {
    max-width: 23px;
    margin-bottom: 3px;
  }
  section.innerbanner .PIC-IMG h2 {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
  .Company-menu .input-group {
    width: 100%;
  }
  .leftside {
    margin-right: 57px;
  }
  .footer-space h1 {
    font-size: 32px;
  }
  .footer-space p {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .footer-space {
    padding: 50px 0px;
  }
  .top-brandpart {
    padding-bottom: 55px;
  }

  .resource-part {
    margin-top: 30px;
  }
  .sub-menu {
    margin-top: 0px;
    margin-left: 0px;
  }
  .workspace,
  .workspace-tabs,
  .custom-offer,
  .work-space {
    width: 100%;
    justify-content: center;
  }
  .discount-timer {
    padding: 0 50px;
  }
  .discount-timer .custom-offer {
    justify-content: center;
  }
  section.brands-parts {
    padding-bottom: 60px;
  }
  section.brand-slider .logo-slider {
    padding-bottom: 60px;
  }
  section.discount-timer.pikup-store {
    padding: 0 15px 55px 15px;
  }
  section.brands-parts {
    padding-bottom: 55px;
  }
  .Auto-part-selected .top-title span {
    font-size: 19px;
  }
  .card.cust-card {
    padding: 20px;
  }
  section.popular-items .poplar-bg h2 {
    font-size: 18px;
  }
  section.popular-items .poplar-bg button.btn.btn-show {
    font-size: 15px;
    border-radius: 15px;
    padding: 2px 8px;
  }
  section.popular-items .poplar-bg button.btn.btn-show img {
    max-width: 15px;
  }
  section.top-banner a#watch {
    padding: 4px 8px;
    font-size: 14px;
  }
  section.top-banner a#watch {
    border-radius: 5px;
    line-height: 20px;
    width: 40px;
    height: 30px;
  }
  /* .left {
        justify-content: center;
    } */
  .right {
    justify-content: space-between !important;
    text-align: left;
    padding: 22px 11px 0 11px;
  }

  .right-qua3.close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
  }
  .prod-price {
    justify-content: end;
    padding: 0;
  }
  .right-qua1 {
    margin: 0;
  }
  .le-lr {
    padding: 22px;
  }
  .cart-title {
    margin-top: 30px;
  }
  section.product-cart {
    padding: 55px 0px;
  }
  section.braking-selected .car-img {
    width: fit-content;
    height: unset;
  }
  .specification-wraper .Specification-detail {
    padding: 15px;
  }
  .top-modal .title-tag h2 {
    font-size: 20px;
  }
  .top-modal button.btn.btn-show {
    font-size: 15px;
    border-radius: 15px;
    padding: 4px 8px;
  }
  .top-modal .title-tag img {
    max-width: 15px;
  }

  .parts-details_new::-webkit-scrollbar {
    height: 4px;
    width: 3px;
  }
  .parts-details_new::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .see-all-btn {
    font-size: 14px;
    gap: 7px;
  }

  .parts-details_new::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }

  .parts-details_new::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .parts-details a {
    font-size: 12px;
  }
  .clickable-description,
  .table-head-row .tbl-title span {
    font-size: 12px;
  }
  .common-td {
    min-width: 145px;
  }
  .td-more {
    min-width: 100px;
  }
  .footer-space button.btn-red {
    padding: 10px 18px;
  }
  .footer-space button.btn-plan {
    padding: 8px 18px;
  }
  .get-btn {
    gap: 10px;
    margin-bottom: 22px;
  }
  .Company-menu h6 {
    margin-bottom: 10px;
  }
  .Contact h6,
  .legal-menu h6,
  .open-time h6,
  .social-media h6 {
    margin-bottom: 5px;
  }
  .footer-space .Company-menu {
    margin-bottom: 20px;
  }
  .common-td {
    min-width: 170px;
  }
  .forgot-title {
    font-size: 26px;
  }
  .forgot-passwrdbox .form-group {
    padding: 10px 0 0 0;
  }
  section.bmw-part h2 {
    font-size: 24px;
  }
  .bmw-part .bmw-img img {
    width: 75px;
    margin-bottom: 5px;
  }
  .custlogin .custom-footer {
    padding-top: 14px;
  }
  .login-innerbox {
    padding-top: 12px;
    margin-top: 3px;
  }
  .custom-popup .main-inputbox {
    gap: 16px;
  }
  .top-title span {
    font-size: 29px;
  }
  .top-title {
    padding-bottom: 20px;
    font-size: 25px;
  }

  .feature-detai-label {
    margin-bottom: 12px;
  }

  .modal-end-column {
    border-radius: 0 0 15px 15px;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: 21px;
  }
  section.brand-slider .owl-carousel .owl-nav button.owl-next {
    right: 18px;
  }
  .keep-img img {
    width: 160px;
  }
  .braking-selected .car-img img {
    width: 140px;
    height: auto !important;
  }

  .braking-selected .car-img {
    height: auto;
  }
  .feature-detai-label {
    font-size: 14px;
    padding: 8px 8px;
  }
  .Auto-part-selected .car-img {
    height: auto;
    width: 160px;
  }
  .popular-items .brand-img {
    min-height: 60px;
    height: 60px;
    width: 100%;
  }
  .oem-num-list img {
    max-width: 73px;
  }
  .oem-num-list {
    gap: 14px;
  }
  .partdetail-list ul {
    flex-direction: column;

    gap: 6px;
  }
  .partdetail-list .nav-pills .nav-link {
    width: 100%;
    padding: 6px 9px;
    border-radius: 30px;
  }
  .custom-logout i {
    font-size: 20px;
  }
  .orderdtl-table table tbody tr td .btn-black {
    font-size: 14px;
  }
  .logofoot2 img {
    max-width: 60px;
  }
  ul.custom-info-list img {
    width: 26px;
    margin: 7px;
    height: 26px;
  }
  .ribbon-card-btns {
    flex-direction: column;
  }
  section.bmw-part h2 {
    padding: 0 0 15px 0;
  }
  .vehicle-page .custom-product .car-details .car-img {
    width: 100%;
}
button.nav-link.active:hover {
  background: #ffffff !important;
  border: 1px solid #dee1e6 !important;
  color: #000000 !important;
}
.mob-page-itm {
  display: none !important;
}
.product-bottom-pagi .pagination {
  flex-direction: row;
}

.product-bottom-pagi ul li::after {
  display: none;
}
.product-bottom-pagi {
  padding:0;
  /* z-index: -3; */
  margin-top: 30px;
}
.product-detail-page .part-detail {
  padding: 75px 0 65px;
}
.ribbon-card-btns,
.ribbon-card-btns button,
.ribbon-card-btns .prod-inner
{
  width: 100%;
}
.ribbon-card-btns .prod-inner .btn {
  width: 100%;
  display: block;
}
.prod-sidebar-btn {
  width: 100%;
}
.product-bottom-pagi .pagination {
  gap: 5px;
} 
.product-bottom-pagi .pagination .page-item .page-link {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  font-size: 17px;
}

.custom-close-cart {
  padding: 16px;
}
.le-lr .right-qua1 .qty span {
  padding: 15px;
  position: relative;
}
.le-lr .right-qua1 .qty span i {
  position: absolute;
  left: 0;
  right: 0;
  top: 18%;
  bottom: 0;
}
}

@media only screen and (min-width: 768px) {
  ul.navbar-nav.my-acc {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .modal-start-column .modal-heading .cart-icn {
    height: 34px;
    width: 34px;
  }
  section.brand-slider .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: -46%;
    transform: translateX(159px);
  }
  section.custom-logoslider .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    height: 30px;
    width: 30px;
  }
  section.brand-slider .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    height: 30px;
    width: 30px;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: 47%;
    transform: translateX(-163px);
  }
  .keep-img img {
    width: 120px;
  }
  .keep-shop-part li {
    margin-bottom: 8px;
  }
  .keep-text ul li {
    font-size: 14px;
  }
  .Auto-part-selected .car-img {
    height: auto;
    width: 100px;
  }
  .Auto-part-selected .top-title h2 {
    font-size: 21px;
    padding: 0;
  }
  .top-modal .title-tag {
    align-items: center;
  }

  ul.custom-info-list img {
    width: 22px;
    margin: 9px;
    height: 22px;
  }
  .custom-info-list {
    gap: 5px;
  }

  .braking-selected h2 {
    font-size: 22px;
    /* padding: 0; */
    margin: 0;
  }

  .product-cart-img {
    height: 80px;
    width: 80px;
    min-width: 80px;
  }
  .le-lr .close button img {
    width: 24px;
  }
  .left .text-list p.prod-title {
    font-size: 16px;
  }
  .le-lr .right-qua1 .qty span {
    height: 24px;
    width: 24px;
  }

  .product-cart-img img {
    width: 70px;
  }
  .right {
    padding: 14px 11px 0 11px;
  }
  .prod-price {
    font-size: 16px;
  }
  .quantity-button i {
    font-size: 11px;
  }

  .custom-logout i {
    /*margin-left: 34px;*/

    padding: 8px 0 0 0;
    margin: 0 0 0 19px;
  }
  .petrolbtn-row .btn {
    font-size: 14px;
  }
  .Auto-part-selected .top-title p {
    font-size: 16px;
  }
  .leftside {
    margin-right: 43px;
  }
  .Auto-part-selected {
    padding: 19px 0 0 0;
  }
  .ribon-box {
    max-width: 100% !important;
    /* border: none; */
    background: transparent !important;
    border-color: transparent;
    flex-direction: row;
    align-items: center;
  }
  .cartbtn-row {
    flex-direction: column;
    align-items: end;
  }
  .ribbon-card-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
  }
  .ribon-box .product-item-image {
    /* display: flex; */
    /* align-items: center; */
    /* height: auto; */
    min-width: 160px;
  }
  .partdetail-list .nav-pills .nav-link {
    font-size: 12px;
  }
  .pro-cartdtl .pr-logo img {
    width: 41px;
  }
  .pro-cartdtl .product_subtitle {
    font-size: 18px;
  }
  .pro-cartdtl {
    padding: 19px;
    border-radius: 10px;
  }
  .oem-num-list img {
    max-width: 55px;
  }
  .braking-selected .car-img img {
    width: 80px;
  }
  .top-title span {
    font-size: 22px;
  }
  section.discount-timer.pikup-store {
    padding: 0 0 55px 0;
  }
  .info-middle-row h4 {
    font-size: 16px;
  }
  .product-list-modal .brand-img {
    height: 60px;
  }
  section.product-cart .cartbtn .btn-primary {
    padding: 8px;
    font-size: 14px;
  }
  .cart-right .product-item-box .btn-primary {
    font-size: 14px;

    padding: 8px;
  }
  .product-title h2,
  .product-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .btn-primary:hover {
    background-color: #dc2524 !important;
    border-color: #dc2524 !important;
  }

  .alert {
    font-size: 14px;
  }
  .process-icon img {
    width: 34px;
  }
  .garage-process-inner {
    font-size: 14px;
  }
  .prod-discount-add .discount-line .offer h5,
  .prod-discount-add .prod-offer h5 {
    font-size: 14px;
  }
  .footer-space button.btn-plan:hover {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  .Contact a:hover,
  .legal-menu a:hover,
  .open-time a:hover {
    color: #ffffff69 !important;
  }
  section.bmw-part {
    padding-bottom: 0;
  }
  .copytext {
    display: block;
    margin-bottom: 10px;
  }
  .main-product-cardbox .product-item-box:hover {
    /* border-color: #f5f7fb; */
    filter: none;
  }
  .btn-outline-secondary:hover {
    border-color: #b2b2b2;
    background-color: transparent;
    color: #000000;
  }
  ul.custom-info-list img {
    width: 24px;
    margin: 8px;
    height: 24px;
  }
  .custom-info-list li:hover {
    border: 1px solid #dee1e6;
  }
  .social-icon i:hover {
    background-color: #8a8a8a;
    transform: translateY(0px);
  }
  .ribon-box .btn-primary:hover {
    background-color: #dc2524 !important;
  }
  .btn-outline-secondary:focus {
    background-color: transparent;
    color: #000000;
  }
  .filter-btn .btn-black:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid black;
  }
  .parts-details a:hover {
    color: #dc2524;
  }
  .bmw-part .bmw-img img {
    width: 75px;
  }
  section.bread-list ol.breadcrumb {
    padding: 10px 0 0 0;
    margin-bottom: 0;
  
}
.partdetail-list .nav-pills .nav-link {
  width: 100%;
  /* padding:8px 12px 5px; */
  border-radius: 30px;
}
.partdetail-list .nav-pills .nav-link {
  font-size: 14px;
}
.heart-icon {
  width: 25px;
  height: 22px;
}
.password-menu li a {
  font-size: 12px;

}
.settings-sec .heading-text h3 {
  font-size: 18px;
}
.ribbon-card-btns,
.ribbon-card-btns button {
  width: unset;
}
.product-sidebar .prod-btn:hover {
  filter: none;

  }
  .cust-tooltip {
    display: none;
  }
  .product-cart .right-qua1 .qty .quantity-button i {
    font-size: 15px;
  }
  .custom-close-cart i {
    font-size: 19px;
}
.custom-close-cart {
  width: 28px;
  height: 28px;
}
.qty .count {
  font-size: 18px;
}

.modal-checkmark i {
  font-size: 36px;
}
.product-bottom-pagi .pagination .page-item .page-link {
  width: 38px;
  height: 38px;
  margin: 0;
  font-size: 16px;
}
.product-bottom-pagi { 
  margin-top: 35px;
}
.product-bottom-pagi .pagination {
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
} 
.card-up-profile .form-group .btn {
  font-size: 14px;
}



.custom-close-cart {
  padding: 14px;
}
.le-lr .right-qua1 .qty span {
  padding: 13px;
}

section.product-wraper.custom-product {
  padding-top: 19px;
}
.product-list-modal .col a.brands-name:hover {
  border: 1px solid #d4d4d4;
}
.modal-foot-items .foot-item-title {
  font-size: 16px;
}
}
@media only screen and (max-width: 568px) {
  .promo-btn a {
    font-size: 12px;
  }
  .info-top-disc h5 {
    font-size: 19px;
  }
  .info-top-disc span {
    font-size: 16px;
  }
  .info-topend-img img {
    max-width: 140px;
  }
  .pro-list::after {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    margin-top: 6px;
    right: 23px;
    top: 35%;
    border-right: 1px solid #414141;
    border-top: 1px solid #414141;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .shopping-btn a {
    padding: 8px 19px;
    font-size: 14px;
  }
  .view-cart-btn a {
    font-size: 14px;
    padding: 8px 20px;
  }
  .modal-end-column .modal-list-title h3 {
    font-size: 16px;
  }

  section.bread-list ol.breadcrumb {
    padding: 6px 0px;
    margin-bottom: 0;
  }
  .get-btn {
    gap: 6px;
  }
  .discount-add .get-offer a.shop-with,
  .discount-add .offer a.shop-discount,
  .discount-add .get-offer a.shop-discount {
    font-size: 12px;
  }
  .discount-timer {
    padding: 0;
  }
  .discount-timer-bgblk .custom-discount {
    padding: 0px;
  }
  .brands-parts.brand-list-grid .custom-brand1 {
    width: 50%;
  }
  .callus-mobile-top {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  ul.navbar-nav.my-acc {
    padding-top: 12px;
  }
  .callus-mobile a.num-call {
    font-size: 12px;
  }
  .callus-mobile a.call-cls {
    font-size: 11px;
    line-height: normal;
  }
  ul.navbar-nav.my-acc li.ser-item img {
    width: 20px;
  }
  ul.navbar-nav.my-acc li.ser-item {
    width: auto;
    padding: 0 10px;
  }
  ul.navbar-nav.my-acc li.ser-item span {
    margin-left: 8px;
    margin-right: 0;
  }
  ul.navbar-nav.my-acc {
    justify-content: space-around;
    align-items: center;
  }
  section.popular-items .poplar-bg h2,
  .shop-part .top-title h1,
  section.customer-slider .bannaer-text2 h2,
  .footer-space h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .discount-timer-bgblk.discount-timer .workspace-tabs {
    margin-bottom: 0;
  }
  .discount-timer a#watch {
    width: 50px;
    height: 50px;
  }

  li.ser-item {
    width: 100%;
  }
  .pikup-store.discount-timer .discount-add {
    padding: 18px 20px;
  }
  .map-part {
    padding-bottom: 40px;
  }
  .top-modal .title-tag h2 {
    font-size: 16px;
  }
  .top-modal button.btn.btn-show {
    font-size: 12px;
    border-radius: 15px;
    /* padding: 2px 8px; */
    min-width: 90px;
    /* height: 32px; */
  }

  .right-qua1 {
    margin: 0;
    text-align: left;
  }
  .le-lr .left,
  .le-lr .right {
    justify-content: left;
  }
  .Parts-slider {
    padding: 0 15px;
  }
  .Parts-slider .owl-carousel .owl-nav button.owl-next,
  .Parts-slider .owl-carousel .owl-nav button.owl-prev {
    height: 25px;
    width: 25px;
    /* display: none; */
  }
  .top-brandpart .Parts-slider .owl-carousel .owl-nav button.owl-next,
  .Parts-slider .owl-carousel .owl-nav button.owl-prev {
    height: 30px !important;
    width: 30px !important;
    /* display: none; */
  }
  .Parts-slider .owl-carousel .owl-nav button.owl-next,
  .Parts-slider .owl-carousel .owl-nav button.owl-prev {
    height: 23px;
    width: 23px;
  }

  .owl-theme .owl-nav .owl-next span,
  .owl-theme .owl-nav .owl-prev span {
    background-size: 8px;
  }
  section.popular-items .poplar-bg {
    padding: 15px 15px 0px 15px;
  }
  section.top-header.bg-dark {
    padding-bottom: 15px;
  }
  nav.navbar.navbar-expand-lg {
    border-top: 0;
  }
  section.pikup-store .custom-offer img {
    margin-right: 0px;
    max-width: 30px;
  }

  /* section.pikup-store .custom-offer,
    section.pikup-store .work-space,
    section.pikup-store .workspace {
        display: block;
        margin: 5px auto;
    } */
  .discount-timer .workspace-tabs {
    margin-bottom: 10px;
  }
  section.pikup-store .get-offer {
    margin-right: 0px;
    margin-left: 5px;
  }
  section.pikup-store .discount-add .shiptext {
    font-size: 15px;
  }
  section.top-banner .get-offer {
    text-align: center;
  }
  .workspace,
  .workspace-tabs,
  .custom-offer {
    width: 100%;
  }
  .discount-timer .discount-add {
    padding: 12px 10px;
    width: 93%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  /* .feature-list .col-6 {
        width: 100%;
    } */
  section.pickup-part {
    padding: 30px 0px 30px 0px;
  }

  section.popular-items .poplar-bg button.btn.btn-show {
    font-size: 12px;
    border-radius: 15px;
    padding: 2px 8px;
    min-width: 95px;
    height: 32px;
  }
  section.popular-items .poplar-bg button.btn.btn-show img {
    max-width: 15px;
  }
  button.btn.btn-show {
    font-size: 12px;
  }
  .custom-logoslider .owl-theme .owl-nav {
    /* position: unset; */
    /* display: block; */
    /* transform: translate(10px, 10px); */
    width: 80%;
    margin: auto;
  }
  .innerbanner .PIC-IMG {
    padding: 15px 0px;
  }

  .logofoot2 {
    margin-bottom: 10px;
  }
  .logofoot1 {
    margin-bottom: 10px;
  }

  .footer-space button.btn-red {
    padding: 9px 11px;
    font-size: 12px;
  }
  .footer-space button.btn-red:hover {
    background-color: #b90000 !important;
  }
  .footer-space button.btn-plan {
    padding: 3.5px 9px;
    font-size: 12px;
  }

  .footer-space h1 {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .footer-space p {
    font-size: 14px;
    line-height: 135%;
    margin-bottom: 10px;
  }
  .resource-part {
    margin-top: 15px;
  }
  .footer-space {
    padding: 40px 0px;
  }
  .custom-logo {
    width: 100%;
    text-align: center;
  }
  .custom-logo,
  .sub-menu {
    width: 50%;
  }
  .header-page {
    padding-bottom: 0;
    padding-top: 0;
  }

  .custom-search {
    order: 1;
    flex-basis: 100% !important;
    text-align: center;
  }
  .custom-search {
    text-align: start;
  }
  .header-page label.search-part {
    width: unset;
    max-width: unset;
  }
  .header-page .navbar-brand img {
    width: 170px;
  }
  .custom-logo {
    text-align: start;
  }
  .payment-card {
    margin-top: 25px;
  }
  .copyright {
    margin-top: 25px;
  }

  button.navbar-toggler.hidden-lg-up {
    margin-top: -27px;
    padding: 0;
    font-size: 18px;
    margin-right: 0;
  }
  .footer-space {
    padding: 30px 0;
  }
  /*a.nav-link.custom-cart {*/
  /*    margin-right: -13px;*/
  /*}*/
  .Company-menu .input-group {
    width: 100%;
  }

  .contacts-mobile a {
    font-size: 10px !important;
  }
  li.nav-item.custom-contact {
    display: block;
  }
  section.popular-items .poplar-bg h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .innerbanner .PIC-IMG {
    padding: 16px 0px;
  }

  section.top-banner .workspace,
  section.top-banner .workspace-tabs,
  section.top-banner .custom-offer {
    width: auto;
  }
  /* section.top-banner .workspace {
        display: block;
    } */
  section.top-banner .discount-add {
    display: block;
  }
  section.top-banner .offer {
    text-align: center;
  }
  section.top-banner .custom-offer {
    text-align: center;
  }

  section.top-banner .cust-timer {
    margin-bottom: 10px;
  }
  section.top-banner a#watch {
    font-size: 18px;
  }
  section.pickup-part .workspace,
  section.pickup-part .work-space,
  section.pickup-part .custom-offer {
    display: block;
    margin: auto;
    margin-bottom: 15px;
  }
  section.pickup-part .offer {
    display: block;
  }
  section.pickup-part .custom-offer img,
  section.pickup-part .workspace img {
    max-width: 30px;
  }
  section.pickup-part .work-space img {
    max-width: 40px;
  }
  .Parts-slider .owl-theme .owl-nav {
    margin-top: 0;
    top: 0%;
    transform: translateY(0%);
    width: unset;
    display: block;
    position: unset;
  }
  .Parts-slider .owl-carousel .owl-nav button.owl-next,
  .Parts-slider .owl-carousel .owl-nav button.owl-prev {
    height: 30px;
    width: 30px;
  }

  span.privacy-line:after {
    height: 12px;
  }
  .product-list-modal .col {
    width: 33.33%;
  }

  .common-td {
    min-width: 140px;
  }
  .top-brandpart .Parts-slider .owl-carousel .owl-item img {
    max-width: 41px;
    max-height: 41px;
  }
  .Parts-slider #owl-carousel-logo {
    padding: 0px 32px;
  }
  .product-suport.pikup-store .workspace img,
  .product-suport.pikup-store .custom-offer img {
    width: 35px !important;
    max-width: 35px !important;
  }
  section.pikup-store .work-space img {
    width: 43px !important;
    max-width: 43px !important;
  }

  .pickup-imgbox {
    width: 50px;
    height: 50px;
  }
  .discount-timer .offer,
  .discount-timer .get-offer {
    margin-left: 5px;
  }
  .card.cust-card {
    width: 260px;
  }
  .flexed-box .customer-name {
    display: flex;
    justify-content: space-between;
  }
  .customer-name .para {
    margin-top: 6px;
  }

  .Contact h6,
  .legal-menu h6,
  .open-time h6,
  .social-media h6 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .Contact li,
  .legal-menu li,
  .open-time li {
    margin-bottom: 5px;
  }
  section.brands-parts .show-brnds img {
    max-width: 13px;
    margin-left: 5px;
  }

  .forgot-passwrdbox {
    padding: 28px;
  }
  .forgot-title {
    font-size: 19px;
  }
  .forgot-para {
    font-size: 14px;
  }
  .form-control {
    font-size: 14px;
  }
  .forgot-passwrdbox .form-control {
    padding: 8px 13px !important;
  }
  .password-show:before {
    transform: translateY(-51%);
    font-size: 14px;
  }
  .forgot-passwrdbox .form-group button {
    padding: 8px;
    margin: 6px 0 0 0;
    font-size: 14px;
  }
  .custom-offer img {
    max-width: 23px;
    margin-bottom: 2px;
  }
  section.popular-items .title-tag {
    margin-bottom: 10px;
  }
  .Company-menu input.form-control {
    font-size: 16px;
  }
  .category-list li {
    max-width: 100%;
  }
  .model_type_grey .mli {
    width: 75px;
    height: auto;
  }
  .mfru {
    padding-left: 80px;
    font-size: 16px;
    height: 90px;
  }
  .category-list li::before {
    top: 37%;
    right: 17px;
  }
  ul.search-nores-list {
    padding: 5px 0 0 0;
    gap: 12px;
  }
  .modal-body.custom-body button {
    font-size: 16px;
  }
  .cust-reg .cust-radio .form-check-input {
    margin-top: 3px;
    width: 19px;
    height: 19px;
  }
  .cust-reg .cust-radio .form-label {
    margin-left: 2px;
  }

  .autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #fff !important;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  }
  .autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
  }
  .autocomplete-no-suggestion {
    padding: 2px 5px;
  }
  .autocomplete-selected {
    background: #f0f0f0;
  }
  .autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
  }
  .autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
  }

  .feature-detai-label {
    font-size: 12px;
  }
  /* .main-product-cardbox {
            border-bottom: 1px solid #00000012;

        } */

  .mob-review {
    display: none;
  }
  /* .desk-review {
            display: none;
        } */

  .main-product-cardbox .card-body {
    padding: 0 !important;
  }

  .product-item-box {
    padding: 20px !important;
  }
  .ribon-box .product-item-image a .product-img-card {
    max-width: 65%;
    min-width: 60%;
    min-height: 65px;
  }
  .ribon-box .card-body .card-title {
    font-size: 16px;
  }
  .review-card-body {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .modal-list-txt p {
    font-size: 14px;
  }
  .pro-list .logo img {
    width: 50px;
  }
  .pro-list .logo {
    width: 50px;
  }
  .modal-product-list .pro-list {
    padding: 10px 42px 10px 10px;
  }
  .pro-list a {
    gap: 8px;
  }
  .modal-view-img img {
    max-width: 115px;
  }
  .view-item-box {
    font-size: 14px;
  }
  .product-total h5 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 481px) {
  .carmodal-box a.brands-name::after,
  .brands-parts.brand-list-grid a.brands-name::after {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .parts-details_new .table .tr:hover .clickable-description,
  .parts-details_new .table .tr:hover .td-more a {
    border: initial;
  }
  .parts-details_new,
  .brand-list-gridtbl {
    overflow-x: visible;
    margin-bottom: 10px;
  }
  .mfru {
    padding-left: 73px;
    font-size: 14px;
    height: 82px;
  }
  .searchtipsbox {
    padding: 17px;
  }
  .path-img {
    width: 17px;
  }
  .search-list-items {
    font-size: 14px;
  }
  .search-nores-list li {
    font-size: 14px;
    display: unset;
  }
  .bmw-part .bmw-img img {
    width: 75px;
  }
  section.bmw-part h2 {
    font-size: 19px;
  }
  .brands-parts.car-model .carmodal-box {
    width: 100%;
    margin-bottom: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .brand-img.carmodal-box-inner .brand-model-img img {
    height: 100px !important;
  }
  .brand-img.carmodal-box-inner .brand-model-img {
    width: 100px;
  }
  .brands-parts .custom-brand1.carmodal-box .brands-name {
    border-radius: 0;
    border-bottom: 1px solid #00000012;
    padding: 8px 0 !important;
  }
  .carmodal-box a.brands-name:before,
  .car-model .brand-img:before {
    content: unset;
  }
  .car-model .brand-img.carmodal-box-inner p {
    background: transparent;
    color: #000;
    width: calc(100% - 100px);
    position: relative;
    font-size: 14px;
    text-align: left;
    padding: 0 15px;
  }
  .car-model .brand-img.carmodal-box-inner {
    width: 100%;
    text-align: center;
    position: relative;
    align-items: center;
    flex-direction: row;
  }
  .brand-img.carmodal-box-inner .brand-model-img {
    width: 100px;
    height: 76px;
    min-width: 100px;
  }
  .brand-img.carmodal-box-inner .brand-model-img img {
    height: 100% !important;
    border-radius: 5px;
  }
  section.brands-parts.car-model .brand-img img {
    height: 100% !important;
    border-radius: 5px;
  }
  .brands-parts.brand-list-grid {
    margin-top: 30px;
  }
  .discount-timer .discount-add {
    gap: 15px;
  }
  .discount-line {
    gap: 8px;
  }
  /* ****** */
  .brands-parts.brand-list-grid .custom-brand1 {
    width: 100%;
  }
  .brand-list-grid .brandName-autoParts p {
    text-align: left !important;
  }
  .brands-parts.brand-list-grid .brand-img {
    flex-direction: row;
    align-items: center;
  }
  .brand-list-grid .barnd-logo {
    padding: 0;
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
  .brands-parts.brand-list-grid .custom-brand1 {
    margin-bottom: 0;
  }
  .brands-parts.brand-list-grid .brand-img p {
    font-size: 16px;
    padding: 0 0 0 15px;
  }
  .brands-parts.brand-list-grid .brands-parts .custom-audi p {
    text-align: left;
    padding-left: 3px;
  }
  .brands-parts.popular-items .custom-brand1 {
    width: 33.33%;
    padding: 0 3px;
    margin-bottom: 6px;
  }
  .popular-items a.brands-name {
    padding: 10px;
    border-radius: 10px;
  }
  .popular-items .brand-img {
    min-height: 80px;
    height: 80px;
  }
  section.popular-items .brand-img + p {
    line-height: normal;
    margin-top: 8px;
    font-size: 12px;
  }
  /* ****** */
  .discount-timer-bgblk .custom-discount {
    padding: 0px;
  }
  section.innerbanner .PIC-IMG h2 {
    font-size: 27px;
  }
  /*.cust-reg .cust-radio .form-label,*/
  /*a.forgot-password-link {*/
  /*    font-size: 14px;*/
  /*}*/
  .cust-reg {
    margin: 0;
    padding: 30px 10px 0;
  }
  .chatmodal .modal-dialog {
    max-width: 100%;
  }
  .product-list-modal .col {
    width: 50%;
  }
  /* section.pikup-store .workspace + .work-space {
        padding-left: 23px;
    } */
  .discount-timer .discount-line img {
    max-width: 25px;
  }
  .discount-add .offer a.shop-discount,
  .discount-add .get-offer a.shop-discount,
  .discount-add .get-offer a.shop-with {
    font-size: 12px;
  }
  section.brands-parts .custom-brand1 {
    margin-bottom: 10px;
  }
  .brands-parts.brand-list-grid .custom-brand1 .brands-name {
    border-radius: 0;
    border-width: 0 0 1px 0;
    padding: 8px 0;
  }
  .resource-part .row .col-lg-3:first-child {
    padding: 0;
  }
  ul.leftmenu-mobile {
    justify-content: space-between;
    width: 98%;
  }
  .search-part-mobile {
    width: 98%;
  }

  .custom-login-top .modal-content {
    padding: 20px 20px;
  }

  .custom-logo {
    padding-left: 0;
  }
  .parts-details,
  .Features-part {
    padding-bottom: 30px;
  }
  .top-brandpart,
  section.brands-parts,
  section.customer-slider,
  section.discount-timer.pikup-store {
    padding-bottom: 55px;
  }
  .footer-space .row .text-part,
  .resource-part,
  .payment-card,
  .copyright {
    padding-left: 0;
    padding-right: 0;
  }

  section.pikup-store .workspace,
  section.pikup-store .work-space,
  section.pikup-store .custom-offer {
    justify-content: flex-start;
    /* padding-left: 30px; */
  }
  .search-part-mobile {
    margin-left: 0;
  }
  section.top-banner .discount-line img {
    max-width: 22px;
  }
  .discount-add .offer a {
    font-size: 12px;
  }

  .header-page .navbar-brand img {
    width: 180px;
  }
  ul.leftmenu-mobile a img {
    max-width: 15px;
    margin-left: 2px;
    margin-right: -4px;
  }
  .contacts-mobile {
    margin-left: 25px;
  }
  .header-page {
    padding: 0px 12px;
  }
  li.ser-item {
    padding: 6px 0px;
  }
  section.innerbanner .PIC-IMG h2 {
    padding: 0 10px;
  }
  label.search-part-mobile {
    padding-left: 0px;
    padding-right: 11px;
  }
  section.brands-parts .custom-audi p {
    margin-bottom: 10px;
  }

  section.car-model .brand-img p {
    font-size: 10px;
  }
  .get-btn {
    margin-bottom: 10px;
  }
  section.bread-list li.breadcrumb-item.active a {
    color: black;
  }
  .clickable-description {
    border: none;
    display: inherit;
    padding: 0 0 0 4px !important;
    font-family: "Inter-SemiBold";
  }
  .table .tr .td {
    display: inherit;
  }
  .wrapped-column {
    display: block;
    width: 100%;
    padding: 3px;
  }
  .custom-dash {
    display: block;
    background: #414141;
    width: 10px !important;
    height: 2px !important;
    margin: 3px;
    padding: 0;
    margin: 12px 8px 0 1px;
  }
  .table .tr {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px 3px;
    flex-wrap: wrap;
    position: relative;
  }
  .table .tr:before {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 42%;
    right: 15px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .parts-details a {
    padding: 0;
  }
  .table-head-row {
    display: none !important;
  }
  .clickable-description {
    font-size: 14px;
  }
  .common-light-td {
    font-size: 12px;
    font-weight: normal;
    color: #828080;
    padding: 0 7px 0 4px !important;
  }
  .td-more {
    padding: 2px 0 0 7px !important;
  }
  .table {
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .custom-logoslider .owl-theme .owl-nav {
    width: 93%;
  }
  .leftside {
    margin-right: 28px;
  }
  .img-overlay {
    height: 180px;
  }
  .product-list-modal .col a.brands-name {
    border-radius: 10px;
    padding: 10px;
  }
  .brands-parts.brand-list-grid a.brands-name::after {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    margin-top: 6px;
    right: 7px;
    top: 32%;
    border-right: 1px solid #414141;
    border-top: 1px solid #414141;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .td-more a {
    border: none;
  }

  .login-innerbox .form-label {
    font-size: 15px;
  }
  .login-innerbox {
    align-items: baseline;
  }
  .forgot-link a {
    font-size: 15px;
  }
  .top-title span {
    font-size: 17px;
  }
  .braking-selected h2 {
    font-size: 19px;
  }
  .top-title {
    padding-bottom: 18px;
    font-size: 23px;
  }
  .modal-start-column .modal-heading h3 {
    font-size: 16px;
  }

  .shopping-btn a {
    padding: 7px 10px;
    font-size: 14px;
  }
  .view-cart-btn a {
    padding: 8px 15px;
  }
  .modal-bottom-row {
    padding: 15px 0 0 0;
    justify-content: center;
  }
  .modal-view-img img {
    max-width: 100px;
  }
  .keep-img img {
    width: 95px;
  }

  .parts-details_new .table .tr:hover {
    background-color: unset;
  }
  .parts-details_new .table .tr:hover .td {
    border-radius: 0;
  }
  .brand-list-grid .brands-name:hover {
    border: 1px solid #00000029;
  }
  button.btn.btn-show:hover {
    border: 1px solid #000;
    background-color: inherit;
    color: #000;
  }
  button.btn.btn-show:hover .right-aerro {
    filter: unset;
  }
  .braking-selected .car-img {
    height: 100px;
  }
  .top-modal .title-tag h2 {
    font-size: 14px;
  }
  .see-all-btn {
    gap: 4px;
    font-size: 12px;
  }
  span.navbar-toggler-icon {
    position: absolute;
    right: 12px;
    top: -28px;
  }
  .brand-list-gridtbl {
    padding-bottom: 0;
  }

  .part-detail-lable {
    font-size: 12px;
  }
  .faq-part .accordion-flush {
    gap: 13px;
  }
  section.popular-items .poplar-bg h2 {
    font-size: 16px;
  }
  .info-imgs {
    width: 100px;
  }
  .info-topend-img img {
    width: 90px;
  }
  .info-top-end {
    gap: 12px;
    padding: 5px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .reviews-grid fieldset {
    width: 143px;
  }
  .main-review-srollbox {
    overflow: visible;
    max-height: 1000%;
  }
  .reviewdesc {
    margin: 7px 0 0 0;
    padding: 12px 14px;
  }
  .name-asse {
    word-break: break-all;
  }

  .garage-process-inner {
    gap: 9px;
  }

  .garage-info-modal {
    padding: 19px 6px;
  }
  .garage-process {
    padding: 19px;
  }
  .prod-discount-add {
    padding: 19px !important;
  }
  .discount-line span {
    font-size: 14px;
  }
  .order-header .list-label {
    flex-wrap: wrap;
    justify-content: center;
  }
  .product-bottom-pagi {
    position: unset; 
  }
  .prod-sidebar-btn {
    flex-direction: column;
    gap: 0;
}
.product-bottom-pagi .pagination .page-item .page-link {
  width: 35px;
  height: 35px;
  margin: 0 2px;
} 

.product-bottom-pagi {
  margin-top: 6px;
}
.product-detail-page .used-in-content .wrapped-column  {
  padding: 0;
}
.product-detail-page .used-in-content .table .tr {
  padding: 5px 26px 5px 6px;
}  
.product-detail-page .used-in-content .table .clickable-description {
  text-align: left;
}
.loading-details {
    margin-left: 10px;
    padding: 9px;
    border: 3px solid #ccc;
  }
}
@media only screen and (max-width: 410px) {
  /*button.navbar-toggler.hidden-lg-up {*/
  /*    margin-top: -34px;*/
  /*}*/
  section.brand-slider .owl-carousel .owl-nav button.owl-next {
    transform: translateX(149px);
  }
  .owl-carousel .owl-nav button.owl-prev {
    transform: translateX(-151px);
  }
  .card.cust-card {
    width: 240px;
  }
  .ribon-box .product-item-image {
    min-width: 115px;
  }
  .keep-shop-part .keep-img {
    flex-direction: column;
    gap: 25px;
  }
  .keep-img .keep-text .pr-logo img {
    width: 35px;
  }
  span.navbar-toggler-icon {
    top: -27px;
  }
  .garage-modal-item p {
    display: contents;
  }
  .garage-modal-item {
    padding: 0 0 0 6px;
  }
  .garage-modal-item {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .product-bottom-pagi .pagination {
    padding: 0 12px;
}
.product-bottom-pagi .pagination .page-item .page-link { 
  width: 37px;
  height: 37px;
}
.product-bottom-pagi .pagination {
  gap: 9px;
}
}
@media only screen and (max-width: 392px) {
  span.navbar-toggler-icon {
    top: -27px;
  }

}
@media only screen and (max-width: 380px) {
  .garage-frame {
    padding: 0 0 0 10px;
}
}
@media only screen and (max-width: 375px) {
  .popular-items .brand-img {
    min-height: 60px;
    height: 60px;
  }
  .login-innerbox {
    flex-direction: column;
    align-items: center;
  }
  span.navbar-toggler-icon {
    position: absolute;
    right: 12px;
    top: -25px;
  }
  .footer-space button.btn-red {
    padding: 9px 7px;
  }
  .footer-space button.btn-plan {
    padding: 3.5px 7px;
    font-size: 12px;
  }

  .process-end-row {
    padding: 0;
  }

}
@media only screen and (max-width: 362px) {
}