/**
Theme Name: Astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


body 
{
	font-family: 'Inter' !important;
}

.btn {
    display: inline-flex !important;
    padding: 6px 24px !important; 
    color: #fff; 
    font-weight: 500 !important;
    box-shadow: 0px 0px 20px 0px #8B000054 !important;
    font-size: 18px;
	transition: all 0s ease-in-out 0s !important;
	border: 1px solid #000;
	gap: 10px;
	align-items: center;
}
.btn img 
{
	max-height: 12px;
}
.btn-primary 
{
    border: 1px solid #970210;
}
.btn-primary:hover 
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%) !important;
	border: 1px solid #D01010;
	box-shadow: none !important;
}

.text-primary
{
	color: #970210 !important;
}
header span.site-title {
    display: none;
}
header a.ast-header-account-link.ast-account-action-link.ast-header-account-type-text {
    text-decoration: none;
    font-weight: 500;
	color: #E3122C;
    font-family: 'Inter';
}
header a.ast-header-account-link.ast-account-action-link.ast-header-account-type-text .ast-header-account-text
{
	color: #E3122C;
	
}
header .ast-account-action-link {
    color: #E3122C;
    text-decoration: none;
	gap: 0;
}
header .ast-account-action-link span.ast-header-account-text
{
	 color: #E3122C !important;
}  

header .ast-account-action-link svg 
{
	display: none;
}
header a.ast-custom-button-link {
    text-decoration: initial;
}
.ast-hfb-header header  .ast-addon-cart-wrap {
    padding: 0;
    border: none;
}
.ast-site-header-cart i.astra-icon:after { 
    top: -6px;
    right: -10px;  
    font-size: 11px;
    padding-left: 0px;
    padding-right: 0px;  
    height: 20px;
    min-width: 20px; 
    place-content: center; 
}
.ast-site-header-cart a.cart-container * {
    transition: none;
    color: black;
}
.ast-header-woo-cart {
    margin-right: 5px;
}
.ast-builder-layout-element.site-header-focus-item.ast-header-account {
    border-left: 1px solid #D1D5DC;
    border-right: 1px solid #D1D5DC;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin: 0;
}
.site-content .ast-container 
{
	padding: 0;
	max-width: 100%;
}

.after-header-marquee {
    background: linear-gradient(359.95deg, #560000 -6.97%, #D01010 146.4%);
    color: #fff;
    place-content: center;
    padding: 10px 0px;
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
} 
 
.after-header-marquee a 
{
	color: #fff;
}
.after-header-marquee h6 {
    margin: 0;
    font-weight: 400;
	font-size: 18px;
}
.after-header-marquee b 
{
	font-weight:500;
}
.home-hero {
    padding: 40px 0 0;
    background: #FFF4F4 url('assets/images/hero-bg.png') top / cover no-repeat;
}
.hero-title {
    font-size: 56px;
    color: #000000;
    line-height: 64px;
    margin-bottom: 30px;
}
.hero-search-options {
    display: inline-flex;
    gap: 96px;
    margin: 0 auto 32px;
    max-width: 520px;
}
.search-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button.search-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    box-shadow: none;
}
button.search-card
{
	padding:0;
	border: none;
	box-shadow: none; 
	background:none;
	transition: all 0.3s ease-in-out 0s;
}
button.search-card:hover 
{
	transform: scale(1.1);
}
button.search-card span {
    display: inline-flex;
    border: 1px solid #970210;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Outfit';
    background: #000;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
}
button.search-card span  b {
    font-weight: 500;
}
button.search-card:hover span
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%);
}

/* home hero banner start */
.zip-box {
    border-radius: 30px;
    padding: 20px;
    background: #00000000;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(45px) saturate(180%);
    -webkit-backdrop-filter: blur(45px) saturate(180%);
    box-shadow: inset 7.86px 0px 17.69px rgba(255, 255, 255, 0.65),
    0 8px 32px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    max-width: 830px;
    margin: auto;
	position: relative;
	overflow: hidden;
    width: 100%;
}
.circles { 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
    border-radius: 30px;
    z-index: -2;
}

.zip-box::after {
    position: absolute;
    content: '';
    background: #74747499;
    width: 110px;
    height: 80px;
    border-radius: 30px;
    filter: blur(50px);
    right: 35px;
	top: 40px;
    bottom: 2px;
    z-index: -1;
}
.circles::before {
    position: absolute;
    content: '';
    background: #74747499;
    width: 110px;
    height: 80px;
    border-radius: 30px;
    filter: blur(50px);
    left: 30px;
    bottom: 2px;
    z-index: -1;
}
.circles::after {
    position: absolute;
    content: '';
    background: #74747499;
    width: 110px;
    height: 80px;
    border-radius: 30px;
    filter: blur(50px);
    left: -12px;
	top: -30px;
    bottom: 2px;
    z-index: -1;
}
.zip-box h3 {
    font-size: 34px;
    font-weight: 500;
    color: #111010;
    margin-bottom: 12px;
}
.zip-box h3 + p 
{
	font-weight: 500;
	color: #2D2D2D;
}
.zip-form {
    position: relative;
}
.form-inner {
    display: flex;
    max-width: 410px;
    margin: auto;
    position: relative;
}
.form-inner input.pin-code {
    width: 100%;
    height: 50px;
    padding: 5px 120px 5px 24px;
    border-radius: 30px;
	font-weight: 500;
	color: #000000;
    border-color: #FFCACA;
}
.continue-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 30px;
    height: 40px;
    background: #000;
    padding: 0px 22px 2px;
}
.continue-btn:hover 
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%);
}
.shape-img {
    margin-top: 120px;
}

/* home hero banner end */ 

/* tire steps css start */
.tire-steps {
  padding: 40px 0px 115px;
  background: #fff;
  text-align: center;
}
.tire-steps .swiper-pagination
{
	display: none;
}

.main-heading {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 50px !important;
  line-height: 60px;
}
.main-heading.mb-0 
{
	margin-bottom: 0 !important;
}
.main-heading.mb-2 
{
	margin-bottom: 8px !important;
}

.main-heading span {
  color: #D01010;
}

.steps-wrapper {
    position: relative; 
    display: inline-flex;
    justify-content: space-between;
    gap: 30px;
    padding-top: 15px;
	width: 100%;
}

.steps-wrapper .line {
    position: absolute;
    top: 60px;
    left: 10%;
    height: 4px;
    width: 0;
    background: #333333;
    z-index: 0;
    transition: width 0.6s ease;
    max-width: 80%;
    width: 100%;
}

.step {
  width: 25%;
  position: relative;
  z-index: 1;
}

.icon {
  width: 95px;
  height: 95px;
  background: #B00C0C;
  border-radius: 50%;
  margin: 0 auto 26px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.count {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 32px;
    height: 32px;
    background: #000;
    color: #fff;
    border: 2px solid #FFA500;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #111010;
    line-height: 33px;
}

.step p {
  font-size: 16px;
  color: #2D2D2D;
  line-height: 24px;
}

/* Simple icon placeholders */
.icon i {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 4px;
}

.cta {
  margin-top: 50px;
}

.btn {
  display: inline-block;
  padding: 14px 28px;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}


/* ===============================
   INITIAL STATE
================================ */

.steps-wrapper {
  position: relative;
}

/* Line setup */
/* .steps-wrapper .line { */
  /* position: absolute; */
  /* top: 45px; */
  /* left: 10%; */
  /* height: 4px; */
  /* width: 0; */
  /* background: #333333; */
  /* z-index: 0; */
  /* transition: width 0.6s ease; */
/* } */

/* Steps hidden initially */
/* .step { */
  /* opacity: 0; */
  /* transform: translateY(30px); */
  /* transition: opacity 0.6s ease, transform 0.6s ease; */
/* } */

/* ===============================
   ANIMATION STATES
================================ */

/* Step visible */
.step.show {
  opacity: 1;
  transform: translateY(0);
}

/* Line progress stages */
.steps-wrapper.line-step-1 .line { width: 25%; }
.steps-wrapper.line-step-2 .line { width: 50%; }
.steps-wrapper.line-step-3 .line { width: 75%; }
.steps-wrapper.line-step-4 .line { width: 80%; }

/* Icon hover remains */
.icon {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.step:hover .icon {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 15px 30px rgba(176, 12, 12, 0.35);
}

/* tire steps css end */



/* exclusive deals css start */
.exclusive-deals {
    padding: 0 0px 50px;
    background: #F4F4F4;
    position: relative;
}
.shape2 {
    margin-bottom: 50px;
    display: inline;
}
.exclusive-deals h2 span {
  color: #e11d1d;
}

.deals-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  max-width: 100%;
  width: 100%;
  margin: auto;
}

/* Desktop layout */
@media (min-width: 1025px) {
  .deals-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
    .deals-grid .swiper-pagination
  {
	  display: none;
  }

 .exclusive-deals .swiper-wrapper {
    transform: none !important;
	gap: 25px; 
  }
}

/* Mobile & Tablet */
@media (max-width: 1024px) {
  .deals-grid {
    display: block;
  }
}


.deal-card { 
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}
.deal-card-outer {
    border-radius: 30px 30px 0 0;
    background: linear-gradient(180deg, rgba(227, 18, 44, 0.7) 0%, rgba(227, 18, 44, 0) 100%);
    padding: 1px;
}
.deal-card-inner {
    padding: 25px 0 0;
    background: linear-gradient(180deg, #FFF6F6 0%, #FFFFFF 100%);
    border-radius: 30px 30px 0 0;
	overflow: hidden;
}
.brand img {
    max-height: 60px;
}
.brand { 
    margin-bottom: 20px;
    min-height: 60px;
}
.subtitle {
    font-size: 20px;
    font-family: 'Outfit';
}
.subtitle1 {
    font-size: 20px;
    font-family: 'Outfit';
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}
.subtitle1 span {
    font-size: 40px;
    color: #D01010;
    font-weight: 500;
}
.desc {
    margin-top: 22px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #111010;
}
.valid {
    color: #111010;
    font-weight: 500;
    margin-bottom: 8px;
}
.product-img {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	overflow: hidden;
    height: 300px;
}
.product-img img {
    max-height: 260px;
	transition: all 0.3s ease-in-out 0s;
}
.deal-card:hover .product-img img
{
	transform: scale(1.2);
}
.product-img::after {
    content: '';
    background: linear-gradient(180deg, #FFF4F4 0%, rgba(0, 0, 0, 0.2) 40.8%);
	transition: all 0.3s ease-in-out 0s;
    position: absolute;
    left: -10%;
    right: 0;
    width: 120%;
    height: 500px;
    border-radius: 50%  50% 0 0;
    margin: auto;
    z-index: -2;
    top: 0;
} 
.deal-btn {
    text-decoration: none;
    color: #D01010;
    font-family: 'Outfit';
    font-weight: 500;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s ease-in-out 0s;
}
.deal-btn:hover {
    gap: 15px;
}
 
.deal-header {
    min-height: 156px;
    padding: 0 15px;
    margin-bottom: 10px;
}
.subtitle span 
{
	font-weight: 500;
	color: #E29200;
}
.product-img::before {
    background: #FAF0A6;
    position: absolute;
    content: '';
    width: 150px;
    height: 75px;
    filter: blur(65px);
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
}
/* Responsive */
@media (max-width: 992px) {
  .deals-grid {
    grid-template-columns: 1fr;
  }
}

/* exclusive deals css end */



/* members css start */
.member-pricing {
    padding: 50px 0;
}
.member-pricing-inner {
    border-radius: 30px;
    background-image:  url("assets/images/member-bg.png");
    padding: 50px 30px 50px 240px;
	position: relative;
	background-position: calc(100% - 60px);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: contain;
	overflow:hidden;
}
.member-pricing-inner::before 
{
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	content:'';
	background: linear-gradient(358.09deg, #141212 4.71%, #474343 86.42%);
}
.red-curve-shape {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; 
}
.member-pricing-inner h2 {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}
.member-pricing-inner h2 span 
{
	color: #FFA500;
}
.member-info {
    display: flex;
    gap: 40px;
    color: #fff;
}
.icon-box {
    margin-bottom: 12px;
}
.info-inner-box h4 {
    font-size: 32px;
    color: #FFA500;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 4px;
}
.member-pricing-inner h5 {
    color: #fff;
    font-size: 17px; 
    font-weight: 500;
    margin-top: auto;
    width: 100%;
    margin-bottom: 0;
	font-family: 'Inter';
    text-align: left;
}
.member-pricing-inner h5 span 
{
	color: #FFA500;
}
.member-btn {
    margin-top: 45px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center; 
    text-decoration: none;
    font-size: 18px;
    font-family: 'Outfit';
    color: #fff;
    border: 1px solid #970210;
    box-shadow: 0px 0px 20px 0px #8B000054;
    padding: 15px 30px;
    border-radius: 30px;
}
.member-btn:hover
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%);
	color: #fff; 
}
.two-tires img
{
	max-width: 420px;
    margin: auto;
	width: 100%;
}
.count-number {
    transition: all 0.3s ease; 
}
.float-icon {
    animation: floatUpDown 2s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(0);
    }
}
/* members css end */


/* feature brand css start */
.featured-brands {
    padding: 50px 0;
	background-color: #FFF4F4E5;
	background-image: url(assets/images/brand-bg.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.section-title span {
    color: #e10600;
}

.brand-tabs {
    margin: 0 0 20px;
	display: inline-flex;
	gap: 16px;
}
.tab-btn {
    padding: 2px 30px;
    border-radius: 30px;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer; 
    font-size: 16px;
    font-weight: 500;
    color: #000000;
	min-width: 164px;
    font-family: 'Outfit';
    line-height: 32px;
}
.tab-btn:hover 
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%);
}
.tab-btn.active {
    background: #000;
	border-color: #970210;
    color: #fff;
}

.brand-swiper {
    display: none;
    padding: 20px 60px;
    margin-bottom: 30px;
}

.brand-swiper.active {
    display: block;
}
.brand-card-box-outer {
    background: linear-gradient(180deg, rgba(227, 18, 44, 0) 0%, rgba(227, 18, 44, 0.7) 100%);
    border-radius: 20px;
    padding: 1px;
}
.brand-card-box {
    height: 100px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    position: relative;
    padding: 10px;
}
.brand-card-box img {
    height: auto;
    object-fit: contain;
	transition: all 0.3s ease-in-out 0s;
    max-height: 100%;
}
.brand-card-box:hover img
{
	transform: scale(1.1);
}
 
.featured-brands .swiper-button-prev, .featured-brands .swiper-button-next {
    color: #e10600;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	box-shadow: 0px 6px 12px 0px #0000000F; 
    background: #fff;
    border-radius: 100%;
}
.featured-brands .swiper-button-prev:after, .featured-brands .swiper-button-next:after {
    font-size: 18px;
    font-weight: bold;
}
.view-all-brands {
    display: inline-block;
    margin-top: 30px;
    color: #e10600;
    font-weight: 600;
    text-decoration: none;
}
.link-btn {
    color: #D01010;
    font-family: 'Outfit';
    font-weight: 500;
    display: inline-flex;
	text-transform: uppercase;
    gap: 8px;
	transition: all 0.3s ease-in-out 0s;
}
.link-btn:hover {
    gap: 15px;
}
/* feature brand css end */


/* key feature css start */
.key-features {
    padding: 50px 0;
}
.key-feature-item {
    display: flex;
    align-items: center;
    gap: 26px;
	position: relative;
	flex: 1;
}
.key-feature-item::after {
    height: 100%;
    position: absolute;
    right: -48px;
    content: '';
    width: 0;
    border-right: 1px dashed #D01010;
}
.key-feature-item:last-child::after
{
	display:none;
}
.key-feature-list {
    display: flex;
    flex-wrap: wrap;
	position: relative;
    gap: 96px;
}
.key-number {
    font-size: 66px;
    font-weight: 700;
    font-family: 'Outfit';
    color: #111010;
}
.key-feature-item  h4 {
    color: #111010;
}
.key-feature-item p {
    margin-bottom: 10px;
}

.video-split-section {
    display: flex;
    min-height: 560px;
    gap: 70px;
    padding-bottom: 50px;
}

/* LEFT SIDE */
.video-side {
    width: 50%;
}

.video-box {
    height: 100%;
    position: relative;
}

.video-thumb,
.video-box video {
    height: 100%;
}
.video-box{ 
	overflow:hidden;
    border-radius: 0 30px 30px 0;
}

.video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-thumb
{
	position: relative;
}

.video-thumb::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #020202;
    opacity: 0.2;
    /* z-index: -1; */
}
.play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    border: none; 
    cursor: pointer;
	z-index: 1;
}
.play-btn:hover img
{
	filter: brightness(0) invert(1);
}
/* RIGHT SIDE */
.content-side {
    width: 50%;
    display: flex;
    align-items: center;
}
 .content-side .container {
    max-width: 590px;
    margin: 0;
}

.info-card {
    color: #fff;
    border-radius: 20px;
    padding: 40px 20px;
	position: relative;
    background: linear-gradient(1.07deg, #141212 -24.35%, #474343 60.52%);
}
.info-card.text-center::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");
    opacity: 0.25;
    pointer-events: none;
}
.info-card h4 {
    font-size: 28px;
    margin-top: 8px;
    font-weight: 500;
    margin-bottom: 8px;
}
.play-btn img {
    width: auto;
    object-fit: inherit;
    height: auto;
}
/* STATS */
.stats {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #FFFFFF33;
    padding-top: 25px;
}
.stat-content h3 {
    font-size: 32px;
    line-height: 48px;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0;
}
.stat-content span {
    font-size: 14px;
} 
.upgrade-text {
    background: linear-gradient(359.95deg, #D01010 -25.76%, #560000 104.04%);
    border-radius: 10px;
    color: #fff;
    padding: 24px 20px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 10px;
}
.upgrade-text strong {
    color: #FFA500;
    font-weight: 500 ;
}

.stat h3 {
    color: #f5b400;
}

/* VIDEO HIDE INIT */
.video-box video {
    width: 100%;
    display: none;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .video-split-section {
        flex-direction: column;
    }

    .video-side,
    .content-side {
        width: 100%;
    }

    .video-box {
        height: 320px;
	}
}

/* key feature css end */


/* testimonial section css start */

.testimonial-section {
    padding: 50px 0;
    background-color: #F4F4F4;
	background-image: url(assets/images/tire-frame.png);
	background-repeat: no-repeat;
	background-position: right;
}
.testimonial-card {
    box-shadow: 0px 2px 8px 0px #00000026;
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    gap: 18px;
}
.testimonial-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.testimonial-img {
    flex: 1;
    background: #eee;
    border-radius: 20px;
    overflow: hidden;
}
.testimonial-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quote {
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
}
.testimonial-content  small {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.rating {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 20px;
    color: #EFBF00;
}
.rating span 
{
	font-size: 16px;
	color: #000;
}
.testimonial-content h6 {
    font-weight: 500;
    color: #D01010;
    margin-top: auto;
}
.customer-name {
    font-size: 16px;
    font-weight: 500;
}


.testimonial-section  .swiper-pagination {
  margin-top: 50px;
  position: relative;
}
 .swiper-pagination-bullet {
    background: #000;
    opacity: 1;
    height: 10px;
    width: 10px;
    opacity: 0.2;
}

 .swiper-pagination-bullet-active {
    background: #e10600;
    width: 30px;
    border-radius: 20px;
	opacity: 1;
}
.arrow-white img 
{
	filter: brightness(0) invert(1);
}
/* testimonial section css end */

/* shop today css start */
.shop-today {
    position: relative;
    background: #FFF4F4;
	overflow: hidden;
}
.shop-today .row
{
	margin: 0;
}
.shop-inner {
    max-width: 600px;
    text-align: left;
    margin-left: auto;
    padding: 25px 0;
}
.shop-inner h2.main-heading {
    margin-bottom: 16px !important;
}
.shop-inner .btn {
    margin-top: 20px;
}
.image-swiper,
.image-swiper .swiper-slide,
.image-swiper img {
  width: 100%;
  height: 100%;
}

.image-swiper img {
  object-fit: cover;
}
.image-wrap {
    -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    position: relative;
    max-height: 500px;
    min-height: 500px;
}
.image-wrap .image-swiper
{
	height: 500px;
}
.image-wrap-box{
    -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    position: absolute;
    width: 100%;
    height: 80%;
    left: -100%;
    top: 10%;
    z-index: 1;
    background: red;
}
.image-wrap-outer
{
	position: relative;
	z-index: 1;
}
.image-wrap-box {
    -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0px;
    top: 10%;
     z-index: -1;
    background: #D01010;
}
.image-wrap-outer::before {
    content: '';
    background: #8D1313;
    width: 220px;
    height: 150px;
    filter: blur(140px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

/* shop today css end */

/* what we offer css start */
.what-we-offer {
    padding: 50px 0;
}
.what-we-offer h2  {
    max-width: 600px;
    margin: 0 auto 50px;
}
.offer-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1076px;
    margin: auto;
}
.offer-box .row {
    align-items: center;
}
.offer-box .row:nth-child(even)
{
	flex-direction: row-reverse;
}
.offer-img-outer {
    display: inline-block;
    width: 100%;
    background: linear-gradient(180deg, rgba(227, 18, 44, 0) 0%, rgba(227, 18, 44, 0.7) 100%);
    border-radius: 30px;
    padding: 1px;
}
.offer-img {
    padding: 10px;
    background: #fff;
    border-radius: 30px;
}
.offer-img img 
{
	border-radius: 30px;
}
.offer-box h4 {
    margin-bottom: 14px;
}
.offer-box .btn 
{
	margin-top: 12px;
}
/* what we offer css end */

/* footer search css start */
.footer-search
{
	position: relative;
    background: url("assets/images/search-isolation1.png") left bottom no-repeat,
    url("assets/images/search-isolation2.png") right bottom no-repeat,
    linear-gradient( 83.12deg,#450000 3.91%,#B50808 53.24%,	#450000 91.85% );
	  
	overflow: hidden;
}
.footer-search::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");
 /* opacity: 0.25; */
  pointer-events: none;
}
.footer-vector , .search-vector
{
	position: relative;
	z-index: 1;
}

.footer-search h2 {
    text-align: center;
    color: #fff;
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    margin-bottom: 18px;
    margin-top: 50px;
}
.footer-search h2 + p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    max-width: 630px;
    margin: auto;
}
.search-box-outer {
    display: inline-flex;
    width: 100%;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
/*.search-form {
    padding: 24px 16px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
    width: 100%;
    max-width: 582px;
}*/
.search-form {
  padding: 24px 16px;
  width: 100%;
  max-width: 582px;
  min-width: 582px;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  /* 
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.10) 0%,
    rgba(255, 255, 255, 0.04) 100%
  ); */

  /* Subtle blur (not heavy) */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  /* Soft glowing border */
  border: 1px solid rgba(255, 255, 255, 0.22);
 
}

@media screen and (max-width:1200px)
{
	.search-form
	{
		min-width: 582px;
	}
}
 
.search-form::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
    pointer-events: none;
    background-color: #9f1511;
    z-index: -1;
}

.search-form form {
    position: relative;
    max-width: 374px;
    margin: auto;
}
.search-form form input {
    border-radius: 30px !important;
    height: 50px;
    background: #fff;
    border: 1px solid #FFCACA;
    padding-left: 24px;
    font-weight: 500;
    color: #2D2D2D;
	padding-right: 105px;
}
.search-form form button {
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 30px;
    min-width: 94px;
    padding: 0 10px;
    color: #fff;
    background: #000;
}
.contactInfo {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    box-shadow: 0px -5px 10px 0px #0000000F inset;
    padding: 16px 20px;
	border-radius: 0 0 16px 16px;
    margin-top: 24px;
}
.contactInfo ul {
    padding: 0;
    list-style-type: none;
    color: #fff;
    margin: 0;
    display: flex;
    gap: 50px;
}
.contactInfo ul li {
    display: flex;
    gap: 20px;
    align-items: center;
}
.contactInfo ul li a 
{
	color: #fff;
	text-decoration: none;
}
.info-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    min-width: 60px;
}
.contactInfo ul li span {
    font-weight: 300;
    font-family: 'Outfit';
}
.contactInfo ul li h3 {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    font-family: 'Outfit';
}
/* footer search css end */

/* footer css start */
 
footer .menu {
    padding: 0; 
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
footer .menu li a {
    text-decoration: none;
    color: #fff;
}
footer .menu li a:hover 
{
	color: #D01010;
}
footer h2.widget-title , footer h2.widgettitle {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    font-family: 'Outfit';
	margin-top: 25px;
    margin-bottom: 20px;
}
footer .ast-footer-copyright a {
    color: #D01010;
    text-decoration: none;
}
footer .ast-footer-copyright a:hover { 
    text-decoration: underline;
}
footer  .tnp.tnp-subscription.tnp-widget {
    margin: 0 !important;
}
footer .widget_newsletterwidget {
    width: 100%;
}
footer form 
{
	position: relative;
}
footer .tnp-field.tnp-field-email label {
    display: none;
}
footer .tnp-field input[type="submit"] {
    background: #88030A;
    border-color: #88030A;
    font-family: 'Inter';
}
footer .tnp-widget .tnp-field input.tnp-email {
    height: 50px;
    border-radius: 30px;
    border: 1px solid #FFFFFF66;
    background: #171616;
    color: #fff;
    padding: 0 120px 0 24px;
}
footer .tnp-field.tnp-field-button {
    position: absolute;
    top: 0;
    right: 5px;
    top: 5px;
    width: 108px;
}
footer  .wp-block-social-links {
    gap: 0 !important;
}
footer  .wp-block-social-links li {
    background: transparent !important;
}
footer  section#block-18 {
    display: flex;
    margin: 0 !important;
    gap: 10px;
    align-items: center;
}
footer  .wp-widget-group__inner-blocks .wp-block-columns {
    margin: 0;
}
footer section#block-18 h2.widget-title {
    margin: 0 !important;
    font-size: 16px;
}
footer .site-primary-footer-wrap {
    color: #fff;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
    max-width: 850px; 
	display: flex;
    justify-content: center;
}
footer .ast-builder-grid-row-4-equal .ast-builder-grid-row {
    grid-template-columns: 400px 1fr 1fr 410px;
}
footer .ast-footer-copyright {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
} 
.site-below-footer-wrap:has(.ast-footer-copyright) 
{
	position: relative;
}
.site-below-footer-wrap:has(.ast-footer-copyright)::after
{
	content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, rgba(208, 16, 16, 0) 0%, #D01010 49.27%, rgba(208, 16, 16, 0) 100.54%);
    top: 0;
    display: inline-block;
}
/* footer css end */ 

/* inner banner css start */
.inner-banner {
    position: relative;
    background-color: #1B1B1B;
    overflow: hidden;
    min-height: 250px;
    padding: 50px 0;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
	z-index: 1;
	background: url("assets/images/banner-left.png") left bottom no-repeat,
    url("assets/images/banner-right.png") right bottom no-repeat,
    #1B1B1B;
}
.inner-banner h2 
{
	margin:0;
	font-size: 48px;
	color: #fff;
	font-weight: 500;
}
.inner-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.25) 0px,
      rgba(0, 0, 0, 0.25) 1px,
      transparent 1px,
      transparent 3px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.25) 0px,
      rgba(0, 0, 0, 0.25) 1px,
      transparent 1px,
      transparent 3px
    );
  opacity: 0.25; /* matches 25% */
  pointer-events: none;
  z-index: -1;
}

/* inner banner css end*/


/* track order css start*/
.search-results-section {
    padding: 50px 0;
}
.track-sub-heading
{
	color: #000000;
	margin-bottom: 24px;
}
.track-sub-heading a 
{
	text-decoration: none;
	font-weight: 500;
	color: #D01010;
}
.form_track_your_order form {
    display: flex;
    max-width: 470px;
    margin: auto;
    gap: 12px;
    width: 100%;
}
.form_track_your_order form  .form_input_group input[type="text"] {
    height: 42px;
    border: 1px solid #9E9E9E;
    border-radius: 30px; 
}

.looking-for {
    background: linear-gradient(180deg, #F4F4F4 22.13%, #FFFFFF 100%);
    padding: 50px 0;
}
.looking-for h3 {
    margin-bottom: 10px;
    font-size: 36px;
    color: #111010;
}
.looking-for h3 + p {
    color: #364153;
    max-width: 945px;
    margin: 0 auto 16px;
}
.white-card-box {
    padding: 20px;
    box-shadow: 0px 1px 14px 0px #00000026;
    background: #fff;
    border-radius: 10px;
    margin-top: 16px;
}
.white-card-box a
{
	color: #D01010;
}
.white-card-box h5 {
    font-size: 16px;
    color: #212529;
    font-family: 'Inter';
}
.white-card-box p {
    color: #364153;
    font-size: 14px;
    font-weight:400;
    margin: 0;
}
.white-card-box p a
{
	color: #D01010;
	font-weight: 500;
	display: inline-block;
}
.white-card-box ul
{ 
	margin:16px 0 0;
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
}
.white-card-box ul li 
{
	width: 50%;
}
.white-card-box ul li a , .white-card-box ul li 
{
	color: #D01010;
	font-weight: 500;
}
.track_results {
    margin-top: 40px;
    max-height: 450px;
    overflow: auto;
} 
.track_results tr th{
    background: linear-gradient(359.95deg, #560000 -6.97%, #D01010 146.4%);
	font-weight: 500;
    color: #fff;
}
.track_results tbody, .track_results td, .track_results tfoot, .track_results th,  .track_results thead,  .track_results tr
{
	border-width: 1px;
}

/* inner banner css end*/


/* contact us css start*/
.reach-out-section {
    padding: 50px 0;
}
.contact-box .container 
{
	max-width: 1120px;
}
.order-icons {
    width: 88px;
    height: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    border-radius: 100%;
    border: 1px dashed #FF7E7E;
    margin-bottom: 16px;
}
.reach-box h4 {
    color: #212529;
    margin-bottom: 10px;
    font-size: 18px;
} 
.click-here {
    color: #D01010;
    font-weight: 500;
}
.map-section::after {
    background: #0A0A0A4D;
    position: absolute;
    inset: 0;
    content: '';
    pointer-events: none;
}
.map-section {
    position: relative;
}
.map-section:hover::after 
{
	display: none;
}
.contact-box-outer {
    padding: 1px;
    background: linear-gradient(180deg, rgba(227, 18, 44, 0.7) 0%, rgba(227, 18, 44, 0.2) 100%);
    border-radius: 20px;
    box-shadow: 0px -6px 24px 0px #00000059;
    margin-top: -80px;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}
.contact-box-inner 
{ 
    background: #fff;
    border-radius: 20px;
	width: 100%;
	overflow: hidden;
}
.contact-form {
    background: #fff; 
    padding: 40px;
}
.contact-desc {
    position: relative;
    padding: 50px;
    background:url("assets/images/tyre-pattren.png"),
	linear-gradient(343.34deg,	#2A0000 -2.92%,	#8F0000 41.38%,	#2F0101 76.44%);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto;
    color: #fff;
    overflow: hidden;
	place-content: center;
}

.contact-desc::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");
    opacity: 0.25; /* adjust for stronger/weaker noise */
    pointer-events: none;
    z-index: 1;
}
.contact-desc > * {
    position: relative;
    z-index: 2;
}
.contact-desc h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px;
}
.contact-desc .social-icon {
    padding: 0;
    margin:  0 0 30px 10px;;
    list-style-type: none;
    display: flex;
    gap: 20px;
}
 
ul.support-hours {
    padding: 0;
    margin: 0 0 30px 10px;
    list-style-type: none;
    font-size: 14px;
}
 
.contact-desc p {
    font-size: 14px;
    display: inline-flex;
	margin-bottom: 30px;
    gap: 5px;
}
.contact-form label {
    display: inline-block;
    width: 100%;
}
.contact-form  textarea {
    border: 1px solid #9E9E9E;
    border-radius: 12px;
    margin-top: 5px;
	font-weight:400;
	font-size: 14px;
	height: 100px;
}
.contact-form  input {
    border: 1px solid #9E9E9E;
    border-radius: 30px;
    margin-top: 5px;
    height: 50px;
	font-weight:400;
	font-size: 14px;
}
.contact-box-inner .row {
    margin: 0;
}
.contact-form p:has(.wpcf7-submit) {
    margin: 0 !important;
    text-align: right;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    width: 100%;
}
.contact-form input.wpcf7-submit {
    width: 115px;
    display: inline-flex !important;
    padding: 6px 24px !important;
    color: #fff;
    font-weight: 500 !important;
    box-shadow: 0px 0px 20px 0px #8B000054 !important;
    font-size: 18px;
    transition: all 0s ease-in-out 0s !important;
    border: 1px solid #970210;
    gap: 10px;
    padding: 14px 28px;
    background: #000;
    color: #fff;
    border-radius: 30px;
}
.contact-form input:focus , .contact-form textarea:focus 
{
	border-color: #D01010 !important;
}
.contact-form input.wpcf7-submit:hover {
    background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%) !important;
    border: 1px solid #D01010; 
    box-shadow: none !important;
}
.contact-form  label sup {
    color: #D01010;
}
/* contact css end*/ 

 
/* Faq css start*/  
.faq-section {
    padding: 50px 0;
}

.faq-section .accordion {
    max-width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-section .accordion-item {
    border: 1px solid #ECF0F1;
    background: linear-gradient(180deg, #FFF6F6 0%, #FFFFFF 100%);
    /* box-shadow: 0px 1px 4px 0px #00000040; */
    border-radius: 8px !important;
    overflow: hidden;
}
.faq-section .accordion-header {
    width: 100%;
    padding: 15px 25px;
    background: transparent !important;
    border: none;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #212529 !important;
    font-weight: 500;
    border: none;
    box-shadow: none;
}
.faq-section .faq-icon {
    background: #D01010;
    color: #fff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.faq-section .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 25px;
}
.faq-section .accordion-content p
{
	color: #364153;
}
.faq-section .accordion-item.active  .accordion-header 
{
	color: #D01010 !important;
}
.faq-section .accordion-item.active .accordion-content {
  max-height: 600px; /* enough height for content */
  padding: 0 25px 15px 25px;
}
.faq-icon img {
    transition: all 0.3s ease-in-out 0s;
    top: 1px;
    position: relative;
}
.faq-section .accordion-item.active .accordion-header .faq-icon img
{
	transform: rotate(-180deg);
	top: 0;
}
.faq-section .accordion-item .icon {
  transition: transform 0.3s ease;
}

.faq-section .accordion-item.active .icon {
  transform: rotate(45deg);
}
/* Faq css end*/

  
/* terms css start*/ 
.terms-page {
    padding: 50px 0;
}
.terms-sidebar {
    border: 1px solid #EBE6E7;
    box-shadow: 0px 0px 11px 0px #00000026;
    border-radius: 20px;
    padding: 20px;
	position: sticky;
	top:0;
}
.terms-sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.terms-sidebar ul li a {
    padding: 6px 10px;
    display: inline-flex;
    gap: 8px;
    border-radius: 4px;
    width: 100%;
	font-family: 'outfit';
	line-height: 20px;
	
}
.terms-sidebar h3 {
    font-size: 18px;
    margin-bottom: 24px;
}
.terms-sidebar ul li.active a {
    color: #fff;
    background: #D01010;
}

.terms-sidebar ul li a::before 
{
	content: url(assets/images/notes-icon.svg);
	position: relative; 
	top: 2px;
}
.terms-sidebar ul li.active a::before 
{
	filter: grayscale(0) invert(1);
}
.terms-sidebar ul li a 
{
	color: #212529;
	text-decoration: none;
}
.terms-sidebar ul li.active a 
{
	color: #fff;
}
.terms-content {
    padding: 40px;
    border: 1px solid #EBE6E7;
    border-radius: 20px;
}
.terms-content p {
    color: #364153;
    font-size: 16px;
    margin-bottom: 20px;
}
.terms-content ul li 
{
	color: #212529;
	font-weight: 500;
    margin-bottom: 20px;
    font-size: 16px;
}
.terms-content ul {
    margin-left: 0; 
}
.terms-content ul li span {
    color: #364153;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
}
.terms-content a {
    color: #D01010;
    text-decoration: none;
}
.terms-content b, .terms-content strong {
    font-weight: 500;
}
.terms-content h4 {
    font-size: 20px;
    color: #212529;
    display: inline-flex;
    margin-bottom: 16px;
    gap: 8px;
    width: 100%;
}
.terms-content h4::before 
{
	content: url(assets/images/note-red.svg);
	position: relative;
	top: 2px;
}
.terms-content hr {
    margin: 30px 0;
    border-color: #000;
    opacity: 0.1;
}

/* terms css end*/  

/* login page css start */
body:has(.login-page) header ,  body:has(.login-page) footer , body:has(.login-page) .after-header-marquee , body:has(.login-page) .footer-search
{
	display: none;
}
.login-page {
    min-height: 100dvh; 
    width: 100%;
    display: flex;
}
.login-left {
    flex: 1;
    background:url(assets/images/login-bg-left.png), linear-gradient(343.34deg, #2A0000 -2.92%, #8F0000 41.38%, #2F0101 76.44%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
    background-position: left bottom;
}
.login-left::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: 
    repeating-radial-gradient(
      circle at 0 0,
      rgba(0,0,0,0.25) 0,
      rgba(0,0,0,0.25) 1px,
      transparent 1px,
      transparent 2px
    );
  opacity: 0.25; /* matches ~25% in screenshot */
  pointer-events: none;
}
.login-right {
    flex: 1;
    padding: 40px;
    margin: auto;
}
.login-inner-left {
    max-width: 500px;
    width: 100%;
    color: #fff;
}
.logo-img
{
	height: 104px;
	margin-bottom: 30px;
}
.login-inner-left h2 {
    font-size: 24px;
	color: #fff;
    margin-bottom: 4px;
}
.login-inner-left ul {
    margin: 30px 0;
    padding: 24px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
	 
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
 
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.25); 

  overflow: hidden;
}
.login-inner-left ul::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.05) 40%,
    transparent 70%
  );
  opacity: 0.4;
  pointer-events: none;
}
.login-inner-left ul::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-radial-gradient(
      circle at 0 0,
      rgba(255,255,255,0.15),
      rgba(255,255,255,0.15) 1px,
      transparent 1px,
      transparent 2px
    );
  opacity: 0.08;
  pointer-events: none;
}
.login-inner-left ul li {
    display: flex;
    gap: 16px;
}
.secure-login {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.login-inner-left ul li h6 {
    font-size: 18px;
	color: #fff;
    font-weight: 500;
    margin-bottom: 4px;
}
.login-inner-left ul li span {
    color: #DDDDDD;
}
.box-icon {
    min-width: 32px;
}
.login-right .woocommerce-Input {
    border: 1px solid #9E9E9E !important;
    border-radius: 30px !important;
    height: 40px !important;
	font-size: 14px;
	padding-right: 40px;
}

/* Username Icon */
#username , .userName{
    background: url('assets/images/mails.svg') no-repeat right 15px center !important;
    background-size: 18px!important;
}

/* Password Icon */
#password ,  .passWord {
    background: url('assets/images/lock.svg') no-repeat right 15px center !important;
    background-size: 18px !important;
}
.woocommerce-privacy-policy-text p {
    font-size: 14px;
}
.woocommerce-privacy-policy-text p a 
{
	color: #D01010;
	font-weight: 500;
}
.login-right label {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.login-right h2 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 16px;
}
.remove-register .u-column2.col-2
{
	display: none;
}
.woocommerce .login-right  .col2-set .col-1, .login-right .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}
.woocommerce .login-right .col2-set .col-2, .woocommerce-page .col2-set .col-2
{
	width: 100%;
}
.login-right .woocommerce-form {
    max-width: 420px;
    margin: auto !important;
    border: none !important;
    padding: 0 !important;
}
 .woocommerce .login-right button.woocommerce-button {
    background: #D01010;
    width: 100%;
    height: 40px;
}
.login-right .password-input {
    position: relative;
}
.login-right .show-password-input {
    background: transparent;
    position: absolute;
    right: 15px;
    top: 0px;
    padding: 0;
	box-shadow: none;
    width: 20px;
    height: 20px;
}
.login-right .show-password-input::after 
{
	display: none;
}
.member-unlock-msg {
    display: flex;
    gap: 10px;
    padding: 5px 8px;
    background: #FFF2F2;
    border-radius: 30px;
    font-weight: 500;
    color: #A60000;
    font-size: 16px;
	max-width: 420px;
	align-items: center;
	margin: 0px auto 20px;
}
.register-link {
    text-align: center;
    color: #111922;
    font-size: 14px;
    margin: 0 !important;
}
.register-link a 
{
	color: #D01010;
	font-weight:500;
}
.login-right .woocommerce-form-login__rememberme  
{
	display: none !important;
}
.login-right .lost_password.LostPass
{
	display: block !important;
}
.mesageBox {
    max-width: 420px;
    margin: auto;
	text-align: center;
}
.login-right .woocommerce-message, .login-right .woocommerce-info , .login-right .woocommerce-error {
    background: #FFF2F2;
    border: none;
    font-size: 16px;
    border-radius: 4px;
    color: #A60000;
    font-weight: 500;
    padding: 8px 15px 8px 50px !important;
    text-align: left;
    margin:0 auto 16px;
	max-width: fit-content;
}
.login-right .woocommerce-error::before,  .login-right .woocommerce-info::before, .login-right .woocommerce-message::before {
    top: 8px; 
}
.fw-14
{
	font-size: 14px;
}
.login-right .woocommerce-LostPassword.lost_password {
    text-align: right;
    font-size: 14px;
	font-weight: 500;
}
.login-right .woocommerce-LostPassword a 
{
	color: #D01010;
	text-decoration: none;
}
.login-right .woocommerce-form-login__rememberme {
    margin-bottom: 15px;
}
.login-right .ur-frontend-form.login {
    border: none;
    padding: 0;
    border-radius: 0; 
}
.login-right .user-registration {
    border: none !important;
}
.login-right .ur-frontend-form .ur-form-row .ur-form-grid {
    flex: 1;
    padding: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid label, .ur-frontend-form .ur-form-row .ur-form-grid legend {
    margin-top: 0;
    margin-bottom: 0;
}
/* login page css end */

/* member popup css start */
.member-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
  overflow: auto;
}

.member-popup {
    background-color: #fff;
    max-width: 1024px;
    width: 100%;
    padding: 30px 60px;
    border-radius: 30px;
    position: relative;
    text-align: center;
    animation: popupFade 0.4s ease;
	background-image: url(assets/images/unlock-tires.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.member-head {
    display: flex;
    gap: 24px;
    text-align: left;
}
.member-popup h2 {
    margin-bottom: 0px;
    color: #D01010;
    font-size: 36px;
    font-weight: 500;
}
.member-popup ul {
    list-style: none;
    padding: 32px 45px;
    margin: 30px 0 24px;
    text-align: left;
    display: grid;
    row-gap: 32px;
    column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #D01010;
    border-radius: 30px;
}

.member-popup ul li {
    display: flex;
    gap: 16px;
}
.member-popup ul li h6 {
    font-size: 18px;
    color: #000;
    margin-bottom: 3px;
}
.member-popup ul li  span {
    color: #4E5357;
    font-size: 16px;
}
.popup-btn {
    display: inline-block;
    background: #D01010;
    color: #fff;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
    margin-bottom: 8px;
    font-size: 16px;
}
.popup-btn:hover 
{
	background: linear-gradient(359.95deg, #000000 -25.76%, #D01010 104.04%);
	color: #fff;
}
.memberTxt a {
    color: #D01010;
    font-weight: 500;
}
.popup-close {
    position: absolute;
    top: 40px;
    right: 40px;
    border: none;
    background: transparent !important;
    cursor: pointer;
    box-shadow: none;
}
.popup-close:hover 
{
	background: transparent;
}

@keyframes popupFade {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* member popup css end */
.model-card-box.model-card img {
    width: auto;
}
.options-grid:has(.no-models-found) {
    grid-template-columns: 1fr;
}

/* about us css start */

.our-story {
    padding: 40px 0 80px;
}
.storyHeading
{
	font-size: 18px;
	color: #000000;
	margin-bottom: 50px;
}
.story-img {
    border-radius: 30px;
    width: 100%;
    overflow: hidden;
}
.story-img img 
{
	inset:0;
	object-fit: cover;
}
.our-story h3 {
    font-size: 48px;
    color: #212529;
    margin-bottom: 15px;
}
.our-story p b
{
	color: #D01010;
	font-weight:500;
}
.story-content
{
	padding-left: 50px;
}
.our-mission {
    padding: 50px 0;
    background: #F4F4F4;
}
.mission-box {
    padding: 16px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px; 
    align-items: center;
    height: 100%;
    text-align: center;
}
.mission-icon {
    height: 64px;
    background: #D01010;
    box-shadow: 0px 4px 4px 0px #00000014;
    width: 64px;
    place-content: center;
    border-radius: 100%;
}
.mission-box h4 {
    margin: 0;
    font-size: 18px; 
}
.mission-box p {
    color: #364153;
    margin: 0;
    font-size: 14px; 
}
.why-customers-choose {
	padding: 50px 0;
    position: relative;
    background: 
        linear-gradient(180deg, rgba(12, 0, 0, 0.9) -10.35%, rgba(58, 58, 58, 0.8) 116.67%),
        url('assets/images/customer-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.choose-types {
    position: relative;
    height: 100%;
    padding: 16px;
    display: flex;
    gap: 24px;
    border-radius: 20px;

    /* Glass background */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.03)
    );

    /* Frosted blur effect */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); 

    /* Glass depth shadow */
    box-shadow:
       0 8px 40px rgba(0, 0, 0, 0.4),

    /* Top highlight */
    inset 0 1px 0 rgba(255, 255, 255, 0.15),

    /* Bottom highlight */
    inset 0 -1px 0 rgba(255, 255, 255, 0.15),

    /* Left highlight */
    inset 1px 0 0 rgba(255, 255, 255, 0.15),

    /* Right highlight */
    inset -1px 0 0 rgba(255, 255, 255, 0.15);

    /* Optional: smoother look */
    overflow: hidden;
}
.why-customers-choose .row 
{
	row-gap: 24px;
}
.checkIcon {
    width: 30px;
    height: 30px;
    min-width: 30px; 
    background: #D01010; 
    border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.choose-types h4 {
    font-size: 20px;
    margin-bottom: 8px;
}
.choose-types p 
{
	margin: 0;
}
.our-philosophy {
    padding-top: 50px;
}
.our-philosophy .row 
{
	row-gap: 50px;
}
.philosophy-type {
    display: flex;
    gap: 16px;
}
.type-icon {
    background: #F1F5F9;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.philosophy-type p {
    color: #364153;
    margin: 0;
}
.philosophy-type h4 {
    font-size: 20px;
    color: #212529;
    margin-bottom: 6px;
}
/* about us css end */

.ast-404-search .widget_search form.search-form {
    background: transparent;
    border: none;
    min-width: inherit;
}
.ast-404-search .widget_search .search-form>label {
    width: 100%;
}
.ast-404-search .widget_search .search-form button { 
    top: 8px;
    right: 15px; 
    box-shadow: none;
}

/* finance page css start */
.common-inner-banner {
    position: relative;
    background-color: #1B1B1B;
    overflow: hidden;
    min-height: 250px;
    padding: 50px 0;
    color: #fff; 
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
    z-index: 1;
    background:  url("assets/images/right-tyre.png") right bottom no-repeat, #1B1B1B;
}
.common-inner-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.25) 0px,
      rgba(0, 0, 0, 0.25) 1px,
      transparent 1px,
      transparent 3px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.25) 0px,
      rgba(0, 0, 0, 0.25) 1px,
      transparent 1px,
      transparent 3px
    );
    opacity: 0.25;
    pointer-events: none;
    z-index: -1;
}
.common-inner-banner .container 
{
	max-width: 1336px;
}
.common-inner-banner h2 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 16px;
	line-height: 55px;
}

.how-financing-work {
    padding: 60px 0;
}
.how-financing-work .row 
{
	row-gap: 20px;
}
.how-financing-work .container {
    max-width: 1000px;
}

.finance-partners {
    padding: 50px 0 60px;
    background: #F4F4F4;
}
.finance-partners .row 
{
	row-gap: 24px;
}
.partners-logo {
    background: linear-gradient(180deg, #F4F4F4 -36.03%, #FFFFFF 45.85%);
    border: 1px solid #0000001A;
    box-shadow: 0px 2px 24px 0px #00000026;
    border-radius: 20px;
    padding: 24px;
    height: 100%;
}
.partner-logo-img {
    display: flex;
    height: 50px;
    align-items: center;
    margin-bottom: 40px;
}

.partners-logo ul {
    padding-left: 15px;
    margin: 0 0 12px;
}
.partner-view-btn {
    text-decoration: none;
    color: #D01010;
    display: inline-flex;
    gap: 8px;
	transition: all 0.3s ease-in-out 0s;
}
.partner-view-btn:hover 
{
	gap: 15px;
}
.small-heading 
{
	max-width: 860px;
	margin: 0 auto 26px;
}

/* finance page css end */

/* visualizer css start */
.visualizer-banner {
    min-height: 79dvh;
    background: url(assets/images/visual-bg.jpg);
    background-size: cover;
    display: inline-flex;
    width: 100%;
	align-items: center;
    justify-content: center;
	position: relative;
}
.visual-back-btn {
    padding: 0;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    transform: rotate(-180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    top: 20px;
    position: absolute;
    left: 20px;
    z-index: 1;
}
.visual-fixed-btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    gap: 8px;
}
.visual-fixed-btn a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #970210;
    background: #fff;
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 14px;
    font-family: 'Outfit';
    color: #000;
}
.visual-fixed-btn a:hover 
{
	background: #970210;
	color: #fff;
}
.visual-tabs {
    background: #282828;
    position: relative;
}
.visual-tabs ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin: 0;
}
.visual-tabs ul li {
    flex: 1;
    text-align: center;
    position: relative;
}
.visual-tabs ul li::after {
    height: 100%;
    right: 0;
    content: '';
    position: absolute;
    top: 0;
    background: #FFFFFF1A;
    width: 1px;
}
.visual-tabs ul li a {
    text-decoration: none;
    color: #fff;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    justify-content: center;
    min-height: 60px;
}
.visual-tabs ul li.active a
{
	background: #D01010;
}

.fitments   {
    display: flex;
    gap: 12px;
    align-items: center;
	padding: 16px;
}
.fitment-toggle {
    font-size: 14px;
    font-family: 'Outfit';
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.fitments ul {
    margin: 0;
    flex: 1;
    display: flex;
    list-style-type: none;
    padding: 0;
    gap: 12px;
}
.fitments ul li {
    padding-right: 10px;
    background: #DDDCDC;
    border-radius: 4px;
    font-size: 14px;
    color: #000000;
    height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    font-family: 'Outfit';
}
.fitments ul li span {
    background: #198754;
    height: 100%;
    color: #fff;
    padding: 0 4px;
    place-content: center;
}
.fitments ul li.fitment-green span {
    background: #198754; 
}
.fitments ul li.fitment-red span {
    background: #DC3545; 
}
div#vehicle-visualizer-container {
    width: 1000px; 
}
.visual-center {
    position: relative;
}
.visual-center::before {
    height: 145px;
    display: inline-block;
    position: absolute;
    content: '';
    border: 2px solid #fff;
    width: 980px;
    border-radius: 100%;
    opacity: 0.5;
    bottom: 70px;
}
.cpicker {
    display: none !important;
}
.no-thumbs .arrow.arrow-left {
    left: 50% !important;
}
.custom-vvse-arrows {
    position: absolute;
    bottom: 41px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 64px;
    background: #fff;
    display: flex;
    height: 64px;
    border-radius: 100%;
    z-index: 1;
    gap: 10px;
    justify-content: center;
}
.custom-vvse-arrows button {
    box-shadow: none;
    padding: 0;
    background: transparent !important;
    width: 20px;
}
.visual-product-name {
    position: absolute;
    top: 35px;
    text-align: center;
}
.visual-edit-btn {
    box-shadow: 0.86px -0.1px 10px 0px #ffffff inset;
    background: #e7eaf1;
    border: 1px solid #fff;
    padding: 0;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
    position: absolute;
    right: -50px;
}
.visual-product-name h4 {
    font-size: 30px;
    color: #212529;
    font-weight: 500;
    margin-bottom: 8px;
	position: relative;
}
.visual-product-name  span {
    font-family: 'Outfit';
    font-weight: 500;
    color: #D01010;
	
    font-size: 20px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
.left-sidebar {
    position: fixed;
    left: -350px;
    top: 0;
    width: 330px;
    height: 100%;
    background: #fff;
    transition: 0.3s;
    overflow-y: auto;
	z-index:99;
	flex-direction: column;
	display: flex;
}

.left-sidebar.active {
    left: 0;
}

.filter-panel {
    display: none;
	padding: 20px 12px;
	flex: 1
}

.filter-panel.active {
    display: block;
}
.sidebar-header {
    padding: 12px 10px;
    background: #000000;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.close-sidebar {
    background: transparent !important;
    padding: 0;
    font-size: 15px;
}
.select-size {
    padding: 20px 0;
}
.size-box {
    border-radius: 12px;
    border: 1px solid #00000033;
}
.select-size-header  {
    background: #F4F4F4;
    border-radius: 12px 12px 0 0;
    padding: 8px 16px;
    align-items: center;
}
.select-size-header  h4 {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
}
.see-size {
    font-weight: 500;
    color: #D01010;
    font-family: 'outfit'; 
	text-decoration: none;
} 
.see-size:hover 
{
	text-decoration: underline;
}
.suspension-btn {
    padding: 16px 16px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
  /* Toggle Label */
  .toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #6b6b6b;
  }

  /* Toggle Switch */
  .switch {
    position: relative;
    width: 34px;
    height: 18px;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    inset: 0;
    background-color: #dcdcdc;
    border-radius: 20px;
    transition: 0.25s ease;
  }

  .slider:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 2px;
    top: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: 0.25s ease;
  }

  /* ON state */
  .switch input:checked + .slider {
    background-color: #b57edc;
  }

  .switch input:checked + .slider:before {
    transform: translateX(16px);
  }
  
  
 .color-box {
    height: 65px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}
.color-list p {
    font-size: 12px;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.color-options {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.color-list {
    width: 50%;
    padding: 0 10px;
}
/* visualizer css end */