/* .custom-img span span {
  display: none !important;
}

.custom-img span span + img {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-height: 700px !important;
}

.max-h-\[348px\] span span {
  display: none !important;
}

.max-h-\[348px\] span span + img {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-height: 348px !important;
}

.carousel .slide img {
  width: auto !important;
  max-width: 100% !important;
}

.brand-listing-logo {
  width: 100%;
}

.brand-listing-logo span span {
  display: none !important;
}

.brand-listing-logo span span + img {
  width: 100% !important;
  height: auto !important;
  position: relative !important;
  min-width: auto !important;
  min-height: auto !important;
}
.slider-container {
  width: 100%;
  height: 100%;
  position: fixed; /* add this code for position fixed */
top: 0px; /* set top and left 0
  left: 0px;
}
.slider-item-div {
  padding: 20px;
  background-color: white;
  text-align: center;
  height: 100%;
  width: 100%;
}
.carousel-style {
  height: 100% !important;
}

.you-may-also-like-slider-2 .slick-track {
  width: auto !important;
  display: flex;
  justify-content: center;
}

#globalLoader {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
@font-face {
  font-family: 'porsche_nextbold';

  src: url(/fonts/porsche/1d92c588b0533d8ac18b.woff2) format('woff2'),
    url(/fonts/porsche/620b29c94f1ccb2d76b6.woff) format('woff');

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: 'porsche_nextregular';

  src: url(/fonts/porsche/cc323df23d55b5f72bb8.woff2) format('woff2'),
    url(/fonts/porsche/41174deb5ac9bf5ed2b8.woff) format('woff');

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: 'porsche_nextthin';

  src: url(/fonts/porsche/802a0dfb650a332a6e26.woff2) format('woff2'),
    url(/fonts/porsche/40283c1ecd3abf88e86d.woff) format('woff');

  font-weight: normal;

  font-style: normal;
}
/* @import url('https://www.ystore.us/HTML/RedefineCommerce/Ecom-front/corporategear/main.css'); 

.btn-text {
  font-size: 12px !important;
}
.carousel {
  position: relative;
  overflow: hidden;
  font-size: 2.5vmin;
}

.carousel * {
  box-sizing: border-box;
}

.carousel-slider * {
  box-sizing: border-box;
}

.carousel-slider {
  display: flex;
  transition: 0.3s;
}

.carousel-slide {
  flex: 1 0 100%;
}

.carousel button {
  font-size: inherit;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 1em;
  border: none;
  cursor: pointer;
}

.carousel-prev {
  left: 2em;
}

.carousel-next {
  right: 2em;
}

.carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff;
  z-index: 9;
}

.control-dots {
  position: absolute;
  bottom: 0;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.dot {
  transition: opacity 0.25s ease-in;
  opacity: 0.3;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
  z-index: 9;
}

.dot.selected {
  opacity: 1;
}

/* .featured-item {
  width: 25%;
  display: flex;
} 

.featured-slider {
  width: 25%;
}

.carousel .featured-slider img {
  width: auto !important;
}

.tab-wrapper {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  scrollbar-width: none;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 30px;
  text-align: center;
}

.tab-wrapper div {
  display: inline-flex;
}

.\!h-\[348px\] {
  height: 348px !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 28px;
  margin-left: -3px;
  padding: 0px;
  border-radius: 4px;
}

/* Hide default HTML checkbox 
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider 
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #475569;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 4px;
}

.slider:before {
  content: "'Yes'";
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #159e48;
}

input:focus + .slider {
  box-shadow: 0 0 1px #159e48;
}

input:checked + .slider:before {
  -webkit-transform: translateX(calc(4rem - 28px));
  -ms-transform: translateX(calc(4rem - 28px));
  transform: translateX(calc(4rem - 28px));
}

/* Rounded sliders 
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.track-content:after,
.track-content:before {
  top: 6px;
  position: absolute;
  color: #fff;
  font-size: 0.7rem;
}

.track-content:after {
  content: 'Yes';
  left: 10px;
}

.track-content:before {
  content: 'No';
  right: 10px;
}

.pl-\[15px\] {
  padding-left: 15px;
}

.pr-\[15px\] {
  padding-right: 15px;
}

.active-accordion {
  margin: 0 0 20px 0;
}

.active-accordion-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 1025px) {
  .featured-slider {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .featured-slider {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .featured-slider {
    width: 100%;
  }
}

.\!lg\:w-\[100\%\] {
  width: 100% !important;
} */