.pull-right{float:right}
.clearfix{clear:both;display:table}
.flex-center{display:flex;justify-content:center}
.flex-space-between{display:flex;justify-content:space-between;align-items:center}
.w-35px{width:35px}
.uppercase{text-transform:uppercase}
.colorred{color:red}
.submit-form-btn{display:flex;padding:10px 20px!important;width:auto!important}
.event-disabled{opacity:.5;pointer-events:none}
.margin-bottom-xxsm{margin-bottom:5px}
.margin-bottom-xsm{margin-bottom:10px}
.margin-bottom-sm{margin-bottom:20px}
.margin-bottom-md{margin-bottom:40px}
.margin-bottom-lg{margin-bottom:60px}
.margin-bottom-xxl{margin-bottom:80px}
.deleted{display:none !important}
.cursorpointer{cursor:pointer}
.margin-top-xsm{margin-top:10px}
.margin-top-sm{margin-top:20px}
.margin-top-md{margin-top:40px}
.margin-top-lg{margin-top:60px}
.margin-top-xxl{margin-top:80px}
.inline-block{display:inline-block}
.edit-varient-content-loader{min-height:50px;display:flex;justify-content:center}
.edit-varient-box{background:#000;padding:10px;margin:10px 0;border-radius:10px}
.logo_class {background-color: #fff;}


div.tagsinput span.tag {
  border: 1px solid #0c1427;
  background: #000;
  color: #fff;
}

div.tagsinput {
  border: 1px solid #172340;
  background: #0C1427;
}
div.tagsinput span.tag a {
  color: #f36;
  opacity: 1;
}

.wheel-card img {
  object-fit: cover;
}



.shop-collection-pagination-box {
  margin: 50px 0;
  display: flex;
  justify-content: center;
}

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

.page-item.active .page-link {
  background-color: #bf1e2e !important;
  border-color: #bf1e2e !important;
}

.page-link:hover {
  color: #bf1e2e !important;
}

#product-images .thumbnail-images img {
  width: 100%;
  max-width: 350px;
  padding: 5px;
}

ul.wheel_feature {
  list-style: none;
  margin-bottom: 30px;
}

.wheel_feature li {
  position: relative;
  margin: 10px;
  border-bottom: 2px dotted #e5e5e5;
  padding-bottom: 8px;
}

.wheel_feature li::after {
  content: '';
  position: absolute;
  left: -15px;
  width: 7px;
  height: 7px;
  background: #c11e2e;
  transform: rotate(45deg);
  top: 5px;
}

/* #product-images img#main-image {
  width: 70% !important;
} */

#product-images {
  max-width: 500px;
}
.view_part {
  text-transform: uppercase;
  width: 40% !important;
}


.shop-loader {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
}

.shop-products-container {
  position: relative;
  min-height: 500px;
}


#contact-us-container .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-bottom {
  border-top: 0px solid #665C5C;
  /* margin-top: 30px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  font-weight: 400; */
}

.btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
}

#product-images .thumbnail-images img {
  width: 100%;
  max-width: 100%;
  padding: 5px;
  min-height: 130px;
  object-fit: cover;
}

#product-images #main-image {
  min-height: 500px !important;
  object-fit: cover !important;
}

.no-images {
  min-height: 370px;
  object-fit: cover;
}


.wheel-card img {
  aspect-ratio: 1;
}

.about-content {
  position: absolute;
  top: 100px;
  left: 100px;
  max-width: 700px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  padding: 40px;
  border-radius: 20px;
}

.footer {
  margin-top: 0px;
}



.featured-container {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.featured-container > div {
  flex: 1 1 48%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* First main large box */
.first-box .featured-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  min-height: 400px;
}

.first-box .featured-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Other two smaller boxes */
.other-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.other-box .featured-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 50%;
  /* min-height: 200px; */
}

.other-box .featured-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

 
 
.featured-card img {
  min-height: unset !important;
} 

  .card-content h3 {
    margin-bottom: 5px !important;
  }


  html, body { 
    width: 100%;
    overflow-x: hidden;
  }
/* Large screens (default) */

/* Tablets */
@media (max-width: 991.98px) {
  
  /* Styles for tablets and smaller */
  .card-content a {
  padding: 10px 30px;
}
  .card-content h3 {
    font-size: 35px;
  }
  .featured-section{
    margin-bottom: 40px;
  }
  .slide-content {
    max-width: 80% !important;
  }
  .about-content {
    position: absolute;
    top: 22px;
    left: 3%;
    max-width: 90%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
    padding: 40px;
    border-radius: 20px;
  }


}


@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
       .about-content {
        position: absolute;
        top: 15px;
        left: 0;
        max-width: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, 0.8);
        padding: 30px;
        border-radius: 20px;
    }
     .card-content a {
  padding: 10px 30px;
}
  .card-content h3 {
    font-size: 35px;
  }


.slide-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 92% !important;
    width: 100%;
  }
}

/* Phones */
@media (max-width: 767.98px) {
  /* Styles for phones and smaller */


  

  .featured-card img {
      min-height: 350px !important;
  }
  .about-content {
    top: 55px;
    left: 10px;
    padding: 20px;
    border-radius: 20px;
    width: 95%;
    padding-bottom: 40px;
  }
  .featured-section{
    margin-bottom: 40px;
  }
  #product-images #main-image {
      min-height: 350px !important;
  }
  #product-images .thumbnail-images img {
      min-height: 85px;
  }

  .slide-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 92% !important;
    width: 100%;
  }
}

/* Small phones */
@media (max-width: 575.98px) {
  /* Styles for small phones */
  .featured-card img {
      min-height: 350px !important;
  }

  .about-content {
    top: 55px;
    left: 5%;
    padding: 20px;
    border-radius: 20px;
    width: 95%;
    padding-bottom: 40px;
  }
  .featured-section{
    margin-bottom: 40px;
  }

  #product-images #main-image {
      min-height: 350px !important;
  }
  #product-images .thumbnail-images img {
      min-height: 85px;
  }

  .slide-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 92% !important;
    width: 100%;
  }
}




/* -------------------
   Responsive Design
-------------------- */

/* Tablet View */

/*
@media (max-width: 1024px) {
  .featured-container {
    flex-direction: column;
    width: 90%;
  }

  .featured-container > div {
    width: 100%;
  }

  .first-box .featured-card {
    min-height: 350px;
  }

  .other-box .featured-card {
    min-height: 250px;
  }

  .featured-card .card-content h3 {
    font-size: 1.8rem;
  }
}


@media (max-width: 768px) {
  .featured-container {
    flex-direction: column;
    gap: 25px;
  }

  .featured-container > div {
    width: 100%;
  }

  .featured-card {
    min-height: 300px;
  }

  .featured-card .card-content {
    bottom: 20px;
    left: 20px;
  }

  .featured-card .card-content h3 {
    font-size: 1.5rem;
  }

  .featured-card .card-content a {
    padding: 8px 20px;
  }
}


@media (max-width: 480px) {
  .featured-card {
    min-height: 250px;
  }

  .featured-card .card-content h3 {
    font-size: 1.3rem;
  }

  .featured-card .card-content a {
    font-size: 0.9rem;
    padding: 6px 18px;
  }
}

*/


#finish-options img.active {
  border: 2px solid #a51e1e;
}



.wheel-card .thumbnail__img img {
  width: 50px;
}


.wheel-card .thumbnail__img a {
 display: inline-block;
}