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

/*--------------------------------------------------------------
# General CSS
--------------------------------------------------------------*/
body {
  color: #000;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: 700;

}

img {
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    display: block;
}

.nopadd {
    padding: 0;
}

.padd_tb {
    padding: 60px 0;
}

.padd_t {
    padding-top: 60px;
}

.padd_b {
    padding-bottom: 60px;
}

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

.nopadd_right {
    padding-right: 0 !important;
}

.secpanel {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #fff;
}

.secpanel p{
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #000;
}

.secpanel p:last-child {
    margin-bottom: 0;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------------------------------------------
# Global Colors
--------------------------------------------------------------*/
.bg-grey{
   background-color: #FAF5F5;
}
.dark-background {
  background-color: #0d131f;
}
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  color: #fff;
  background-color: #fff;
  padding: 15px 0;
  transition: all 0.5s;
  z-index: 997;
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 68px;
}

.menu-icon{
  background-color: #000;
  float: left;
  width: 100%;
}


/*--------------------------------------------------------------
# Top Navigation Menu
--------------------------------------------------------------*/
.header-top{
  width: 100%;
  background: linear-gradient(90deg, #2E3192 37.5%, #0C0C2E 100%);
}

 .header-top .topnavmenu {
    padding: 0;
  }

  .header-top .topnavmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .header-top  .topnavmenu li {
    position: relative;
  }

  .header-top  .topnavmenu a {
    color: #fff;
    padding: 0 15px 0 0;
    font-size: 14px;
    line-height: 44px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;

  }

.currency-wrap > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #fff;
    column-gap: 20px;
  font-weight: 400;
}
.currency-wrap > ul > li{
  position: relative;
}
.currency-wrap > ul > li > a {
    background-image: url(../images/icons/arrow-nav-ylw.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
  line-height: 44px;
}
.currency-wrap > ul > li a span{
  font-weight: 700;
}
.currency-wrap >  ul > li > ul {
    margin: 0;
    padding: 10px 0;
    background: #fff;
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99999;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  }

.currency-wrap >  ul > li > ul {
    min-width: 200px;
  }

.currency-wrap >  ul > li > ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: #000;
  }

.currency-wrap >  ul > li:hover ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

.currency-wrap >  ul > li ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

.hdr-navarea-left, .hdr-navarea-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
  gap: 12px;
}

.hdr-navarea-right {
    justify-content: flex-end;
}

.hdr-shop-icons {}

.hdr-shop-icons ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 0 20px;
    gap: 12px;
}

.hdr-navarea-right {}

.hdr-shopicon {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

span.counter {
    background: #2E3192;
    color: #FFFF00;
    width: 16px;
    height: 16px;
    opacity: 1;
    top: -6px;
    right: -4px;
    position: absolute;
    border-radius: 50%;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 21px;
  }

  .navmenu li {
    position: relative;
  }
  .navmenu li.dropdown > a{
  background-image: url(../images/icons/arrow-nav-blk.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 6px;
  display: inline-block;
}
  .navmenu a,
  .navmenu a:focus {
        color: #000;
    padding: 18px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: #2E3192;
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 0;
    background: #fff;
    display: block;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
    border-bottom: 1px solid #ddd;
  }
  .navmenu .dropdown ul li:last-child {
    border-bottom: 0;
  }
  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: #000;
    display: inline-block;
    width: 100%;
  }
.navmenu .dropdown ul li:hover a{
  background-color: #2E3192;
  color: #fff !important;
}

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: #2E3192;
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
/*--------------------------------------------------------------
# header search
--------------------------------------------------------------*/
.mobile-nav {
    display: none;
}
.mobile-nav-icon {
    display: flex;
    align-items: center;
    align-content: center;
}
.mobile-nav-icon button {
    padding: 0;
    border: 0;
    background: transparent;
}
.mobile-nav-list ul{
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.mobile-nav-list ul li{
  list-style-type: square;
  text-align: left;
  padding: 10px 0;
  border-bottom: solid 1px #DEDEDE;
  font-size: 16px;
  font-weight: 500;
}
.mobile-nav-list ul li::marker {
  color: #2e3192;
  margin: 0;
  padding: 0;
}
.offcanvas-header .btn-close {
    border: 1px solid #f00;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
    right: 15px !important;
    position: relative;
}
/*--------------------------------------------------------------
# header search
--------------------------------------------------------------*/
.hdr-srch-wrap {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 378px;
    opacity: 1;
    top: 94px;
    border-radius: 0 0 36px 36px;
    background: #fff;
    padding: 5px 10px 10px;
}

.hdr-srch-wrap form input, .sidebar-search form input {
    background: #EAE9E9;
    width: 100%;
    height: 50px;
    border-radius: 30px;
    padding: 0 21px;
    border: 0;
    font-style: italic;
    text-transform: uppercase;
}

.hdr-srch-wrap form button, .sidebar-search form button {
    background: #2E3192;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 0;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.hdr-srch-wrap form {
    position: relative;
}
.sidebar-search {
    position: relative;
    margin: 0 0 27px;
}
/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.main-banner-wrap {
  padding: 120px 0 80px;
  position: relative;
  overflow: hidden;
  background-image: url("../images/banner.png");
  background-size: cover;
      background-attachment: fixed;
}


.main-banner-wrap .main-banner-content {
  position: relative;
  z-index: 2;
}


.main-banner-wrap .main-banner-content .main-banner-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #fff;
      width: 90%;
}

.main-banner-wrap .main-banner-content .main-banner-text {
    margin-bottom: 25px;
    width: 86%;
}
.main-banner-wrap .main-banner-content .main-banner-text p{
  font-size: 18px;
    line-height: 1.5;
    color: #fff;
}
.main-banner-wrap .main-banner-content .main-banner-text p,
.main-banner-wrap .main-banner-content .main-banner-quote p{
  color: #fff;
}
.main-banner-wrap .main-banner-content .main-banner-quote p {
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
font-style: Italic;
      width: 88%;
  margin-bottom: 30px;
}


.main-banner-wrap .main-banner-content .main-banner-cta {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.main-banner-wrap .main-banner-content .main-cta .cta-btn{}

.main-banner-video {
    position: relative;
}

.main-banner-video img {}

.video-icon {
    position: absolute;
    width: 120px;
    height: 78px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.video-shw{
  position: relative;
}
.video-shw:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(../images/video-shw.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 78px;
    left: 0;
    right: 0;
    /* top: 0; */
    bottom: -44px;
    margin: auto;
    cursor: pointer;
    z-index: 1;
}
.vdo-box img {
    position: relative;
    z-index: 2;
  width: 100%;
}
.main-banner-video .video-icon img {}




/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.main-cta a {
  display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #2E3192;
    color: #fff;
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}

.main-cta a:hover {
  background: #FFFF00;
  color: #000;
}
.main-cta.cta-center {
    margin-top: 27px;
    text-align: center;
}

/*--------------------------------------------------------------
# sentinel Section
--------------------------------------------------------------*/
.sentinel-wrap {
}
.sentinel-imgwrap {
    display: flex;
    justify-content: flex-end;
    padding-right: 60px;
}
.sentinel-wrap .main-cta{

  padding-left: 30px;
}
/*--------------------------------------------------------------
#Heading
--------------------------------------------------------------*/
.hd-title,.hd-title-center {
    margin-bottom: 30px;
}

.hd-title h2,
.hd-title-center h2{
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 17px;
  color: #000;
}
.hd-title-center h2{
  text-align: center;
}



/*--------------------------------------------------------------
# feature product Section
--------------------------------------------------------------*/
.featurepro-area{

}
.featurepro-area .hd-title {
    border-bottom: 1px solid #7B7777;
}

.featurepro-area .hd-title h2 {
    font-size: 26px;
}


.featurepro-list {
    position: relative;
}
.featurepro-list ul {
  margin: 0;
  padding: 0;
  list-style: none;

}
.featurepro-list ul.slider {
    cursor: pointer;
    margin: 70px -18px 0;
    position: static;
}


.featurepro-list ul.filter {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
  margin-top: -75px;
  margin-right: 100px;
}
.featurepro-list ul.filter li {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer
}
.slickwhitearrow.slick-arrow{
  width: 38px;
  height: 38px;
  background: #2E3192;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -12px;
cursor: pointer;}
.slickwhitearrow.slick-prev.slick-arrow {
    background-image: url("../images/icons/prev.png");
    right: 47px;
}
.slickwhitearrow.slick-next.slick-arrow {
    background-image: url("../images/icons/next.png");
    right: 0;
}



/*----------------------*/

.product-card {
    width: 90%;
    margin: 0 auto;
}
.product-box{
  width: 100%;
  float: left;
  border: 1px solid #888888;
  border-radius: 10px;
  background-color: #FAF5F5;
  overflow: hidden;
}
.product-imgbox{
  background-color: #fff;
}
.product-dtls{
 width: 100%;
 background-color: #FAF5F5;
 padding: 22px 22px 18px;
 text-align: left;
}
.pro-sku {
    font-size: 16px;
    font-weight: 400;
    color: #827F7F;
}

.pro-title {
    margin: 5px 0;
}

.pro-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pro-rating {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
}

span.rating-count {
    font-size: 16px;
    color: #827F7F;
}

.price-cart {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.pro-price {
    color: #2E3192;
    font-size: 16px;
    font-weight: 600;
}

.price-cart .main-cta a {
    font-size: 10px;
    padding: 10px;
}
/*--------------------------------------------------------------
# reassure Section
--------------------------------------------------------------*/
.reassure-area {
    border-top: 1px solid #7B7777;
    padding: 35px 0 70px;
}

.reassure-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.6%;
}

.reassure-col {
    width: 23%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    border-right: 1px solid #7B7777;
}

.reassure-icon {
    width: 30%;
}

.reassure-text {
    width: 70%;
    padding-left: 9px;
}

.reassure-text h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.reassure-col:last-child {
    border: 0;
}
/*--------------------------------------------------------------
# youknow Section
--------------------------------------------------------------*/
.youknow-wrap {
    width: 100%;
    background-image: url(../images/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}
.youknow-text .hd-title h2 {
    color: #fff;
    width: 90%;
}
.youknow-text {
    margin-bottom: 25px;
    width: 100%;
}
.youknow-text p{
  font-size: 18px;
    line-height: 1.5;
    color: #fff;
}
.youknow-quote{
    margin-bottom: 30px;
}
.youknow-quote p {
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
font-style: Italic;
      width: 88%;

}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.pro-cat-wrap{
}

.pro-cat-wrap .pro-cat-leftlist{
  width: 100%;
  padding: 60px 30px;
  background-image: url("../images/product-catagory.png");
  background-size: cover;
  background-repeat: no-repeat;
   border-radius: 10px;
      height: 100%;
}
.pro-cat-wrap .pro-cat-leftlist .hd-title {
    margin-bottom: 30px;
   border-bottom: solid 1px #DEDEDE;
}

.pro-cat-wrap .pro-cat-leftlist .hd-title h2 {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 17px;
  color: #fff;
    text-align: center;
}

.pro-cat-wrap .pro-cat-leftlist ul{
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.pro-cat-wrap .pro-cat-leftlist ul li{
  color: #fff;
  list-style-type: square;
  text-align: left;
  padding: 18px 0;
  border-bottom: solid 1px #DEDEDE;
  font-size: 22px;
  font-weight: 500;
}
.pro-cat-wrap .pro-cat-leftlist ul li::marker {
  color:#FFFF00;
}

.pro-cat-list{
  position: relative;
}
.pro-cat-list ul.catfilter {
  margin: 0 0 50px 0;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  border-bottom: 1px solid #7B7777;
  padding-left: 0;
}
.pro-cat-list ul.catfilter li {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px 18px;
}
.pro-cat-list ul.catslider {
    margin: 0 -45px;
    position: static;
}

.pro-cat-list .slickwhitearrow.slick-arrow {
    top: 0;
  cursor: pointer;
}


/*--------------------------------------------------------------
# guide Section
--------------------------------------------------------------*/
.guide-wrap{
  width: 100%;
}

.blue-leftbox {
    width: 100%;
    background-image: linear-gradient(to bottom, #0D0D30, #2E3192);
    padding: 30px;
    border-radius: 10px;
      height: 100%;
}
.blue-left-img{
  width: 100%;
   padding: 20px 30px;
   text-align: center;
}

.blue-leftbox p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    /* text-align: center; */
    /* padding: 10px; */
    font-size: 18px;
}
.guide-right{
  width: 100%;
  padding-left: 10px;
  /* text-align: center; */
}

.guide-right ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.guide-right ul li{margin-bottom: 17px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 15px;}
.guide-right ul li .numbox{
  width: 57px;
  height: 57px;
  background-color: #2E3192;
  border-radius: 5px;
  padding: 0;
  margin-right: 5px;
  color: #FFFF00;
  text-align: center;
  display: inline-block;
  font-size: 35px;
  font-weight: 600;
  line-height: 57px;
}
.guide-right ul li p{
  font-size: 18px;
  line-height: 1.3;
  width: 90%;
}


/*--------------------------------------------------------------
# sbc Section
--------------------------------------------------------------*/
.client-review{
  width: 100%;
  padding: 50px;
  background-color: #fff;
}
.clt-rvw-wrap{
  width: 100%;
  background-image: url("../images/client.png");
  background-size: cover;
  background-repeat: no-repeat;
   border-radius: 10px;
   padding: 40px 25px;
   color: #fff;
  background-position: center;
  height: 100%;

}
.clt-rvw-wrap .hd-title h2{
  color:#fff;
}

.sbc-right,.sys-wk-right {
    padding-left: 10px;
}
.sbc-text {
    width: 93%;
}
.sys-wk-right .vdo-box {
    float: right;
    margin: 0 0 45px 37px;
  width: 58%;
}
.sys-wk-wrap .blue-leftbox {
    height: inherit;
}
/*-------------------*/
p.client-text {
    color: #fff;
    font-size: 20px;
    font-style: italic;
}

.card-top {
    margin-bottom: 8px;
}

.author-details {}

.author-details h5 {
    color: #ff0;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.author-info {
    margin-top: 53px;
}
.clt-rvw-slider .slickwhitearrow.slick-arrow {
    top: inherit;
    bottom: -20px;
}

/*--------------------------------------------------------------
# 2col Section
--------------------------------------------------------------*/

.car{
 width: 100%;
  background:#fff;
   padding: 50px;
}

.carinfo {
    width: 100%;
    background-image: url(../images/car.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 40px;
    color: #fff;
}



.bundy {
    width: 100%;
    background-image: url(../images/bundy.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 0 30px;
    /* padding-left: 30px; */
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bundy .hd-title {
    margin-bottom: 10px;
}
.bundy p{font-size: 30px;}



.carinfo h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    width: 70%;
}

.carinfo p {
    color: #fff;
    font-size: 22px;
    width: 73%;
}

.bundy .hd-title h2 {
    color: #fff;
}


.carinfo .main-cta a,
.bundy .main-cta a{
  color: #ff0;
}


/*--------------------------------------------------------------
# diesel Section
--------------------------------------------------------------*/
ul.diesel-logo-row {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

li.die-logo-col {
    width: 16.65%;
}

.Warrantytext {
    padding-right: 5px;
}



/*--------------------------------------------------------------
# subscribe Section
--------------------------------------------------------------*/
.subscribe-wrap {
    z-index: 55;
    overflow: visible;
    background: transparent;
      margin-bottom: -70px
}
.subscribe-area {
background-color: #2E3192;
padding: 50px 60px;
border-radius: 20px;
}
.subscribe-area .hd-title {
    margin-bottom: 0;
}
.subscribe-area .hd-title h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 35px;
    font-weight: 500;
}
.subscribe-formarea {}

.subscribe-formarea form {
    display: flex;
    flex-direction: row;
}

.subscribe-formwrap .subscribe-formarea form input {
    background: #fff;
    border: 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-style: italic;
    height: 53px;
    margin-right: 5px;
    padding-left: 20px;
    width: 62%;
    cursor: pointer;
}

.subscribe-formwrap .subscribe-formarea form button {
    width: 37%;
    background: #FFFF00;
    border: none;
    border-radius: 50px;
    color: #000;
    display: flex;
    font-size: 18px;
    line-height: 1;
    padding: 15px 46px;
    transition: all 0.3s ease 0s;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-transform: uppercase;
    font-weight: 700;
}
.subscribe-formwrap .subscribe-formarea form img {
    margin-left: 5px;
}
/*--------------------------------------------------------------
# blog Section
--------------------------------------------------------------*/
.blog-list{
  border-top: 1px solid #7B7777;
}
.blog-list .slickwhitearrow.slick-arrow {
    top: -56px;
}
.blog-card {
    border: 1px solid #888888;
    opacity: 1;
    border-radius: 10px;
  overflow: hidden;
      margin-bottom: 25px;
    margin-top: 40px;
  width: 95%;
}

.blog-imgbox {}

.blog-imgbox img {
    width: 100%;
    height: 252px;
    object-fit: cover;
}

.blog-dtls {
    padding: 20px;
}

.blog-title {}

.blog-title h3 {
    font-size: 20px;
    font-weight: 600;
}

.blog-excerpt {}

.blog-excerpt p {
    font-size: 16px;
}

.blo-meta {
    margin-top: 15px;
}

.blog-metaftr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.blo-meta ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 15px;
    margin: 0;
}

.blo-meta ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.blog-cta a {
    background: #2E3192;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 50%;
}
.blog-cta a:hover{
  background: #000;
}


/*--------------------------------------------------------------
# faq Section
--------------------------------------------------------------*/
.faq-group{
  margin-top: 50px;
}
.accordion-item {
    border: 0;
    /* margin-bottom: 15px; */
}

h2.accordion-header button, .accordion-button:not(.collapsed) {
    background: #2E3192;
    color: #FFFF00;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 30px;
}

.accordion-body {
    padding: 0 30px 20px;
}
.accordion-button::after {
    background-image: url(../images/icons/plus.png);
    transition: all 0.5s;
    width: 13px;
    height: 13px;
    background-size: 100%;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../images/icons/minus.png);
      background-position: 0;
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-header {
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 20px;
}






/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer-wrap {
  color: #fff;
  background-color:#071531;
  padding: 130px 0 0;
  position: relative;
}
.footer-top {
    padding-bottom: 50px;
}
.footer-top  h4 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: #fff;
}

.footer-top  h4:after {
  content: "";
  position: absolute;
  display: block;
  width: 53px;
  height: 5px;
  background-color: #FFFF00;
  bottom: 0;
  left: 0;
}
.footer-info .logo {
}

 .ftr-social-links {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 43px;
}

.ftr-social-links  a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;

  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease;
}
.ftr-social-links  a:hover {
  transform: translateY(-3px);
}


.contactinfo{}
.contactinfo ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.contactinfo ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 13px;
    align-content: flex-start;
}
.contactinfo ul li .ftr-cont-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #2E3192;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease;
  margin-right: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}
.contactinfo ul li .ftr-cont-text{
    width: 85%;
    font-size: 16px;
}







.footer-wrap .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-wrap .footer-links ul li {
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.footer-wrap .footer-links ul li:first-child {
  padding-top: 0;
}

.footer-wrap .footer-links ul a {
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  transition: all 0.3s ease;
  position: relative;
  font-size: 16px;
}

.footer-wrap .footer-links ul a:hover {
  color:#FFFF00;
  transform: translateX(5px);
}

.footer-bottom {
  padding: 30px 0;
  border-top: 1px solid #FFFFFF;
}

.footer-bottom .copyright p {
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
}

.payment-mtd {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
}
.innerpage-banner{
    position:relative;
    background: transparent no-repeat center center /cover;
    z-index: 1;
    padding: 116px 0 36px;
}
.page-heading{
    color:#fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.page-heading span{
    color:#FFFF00
}
ul.beardcums {
    text-align: center;
    margin-top: 30px;
}

ul.beardcums li {
    display: inline-block;
    color: #fff;
    padding: 0 0px;
    position: relative;
}

ul.beardcums li:last-child {
    color: #FFFF00;
}

ul.beardcums li::before {
    content: "/ ";
}
ul.beardcums li:first-child::before {
    display: none;
}
.filter-section {
            margin-bottom: 30px;
            border-bottom: 1px solid #e9ecef;
            padding-bottom: 20px;
        }

        .filter-section:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

  .filter-title {
    font-size: 18px;
    font-weight: 600;
    color: #2E3192;
    margin-bottom: 16px;
}
        /* Accordion Styles */
        .accordion-item {
            margin-bottom: 8px;
        }

        .accordion-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            transition: all 0.3s;
            user-select: none;
            margin-bottom: 5px;
            border-bottom: 1px solid #888888;
            padding-bottom: 8px;
            border-radius: 0;
        }

    .accordion-title {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

        .accordion-arrow {
            font-size: 12px;
            transition: transform 0.3s;
            color: #666;
        }

        .accordion-item.active .accordion-arrow {
            transform: rotate(180deg);
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding-left: 12px;
        }

        .accordion-item.active .accordion-content {
            max-height: 500px;
            padding-top: 12px;
        }

        /* Checkbox Styles */
        .checkbox-item {
            display: flex;
            align-items: center;
            padding: 8px 0;
            cursor: pointer;
            transition: all 0.2s;
        }

        .checkbox-item:hover {
            padding-left: 4px;
        }

        .checkbox-item input[type="checkbox"] {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            cursor: pointer;
            accent-color: #4f46e5;
        }

    .checkbox-label {
    font-size: 16px;
    color: #000000;
    flex: 1;
    cursor: pointer;
    font-weight: 600;
}

        .checkbox-count {
            font-size: 13px;
            color: #999;
            margin-left: 8px;
        }

        /* Price Range Slider */
        .price-range {
            padding: 10px 0;
        }

        .price-inputs {
            display: flex;
            gap: 10px;
            margin-bottom: 16px;
        }

       .price-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    width: 50%;
}

        .price-input:focus {
            outline: none;
            border-color: #4f46e5;
        }

        .range-slider {
            position: relative;
            height: 6px;
            background: #e9ecef;
            border-radius: 3px;
            margin: 20px 0;
        }

        .range-slider input[type="range"] {
            position: absolute;
            width: 100%;
            height: 6px;
            background: transparent;
            pointer-events: none;
            -webkit-appearance: none;
            appearance: none;
        }

        .range-slider input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 18px;
            height: 18px;
            background: #4f46e5;
            border-radius: 50%;
            cursor: pointer;
            pointer-events: auto;
            border: 3px solid white;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }

        .range-slider input[type="range"]::-moz-range-thumb {
            width: 18px;
            height: 18px;
            background: #4f46e5;
            border-radius: 50%;
            cursor: pointer;
            pointer-events: auto;
            border: 3px solid white;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }

        .range-fill {
            position: absolute;
            height: 100%;
            background: #4f46e5;
            border-radius: 3px;
        }

        .price-display {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            color: #666;
            margin-top: 8px;
        }

        .filter-button {
            width: 100%;
            padding: 12px;
            background: #2E3192;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s;
            margin-top: 12px;
        }

        .filter-button:hover {
            background: #4338ca;
        }

        /* Rating Stars */
        .rating-item {
            display: flex;
            align-items: center;
            padding: 8px 0;
            cursor: pointer;
        }

        .rating-item:hover {
            padding-left: 4px;
        }

        .rating-item input[type="checkbox"] {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            cursor: pointer;
            accent-color: #4f46e5;
        }

        .rating-label {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            flex: 1;
        }

        .stars {
            color: #fbbf24;
            font-size: 16px;
            letter-spacing: 2px;
        }

        .star-empty {
            color: #d1d5db;
        }
        .single_filter {
    background: #FAF5F5;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #888888;
    margin-bottom: 25px;
}

.single_filter h2 {
    color: #000;
    font-weight: 700;
    font-size: 26px;
    border-bottom: 1px solid #888888;
    padding: 0 0 10px;
    margin: 0 0 16px;
}
.product-top-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #7B7777;
}

.product-count {
    color: #000000;
}

select#sortby {
    height: 36px;
    border-radius: 50px;
    padding: 0 7px;
    background: #2E3192;
    color: #fff;
}

.right-sorting label {
    margin-right: 7px;
}

.prodcut_list_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.prodcut_list_wrap .product-card {
    width: calc(33.3% - 20px);
    margin: 0px;
}
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
    gap: 10px;
}

.pagination a {
    width: 38px;
    display: flex;
    height: 38px;
    justify-content: center;
    align-items: center;
    background: #D9D9D9;
    border-radius: 8px;
    border;1px:
    s;
    border: 1px solid #CCCCCC;
}

.pagination a.prev-page, .pagination a.next-page {
    background: #2E3192;
    border-color: #2E3192;
}

.pagination a.page-number.active, .pagination a.page-number:hover {
    background:#FFFF00;
}
.left_cata_wrap {
    background: #FAF5F5;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #888888;
}

.left_cata_wrap h2 {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid #888888;
    margin-bottom: 16px;
}

.single_cat_block {
    margin-bottom: 25px;
}

.single_cat_block h3 {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #888;
    margin-bottom: 18px;
}

ul.cat_lists > li, ul.list-items > li {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
    position: relative;
    margin: 0 0 18px;
}

ul.cat_lists > li::before, ul.list-items > li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #2E3192;
    position: absolute;
    left: 0;
    top: 6px;
}

ul.cat_lists > li:last-child {
    margin-bottom: 0;
}
ul.cat_sub_list {
    padding-left: 45px;
}

ul.cat_sub_list li {
    font-size: 14px;
    margin-bottom: 9px;
}

ul.cat_lists li a {
    color: #000;
}
ul.cat_lists li a:hover {
    color: #2E3192;
}
.single_block > h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px;
}

.single_block {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #7B7777;
}
.mpb0 {
    margin-bottom: 0;
    padding-bottom: 0;
}
ul.list-items > li {
    margin-bottom: 13px;
    font-weight: 400;
}

ul.list-items > li:last-child {
    margin-bottom: 0;
}

ul.list-items > li::before {
    top: 7px;
}
.single_block.no-border {
    border-bottom: 0;
}
a.btn_cstm {
    display: inline-block;
    padding: 13px 45px;
    background: #2E3192;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    margin-top: 25px;
}

a.btn_cstm:hover {
    background: #FFFF00;
    color: #000;
}
.gradient_box {
    background: linear-gradient(180deg,#0E0F2C 0%, #2E3192 100%);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.gradient_box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 25px;
}

.gradient_box h2 span {
    color: #FFFF00;
}

.gradient_box p {
    color: #fff;
}
.box_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.single_box {
    width: calc(50% - 15px);
    background: #FAF5F5;
    padding: 15px;
    border: 1px solid #888888;
    border-radius: 10px;
}

.single_box h2 {
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 18px;
}
.table-wrapper {
            overflow-x: auto;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px;
        }

        thead {
            background: linear-gradient(135deg, #3d4db7 0%, #2a3a9e 100%);
        }

        thead th {
            color: #FFFF00;
            padding: 20px 15px;
            font-size: 1.1rem;
            font-weight: 600;
            text-align: center;
            border-right: 2px solid rgba(255, 255, 255, 0.2);
        }

        thead th:last-child {
            border-right: none;
        }

        tbody tr {
            transition: background-color 0.3s ease;
        }

        tbody tr:nth-child(odd) {
            background-color: #e8e5f3;
        }

        tbody tr:nth-child(even) {
            background-color: white;
        }

        tbody tr:hover {
            background-color: #d4d0e8;
        }

        tbody td {
            padding: 18px 15px;
            text-align: center;
            border-right: 1px solid #d0d0d0;
            color: #333;
            font-size: 0.95rem;
        }

        tbody td:last-child {
            border-right: none;
        }

        tbody td:first-child {
            font-weight: 600;
            color: #1a1a1a;
            text-align: left;
            padding-left: 25px;
        }
        .cta-wrap {
    display: flex;
    background: #000;
    border-radius: 20px;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    margin:0 0 30px;
}

.cta_left {
    width: 72%;
    padding: 30px;
}

.cta-right {
    width: 28%;
}

.cta_left h2 {
    color: #fff;
    font-weight: 400;
    font-size: 31px;
    margin-bottom: -5px;
}

span.color-yl {
    font-weight: bold;
    display: block;
    color: #FFFF00;
}

span.bgfont {
    font-weight: bold;
    font-size: 39px;
}

.single_block h3 {
    font-weight: 700;
}
ul.list-items {
    margin-bottom: 20px;
}
.accordion-header {
    border-radius: 50px;
    padding-bottom: 0;
    border: 0px solid !important;
    margin-bottom: 16px;
}
.bton_cta {
    background: transparent no-repeat top center /cover;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.bton_cta h2 {
    color: #fff;
}
/* Table Styles */
        .cart-table-wrapper {
            width: 100%;
            overflow-x: auto;
        }

        .cart-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
        }

        .cart-table thead {
            background: linear-gradient(135deg, #3d4db7 0%, #2832a8 100%);
        }

       .cart-table thead tr th {
    padding: 18px 15px;
    text-align: center;
    color: #ffed4e;
    font-weight: 600;
    font-size: 15px;
    border: none;
    border-right: 1px solid #7B7777;
}
        .cart-table thead tr th:first-child {
            border-top-left-radius: 12px;
            text-align: center;
        }

        .cart-table thead tr th:last-child {
            border-top-right-radius: 12px;
        }

        .cart-table tbody tr {
            background: #FAF5F5 !important;
            border-bottom: 1px solid #e8e8e8;
            transition: all 0.3s ease;
        }

        .cart-table tbody tr:hover {
            background: #f9f9f9;
        }

        .cart-table tbody tr.selected {
            background: #e3f2fd;
            border-left: 3px solid #2196f3;
            border-right: 3px solid #2196f3;
        }

        .cart-table tbody tr:last-child {
            border-bottom: none;
        }

  .cart-table tbody td {
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    border: none;
    border-bottom: 1px solid #7B7777;
    border-right: 1px solid #7B7777;
}
.cart-table tbody td:first-child {
    border-left: 1px solid #7b7777;
}
        /* Quantity Control */
        .qty-control {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .qty-btn {
            width: 30px;
            height: 30px;
            border: 1px solid #ddd;
            background: white;
            border-radius: 5px;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            transition: all 0.2s;
        }

        .qty-btn:hover {
            background: #f0f0f0;
            border-color: #999;
        }

        .qty-input {
            width: 50px;
            height: 30px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
        }

        /* Product Image */
      .product-img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    background: #f8f9fa;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #7b7777;
}

        /* Product Info */
        .product-info {
            text-align: left;
        }

        .product-name {
            font-weight: 600;
            font-size: 15px;
            color: #1a1a1a;
            margin-bottom: 5px;
        }

        .product-sku {
            font-size: 13px;
            color: #888;
        }

        /* Vehicle Info */
        .vehicle-info {
            text-align: left;
            font-size: 14px;
            color: #555;
            line-height: 1.5;
        }

        /* Price */
        .price {
            font-weight: 700;
            font-size: 16px;
            color: #1a1a1a;
        }

        /* Remove Button */
        .remove-btn {
            background: none;
            border: none;
            color: #999;
            font-size: 20px;
            cursor: pointer;
            padding: 5px;
            transition: color 0.2s;
        }

        .remove-btn:hover {
            color: #e74c3c;
        }

        /* Coupon Section */
   .coupon-section {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    padding: 23px;
    border: 1px solid #7B7777;
    background: #FAF5F5;
    border-top: 0px solid !important;
    border-radius: 0 0 20px 20px;
}

        .coupon-input {
            min-width: 250px;
            padding: 14px 20px;
            border: 1px solid #888888;
            border-radius: 50px;
            font-size: 15px;
        }

        .coupon-input::placeholder {
            color: #999;
        }

        .apply-btn {
            padding: 14px 35px;
            background: linear-gradient(135deg, #3d4db7 0%, #2832a8 100%);
            color: white;
            border: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
            text-transform: uppercase;
        }

        .apply-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(61, 77, 183, 0.3);
        }

        /* Cart Totals */
        .cart-totals-wrapper {
            max-width: 450px;
            margin-left: auto;
        }

        .cart-totals {
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 30px;
        }

        .cart-totals h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 25px;
            color: #1a1a1a;
        }

        .total-row {
            display: flex;
            justify-content: space-between;
            padding: 14px 0;
            border-bottom: 1px solid #f0f0f0;
            font-size: 15px;
        }

        .total-row.final-total {
            border-top: 2px solid #333;
            border-bottom: none;
            margin-top: 15px;
            padding-top: 18px;
            font-weight: 700;
            font-size: 18px;
        }

        .total-label {
            color: #555;
            font-weight: 500;
        }

        .total-value {
            font-weight: 700;
            color: #1a1a1a;
        }

        .shipping-calc {
            color: #27ae60;
            font-size: 13px;
            font-style: italic;
            margin-top: 5px;
            display: block;
        }

        .checkout-btn {
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, #3d4db7 0%, #2832a8 100%);
            color: white;
            border: none;
            border-radius: 10px;
            font-weight: 700;
            font-size: 15px;
            margin-top: 25px;
            cursor: pointer;
            transition: all 0.3s;
            text-transform: uppercase;
        }

        .checkout-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(61, 77, 183, 0.4);
        }
        h2.cart-title {
    font-weight: 700;
    margin: 0 0 17px;
}
.image-bg {
    background: transparent no-repeat center center /cover;
    margin-bottom: -85px;
    padding-bottom: 160px;
}
.vicle-select-box {
    background: #fff;
    border-radius: 20px;
}

.vicle-select-box h2 {
    padding: 10px;
    text-align: center;
    background: #2E3192;
    border-radius: 20px 20px 0 0;
    font-weight: 700;
    font-size: 26px;
    color: #FFFF00;
}

.select-form-wrap {
    width: 60%;
    margin: 0 auto;
    padding: 50px 0;
}

.select-formarea {
    margin: 0 0 15px;
}

.select-formarea select {
    width: 100%;
    height: 48px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 18px center; /* 18px gap */
    background-size: 12px;
    border-radius: 50px;
    padding: 0 20px;
    border-color: #888888;
}
button.vicle-select-btn {
    width: 100%;
    background: #2E3192;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
    border: 0px solid;
    height: 48px;
    text-transform: uppercase;
    margin-top: 15px;
}


        /* Main Container */

        .wishlist-title {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 30px;
            color: #1a1a1a;
        }

        /* Wishlist Table */
        .wishlist-table-wrapper {
            width: 100%;
            overflow-x: auto;
            margin-bottom: 30px;
            border-radius: 12px;
            border: 1px solid #7B7777;
        }

        .wishlist-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
        }

        .wishlist-table thead {
            background: linear-gradient(135deg, #3d4db7 0%, #2832a8 100%);
        }

        .wishlist-table thead th {
            padding: 18px 15px;
            text-align: center;
            color: #ffed4e;
            font-weight: 700;
            font-size: 15px;
            border: none;
            text-transform: capitalize;
            border-right:;
        }
        .wishlist-table thead th:last-child {
            border-right: none;
        }
        .wishlist-table thead th:first-child {
            text-align: center;
            width: 60px;
        }

        .wishlist-table thead th:nth-child(2) {
            width: 120px;
        }

        .wishlist-table thead th:nth-child(3) {
            text-align: left;
        }

       .wishlist-table tbody tr {
    background: #FAF5F5;
    border-bottom: 1px solid #7b7777;
    transition: all 0.3s ease;
}

        .wishlist-table tbody tr:hover {
            background: #f9f9f9;
        }

        .wishlist-table tbody tr:last-child {
            border-bottom: none;
        }

   .wishlist-table tbody td {
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    border: none;
    border-right: 1px solid #7B7777;
}
.wishlist-table tbody td:last-child {
   border: none;
}
        .wishlist-table tbody td:nth-child(3) {
            text-align: left;
        }

        /* Row Number */
        .row-number {
            font-weight: 700;
            font-size: 16px;
            color: #333;
        }

        /* Product Image */
        .product-img {
            width: 80px;
            height: 80px;
            object-fit: contain;
            background: #f8f9fa;
            padding: 10px;
            border-radius: 8px;
        }

        /* Product Info */
        .product-info {
            text-align: left;
        }

        .product-name {
            font-weight: 600;
            font-size: 15px;
            color: #1a1a1a;
            margin-bottom: 5px;
            line-height: 1.4;
        }

        .product-sku {
            font-size: 13px;
            color: #888;
        }

        /* Stock Status Badge */
        .stock-badge {
            display: inline-block;
            padding: 8px 20px;
            background: #95a5a6;
            color: white;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
        }

        .stock-badge.in-stock {
            background: #95a5a6;
        }

        /* Price */
        .price {
            font-weight: 700;
            font-size: 17px;
            color: #1a1a1a;
        }

        /* Add to Cart Button */
        .add-to-cart-btn {
            padding: 10px 25px;
            background: linear-gradient(135deg, #3d4db7 0%, #2832a8 100%);
            color: white;
            border: none;
            border-radius: 25px;
            font-weight: 700;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.3s;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .add-to-cart-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(61, 77, 183, 0.4);
        }

        /* Remove Button */
        .remove-btn {
            background: none;
            border: none;
            color: #e74c3c;
            font-size: 20px;
            cursor: pointer;
            padding: 5px 10px;
            transition: all 0.2s;
            font-weight: 700;
        }

        .remove-btn:hover {
            color: #c0392b;
            transform: scale(1.2);
        }

  ul.list-items li span {
    display: block;
    font-weight: 700;
}
.border__box {
    background: #FAF5F5;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #888888;
}

.border__box h2 {
    font-weight: 700;
    font-size: 26px;
    margin: 0 0 25px;
}

.single__Form input, .single__Form select, .single__Form textarea {
    width: 100%;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #8888;
    margin: 0 0 25px;
    padding: 10px 15px;
    color: #7B7777;
    transition: all 0.3s;
}
.single__Form select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 18px center; /* 18px gap */
    background-size: 12px;
}
.single__Form input:focus, .single__Form select:focus, .single__Form input:focus-visible, .single__Form select:focus-visible, .single__Form textarea:focus, single__Form textarea:focus-visible{
    outline: 0 !important;
    border-color: #2E3192;
}
.single__Form input[type="checkbox"] {
    width: 20px;
    background: #D9D9D9 !important;
    margin: 0;
    height: 20px;
}

.single__Form input[type="checkbox"] + label {
    position: relative;
    top: -5px;
    left: 4px;
}
.shipping_details {
    padding-top: 24px;
    margin: 24px 0;
    border-top: 1px solid #000;
}
.single__Form textarea {
    height: 100px;
    border-radius: 5px;
}
.order-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
}
.single_order {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 12px;
}

.order_product_name {
    width: 70%;
}

.order_product_price {
    width: 30%;
    text-align: right;
}

.order_subtotal {
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

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

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

.order_total span:first-child {
    font-size: 20px;
}
.payment_method .single__Form {
    background: #FFFFFF;
    margin-bottom: 15;
    padding: 13px;
    border: 1px solid #888888;
    border-radius: 10px;
}

input[type="radio"] {
    background: #000 !important;
}

.payment_method .single__Form input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    vertical-align: middle;
}

.payment_method .single__Form input[type="radio"] + label {
    position: relative;
    top: 1px;
    left: 6px;
}

button.place_order_btn, .btn__submit {
    width: 100%;
    background: #2E3192;
    border: 0px solid;
    padding: 14px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.payment_method {
    margin-top: 31px;
}
.contact_warpper > h2 {
    font-weight: bold;
    margin: 0 0 20px;
}

.contact_warpper p {
    margin: 0 0 30px;
}

.contact_warpper .border__box {
    padding: 50px;
}

.contact_warpper .border__box .single__Form textarea {
    height: 150px;
}
.right_contact-banner {
    height: 100%;
    border-radius: 20px;
    display: flex;
    padding: 30px;
    align-items: end;
    background: transparent no-repeat center center /cover;
}

.rb_content {
    background: #2E3192;
    padding: 25px;
    border-radius: 10px;
}

.rb_content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 21px;
}

.rb_content h3 a {
    color: #FFFF00;
}

.rb_content p {
    color: #fff;
}
.about_container {
    display: flex;
    flex-wrap: wrap;
}

.about_text {
    width: 64%;
    padding-left: 6%;
    padding-right: 30px;
}

.about_image {
    width: 36%;
    padding-left: 45px;
}

.about_image img {
    border-radius: 30px 0 0 30px;
}
section.partners_area.padd_tb {
    background: #FAF5F5;
    margin-bottom: -83px;
    padding-bottom: 134px;
}

.partner_lists {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 38px;
}

.single_partner {
    width: 16.6667%;
    border: 1px solid #888888;
    border-radius: 10px;
    overflow: hidden;
}
.partners_area h2.text-center {
    margin-bottom: 35px;
}
.about_text h2 {
    margin-bottom: 21px;
}
.installment_sidebar {
    background: linear-gradient(180deg, #0C0C2E 0%, #2E3192 100%);
    padding: 30px;
    border-radius: 10px;
}
.img-center {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

p.ins_big {
    font-size: 18px;
    color: #fff;
}

p.ins_big a, .installment_sidebar h3 a {
    color: #FFFF00;
}


.installment_sidebar h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 25px;
}

.installment_sidebar p {
    color: #fff;
}
.main-cta.mt-btn {
    margin-top: 45px;
}
ul.number_list li {
    position: relative;
    padding-left: 60px;
    margin: 0 0 26px;
}

ul.number_list li span {
    width: 43px;
    height: 43px;
    background: #2E3192;
    position: absolute;
    left: 0;
    font-size: 26px;
    line-height: 43px;
    text-align: center;
    font-weight: bold;
    color: #FFFF00;
    border-radius: 6px;
    top: 1px;
}
.image__list {
    text-align: center;
    margin-top: 40px;
}

.image__list img {
    margin-bottom: 20px;
}
/** Blog **/
.single_blog_lastest {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px;
}

.blog_imgbox {
    width: 51px;
    margin-right: 14px;
}

.blog_dtl {
    width: calc(100% - 65px);
}

.blog_dtl h4{font-size: 16px;font-weight: 400;line-height: 22px;overflow: hidden;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}

.blog_dtl span {
    display: flex;
    gap: 5px;
    align-items: center;
}

.blog_dtl span img {
    width: 13px;
}

.blog_imgbox img {
    border-radius: 5px;
}

ul.tag_list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

ul.tag_list li {
    background: #E1E1E6;
    padding: 7px;
    border-radius: 6px;
}
.single_blog {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 25px;
    border: 1px solid #888888;
    border-radius: 10px;
    overflow: hidden;
}

.blog_img {
    width: 41%;
}

.blog_content {
    width: 59%;
    padding: 25px;
}

.blog_content h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.blog_content p {overflow: hidden;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.blo-meta li a {
    color: #2E3192;
}
.pagination-wrap ul.pagination {
    justify-content: left;
}

.pagination-wrap ul.pagination li a {border: 1px solid #888888;}
.pagination-wrap ul.pagination li:first-child a, .pagination-wrap ul.pagination li:last-child a{
    background: #2E3192;
}
.playlist-container {
    padding: 0 30px;
}

        .video-title {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 25px;
        }

        /* Main Video Player */
        .main-video-wrapper {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            margin-bottom: 25px;
            background: #000;
            border-radius: 8px;
        }

        .main-video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* Navigation Arrows for Main Video */
        .main-nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(37, 99, 235, 0.9);
            border: none;
            color: #fff;
            width: 50px;
            height: 50px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            z-index: 10;
            transition: all 0.3s ease;
        }

        .main-nav-arrow:hover {
            background: rgba(59, 130, 246, 1);
            transform: translateY(-50%) scale(1.1);
        }

        .main-nav-arrow.prev {
            left: -25px;
        }

        .main-nav-arrow.next {
            right: -25px;
        }

        /* Thumbnail Slider */
        .thumbnail-slider-wrapper {
            position: relative;
        }

        .thumbnail-nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(37, 99, 235, 0.0);
            border: none;
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 6px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            z-index: 10;
            transition: all 0.3s ease;
        }
.thumbnail-nav-arrow img {
    width: 10px;
}
        .thumbnail-nav-arrow:hover {
            background: rgba(59, 130, 246, 0.0);
            transform: translateY(-50%) scale(1.1);
        }

        .thumbnail-nav-arrow.left {
            left: -17px;
        }

        .thumbnail-nav-arrow.right {
            right: -17px;
        }

        .thumbnail-container {
            display: flex;
            gap: 15px;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding: 10px 5px;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
        }

        .thumbnail-container::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
        }

        .thumbnail-item {
            flex: 0 0 180px;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 8px;
            overflow: hidden;
            border: 3px solid transparent;
            position: relative;
        }

        .thumbnail-item:hover {
            transform: scale(1.05);
            border-color: rgba(59, 130, 246, 0.5);
        }

        .thumbnail-item.active {
            border-color: #fbbf24;
            box-shadow: 0 0 20px rgba(251, 191, 36, 0.5);
        }

        .thumbnail-item img {
            width: 100%;
            height: 100px;
            object-fit: cover;
            display: block;
        }

        .thumbnail-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
            padding: 8px;
            font-size: 11px;
            color: #fff;
            font-weight: 600;
        }

        /* Play button overlay */
        .play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border-left: 25px solid rgba(255, 255, 255, 0.9);
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            opacity: 0.8;
            transition: opacity 0.3s ease;
        }

        .thumbnail-item:hover .play-overlay {
            opacity: 1;
        }
        .single_suport {
    padding: 70px 35px 35px 35px;
    border-radius: 15px;
    margin: 0 0 30px;
}

.single_suport:last-child {
    margin: 0;
}

.single_suport h3 {
    font-size: 50px;
    color: #fff;
}

.single_suport h3 span {
    font-weight: 400;
    display: block;
    font-size: 40px;
}

.single_suport a {
    background: #2E3192;
    padding: 12px 23px;
    border-radius: 50px;
    font-weight: 600;
    color: #FFFF00;
    text-transform: uppercase;
    margin-top: 11px;
    display: inline-block;
}

.single_suport a:hover {
    background:#FFFF00;
    color:#000;
}
.installment_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.installment_list a.single_ins {
    width: 45%;
    background: linear-gradient(180deg, #0C0C2E 0%, #2E3192 100%);
    display: flex;
    min-height: 167px;
    color: #FFFF00;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    margin: 0 0 35px;
    border-radius: 20px;
    font-size: 20px;
}
h2.bgcolor-title {
    background: #2E3192;
    padding: 20px;
    color: #fff;
    font-size: 30px;
    border-radius: 15px;
    margin: 0 0 25px;
}

h2.bgcolor-title span {
    color: #FFFF00;
}

.main-install h3 {
    margin: 0 0 20px;
}

.promo_box {
    background: #888888;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
}

.promo_content {
    width: 67%;
    padding-left: 30px;
}

.promo_content h3 {
    font-size: 21px;
    margin-bottom: 8px;
    color: #fff;
}

.promo_content p {
    color: #fff;
}

.promo_img img {
    border-radius: 50% 0 0 50%;
}
.order-assistance-content {
    background: #FFFFFF;
    padding: 50px;
    border-radius: 30px;
    text-align: center;
}

.ass-num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 75px;
    font-weight: bold;
    color: #2E3192;
    margin: 00 0 30px;
}

.ass-num img {
    width: 100px;
    margin-right: 15px;
}

.order-assistance-content p {
    padding: 0 100px;
    font-size: 20px;
    line-height: 30px;
}

.order-assistance-content  a {
    padding: 15px 45px;
}
/*------------------*/
.lw-img-center {display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: center;margin-top: 60px;}

.lw-img-center img {
    width: 80%;
    border-radius: 16px;
}
.secpanel p.bold-blue-text{
font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3;
    color: #2E3192;
}
.bold-blk-text{
  font-family: Poppins;
font-weight: 600;
font-size: 28px;
line-height: 1;
color:#000;
}
/*--------------------*/
.sitemap-container {

}

.sitemap-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sitemap-section {
    margin-bottom: 20px;
  padding-left: 25px;
}

.section-heading {
    display: inline-block;
    background: #d6d6d6;
    padding: 8px 18px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}

.sitemap-links {
    list-style-type: square;
    padding-left: 40px;
    margin-top: 10px;
}

.sitemap-links li {
    margin-bottom: 8px;
    font-size: 14px;
}

.sitemap-links a {
    text-decoration: none;
    color: #333;
}

.sitemap-links a:hover {
    text-decoration: underline;
}
/*-----------------*/
/* Card Container */
.image-card {
    position: relative;
    width: 340px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Background Image */
.image-card {
    width: 100%;
    height: 100%;
    /* display: block; */
    background-image: url(../images/sitemap-sideimg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 16px;
    padding: 25px;
    padding-bottom: 30px;
}

/* Overlay Box */
.call-box {
    background: #3a3aa8;
    color: #ffffff;
    padding: 20px;
    border-radius: 12px;
}

/* Heading */
.call-box h3 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
}

/* Highlight Phone */
.call-box h3 span {
    color: #ffeb3b;
    font-weight: 700;
}

/* Paragraph Text */
.call-box p {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    margin-bottom: 16px;
}

/* Small Text */
.call-box .timing {
    font-size: 14px;
    color: #ffffff;
}









/*============= custom responsive ===============*/
/* Responsive Design */

        @media (max-width: 768px) {

            .wishlist-wrapper {
                padding: 25px 20px;
                margin-top: -30px;
            }

            .wishlist-title {
                font-size: 24px;
            }

            /* Mobile Table Layout */
            .wishlist-table thead {
                display: none;
            }

            .wishlist-table,
            .wishlist-table tbody,
            .wishlist-table tr,
            .wishlist-table td {
                display: block;
                width: 100%;
            }

            .wishlist-table {
                min-width: 100%;
            }

            .wishlist-table tbody tr {
                margin-bottom: 20px;
                border: 2px solid #3d4db7;
                border-radius: 12px;
                padding: 20px;
                position: relative;
            }

            .wishlist-table tbody td {
                padding: 10px 0;
                text-align: left !important;
                border: none;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .wishlist-table tbody td::before {
                content: attr(data-label);
                font-weight: 700;
                color: #3d4db7;
                font-size: 13px;
                text-transform: uppercase;
                flex-shrink: 0;
                margin-right: 15px;
            }

            .wishlist-table tbody td:first-child {
                position: absolute;
                top: 15px;
                left: 15px;
                padding: 0;
            }

            .wishlist-table tbody td:first-child::before {
                content: '';
            }

            .wishlist-table tbody td:nth-child(2) {
                margin-top: 30px;
                justify-content: center;
            }

            .wishlist-table tbody td:nth-child(2)::before {
                display: none;
            }

            .wishlist-table tbody td:last-child {
                position: absolute;
                top: 15px;
                right: 15px;
                padding: 0;
            }

            .wishlist-table tbody td:last-child::before {
                content: '';
            }

            .product-info {
                text-align: left !important;
                flex: 1;
            }

        }

        @media (max-width: 480px) {


            .wishlist-title {
                font-size: 20px;
            }

            .product-img {
                width: 70px;
                height: 70px;
            }

            .newsletter-section h3 {
                font-size: 22px;
            }
        }
 /* Responsive Design */
 @media (max-width: 1024px) {
            .cart-wrapper {
                padding: 30px 25px;
            }

            .cart-totals-wrapper {
                max-width: 100%;
                margin-top: 30px;
            }
        }

        @media (max-width: 768px) {

            .cart-title {
                font-size: 24px;
            }

            /* Mobile Table Layout */
            .cart-table thead {
                display: none;
            }

            .cart-table tbody tr {
                display: block;
                margin-bottom: 20px;
                border: 1px solid #e0e0e0;
                border-radius: 12px;
                padding: 20px;
            }

            .cart-table tbody tr.selected {
                border: 2px solid #2196f3;
            }

            .cart-table tbody td {
                display: block;
                text-align: left !important;
                padding: 10px 0;
                border: none;
            }

            .cart-table tbody td::before {
                content: attr(data-label);
                font-weight: 700;
                color: #3d4db7;
                display: block;
                margin-bottom: 8px;
                font-size: 13px;
            }

            .cart-table tbody td:first-child::before {
                content: 'Quantity:';
            }

            .cart-table tbody td:nth-child(2)::before {
                content: 'Product:';
            }

            .cart-table tbody td:nth-child(3)::before {
                content: 'Item:';
            }

            .cart-table tbody td:nth-child(4)::before {
                content: 'Vehicle:';
            }

            .cart-table tbody td:nth-child(5)::before {
                content: 'Price:';
            }

            .cart-table tbody td:last-child {
                text-align: right !important;
            }

            .product-info,
            .vehicle-info {
                text-align: left !important;
            }

            .coupon-section {
                flex-direction: column;
            }

            .coupon-input {
                min-width: 100%;
            }
        }

        @media (max-width: 480px) {
            .cart-wrapper {
                padding: 20px 15px;
            }

            .cart-title {
                font-size: 20px;
            }

            .cart-totals {
                padding: 20px;
            }
        }
        @media screen and (max-width: 768px) {
            thead th {
                font-size: 0.9rem;
                padding: 15px 10px;
            }

            tbody td {
                font-size: 0.85rem;
                padding: 12px 8px;
            }

            tbody td:first-child {
                padding-left: 15px;
            }
        }

        @media screen and (max-width: 480px) {

            thead th {
                font-size: 0.8rem;
                padding: 12px 8px;
            }

            tbody td {
                font-size: 0.75rem;
                padding: 10px 6px;
            }

            tbody td:first-child {
                padding-left: 10px;
            }
        }
@media screen and (max-width: 1920px) and (min-width: 1601px) {      }
@media screen and (max-width: 1440px) {
.container {
    max-width: 90%;
}
  .secpanel p {
    font-size: 17px;
  }
    .hdr-srch-wrap {
    top: 89px;
}
.main-banner-wrap .main-banner-content .main-banner-title {
    font-size: 48px;
}
.main-banner-wrap .main-banner-content .main-banner-quote p {
    font-size: 23px;
  }
.reassure-icon img {
    width: 80%;
}
.hd-title h2, .hd-title-center h2 {
    font-size: 30px;
  }
  .pro-cat-wrap .pro-cat-leftlist .hd-title h2 {
    font-size: 22px;
  }
.pro-cat-wrap .pro-cat-leftlist ul li {
    font-size: 18px;
}
p.client-text {
    font-size: 18px;
}
.carinfo p {
    font-size: 20px;
}
.footer-wrap .footer-links ul a {
    font-size: 15px;
}



}
@media screen and (max-width: 1366px) {
      .secpanel p {
        font-size: 16px;
    }
      .hd-title h2, .hd-title-center h2 {
        font-size: 28px;
    }
.navmenu ul {
    gap: 10px;
}
.main-banner-wrap .main-banner-content .main-banner-title {
        font-size: 40px;
    }
.main-banner-wrap .main-banner-content .main-banner-quote p {
        font-size: 22px;
    }
.main-banner-wrap .main-banner-content .main-banner-text p {
    font-size: 17px;
  }
.main-cta a {
    font-size: 15px;
}
.guide-right ul li .numbox {
    width: 50px;
    height: 50px;
    font-size: 26px;
    line-height: 50px;
}
}
@media screen and (max-width: 1280px) {      }
@media screen and (max-width: 1200px) {
  .secpanel p {
        font-size: 15px;
    }
.navmenu a, .navmenu a:focus {
    font-size: 13px;
}
    .hdr-srch-wrap {
        top: 86px;
    }
.sentinel-wrap .main-cta {
    padding-left: 0;
}
.reassure-icon {
    width: 20%;
}
.reassure-text {
    width: 80%;
    padding-left: 9px;
}
.reassure-text h3 {
    font-size: 16px;
}
     .hd-title h2, .hd-title-center h2 {
        font-size: 26px;
        margin: 0;
    }
.pro-cat-wrap .pro-cat-leftlist {
    padding: 60px 20px;
}
.blue-leftbox {
    padding: 30px 20px;
}
.blo-meta ul li {
    gap: 4px;
    font-size: 12px;
}
.subscribe-area .hd-title h2 {
    font-size: 30px;
}
.subscribe-area {
    padding: 40px 30px;
}






}
@media screen and (max-width: 1199px) {
.main-banner-wrap .main-banner-content .main-banner-title {
        font-size: 36px;
        width: 100%;
    }
.main-banner-wrap .main-banner-content .main-banner-text {
    margin-bottom: 15px;
    width: 100%;
}
.main-banner-wrap .main-banner-content .main-banner-quote p {
        font-size: 18px;
        width: 100%;
    }
.main-banner-video img {
    width: 100%;
}
  .featurepro-area .hd-title {
    border-bottom: 0;
}
.featurepro-list ul.filter {
    border-bottom: 1px solid #7B7777;
    margin-right: 0;
    padding: 0 86px 20px 0;
  justify-content: flex-start;
          margin-top: 0;
}
.featurepro-list ul.slider {
    margin: 30px -18px 0;
}

.reassure-row {
    gap: 0;
}
    .reassure-col {
        width: 50%;
        border-right: 1px solid #7B7777;
        border-bottom: 1px solid #7B7777;
        padding: 24px;
    }
  .reassure-col:first-child,
  .reassure-col:nth-child(3){
    padding-left: 0;
  }
  .reassure-col:last-child{
        border-bottom: 1px solid #7B7777;
  }
 .reassure-col:nth-child(2){
       border-right: 0;
  }
.reassure-area {
    border-top: 1px solid #7B7777;
    padding: 0 0 70px;
}
.pro-cat-wrap .pro-cat-leftlist ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
.pro-cat-wrap .pro-cat-leftlist ul li {
        font-size: 18px;
        padding: 0 16px;
        border-bottom: 0;
    }
.pro-cat-wrap .pro-cat-leftlist {
        padding: 30px 20px;
        display: block;
    }
.pro-cat-list {
    position: relative;
    margin-top: 30px;
}
.blue-leftbox {
        padding: 30px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
.blue-left-img {
    width: 20%;
  padding: 0 30px 0 ;
}
.blue-leftbox p {
        width: 80%;
        font-size: 18px;
    }
.guide-right ul li p {
    font-size: 16px;
  }
.guide-right, .sbc-right, .sys-wk-right {
    padding: 0;
    margin-top: 30px;
}
    .carinfo, .bundy {
        padding: 40px;
        min-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .subscribe-area .hd-title h2 {
        font-size: 25px;
    }
  .subscribe-formwrap .subscribe-formarea form input,
.subscribe-formwrap .subscribe-formarea form button {
    font-size: 15px;
}
  .footer-info .logo {
    height: 130px;
    overflow: hidden;
    position: relative;
}
  .footer-info .logo img {
    position: absolute;
    top: -57px;
    left: 0;
    right: 0;
    margin: auto;
}
.ftr-social-links {
    justify-content: center;
    margin-left: 0;
  margin-bottom: 40px;
}
.payment-mtd {
    justify-content: center;
    align-items: center;
}
  .footer-bottom .copyright p {
    text-align: center;
}
.header .navmenu {
    display: none;
}
.hdr-srch-wrap {
        top: 74px;
    }
  .main-banner-wrap .main-banner-content {
    margin-bottom: 30px;
}
.Warranty-imgbox img {
    width: 100%;
}
.hdr-nav-icon {
    display: none;
}
.mobile-nav {
    display: block;
}
}
@media screen and (max-width: 1080px) {      }
@media screen and (max-width: 1024px) {      }
@media screen and (max-width: 991px) {
  .main-banner-wrap {
    padding: 60px 0;
}
      .main-banner-wrap .main-banner-content .main-banner-title {
        font-size: 28px;
    }
.subscribe-formwrap {
    margin-top: 16px;
}
.main-banner-wrap .main-banner-content {
    margin-bottom: 30px;
}
.featurepro-list ul.filter li {
    font-size: 13px;
  }
.guide-right ul li p {
    width: 88%;
}
.vdo-box {
    margin-top: 30px;
}
  .sbc-text, .carinfo h2, .carinfo p {
    width: 100%;
}
  .hd-title, .hd-title-center {
    margin-bottom: 20px;
}
    .carinfo, .bundy {
        padding: 30px;
        min-height: 290px;
    }
  span.video-shw.vdo-box {
    float: none;
    margin: 0 0 40px 0;
    display: block;
    width: 100%;
}
ul.diesel-logo-row {
    margin-top: 0;
    margin-bottom: 30px;
}
.hdr-srch-wrap {
        top: 96px;
    }
    .main-banner-wrap {
        padding: 100px 0 60px;
    }
.sentinel-imgwrap {
    display: flex;
    justify-content: center;
    padding-right: 0;
    margin-bottom: 30px;
}
.sentinel-wrap .main-cta {
        padding-left: 0;
        text-align: center;
    }
    .blue-leftbox p {
        width: 80%;
        font-size: 16px;
    }
.blue-left-img {
        width: 20%;
        padding: 0 20px 0 10px;
    }
li.die-logo-col {
    width: 24.65%;
}

}
@media screen and (max-width: 960px) {      }
@media screen and (max-width: 900px) {      }
@media screen and (max-width: 812px) {      }
@media screen and (max-width: 800px) {      }
@media screen and (max-width: 768px) {      }
@media screen and (max-width: 767px) {
.header-top .topnavmenu {
    display: none;
}
.currency-wrap > ul {
    justify-content: center;
}
    .hdr-srch-wrap {
        top: 0;
        position: relative;
        padding: 0;
        margin-top: 16px;
        width: 100%;
    }
.hdr-srch-wrap form {
    position: relative;
    width: 86%;
    margin: 0 auto;
}
.main-banner-wrap {
        padding: 40px 0;
    }
.padd_tb {
    padding: 40px 0;
}

.padd_t {
    padding-top: 40px;
}

.padd_b {
    padding-bottom: 40px;
}
.featurepro-list ul.filter li {
    font-size: 12px;
}
.featurepro-list ul.filter {
    gap: 9px;
}
.reassure-row {
        gap: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
.reassure-col {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #7B7777;
        padding: 18px 0;
    }
.pro-cat-wrap .pro-cat-leftlist ul li {
        font-size: 16px;
        padding: 0 16px 0 0;
    }
.pro-cat-list ul.catfilter li {
    font-size: 12px;
    padding: 10px 10px 10px 0;
}
.pro-cat-list ul.catslider {
    margin: 0;
  padding: 0;
}
.product-card {
    width: 100%;
    margin: 0 auto;
}
    .featurepro-list ul.slider {
        margin: 30px 0 0 0;
    }
.pro-cat-list ul.catfilter {
    margin: 0 0 30px 0;
  }
  .blue-left-img {
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
    }
.blue-leftbox p {
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
.blue-left-img img {
    margin: 0 auto;
}
    .hd-title h2, .hd-title-center h2 {
        font-size: 24px;
        margin: 0;
    }
.guide-right ul li .numbox {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }
.guide-right ul li p {
        width: 83%;
    }
.guide-right ul li {
    gap: 10px;
  align-items: flex-start;
}
    .carinfo, .bundy {
        padding: 30px 20px;
        min-height: auto;
    }
  li.die-logo-col {
        width: 32.65%;
    }

.blog-sec-wrap .hd-title-center h2 {
        text-align: left;
    }
.subscribe-formarea form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
  .subscribe-formwrap .subscribe-formarea form input,
  .subscribe-formwrap .subscribe-formarea form button{
    width: 100%;
  }
.subscribe-area .hd-title h2 {
        font-size: 20px;
        text-align: center;
    }

.footer-links {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 13px;
}
.payment-mtd span {
    width: 60%;
}
.payment-mtd span:first-child {
    font-size: 12px;
    width: 40%;
}
    .footer-bottom .copyright p {
        text-align: center;
        font-size: 12px;
    }
.mobile-nav .offcanvas {
    width: 300px;
}
.header .mobile-nav .offcanvas .logo {
    line-height: 1;
    width: 170px;
    display: inline-block;
}
.video-title {
                font-size: 20px;
                margin-bottom: 15px;
            }

            .main-nav-arrow {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }

            .thumbnail-item {
                flex: 0 0 140px;
            }

            .thumbnail-item img {
                height: 80px;
            }
}
@media screen and (max-width: 736px) {      }
@media screen and (max-width: 667px) {      }
@media screen and (max-width: 640px) {      }
@media screen and (max-width: 568px) {      }
@media screen and (max-width: 533px) {      }
@media screen and (max-width: 480px) {      }
@media screen and (max-width: 414px) {
.hd-title h2, .hd-title-center h2 {
        font-size: 20px;
        margin: 0;
    }
    .guide-right ul li p {
        width: 82%;
    }
}
@media screen and (max-width: 375px) {      }
@media screen and (max-width: 360px) {      }
@media screen and (max-width: 320px) {      }