@import url("https://fonts.googleapis.com/css2?family=Moul&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik+Mono+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Moul&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&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik+Mono+One&display=swap");

body {
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none !important;
}

/* Eurostile  font family */

@font-face {
  /* font-display: swap; Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.  */
  font-family: "Eurostile";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/EuroStyle Normal.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  /* font-display: swap; Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.  */
  font-family: "Eurostile";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/EurostileBold.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* A4 SPEED font family */

@font-face {
  /* font-display: swap; Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.  */
  font-family: "A4 SPEED";
  font-style: bold;
  font-weight: 500;
  src: url("../fonts/A4SPEED-Bold.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* A4 Facon  font family */

@font-face {
  /* font-display: swap; Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.  */
  font-family: "Facon";
  font-style: bold;
  font-weight: 700;
  src: url("../fonts/Facon.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Batmfa font family */

@font-face {
  /* font-display: swap; Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.  */
  font-family: "BatmanForeverAlternate";
  font-style: bold;
  font-weight: 700;
  src: url("../fonts/batmfa.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Common heading Style */
h1,
h2 {
  font-family: Eurostile;
}

/* Gallery Box */

.mobile_view {
  display: none;
}

.tablate_show {
  display: none !important;
}

body {
  /* padding: 40px; */
  background-image: linear-gradient(#e8f0ff 0%, white 52.08%);
  color: #0e3481;
  min-height: 100vh;
}

.header .lead {
  max-width: 620px;
}

.lg-toolbar-next:before {
  content: "\e094";
}

.lg-toolbar-prev:before {
  content: "\e095";
}

.gallery-item {
  width: 200px;
  padding: 5px;
}

/* Gallery Box */

/* Header Css Start */

.ts-header {
  height: auto !important;
}

.ts-header .sticky-wrapper {
  /* position: absolute; */
  /* top: 0; */
  /* width: 100%; */
  /* z-index: 9; */
  z-index: 999;
  height: auto !important;
}

#right-sidebar #loadMore {
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  margin: 6px 1px 1px 0px;
}

/* .single-post .ts-header .sticky-wrapper,
.page-template-faq .ts-header .sticky-wrapper,
.post-type-archive-product .ts-header .sticky-wrapper {
    position: unset;
} */

.ts-header .sticky-wrapper.is-sticky {
  position: sticky;
}

.ts-header .sticky-wrapper.is-sticky .header-middle {
  background-color: rgba(1, 1, 1, 1);
}

.ts-header .header-middle {
  background: #000000;
  padding-top: 2px;
  padding-bottom: 12px;
}

.single-post .ts-header .header-middle,
.page-template-faq .ts-header .header-middle,
.post-type-archive-product .ts-header .header-middle {
  background-color: rgba(0, 0, 0, 1);
}

#mega-menu-wrap-primary #mega-menu-primary {
  text-align: end;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  leading-trim: Cap height;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  height: auto;
  padding: 0 24px 0;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor.mega-current-menu-parent>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor.mega-current-menu-parent>a.mega-menu-link .mega-current_page_item .mega-menu-link {
  color: rgba(237, 34, 40, 1);
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
  font-weight: 500;
  text-decoration: none !important;
}

body .my-account-wrapper .account-control>a,
body .my-account-wrapper .sign-up,
body .ts-tiny-cart-wrapper .cart-control {
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
}

.account-control img,
.cart-control img {
  margin-right: 10px;
}

.shopping-cart-wrapper a.cart-control .amount {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.ts-header .logo a img {
  height: 50px;
}

body .mobile-menu-wrapper {
  left: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 1);
}

body .mobile-menu-wrapper i {
  background: transparent;
  padding: 0px !important;
}

body .info-desc,
body .my-account-wrapper .account-control>a,
body .my-wishlist-wrapper a,
body #lang_sel_click>ul>li>a,
body .header-currency .wcml_currency_switcher>a,
body .header_top_wrap .shopping-cart-wrapper a.cart-control span.amount {
  line-height: 100%;
}

body .header-v3 .header-top .shopping-cart-wrapper,
body .header-v4 .header-top .shopping-cart-wrapper {
  float: unset;
  margin-bottom: 0;
}

/* Header Css End */

/* Drifter Slider */
.drifter-slider-section {
  position: relative;
  padding: 40px 0px;
  text-align: center;
  height: calc(100vh - 85px);
}

.drifter-slider-section .swiper-slide img {
  border-radius: 20px;
  height: calc(100vh - 225px);
  object-fit: cover;
}

.drifter-slider-section .section-heading h2 {
  /* font-family: "BatmanForeverAlternate"; */
}

.drifter-slider-section .swiper-pagination {
  bottom: 40px;
}

.drifter-slider-section .swiper-pagination-bullet {
  background: rgba(217, 217, 217, 1);
  opacity: 1;
  width: 12px;
  height: 12px;
}

.drifter-slider-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(237, 34, 40, 1);
  width: 14px;
  height: 14px;
}

.section-heading h2 {
  margin-bottom: 20px;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  /* display: block; */
}

/* Drifter Slider end*/

/* Home Page Hero section and New Launches design */
/* Popup on the banner hero section home page */

.new-updates-container {
  position: absolute;
  left: 0;
  top: 35%;
  z-index: 1000;
}

.new-updates-tab {
  background: transparent;
  border: 1px solid #ffffff;
  color: #fff;
  padding: 16px;
  writing-mode: sideways-lr;
  text-orientation: mixed;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
  transition: left 0.4s ease;
}

.new-updates-tab:hover {
  background: rgba(168, 22, 27, 1);
  border: 1px solid rgba(168, 22, 27, 1);
}

.new-updates-popup {
  position: absolute;
  top: 50%;
  left: -730px;
  transform: translateY(-50%);
  background: white;
  width: 730px;
  /* max-width: 730px; */
  border-radius: 0px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  transition: left 0.5s ease;
  z-index: 999;
  padding: 16px;
}

.new-updates-move {
  animation: newbtn_move 0.5s ease-in-out forwards;
  position: relative;
  z-index: 9999;
}

@keyframes newbtn_move {
  from {
    left: 0px;
  }

  to {
    left: 730px;
  }
}

.new-updates-popup.active {
  left: 0px;
}

.popup-header {
  position: absolute;
  right: 26px;
  top: 26px;
}

.popup-header .close-popup {
  background: transparent;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 0;
}

.popup-content {
  padding: 0px;
}

.top-banner {
  background-image: url(../img/new_product_bg_one.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  display: flex;
  align-items: center;
  padding: 16px 16px;
  border-radius: 0px;
  gap: 40px;
  margin-bottom: 16px;
}

.top-banner .banner-img {
  width: 100%;
  max-width: 170px;
  height: auto;
}

.top-banner .banner-text small {
  font-family: Inter;
  font-weight: 600;
  font-size: 14.01px;
  line-height: 23.35px;
  letter-spacing: 0px;
  color: rgba(254, 254, 254, 1);
}

.top-banner .banner-text {
  max-width: 380px;
}

.banner-text p {
  font-family: Poppins;
  font-weight: 600;
  font-size: 24.28px;
  line-height: 33.62px;
  letter-spacing: 0px;
  margin: 0 0 5px;
}

.banner-text .shop-now {
  color: rgba(254, 254, 254, 1);
  text-decoration: underline !important;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  text-underline-offset: 5px;
}

.bottom-banners {
  display: flex;
  gap: 16px;
}

.banner {
  position: relative;
  flex: 1;
  overflow: hidden;
  border-radius: 0px;
}

.banner img {
  width: 100%;
  display: block;
}

.overlay {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: rgba(254, 254, 254, 1);
  background: rgba(0, 0, 0, 0.4);
  padding: 5px 10px;
  border-radius: 4px;
}

.new-updates-container .overlay {
  padding: 16px;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-updates-container .overlay p {
  margin: 0 0 4px;
  font-weight: bold;
  font-family: Poppins;
  font-weight: 600;
  font-size: 21.48px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.new-updates-container .overlay a {
  color: rgba(254, 254, 254, 1);
  text-decoration: underline !important;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  text-underline-offset: 5px;
}

/* Popup on the banner hero section home page end */
.hero-banner .swiper-slide img {
  width: 100%;
  height: 100vh;
}

.hero-banner .swiper-slide video {
  width: 100%;
}

.hero-banner .swiper-slide {
  height: calc(100vh - 101px);
  background-color: #000;
}

.hero-banner {
  position: relative;
}

.hero-banner .scroll_down_btm {
  position: absolute;
  bottom: 40px;
  z-index: 9;
  width: 100%;
  text-align: center;
}

.hero-banner .scroll_down_btm a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.67px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  justify-content: center;
}

.hero-banner .scroll_down_btm a img {
  width: 100%;
  max-width: 30px;
  margin: 0 auto;
}

.explore_more_btn {
  position: absolute;
  bottom: 60px;
  right: 80px;
  z-index: 9;
}

.explore_more_btn a {
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(237, 34, 40, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  padding: 12px 18px;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  gap: 14px;
}

.explore_more_btn a:hover {
  background: rgba(237, 34, 40, 1);
  color: rgba(255, 255, 255, 1);
}

.thunder-product-slider {
  background-image: url(../img/background-img.png);
  padding: 40px 0;
  position: relative;
  background-size: cover;
}

.thunder-product-slider .swiper-slide .row {
  align-items: center;
  position: relative;
  padding-top: 50px;
}

.thunder-product-slider .swiper-slide h1 {
  color: #f2f2f2;
  font-weight: 900;
  font-size: 120px;
  line-height: 100%;
  letter-spacing: 10px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 5px 0 #ffffff, -5px 0 #ffffff, 0 5px #ffffff, 0 -5px #ffffff,
    5px 5px #ffffff, -5px -5px #ffffff, 5px -5px #ffffff, -5px 5px #ffffff;
  position: absolute;
  width: 100%;
}

.thunder-product-slider .swiper-slide .thunder-product-text h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 115%;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #ed2228;
  max-width: 180px;
}

.thunder-product-thumb-slider .swiper-slide {
  text-align: center;
}

.thunder-product-thumb-slider {
  padding-top: 50px;
}

.thunder-product-thumb-slider .swiper-slide h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 110%;
  padding-top: 8px;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
}

.thunder-product-Video .thunder-product-Video-content {
  padding-top: 24px;
}

.thunder-product-image {
  text-align: center;
}

.thunder-product-Video .thunder-product-Video-content h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
}

.thunder-product-Video .thunder-product-Video-content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #434347;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.thunder-product-Video .thunder-product-Video-content a {
  display: inline-block;
  padding: 12px 24px;
  color: rgba(237, 34, 40, 1);
  border: 1px solid rgba(237, 34, 40, 1);
  background: #fff;
  transition: all 0.4s ease;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.thunder-product-Video .thunder-product-Video-content a:hover {
  background: rgba(237, 34, 40, 1);
  color: #fff;
}

.swiper-slide-thumb-active .corner-border {
  display: block;
}

.swiper-slide-thumb-active .swiper_corner_block::before {
  content: "";
  position: absolute;
  top: -4px;
  width: 140px;
  height: calc(100% + 10px);
  pointer-events: none;
  background: linear-gradient(to left, black 20px, transparent 0) top left,
    linear-gradient(to right, black 20px, transparent 0) top left,
    linear-gradient(to right, black 20px, transparent 0) top right,
    linear-gradient(to left, black 20px, transparent 0) top right,
    linear-gradient(to left, black 20px, transparent 0) bottom left,
    linear-gradient(to right, black 20px, transparent 0) bottom left,
    linear-gradient(to right, black 20px, transparent 0) bottom right,
    linear-gradient(to left, black 20px, transparent 0) bottom right;
  background-repeat: no-repeat;
  background-size: 20px 2px, 2px 20px;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
}

.corner-border {
  position: absolute;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  top: 0px;
  left: 0px;
  pointer-events: none;
  display: none;
}

.corner {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 3px solid #4c4949;
}

.top-left {
  top: -10px;
  left: 40px;
  border-right: none;
  border-bottom: none;
}

.top-right {
  top: -10px;
  right: 40px;
  border-left: none;
  border-bottom: none;
}

.bottom-left {
  bottom: -10px;
  left: 40px;
  border-right: none;
  border-top: none;
}

.bottom-right {
  bottom: -10px;
  right: 40px;
  border-left: none;
  border-top: none;
}

.swiper_corner_block {
  position: relative;
  margin-bottom: 14px;
  cursor: pointer;
}

.thunder-product-Video .youtube_slide img:first-child {
  width: 100%;
}

.thunder-product-Video .youtube_slide {
  position: relative;
  cursor: pointer;
}

.thunder-product-Video .youtube_slide img:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.testi_thumb_slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}

.testi_thumb_slider .swiper-button-next,
.testi_thumb_slider .swiper-button-prev {
  position: unset;
  margin-top: 0;
  /* transform: rotate(180deg); */
  line-height: 45px;
  height: 45px;
  width: 45px;
  border: none;
}

.testi_thumb_slider .thunder-product-thumb-slider {
  width: 100%;
}

.new-launches-slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img,
.accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
  width: 120px;
  height: 120px;
  object-fit: fill;
}

.testi_thumb_slider .swiper-button-next::after,
.testi_thumb_slider .swiper-button-prev::after {
  /* content: " "; */
  width: 44px;
  height: auto;
  font-size: 28px;
  font-weight: bold;
  /* background-repeat: no-repeat; */
  /* transform: rotate(180deg); */
  /* background-image: url(http://studds-revamp.postyoulike.com/wp-content/uploads/2025/04/slider_prev_btn.svg); */
}

.testi_thumb_slider .swiper-button-next:hover,
.testi_thumb_slider .swiper-button-prev:hover {
  border: none;
}

.testi_thumb_slider .swiper-button-next::after {
  transform: rotate(0deg);
}

.new-launches-slider .thunder-product-image img {
  width: 100%;
  max-width: 290px;
}

/* Home Page Hero section and New Launches design end */

/* container css */

body .container,
.header-top>.container {
  width: 100%;
  max-width: 1920px;
  padding-left: 80px;
  padding-right: 80px;
}

.container_store {
  padding-left: 80px;
  max-width: 1920px;
  margin: auto;
}

body .header-middle>.container {
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1920px;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12 {
  padding-left: 80px !important;
  padding-top: 40px;
  padding-right: 40px;
}

/* Section Styling */
.carousel-section {
  width: 100%;
  overflow: hidden;
}

/* Carousel Container */
.carousel-container {
  position: relative;
  width: 100%;
  height: 100vh;
}

/* Slide Styles */
.carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  min-width: 100%;
  height: 100vh;
  position: relative;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* Slide Content */
.carousel-content {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  color: #fff;
}

.carousel-content h1 {
  font-size: 72px;
  font-weight: bold;
  line-height: 82px;
  max-width: 716px;
  color: #ffffff;
  margin: 0 0 24px;
  font-family: "Montserrat", sans-serif;
}

.carousel-content p {
  margin: 0 0 48px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}

/* Button Style */
.btn {
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(255, 255, 255, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding: 12px 18px;
  transition: all 0.4s ease;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn:hover {
  background: rgba(237, 34, 40, 1);
  color: rgba(255, 255, 255, 1);
}

#back-to-top-btn {
  background: rgba(237, 34, 40, 1);
}

/* Navigation Arrows */
.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 12px;
  cursor: pointer;
  z-index: 10;
  font-size: 24px;
  transition: 0.3s;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.main_blog_details .prev,
.main_blog_details .next {
  position: unset;
  transform: unset;
}

/* Indicators */
.carousel-indicators {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
  cursor: pointer;
}

.active-dot {
  background-color: #ff0000;
}

/* second section */

/* Header Css Start */

body .header-top {
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #010101;
  border-color: #010101 !important;
}

body .header-v3 .header-top .shopping-cart-wrapper,
body .header-v4 .header-top .shopping-cart-wrapper {
  margin-left: 0px;
  line-height: 100%;
}

body .header-currency a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

body .menu-wrapper nav>ul.menu>li {
  margin: 0 60px 0 0;
}

body nav.pc-menu.vertical-menu>ul.menu>li.parent>a>.menu-label:after,
body nav.pc-menu>ul.menu>li.parent.menu-item-has-children>a>.menu-label:after,
body nav.pc-menu>ul.menu>li.parent>a>.menu-label:after {
  right: -12px;
  font-size: 24px;
}

body .menu-wrapper nav>ul.menu li:hover>ul.sub-menu {
  padding: 0;
  width: 270px;
}

body .menu-wrapper nav>ul.menu li:hover>ul.sub-menu li {
  padding: 20px;
}

body .menu-wrapper nav>ul.menu li:hover>ul.sub-menu li a {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1) !important;
  text-align: left;
  text-decoration: none !important;
}

body .menu-wrapper nav>ul.menu li:hover>ul.sub-menu li:hover {
  background: rgba(237, 34, 40, 1);
  color: #fff !important;
}

body .menu-wrapper nav>ul.menu li:hover>ul.sub-menu li:hover a {
  color: #fff !important;
}

.menu-wrapper .ts-menu>nav>ul.menu>li.parent>a:after,
body .menu-wrapper .ts-menu>nav>ul.menu>li.parent:hover>a:after {
  display: none;
}

body .header_top_wrap>div {
  margin-right: 0px;
}

body .header-currency a img,
body .ts-tiny-cart-wrapper a img,
body .account-control img {
  width: 20px;
}

body .header_top_wrap:after {
  display: none;
}

.ts-header .header-template .header_top_wrap .shopping-cart-wrapper .cart-control {
  padding-right: 0;
}

/* Header Css End */

/* Footer Css Start */

.footer-custom {
  padding: 60px 0 20px;
}

.footer-custom .foo_column .foo_column_title {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 40px;
  position: relative;
}

.footer-custom .foo_column .foo_column_title::after {
  content: "";
  width: 43px;
  height: 2px;
  display: block;
  background: rgba(237, 34, 40, 1);
  position: absolute;
  margin-top: 8px;
}

.footer-custom .foo_column p {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 0px 0 28px;
}

.foo_column .list-unstyled li::before {
  content: "";
  background-image: url(../img/footer_rihgt.svg);
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
}

.footer_logo img {
  max-width: 120px;
  height: 50px;
}

.desktop_footer .col-md-3 {
  padding-left: 0;
}

.foo_column .list-unstyled li {
  position: relative;
  display: flex;
  align-items: center;
}

.foo_column .list-unstyled li a {
  margin-left: 26px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: uppercase;
  transition: all 0.4s ease;
}

.foo_column .list-unstyled li a:hover {
  text-decoration: underline !important;
  text-underline-offset: 8px;
}

.bottom_footer {
  align-items: center;
  margin: 18px 0 0;
}

.copyright_footer p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
}

.social_icons {
  display: flex;
  justify-content: end;
  gap: 12px;
}

.footer_row_wrap {
  justify-content: space-between;
  border-bottom: 1px solid rgba(52, 51, 51, 1);
}

.rounded-circle.position-fixed {
  padding: 10px;
  line-height: 10px;
  z-index: 999;
  width: 50px;
  height: 50px;
  text-align: center;
  margin: auto;
  justify-content: center;
}

.rounded-circle.position-fixed img {
  width: 16px;
}

.social_icons .text-white {
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 100%;
  width: 30px;
  height: 30px;
}

/* Footer Css End */

/* About Section */
.about-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
}

/* About Header - Static Position */
.about-header {
  position: absolute;
  top: 80px;
  left: 80px;
  z-index: 3;
}

.about-header h2 {
  font-size: 44px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

/* Slider Wrapper */
.about-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}

/* Slide Content Wrapper */
.about-slider-content {
  position: relative;
  width: 100%;
  height: 100vh;
}

/* Individual Slide Content */
.about-slide-content {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: center;
  transition: opacity 0.5s ease-in-out;
}

.about-slide-content.active {
  display: block;
}

/* Slide Description - Centered Box */
.about-description {
  position: absolute;
  bottom: 200px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 60%;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  background: transparent;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-transform: uppercase;
}

/* Show the first slide by default */
.about-slide-content:first-child {
  display: block !important;
}

/* Tabs Container - Aligned to Bottom */
.about-tabs {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  gap: 20px;
}

/* Tab Button */
.tab {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  transition: background 0.3s;
  font-size: 14px;
  background-color: #ccc;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #ddd;
  margin-right: 5px;
  transition: background 0.3s;
}

.about-tabs .tab {
  border-color: transparent;
  background: transparent;
  border-radius: 0px;
  font-size: 26px;
  font-weight: 300;
  padding: 20px 30px;
}

/* Active Tab Style */
.tab.active-tab {
  background-color: #ff0000;
  color: #fff;
  border-color: #ff0000;
}

.about-tabs .tab.active-tab {
  font-weight: 600;
}

/* Tab Hover Effect */
.tab:hover {
  background-color: #ff0000;
  border-color: #ff0000;
}

/* Third */

/* Global Styles */
/* Video Section Wrapper */

.video_story_sec {
  background: url(../img/shield_background.jpg) no-repeat;
  background-size: 100% 100%;
}

.video-section {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 40px 0;
  height: 100%;
}

.two_video_section {
  display: flex;
  gap: 34px;
  justify-content: center;
  margin-top: -100px;
}

.two_video_section .video-section:first-child {
  max-width: 652px;
  height: 296px;
  background: url(../img/video_banner_2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.two_video_section .video-section:last-child {
  max-width: 652px;
  height: 296px;
  background: url(../img/video_banner_3.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.two_video_section #videoPlayer {
  height: 296px;
}

.two_video_section .video-content h2 {
  font-size: 48px;
}

.two_video_section .play-btn {
  margin: 20px auto 0px;
}

.two_video_section .video_content_wrap {
  top: 30%;
}

.video_content_modal {
  background-color: rgba(0, 0, 0, 1);
  height: 100vh;
  overflow: hidden;
}

.video_content_modal .modal-header {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 9;
  border: none;
}

.video_content_modal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  opacity: 1;
  text-decoration: none;
  border: none;
  padding: 6px;
  border-radius: 50px;
}

.video_content_modal .modal-header .btn-close svg {
  width: 24px;
}

.video_content_modal .modal-body {
  padding: 0;
  margin: 0;
}

body .video_content_modal .modal-dialog {
  max-width: 100%;
  min-height: 100vh;
  padding-left: 0;
  padding-right: 0;
  height: 100vh;
  margin-top: 0;
}

.video_content_modal .modal-content {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 999;
  height: 100vh;
}

.video_content_modal .modal-content .modal_video_sec {
  line-height: 0;
  text-align: center;
  height: 100%;
}

.video_content_modal .modal-content .modal_video_sec iframe {
  height: 100%;
  width: 100%;
}

.video_section_poster {
  cursor: pointer;
  position: relative;
}

.video_section_poster .play_btn_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: auto;
}

.poster_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.52);
  display: block;
  top: 0;
}

/* Overlay Effect */
.video-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.7);  */
  z-index: 1;
}

/* Content Wrapper */
.video-content {
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0px 0;
}

/* Heading Style */
.video-content h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin: 0 auto 18px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

/* Subheading Style */
.video-content p {
  margin-bottom: 40px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}

/* Play Button */
.play-btn {
  width: 60px;
  height: 60px;
  cursor: pointer;
  background: url(../img/video_play_btn.png);
  background-size: 100% 100%;
  margin: 30px auto 0px;
}

/* Hover Effect */
.play-btn:hover {
  transform: scale(1.1);
}

.modal_video_sec video {
  width: 100%;
  height: 100vh;
}

/* Video Container (Initially Hidden) */
.video-container {
  /* position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 900px;
    height: auto;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999; */
}

/* Video Player */
#videoPlayer {
  width: 100%;
  height: 695px;
  border: none;
}

/* Close Button for Video */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff0000;
  color: #fff;
  border: none;
  font-size: 18px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  z-index: 9;
}

.video-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: none;
}

.close-video-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff0000;
  color: #fff;
  border: none;
  font-size: 20px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s ease;
}

.close-video-btn:hover {
  background: #cc0000;
}

/* Our Company */
.our-company-page .section-title {
  font-weight: bold;
  text-transform: uppercase;
  color: #00aaff;
}

.our-company-page .sub-section-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 30px;
}

.our-company-page .content-box {
  background-color: rgba(0, 0, 0, 0our-company-page 0.7);
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 50px;
}

.our-company-page .img-box {
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.our-company-page .img-box img {
  width: 100%;
}

.our-company-page .swiper {
  padding: 30px 0;
}

.our-company-page .swiper-slide img {
  max-height: 400px;
  object-fit: cover;
}

/* Our Company End*/

/* Responsive Design */
@media (max-width: 768px) {
  .video-content h2 {
    font-size: 28px;
  }

  .video-content p {
    font-size: 14px;
  }

  .play-btn {
    width: 60px;
    height: 60px;
  }

  #videoPlayer {
    height: 300px;
  }
}

/* forth section */
/* Section Wrapper */
.new-launches-section {
  position: relative;
  width: 100%;
  padding: 60px 20px;
  background: #fff;
  text-align: center;
}

/* Heading Section */
.new-launches-section h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Main Carousel Wrapper */
.launches-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

/* Inner Carousel - Flex to Align Slides Horizontally */
.launches-carousel {
  display: flex;
  transition: transform 0.5s ease;
}

/* Image Wrapper */
.launch-image {
  width: 220px;
  height: 220px;
  margin: 0 auto 20px;
  border-radius: 50%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  transition: transform 0.4s ease;
}

/* Active Slide Zoom Effect */
.launch-slide.active .launch-image {
  transform: scale(1.1);
  /* Zoom effect */
}

/* Content Styles */
.launch-content h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.launch-content p {
  font-size: 14px;
  color: #666;
}

/* Navigation Arrows */
.carousel-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 10;
}

.carousel-nav button {
  background: #fff;
  border: 2px solid #ff0000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  outline: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background 0.3s;
}

.carousel-nav button:hover {
  background: #ff0000;
  color: #fff;
}

/* Know More Button */
.know-more-btn {
  margin-top: 20px;
  padding: 10px 20px;
  background: #ff0000;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  transition: background 0.3s ease;
}

.know-more-btn:hover {
  background: #e60000;
}

/* Responsive Design */
@media (max-width: 768px) {
  .launch-image {
    width: 150px;
    height: 150px;
  }

  .launch-content h3 {
    font-size: 18px;
  }

  .carousel-nav button {
    width: 30px;
    height: 30px;
  }
}

/* 8th seection */

.blog-section {
  padding: 40px 0;
  background-color: #fff;
  text-align: center;
  position: relative;
}

.section-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  gap: 12px;
  width: 100%;
}

.section-header::after,
.section-header::before {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.section-header span {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
}

.blog-section .section-header h2::before {
  content: " ";
  border-right: 2px solid rgba(67, 67, 71, 1);
  margin: 0px 12px 0px 0px;
}

.section-header h2 {
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Eurostile";
  margin: 0;
}

.title-and-icon .swiper-button-next,
.title-and-icon .swiper-button-prev,
.testimonial_slider .swiper-button-next,
.testimonial_slider .swiper-button-prev {
  position: absolute;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}

.title-and-icon .swiper-button-next,
.testimonial_slider .swiper-button-next {
  right: 20px;
}

.title-and-icon .swiper-button-prev,
.testimonial_slider .swiper-button-prev {
  left: 20px;
}

.title-and-icon .swiper-button-next::after,
.title-and-icon .swiper-button-prev::after,
.testimonial_slider .swiper-button-next::after,
.testimonial_slider .swiper-button-prev::after {
  font-size: 26px;
}

.view-all {
  font-size: 18px;
  text-decoration: none;
  color: #ed2228;
  transition: color 0.3s;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  border: 1px solid #ed2228;
  padding: 16px 24px;
}

.view-all:hover {
  text-decoration: none;
  background: #ff3b30;
  color: #fff;
}

.blog-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

.blog-card {
  border-radius: 0px;
  overflow: hidden;
  transition: transform 0.3s;
}

.blog-link:hover {
  text-decoration: none;
}

.blog-card:hover {
  transform: translateY(-5px);
}

.blog-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.blog-image img {
  width: 100%;
  height: 316px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.blog-content {
  padding: 30px 0 0 24px;
  text-align: left;
}

.blog-date {
  font-size: 18px;
  line-height: 1;
  color: #ff3b30;
  margin-bottom: 12px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.blog-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin: 0 0 12px;
  text-transform: uppercase;
  font-family: Roboto;
}

.blog-excerpt {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(67, 67, 71, 1);
  margin-bottom: 0;
}

.title-and-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.blog-section .blog-card:hover {
  transform: unset;
}

.blog-section .blog-card:hover .blog-title {
  color: rgba(237, 34, 40, 1);
}

.blog-section .blog-card .blog-image {
  overflow: hidden;
}

.blog-section .blog-card .blog-image:hover img {
  transform: scale(1.1);
}

/* OUR QUICK FACTS section Css Start */

.counter-section {
  padding: 40px 0;
  text-align: center;
  color: #fff;
  position: relative;
}

.counter-heading {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #fff;
}

.counter-heading span {
  color: #ff3b30;
}

.counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.counter-box {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.counter-number,
.counter_surfix {
  font-family: "Rubik Mono One", monospace;
  font-weight: 400;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: rgba(237, 34, 40, 1);
  margin: 0 0 24px;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}

.counter-label {
  font-family: Roboto;
  font-weight: 800;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  min-height: 56px;
  padding: 0px 14px;
  max-width: 80%;
  margin: auto;
}

.counter_sec_title h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(238, 238, 238, 1);
  text-align: center;
  margin: 0 auto 18px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.counter_sec_title h2::after,
.counter_sec_title h2::before {
  /* content: " "; */
  /* background: rgba(237, 34, 40, 1); */
  /* width: 40px; */
  /* height: 5px; */
  /* display: block; */
}

.new-launches-bg-text {
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0px;
  text-align: center;
  margin: 0 auto;
  max-width: 730px;
}

.counter-section .counter-wrapper .counter-box {
  width: 100%;
  background: rgba(255, 255, 255, 0.08);
  border: transparent;
  padding: 40px 0 20px;
  margin: 0;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0);
}

.counter-box-dls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

.counter_box_img {
  margin: 0 0 30px;
}

/* OUR QUICK FACTS section Css End   */

/* test */
/* Accessories Section */
/* Accessories Section */
.accessories-section {
  width: 100%;
  padding: 60px 20px;
  background-color: #f9f9f9;
}

/* Main Container */
.accessories-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

/* Text Wrapper */
.accessories-text-wrapper {
  width: 30%;
  overflow-y: hidden;
  height: 300px;
  position: relative;
}

/* Text Slider */
.accessories-text {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.3s ease-in-out;
}

/* Individual Text Item */
.accessories-text li {
  font-size: 18px;
  margin-bottom: 10px;
  padding: 8px 0;
  cursor: pointer;
  color: #888;
  transition: color 0.3s ease;
  text-align: left;
}

/* Active Text */
.accessories-text .active {
  color: red;
  font-weight: bold;
}

/* Image Wrapper */
.accessories-image-wrapper {
  width: 50%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

/* Image Slider - Now Vertical */
.accessories-image-slider {
  display: flex;
  flex-direction: column;
  /* Vertical Layout */
  transition: transform 0.3s ease-in-out;
}

/* Individual Slide */
.accessory-slide {
  width: 100%;
  text-align: center;
  opacity: 0.4;
  transition: opacity 0.3s ease-in-out;
}

/* Active Slide */
.accessory-slide.active {
  opacity: 1;
}

/* Image Styling */
.accessory-slide img {
  width: 300px;
  height: auto;
  transition: transform 0.3s ease-in-out;
}

/* Center Active Slide Effect */
.accessory-slide.active img {
  transform: scale(1.1);
}

/* For Vertical Slider */
.accessories-text-wrapper ul {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}

/* Updated to Handle Vertical Slides */
.accessories-image-wrapper .accessories-image-slider {
  height: 100%;
  display: block;
  position: relative;
}

/* Arrow Buttons */
.arrow-btn {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 10;
  transition: background-color 0.3s ease;
}

/* Hover Effect */
.arrow-btn:hover {
  background-color: #f2f2f2;
}

/* Up Arrow */
.up-arrow {
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

/* Down Arrow */
.down-arrow {
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
}

/* Ensure Image Wrapper is Positioned Correctly */
.accessories-image-wrapper {
  position: relative;
  width: 50%;
  height: 300px;
  overflow: hidden;
}

/* Updated to Handle Vertical Slides */
.accessories-image-wrapper .accessories-image-slider {
  height: 100%;
  display: block;
  position: relative;
}

/* Arrow Buttons */
.arrow-btn {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 10;
  transition: background-color 0.3s ease;
}

/* Hover Effect */
.arrow-btn:hover {
  background-color: #f2f2f2;
}

/* Up Arrow */
.up-arrow {
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

/* Down Arrow */
.down-arrow {
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
}

/* Updated to Handle Vertical Slides */
.accessories-image-wrapper .accessories-image-slider {
  height: 100%;
  display: block;
  position: relative;
}

/* Arrow Buttons */
.arrow-btn {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 10;
  transition: background-color 0.3s ease;
}

/* Hover Effect */
.arrow-btn:hover {
  background-color: #f2f2f2;
}

/* Up Arrow */
.up-arrow {
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

/* Down Arrow */
.down-arrow {
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
}

/* Ensure Image Wrapper is Positioned Correctly */
.accessories-image-wrapper {
  position: relative;
  width: 50%;
  height: 300px;
  overflow: hidden;
}

/* Arrow Buttons */
.arrow-btn {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 10;
  transition: background-color 0.3s ease;
}

/* Hover Effect */
.arrow-btn:hover {
  background-color: #f2f2f2;
}

/* Up Arrow */
.up-arrow {
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

/* Down Arrow */
.down-arrow {
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
}

/* Ensure Image Wrapper is Positioned Correctly */
.accessories-image-wrapper {
  position: relative;
  width: 50%;
  height: 300px;
  overflow: hidden;
}

/* Updated to Handle Vertical Slides */
.accessories-image-wrapper .accessories-image-slider {
  height: 100%;
  display: block;
  position: relative;
}

/* Arrow Buttons */
.arrow-btn {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transform: translateX(-50%);
  z-index: 10;
  transition: background-color 0.3s ease;
}

/* Hover Effect */
.arrow-btn:hover {
  background-color: #f2f2f2;
}

/* Up Arrow */
.up-arrow {
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

/* Down Arrow */
.down-arrow {
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
}

/* Ensure Image Wrapper is Positioned Correctly */
.accessories-image-wrapper {
  position: relative;
  width: 50%;
  height: 300px;
  overflow: hidden;
}

/* last section */

/* test */

/* Main Section */
/* Testimonial Section */
.testimonial-section {
  width: 100%;
  padding: 60px 20px;
  background-color: #f9f9f9;
}

/* Testimonial Container */
.testimonial-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Individual Testimonial Box */
.testimonial-box {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Testimonial Content */
.testimonial-content {
  margin-bottom: 15px;
}

/* Testimonial Text */
.testimonial-text {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}

/* Testimonial Author */
.testimonial-author {
  font-size: 16px;
  color: #888;
  font-style: italic;
}

/* Testimonial Image */
.testimonial-image-box {
  margin-top: 15px;
  text-align: center;
}

.testimonial-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #ddd;
}

/* Owl Carousel Navigation */
.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

.owl-prev,
.owl-next {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 36px !important;
  text-align: center !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

.owl-prev:hover,
.owl-next:hover {
  background-color: #f2f2f2 !important;
}

/* Dots Styling */
.owl-dots {
  text-align: center;
  margin-top: 15px;
}

.owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.owl-dot.active {
  background-color: #333;
}

img.testimonial-image {
  width: 10% !important;
}

/* newsletter home page  */
/* Newsletter Section */
.newsletter-section {
  background-color: #fff;
  padding: 50px 0;
  text-align: center;
  position: relative;
}

.newsletter-title {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}

.newsletter-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.newsletter-form input[type="email"] {
  width: 400px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  outline: none;
}

.newsletter-form input[type="submit"],
.newsletter-form button {
  background-color: #e80000;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.nav-btn:hover {
  background: #c62828;
}

/* categories_section css Start */

.categories_section .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.categories_section .category {
  background: #f3f5f7;
  padding: 24px 24px 0;
  text-align: center;
  border-radius: 0;
  height: 100%;
}

.category_wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.categories_section .category h3 {
  color: #010101;
  text-align: left;
  font-size: 28px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.categories_section .category img {
  display: block;
  margin-left: auto;
}

.categories_section .grid>.category {
  display: flex;
  flex-direction: column;
}

.categories_section .grid>.category img {
  margin: auto;
}

.item_wrap {
  display: flex;
  align-items: center;
}

.item_wrap_left {
  width: 50%;
}

.item_wrap_right {
  width: 50%;
}

/* categories_section css End */

/* Product Listing Css Start */

.category-overlay {
  margin: auto;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
}

.category-overlay::after {
  content: " ";
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
}

.category-title {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  z-index: 1;
}

body .breadcrumb-title-wrapper.breadcrumb-v2 {
  margin-bottom: 0;
  border: none;
  padding: 10px;
  background-color: #f2f2f2;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title h1:empty {
  display: none;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title>* {
  text-align: left;
  width: 100%;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title a {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: capitalize;
  text-decoration: none;
  color: rgba(141, 141, 141, 1) !important;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .current {
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
  display: contents;
}

.breadcrumbs-container>span {
  margin: 0px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: capitalize;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs-container {
  font-family: Roboto;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: rgba(141, 141, 141, 1) !important;
  letter-spacing: 0;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title {
  padding-top: 24px;
  padding-bottom: 24px;
}

.subcategories-section {
  /* display: flex; */
  /* gap: 24px; */
  /* margin-bottom: 80px; */
}

.subcategories-section .subcategory-card {
  position: relative;
  width: 100%;
  max-width: 25%;
  min-height: 264px;
  background: rgba(245, 245, 245, 1);
  overflow: hidden;
  display: flex;
}

.subcategories-section .subcategory-card .subcategory-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 343px;
  display: block;
  height: 343px;
  position: absolute;
  right: -50%;
  top: -20%;
}

.subcategories-section .subcategory-card a {
  text-decoration: none;
  display: flex;
}

.subcategories-section .subcategory-card .subcategory-info h3 {
  font-family: Roboto;
  font-weight: 800;
  font-style: italic;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  width: 100%;
  max-width: 180px;
  margin-bottom: 24px;
}

.subcategories-section .subcategory-card .subcategory-info .subcategory-arrow {
  background-color: rgba(237, 34, 40, 1);
  color: #fff;
  max-width: 54px;
  width: 100%;
  display: block;
  border-radius: 50px;
  text-align: center;
  padding: 8px 0;
}

.subcategories-section .subcategory-card .subcategory-info .subcategory-arrow svg {
  display: block;
  text-align: center;
  width: auto;
  margin: auto;
}

.subcategories-section .subcategory-card .subcategory-info {
  margin: auto 24px 24px;
}

.filter-section {
  display: flex;
  justify-content: space-between;
}

.filter-section .filter-options {
  align-items: center;
}

.filter-section .filter-options form {
  width: auto;
}

.filter-section .filter-options form select {
  border: none;
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
}

.filter-section .filter-options .dropdown button {
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  background: transparent;
  border: none;
}

.filter-section .filter-options strong {
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
}

.right_side_filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right_side_filter label {
  padding: 0;
}

.right_side_filter .gridlist-toggle a {
  border: none;
  padding: 0;
  text-decoration: none;
  margin: 0;
}

.right_side_filter .gridlist-toggle .woocommerce-result-count {
  margin: 0;
}

.right_side_filter form {
  margin: 0;
}

/* Product Listing Css End */

/* Blog Css Start */

.blog_section .category-title {
  text-align: left;
}

.blog_listing .list-posts {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  row-gap: 63px;
  justify-content: space-between;
}

.blog_container .main_blog_details {
  width: 100%;
}

.main_blog_details .entry-content .heading-title {
  font-family: Roboto;
  color: rgba(1, 1, 1, 1);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
  transition: all 0.4s ease;
}

.main_blog_details .entry-content .heading-title:hover,
.blog-title:hover {
  color: rgba(237, 34, 40, 1);
}

.main_blog_details .entry-content .heading-title.post-title {
  margin: 0;
}

.blog_listing .list-posts .post-item {
  margin: 0;
  transition: transform 0.3s;
}

.blog_listing .list-posts .post-item:hover {
  transform: translateY(-5px);
}

.blog_container .main_blog_details .entry-info .short-content {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(67, 67, 71, 1);
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 3; */
  /* -webkit-box-orient: vertical; */
  /* overflow: hidden; */
}

.blog_container .main_blog_details .entry-info .date_time {
  font-family: Roboto;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: rgba(237, 34, 40, 1);
  text-transform: uppercase;
  margin: 0 0 16px;
}

.blog_container .main_blog_details .entry-bottom .cats-link {
  display: none;
}

.blog_container .main_blog_details .entry-bottom .button-readmore {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: rgba(237, 34, 40, 1);
  text-transform: uppercase;
  border: 1px solid rgba(237, 34, 40, 1);
  padding: 12px 24px;
  margin: 12px 0 0;
}

.blog_container .main_blog_details .entry-bottom .button-readmore:hover {
  background-color: rgba(237, 34, 40, 1) !important;
  border-color: rgba(237, 34, 40, 1);
}

.blog_listing .list-posts .post-item .entry-format {
  margin-bottom: 12px;
}

.category-banner.blog_section {
  height: 316px;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.category-banner.blog_section .category-title {
  letter-spacing: 0;
}

.blog_listing .list-posts .post-item .entry-format img {
  height: 316px;
  object-fit: cover;
  width: 100%;
}

.blog_listing .list_post_column {
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
  margin-bottom: 60px;
}

.blog_list_two .post-item {
  display: flex;
  gap: 30px;
}

.blog_list_two .post-item .entry-format {
  width: 50%;
}

.blog_list_two .post-item .entry-content {
  width: 50%;
}

.blog_list_two {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.list_post_column .blog_list .entry-format img {
  height: 449px;
  object-fit: cover;
  width: 100%;
}

.list_post_column .blog_list .entry-format a {
  margin-bottom: 12px;
  width: 100%;
}

.list_post_column .blog_list_two .entry-format img {
  height: 284.5px;
  object-fit: cover;
  width: 100%;
}

.list_post_column .blog_list_two .entry-format a {
  margin-bottom: 0px;
  width: 100%;
}

.blog_list_two .post-item .entry-content .entry-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.list-posts .entry-format:hover figure>a>img,
.list-posts .entry-format:hover figure>img,
.list-posts .entry-format:hover .owl-item img {
  opacity: 1;
}

.ts-blogs-widget .post_list_widget>li a.thumbnail:before,
.ts-blogs-widget .post_list_widget>li a.thumbnail.gallery .owl-item:before,
.ts-blogs-widget .post_list_widget>li a.thumbnail:after,
.ts-blogs-widget .post_list_widget>li a.thumbnail.gallery .owl-item:after {
  content: none;
}

.search-table {
  display: flex;
  justify-content: end;
  /* max-width: 415px; */
  /* max-width: 394px; */
  margin-left: auto;
  margin-bottom: 0px;
}

.header-middle .search-table {
  margin-bottom: 0px;
}

.search-table .search-field.search-content input {
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-style: normal;
  padding: 12px 16px;
  color: rgba(67, 67, 71, 1);
  width: 100%;
  max-width: 100%;
}

.search-table .search-field.search-content input::placeholder {
  color: rgba(67, 67, 71, 1);
  font-style: normal;
}

.search-table .search-field.search-content {
  display: flex;
  align-items: center;
  width: 100%;
}

body .search-button input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-style: normal;
  padding: 12px 16px;
  color: #fff;
  height: 100%;
  background: rgba(237, 34, 40, 1);
  background-color: rgba(237, 34, 40, 1) !important;
  opacity: 1;
  background-image: url(../img/white_search_btn.svg) !important;
  background-size: 20px !important;
  right: 0;
  width: 40px;
  height: 40px;
  border: none !important;
  border-radius: 0 !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
}

body .search-button {
  background: rgba(237, 34, 40, 1);
}

.bloglisting_header {
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
  /* padding-left: 80px; */
  /* padding-right: 80px; */
  padding-top: 24px;
  padding-bottom: 24px;
  align-items: center;
}

.bloglisting_header .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title {
  padding-top: 0;
  padding-bottom: 0;
}

.bloglisting_header .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.bloglisting_header .breadcrumb-title-wrapper.breadcrumb-v2:after {
  content: none;
}

/* Blog Css End */

/* Blog Details Css Start */

.blog_dls_sec {
  margin-bottom: 40px;
}

.blog_dls_sec .single-post p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(67, 67, 71, 1);
  margin: 0 0 26px;
}

.blog_dls_sec .single-post ol {
  padding: 0;
}

.blog_dls_sec .single-post ol li::marker {
  font-size: 18px;
  line-height: 20px;
  font-weight: bolder;
}

.blog_dls_sec .single-post p a {
  text-decoration: underline;
  color: rgba(67, 67, 71, 1);
}

.blog_dls_sec .single-post h2 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin: 0 0 16px;
}

body .blog_dls_sec .single-post .single-navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  overflow: visible;
}

body .blog_dls_sec .tags-link a:before,
body .blog_dls_sec .tags-link a::after {
  content: none;
}

body .blog_dls_sec .tags-link a {
  padding: 16px;
  height: auto;
  line-height: 20px;
  display: inline-block;
  background: #f2f2f2;
  position: relative;
  font-size: 14px;
  margin: 8px 16px 8px 0;
  font-weight: 600;
}

body .blog_dls_sec .meta-bottom-2 {
  padding: 0;
}

.blog_dls_sec .ts-sidebar .heading-title {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  margin: 0;
  padding: 0 0 14px;
  text-decoration: underline;
}

.blog_dls_sec .page-title {
  font-family: Roboto;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1) !important;
  margin: 30px 0;
}

.left_blog_dls .single-navigation .prev-post {
  padding: 0;
  border: none;
  margin: 0;
  display: -webkit-inline-box;
  text-align: left;
  max-width: 50%;
}

.left_blog_dls .single-navigation .prev-post .arrow-left {
  background: rgba(244, 244, 244, 1);
  width: 44px;
  max-width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  margin-right: 24px;
}

.left_blog_dls .single-navigation .next-post {
  padding: 0;
  border: none;
  margin: 0;
  display: -webkit-inline-box;
  text-align: right;
  max-width: 50%;
  margin-left: auto;
}

.left_blog_dls .single-navigation .next-post .arrow-right {
  background: rgba(244, 244, 244, 1);
  width: 44px;
  max-width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  margin-left: 24px;
}

html body .left_blog_dls .single-navigation a:hover {
  background: transparent;
  color: #151515;
}

.left_blog_dls .single-navigation a .prev-next-link p {
  margin: 0;
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  max-width: 340px;
}

.left_blog_dls .single-navigation a .prev-next-link p:first-child {
  font-family: Roboto;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  margin: 0 0 7px;
}

.article.single-post .entry-format {
  margin-bottom: 20px;
}

.ts_rightbar .post_list_widget li {
  display: flex;
  flex-direction: column;
}

.ts_rightbar .post_list_widget li .thumbnail {
  order: 1;
}

.ts_rightbar .post_list_widget li .entry-meta {
  order: 2;
  font-family: Roboto;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: rgba(237, 34, 40, 1);
  text-transform: uppercase;
  margin: 0 0 16px;
}

.ts_rightbar .post_list_widget li .post-title {
  order: 3;
  font-family: Roboto;
  color: rgba(1, 1, 1, 1);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
}

.ts_rightbar.ts-sidebar .widget-container {
  background-color: #fff;
  background-image: none !important;
  border: none;
  border-top: none;
  padding: 0;
  padding-left: 40px;
  clip-path: none;
}

.ts_rightbar .widget-container::before,
.ts_rightbar .widget-title:after {
  content: none;
}

.ts_rightbar .tagcloud {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 10px 0 0;
  margin: 0 0 10px;
}

body .ts_rightbar .tagcloud a {
  margin: 0;
  color: rgba(1, 1, 1, 1) !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 100% !important;
  padding: 0;
  border: none;
}

body .ts_rightbar .tagcloud a:hover {
  text-decoration: underline !important;
}

.ts_rightbar .post_list_widget {
  padding: 0;
}

.ts_rightbar .widget-container .post_list_widget>li:before {
  content: none;
}

.left_blog_dls .meta-bottom-wrapper {
  display: none;
}

.ts_rightbar .search-table {
  max-width: 100%;
}

.ts_rightbar .search-table {
  margin-bottom: 0;
}

body .ts_rightbar .search-table .search-button input {
  background-color: rgba(237, 34, 40, 1) !important;
  opacity: 1;
  background-image: url(../img/white_search_btn.svg) !important;
  background-size: 20px !important;
  right: 0;
  width: 40px;
  height: 40px;
  border: none !important;
  border-radius: 0 !important;
  background-position: 50% 50% !important;
}

.widget_search>form input[type="submit"] {
  background: url(images/icon-search.png) no-repeat 0 -2px !important;
}

.ts_rightbar .post_list_widget .thumbnail img {
  height: 220px;
  object-fit: cover;
}

.left_blog_dls .post-meta {
  display: flex;
  gap: 24px;
}

.left_blog_dls .post-meta .author {
  background: rgba(255, 244, 244, 1);
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  font-style: normal;
  padding: 6px;
}

.left_blog_dls .post-meta .date {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  font-style: normal;
  padding: 6px;
}

/* Blog Details Css End */

/* NEWSLETTER Css Start */

.new_letter_join {
  background-image: url(../img/newlwtter_bg_wrap.png);
  padding: 105px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.signup_body {
  position: relative;
  font-family: Arial;
  margin: auto;
  overflow: hidden;
  /* height: 140px; */
  width: 100%;
}

.make-it-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.join_form_newsletter {
  margin: 0px;
  width: 100%;
  max-width: 540px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  background: rgba(237, 34, 40, 1);
  margin: auto auto 16px;
}

.new_letter_join_wrap {
  width: 100%;
  max-width: 912px;
  margin: auto;
}

html body .news_letter_input {
  max-width: 100%;
  background-color: rgba(244, 244, 244, 1) !important;
  border: none;
  width: 100%;
  height: 100%;
  padding: 16px;
  outline: none;
  margin: 0;
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: lowercase;
  font-style: normal;
  color: rgba(117, 117, 117, 1);
}

.news_letter_input::placeholder {
  text-transform: uppercase;
  font-style: normal;
}

.subscribe_btns {
  position: relative;
  display: inline-block;
  width: max-content;
}

body .subscribe_btns input {
  text-align: center;
  border-radius: 0px;
  padding: 16px;
  background: rgba(237, 34, 40, 1);
  width: 100%;
  height: 100%;
  z-index: 5;
  border: 14px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  outline: none;
  margin: 0;
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}

#EMBED_FORM_EMAIL_LABEL {
  margin: 0 !important;
}

#zcWebOptin {
  margin: 0 !important;
  height: auto !important;
}

.input_left_form {
  width: -webkit-fill-available;
}

.new_letter_join_wrap .vc_custom_heading {
  font-family: Roboto;
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 32px !important;
}

body .ts-pagination ul li span.current,
html .woocommerce nav.woocommerce-pagination ul li span.current {
  background: rgba(237, 34, 40, 1);
  color: #ffffff;
  border-color: rgba(237, 34, 40, 1);
}

body .ts-pagination ul li {
  margin-bottom: 6px;
}

body .page-numbers li span.page-numbers {
  color: #484848;
  border-color: #cccccc;
  padding: 3px;
  background: transparent;
  min-height: 40px;
  min-width: 40px;
  line-height: 32px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
  margin: 0 3px;
  text-align: center;
  display: inline-block;
}

body .ts-pagination {
  margin: 20px 0 20px 0;
}

/* NEWSLETTER Css End */

/*  Accessories Slider Css Start */

.thunder-product-slider.accessories_slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0;
  height: calc(100vh - 110px);
}

.thunder-product-slider.accessories_slider .swiper-slide .row {
  padding-top: 0;
}

.thunder-product-slider.accessories_slider .thunder-product-text h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  text-align: center;
  margin: 0 auto 18px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.thunder-product-slider.accessories_slider .thunder-product-text h2::after {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.thunder-product-slider.accessories_slider .thunder-product-text h2::before {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.accessories_slider .thunder-product-Video .thunder-product-Video-content {
  padding-top: 16px;
}

.accessories_slider .thunder-product-Video .thunder-product-Video-content h3 {
  font-family: "Eurostile";
  color: rgba(237, 34, 40, 1);
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 32px;
}

.accessories_slider .thunder-product-Video .thunder-product-Video-content p {
  margin-bottom: 26px;
  max-width: 70%;
}

.accessories_slider .swiper-free-mode>.swiper-wrapper {
  justify-content: center;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: 18px;
  color: rgba(1, 1, 1, 1);
  font-weight: bold;
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
  color: rgba(237, 34, 40, 1);
}

.swiper-button-next,
.swiper-button-prev {
  border: 1px solid rgba(1, 1, 1, 1);
  width: 52px;
  height: 52px;
  border-radius: 50px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  border: 1px solid rgba(237, 34, 40, 1);
}

.blog-section .swiper-button-next:hover,
.blog-section .swiper-button-prev:hover,
.testimonial_slider .swiper-button-next:hover,
.testimonial_slider .swiper-button-prev:hover {
  border: none;
}

.accessories_slider .thunder-product-image img {
  width: 100%;
  max-width: 400px;
}

.prev-and-next {
  display: flex;
  gap: 24px;
  width: 100%;
  justify-content: end;
}

.prev-and-next .swiper-button-next,
.prev-and-next .swiper-button-prev {
  position: unset;
  width: auto;
  height: auto;
  border: none;
  line-height: normal;
  margin-top: 0;
  transform: rotate(180deg);
}

.slider-status {
  width: 150px;
  font-family: sans-serif;
}

.mobile_slider_wrap .count {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
}

.mobile_slider_wrap .count .total {
  color: #999;
  font-weight: normal;
}

.mobile_slider_wrap .progress-bar {
  height: 4px;
  background-color: #d9d9d9;
  margin-top: 6px;
  position: relative;
  background-image: none;
}

.mobile_slider_wrap .progress-fill {
  height: 6px;
  width: 0%;
  background-color: rgba(237, 34, 40, 1);
  transition: width 0.3s ease;
}

.mobile_slider_wrap {
  display: none;
}

/*  Accessories Slider Css End */

/*  Categories Slider Css Start */

.categories_section_wrap .swiper-slide.swiper-slide-active {
  /* height: 350px; */
}

.categories_section_wrap .swiper-slide {
  /* height: 220px; */
}

.categories_section_wrap .categories__swipe_dls img {
  width: 100%;
  /* height: 65vh; */
  object-fit: cover;
}

.categories_section_wrap .categories__swipe_dls {
  height: 100%;
  position: relative;
}

.category_title_on_image {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

.category_title_on_image::after {
  content: " ";
}

.category_title_on_image a,
.category_title_on_image h4 {
  font-family: Roboto;
  font-weight: 800;
  font-size: 38px;
  line-height: 110%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.category_title_on_image h4 {
  max-width: 230px;
}

.categories_section_wrap {
  margin: 40px 0;
}

.categories_title h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  text-align: center;
  margin: 0 auto 40px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.categories_title h2::after,
.categories_title h2::before {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.categories_section_wrap .swiper-wrapper {
  align-items: center;
}

.categories_col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.categories_col p {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin: 0;
}

.categories_dls_left {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.categories_dls_section {
  margin-top: 48px;
}

.categories_dls_section .row {
  align-items: center;
  justify-content: space-between;
}

.categories_dls_left .categories_col {
  justify-content: end;
}

.categories_dls_cen {
  text-align: center;
}

.categories_dls_cen img {
  width: 100%;
  max-width: 380px;
}

.categories_col img {
  width: 100%;
  max-width: 100px;
}

.swiper_button_group {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 800px;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 9;
}

.swiper_button_group .swiper-button-next,
.swiper_button_group .swiper-button-prev {
  position: unset;
  transform: rotate(0deg);
}

.category_navs .swiper-button-prev,
.category_navs .swiper-button-next {
  display: none;
}

/*  Categories Slider Css End */

/* our story section Css Start */

.thunder-product-slider.our-stories-slider {
  padding: 0;
  background-image: none;
  height: calc(100vh - 110px);
}

.thunder-product-slider.our-stories-slider .swiper-slide .row {
  padding-top: 0;
  align-items: flex-start;
}

.thunder-product-slider.our-stories-slider .thunder-product-Video {
  padding-right: 80px;
  padding-left: 50px;
}

.thunder-product-slider.our-stories-slider .thunder-product-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0 30px;
}

.thunder-product-slider.our-stories-slider .thunder-product-text h2 {
  letter-spacing: 0;
  margin: 0;
  font-family: "Eurostile";
  color: rgba(255, 255, 255, 1);
  font-size: 40px;
  max-width: 50%;
}

.thunder-product-slider.our-stories-slider .thunder-product-text span {
  font-family: Moul;
  font-weight: 400;
  font-size: 135px;
  line-height: 100%;
  letter-spacing: 14px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  -webkit-text-stroke: 4px rgba(244, 244, 244, 0.66);
  color: transparent;
  box-shadow: 0px 0px 24.95px 0px rgba(0, 0, 0, 0.25);
}

.thunder-product-slider.our-stories-slider .thunder-product-image img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 100vh;
}

.thunder-product-slider.our-stories-slider .swiper {
  height: 100%;
}

.our-stories-slider .thunder-product-Video .thunder-product-Video-content p {
  font-family: Roboto;
  font-weight: 500;
  font-style: italic;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 40px;
}

.our_story_navs {
  display: flex;
  align-items: center;
  gap: 16px;
  position: absolute;
  top: 40%;
  right: 41%;
}

.our_story_navs .swiper-button-next,
.our_story_navs .swiper-button-prev {
  position: unset;
  border-color: rgba(255, 255, 255, 1);
  margin-top: 0;
}

.our_story_navs .swiper-button-next:after,
.our_story_navs .swiper-button-prev:after {
  color: rgba(255, 255, 255, 1);
  /* content: " "; */
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  /* background-image: url(http://studds-revamp.postyoulike.com/wp-content/uploads/2025/04/slider_prev_btn_white.svg); */
}

.our_story_navs .swiper-button-prev:after {
  /* background-image: url(http://studds-revamp.postyoulike.com/wp-content/uploads/2025/04/slider_next_btn_white.svg); */
}

.thumbnail_slider_wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 50%;
  right: 0;
  padding-right: 0;
  padding-left: 70px;
}

.our-stories-slider .thunder-product-thumb-slider .swiper-slide h4 {
  color: rgba(255, 255, 255, 1);
  position: absolute;
  left: 16px;
  bottom: 10px;
  margin: 0;
  padding: 0;
}

.our-stories-slider .thunder-product-thumb-slider .swiper-slide.swiper-slide-thumb-active img {
  filter: grayscale(0%);
}

.our-stories-slider .thunder-product-thumb-slider .swiper-slide img {
  filter: grayscale(100%);
  cursor: pointer;
}

.our-stories-slider .thumbnail_slider_wrap .swiper-slide {
  margin-right: 20px;
}

.our-stories-slider .our_story_navs .swiper-button-next,
.our-stories-slider .our_story_navs .swiper-button-prev {
  border: none;
}

/* our story section Css End */

/* Find a Studds Store Near You Css Start */

.near_strore_left h2 {
  font-family: A4 SPEED;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 0 24px;
}

.near_strore_left p {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-transform: capitalize;
  margin: 0 0 40px;
}

.near_strore_left a svg {
  width: 16px;
}

.near_strore_left a {
  background: rgba(237, 34, 40, 1);
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  padding: 12px 18px;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(237, 34, 40, 1);
}

.near_strore_left a:hover {
  color: rgba(237, 34, 40, 1);
  background: transparent;
}

.near_strore_left a:hover svg path {
  fill: rgba(237, 34, 40, 1);
}

.near_strore_sec .row {
  align-items: center;
}

.near_strore_sec {
  background-color: rgba(244, 244, 244, 1);
}

.near_strore_right {
  text-align: right;
}

/* Testimonioal Css Start */

/* .testimonial_slider .testimonial-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px;
}

.testimonial_slider .swiper {
    width: 100%;
}

.testimonial_slider .swiper-slide {
    width: 254px !important;
    height: 254px;
    overflow: hidden;
    border: 3px solid transparent;
    opacity: 0.5;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.testimonial_slider .swiper-slide.swiper-slide-active {
    width: 520px !important;
    height: 660px;
}

.testimonial_slider .swiper-slide-active {
    transform: scale(1.2);
    border-color: #007aff;
    opacity: 1;
}

.testimonial_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial_slider .swiper-wrapper {
    align-items: flex-end;
}

.testimonial_slider .swiper-slide {
    height: 300px;
    border: 1px dotted #aaa;
}

.testimonial_slider {
    margin: 100px 0;
}

.testimonial_dls {
    position: absolute;
    top: 5%;
    right: 0;
    max-width: 700px;
}

.testimonial_slider .swiper-container {
    position: relative;
}

.testimonial_dls h2 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    text-transform: uppercase;
    color: rgba(1, 1, 1, 1);
    margin: 0 0 4px;
}

.testimonial_dls span {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: rgba(67, 67, 71, 1);
    margin: 0 0 24px;
    display: block;
}

.testimonial_dls p {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 10px;
}

.testimonial_dls .swiper-button-prev,
.testimonial_dls .swiper-button-next {
    position: unset;
    margin-top: 24px;
}

.testimonial_dls .testi_navs {
    display: flex;
    gap: 16px;
} */

.testimonial_slider .swiper-slide img,
.testimonial_slider .swiper-slide .testimonial-video-wrapper video {
  /* height: 254px; */
  width: 18px;
  object-fit: cover;
  /* filter: blur(3px); */
  /* -webkit-filter: blur(3px); */
}

.testimonial_slider .star_group {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: center;
}

.testimonial_slider .swiper-slide.active {
  border: 2px solid #ed2228;
}

.testimonial_slider .swiper-slide-main .swiper-slide-content {
  display: none;
}

.testimonial_slider .swiper-slide-next .swiper-slide-main .swiper-slide-content {
  display: block;
}

.testimonial_slider .swiper-wrapper {
  align-items: end;
}

.testimonial_slider .swiper-slide-next .swiper-slide-main img,
.testimonial_slider .swiper-slide-next .swiper-slide-main video {
  height: 716px;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  width: 100%;
  object-fit: cover;
}

.testimonial_slider .swiper-slide-next .swiper-slide-main .swiper-slide-content {
  position: absolute;
  top: 10%;
  left: 106%;
  width: 100%;
}

.testimonial_slider .swiper-slide.swiper-slide-next {
  /* width: calc(40% - 34px) !important; */
}

.testimonial_slider .swiper-slide {
  /* width: calc(15% - 27px) !important; */
  /* margin-right: 34px; */
}

.testimonial_dls h2 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin: 0 0 4px;
}

.testimonial_dls span {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(67, 67, 71, 1);
  margin: 0 0 24px;
  display: block;
}

.testimonial_dls p {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  margin: 0 0 10px;
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 3; */
  /* -webkit-box-orient: vertical; */
  /* overflow: hidden; */
}

.testimonial_dls p:empty {
  display: none;
}

.testimonial_slider .swiper-slide-next .swiper-slide-main .star_group img {
  width: auto;
  height: auto;
}

.testimonial_slider {
  padding: 40px 0;
  position: relative;
  background-image: url(../img/testimonial_slider_bg.jpg);
  background-size: 100% 100%;
}

.testimonial_slider .testi_navs {
  display: flex;
  position: absolute;
  top: 46%;
  left: 56%;
  gap: 16px;
}

.testimonial_slider .testi_navs .swiper-button-next,
.testimonial_slider .testi_navs .swiper-button-prev {
  position: unset;
  transform: rotate(180deg);
}

.testimonial_title h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  text-align: center;
  margin: 0 auto 18px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.testimonial_title h2::after,
.testimonial_title h2::before {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.testi_review_section {
  margin-top: 0px;
  padding: 30px 0px;
}

.review_box {
  display: flex;
  padding: 50px 50px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 100%;
  min-height: 460px;
  background: #fff;
  margin: 0px 14px 14px 0px;
}

.review_box_wrap {
  background: linear-gradient(to right,
      rgba(237, 34, 40, 1) 40px,
      transparent 0) bottom right,
    linear-gradient(to left, rgba(237, 34, 40, 1) 40px, transparent 0) bottom right;
  background-repeat: no-repeat;
  background-size: 40px 3px, 3px 40px;
  padding: 0 0 1px;
}

.review_box .testimonial_dls {
  margin: auto;
  min-height: 200px;
}

.review_box::after {
  /* content: " "; */
  width: 45px;
  height: 45px;
  display: block;
  border-right: 3px solid rgba(237, 34, 40, 1);
  border-bottom: 3px solid rgba(237, 34, 40, 1);
  position: absolute;
  right: -20px;
  bottom: -20px;
}

/* Testimonioal Css End */

/* Footer above section Css Start */

.latest_studds_sec {
  background-image: url(../img/footer_above.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 30px;
}

.latest_studds_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 60px;
}

.latest_studds_dls {
  max-width: 75%;
  margin: 0 auto;
}

.latest_studds_dls h2 {
  font-family: "A4 SPEED";
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -2px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 2px #000;
}

.latest_studds_dls h2 span {
  color: rgba(237, 34, 40, 1);
}

.latest_studds_dls p {
  font-family: Roboto;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-align: center;
  margin: 0;
  color: #fff;
}

.latest_studds_dls p span {
  font-weight: 500;
}

.latest_studds_btm {
  /* display: flex; */
  justify-content: space-around;
  align-items: center;
  margin: 0;
  background: linear-gradient(360deg,
      #000000 0%,
      #000000 66.27%,
      rgba(0, 0, 0, 0) 100%);
  padding: 0 0 50px 0;
}

.latest_studds_btm h2 {
  font-family: "A4 SPEED";
  font-weight: 700;
  font-size: 44px;
  line-height: 110%;
  letter-spacing: -2px;
  color: rgba(255, 255, 255, 1);
  /* max-width: 30%; */
  margin: 0 0 24px;
}

.latest_btm_right {
  display: flex;
  align-items: center;
  gap: 30px;
}

body .latest_btm_right input {
  margin: 0;
  max-width: 416px;
  width: 416px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.25px;
  color: rgba(117, 117, 117, 1);
}

.latest_btm_right input::placeholder {
  font-style: normal;
}

.latest_btm_right button {
  font-family: Roboto;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.25px;
  color: rgba(244, 244, 244, 1);
  background: rgba(237, 34, 40, 1);
  padding: 10px 15px;
  border: none;
  transition: all 0.4s ease;
}

.latest_btm_right button:hover {
  background: #fff;
  color: rgba(237, 34, 40, 1);
}

/* Footer above section Css End */

/* Header Mega menu Css Start */

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 110px !important;
}

body header .menu-wrapper {
  position: unset;
}

body .mega-menu-wrap-primary,
body #mega-menu-wrap-primary #mega-menu-primary,
body #mega-menu-wrap-primary {
  position: unset;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-right-image-studds-custom-col>ul.mega-sub-menu>li.mega-menu-item img {
  width: 100%;
  padding: 0;
  margin: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-right-image-studds-custom-col>ul.mega-sub-menu>li.mega-menu-item {
  padding: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item .mega-block-title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: rgba(33, 33, 33, 1);
  margin: 0 0 16px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item .textwidget p {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  margin: 0;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
  padding: 0;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li {
  padding: 0;
  width: 50%;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li:first-child {
  width: 100%;
  margin: 0 0 16px;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li a {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  word-wrap: break-word;
  text-align: left;
  gap: 14px;
  padding: 14px;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li a img {
  margin: 0;
  padding: 0;
  width: 190px;
  height: 190px;
  object-fit: contain;
}

body .mega-menu-link img:hover {
  transform: none;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li a .nav_inner_menu .aerrow_right {
  display: block;
  max-width: 35px;
  margin-top: 16px;
  height: auto;
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12.mega-sub-menu-studds-custom-col .mega-sub-menu li a:hover {
  background: rgba(242, 242, 242, 1);
}

body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
  background: rgba(255, 255, 255, 1);
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
  text-decoration: none;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
  width: 260px;
  top: 40px;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: #fff;
  color: #010101 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 14px 10px;
  text-decoration: none !important;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  color: #fff !important;
}

.mega-current-menu-item .mega-menu-link {
  color: rgba(237, 34, 40, 1);
}

/* Header Mega menu Css End */

/* Instagram Css Start  */

.instagram-feed-section {
  background: rgba(242, 242, 242, 1);
  padding-top: 40px;
  padding-bottom: 40px;
}

.instagram_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 40px;
  gap: 12px;
}

.instagram_title::after,
.instagram_title::before {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.instagram_title h2 {
  font-family: "Eurostile";
  font-weight: 700;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  color: rgba(1, 1, 1, 1);
  margin: 0;
}

.instagram-feed-section .zoom-instagram-widget__header,
.instagram-feed-section .zoom-instagram-widget__footer {
  display: none;
}

.instagram-feed-section .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth .zoom-instagram-widget__item img {
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
}

.instagram-feed-section .zoom-instagram.feed-637208 .zoom-instagram-widget__items {
  gap: 24px !important;
}

/* Instagram Css End  */

/* Faq Page Css Start */

.faq_questions_dls {
  max-width: 1040px;
  margin: 60px auto;
}

.faq_questions_title h2 {
  font-family: A4 SPEED;
  font-weight: 500;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: -2px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 34px;
}

.tabs_faq .nav-tabs {
  justify-content: center;
  gap: 16px;
  border: none;
  margin: 0 0 34px;
}

.tabs_faq .nav-tabs li {
  padding: 0;
  line-height: 100%;
}

.tabs_faq .nav-tabs li .nav-link {
  border-radius: 0;
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(255, 244, 244, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding: 12px 16px;
}

.tabs_faq .nav-tabs li .nav-link:hover {
  background: rgba(237, 34, 40, 1);
  color: #fff;
}

.tabs_faq .nav-tabs li .nav-link.active {
  background: rgba(237, 34, 40, 1);
  color: #fff;
}

.tabs_faq .accordion-item {
  border: none;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.tabs_faq .accordion-item .accordion-button {
  font-family: Roboto;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -1px;
  color: rgba(30, 30, 30, 1);
  padding: 14px 24px;
}

.tabs_faq .accordion-item .accordion-button.collapsed:hover {
  color: rgba(255, 255, 255, 1);
}

.tabs_faq .accordion-item:first-of-type>.accordion-header .accordion-button {
  border-radius: 0;
}

.tabs_faq .accordion-button::after {
  background-image: url(../img/Chevron_faq.svg);
}

.tabs_faq .accordion-button:hover::after {
  background-image: url(../img/Chevron_faq_white.svg);
}

.tabs_faq .accordion-item .accordion-button.collapsed:hover .accordion-button::after {
  background-image: url(../img/Chevron_faq_white.svg);
}

.tabs_faq .accordion-button:not(.collapsed) {
  background-color: rgba(237, 34, 40, 1);
  color: rgba(255, 255, 255, 1);
  box-shadow: none;
}

.tabs_faq .accordion-button:not(.collapsed)::after {
  background-image: url(../img/Chevron_faq_white.svg);
}

.tabs_faq .accordion-item .accordion-collapse {
  background-color: rgba(245, 245, 247, 1);
}

.tabs_faq .accordion-body {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(75, 75, 75, 1);
  padding: 14px 24px;
}

.tabs_faq .accordion-button:focus {
  box-shadow: none;
}

.tabs_faq .accordion-item .accordion-button {}

/* Faq Page Css End */
/* Css for search page */
form#blog-search-form {
  margin-top: 0px;
}

.search .breadcrumb-title-wrapper {
  opacity: 0;
}

.search .breadcrumb-content .breadcrumb-title {
  /* display: none; */
}

.search .bloglisting_header {
  position: relative;
  z-index: 99;
}

/* Css for search page */

/* Tags data for particular post */
.for-particular-post.post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.for-particular-post.post-tags li {
  margin: 0;
}

.for-particular-post.post-tags a {
  display: inline-block;
  background-color: #f5f5f5;
  color: #000;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.for-particular-post.post-tags a:hover {
  background-color: #e0e0e0;
}

/* Tags data for particular post end*/

/* Events Page Css Start */

.event_page_wrap .event-tabs {
  gap: 16px;
  border: none;
  margin: 0 0 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  justify-content: center;
}

.media_page_wrap .media-tabs {
  gap: 16px;
  border: none;
  margin: 0 0 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.media-tab {
  border-radius: 0;
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(255, 244, 244, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding: 12px 16px;
}

.media-tab:hover,
.media-tab.active {
  background: rgba(237, 34, 40, 1);
  color: #fff;
  border-color: rgba(237, 34, 40, 1);
}

.media-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.media-image img {
  max-width: 100%;
  height: auto;
}

.media-details h3 {
  font-size: 1.2rem;
  margin: 10px 0;
}

.media-pagination {
  text-align: center;
  margin-top: 20px;
}

.media-pagination a {
  padding: 5px 10px;
  margin: 0 5px;
  text-decoration: none;
  background-color: #0073aa;
  color: #fff;
  border-radius: 3px;
}

.media-pagination a:hover {
  background-color: #005f8d;
}

/* Tabs Styling */
.media_page_wrap .media-tabs {
  gap: 16px;
  border: none;
  margin: 0 0 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.media-tab {
  border-radius: 0;
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(255, 244, 244, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding: 12px 16px;
}

.media-tab:hover,
.media-tab.active {
  background: rgba(237, 34, 40, 1);
  color: #fff;
  border-color: rgba(237, 34, 40, 1);
}

/* No Posts Message */
.no-media-message {
  text-align: center;
  font-size: 1.2rem;
  color: #666;
  margin: 40px 0;
  padding: 20px;
  background: #f9f9f9;
  border: 1px dashed #ccc;
  border-radius: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.event-tabs {
  text-align: center;
  margin-bottom: 20px;
}

.event-tab {
  border-radius: 0;
  border: 1px solid rgba(237, 34, 40, 1);
  background: rgba(255, 244, 244, 1);
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding: 16px 16px;
}

.event-tab:hover,
.event-tab.active {
  background: rgba(237, 34, 40, 1);
  color: #fff;
}

.event-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.event-image img {
  width: 100%;
  max-width: 100%;
  height: 296px;
  object-fit: cover;
}

.excerpt-toggle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Approx 1.5 lines visually */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  max-height: 3.6em;
  /* Approx 2 lines depending on font-size */
  position: relative;
}

.excerpt-toggle.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
}

.event-item .event-image {
  margin: 0 0 24px;
}

.event-details .event-details-right h3 {
  font-family: Roboto;
  color: rgba(1, 1, 1, 1);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
  transition: all 0.4s ease;
  min-height: 52px;
}

.event-details-right p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(67, 67, 71, 1);
  margin: 0;
  display: inline-block;
}

.event-details-left {
  background: #efefef;
  text-align: center;
  min-width: 64px;
}

.event-details-right p:empty {
  display: none;
}

.breadcrumbs .breadcrumbs-container {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.breadcrumbs .breadcrumbs-container a {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.event-pagination {
  text-align: center;
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}

.event-pagination .page-numbers {
  padding: 5px 10px;
  margin: 0;
  color: rgba(1, 1, 1, 1);
  border-radius: 0;
  position: unset;
  border: 1px solid rgba(164, 164, 164, 1);
  font-family: Roboto;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  background: transparent;
  width: 40px;
  height: 40px;
}

.event-pagination .page-numbers:hover {
  background-color: rgba(237, 34, 40, 1);
  border-color: rgba(237, 34, 40, 1);
  color: #ffffff;
}

.prev.page-numbers,
.next.page-numbers {
  position: unset;
  margin: 0;
  transform: translate(0px, 0px);
}

.event-details {
  display: flex;
  align-items: baseline;
  gap: 24px;
}

.event-details-left p:first-child {
  color: rgba(237, 34, 40, 1);
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-top: 6px;
}

.event-details .event-details-left .text-black:nth-child(2) {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1px;
  text-align: center;
  text-transform: uppercase;
  color: #ed2228 !important;
  margin-bottom: 0;
}

.event-details-left p:last-child {
  margin: 0;
  background: #908b8b;
  padding-right: 6px;
  color: #ffffff !important;
  padding-left: 6px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
}

.event_page_wrap .ts-pagination ul li a:hover:before {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

body .event_page_wrap .ts-pagination ul li {
  margin-bottom: 0px;
}

body .event_page_wrap .ts-pagination {
  margin: 100px 0 94px 0;
}

.event_page_wrap .ts-pagination ul li a.prev:before {
  content: " ";
  background-image: url(../img/chevron-right.svg);
  background-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.event_page_wrap .ts-pagination ul li a.next:before {
  content: " ";
  background-image: url(../img/chevron-left.svg);
  background-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.event_title h2 {
  font-family: Roboto;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -1px;
  color: rgba(1, 1, 1, 1);
  margin: 0 0 24px;
}

.event_title h2 a {
  text-decoration: underline !important;
}

/* Preeti Css End */

body header .toggle-search {
  height: auto;
  width: auto;
}

body .header-v3 .header-top .shopping-cart-wrapper .ts-tiny-cart-wrapper {
  padding-right: 0;
  line-height: 100%;
}

body .ts-header .header-middle .shopping-cart-wrapper,
body .header-v3 .header-middle>.container>div.shopping-cart-wrapper,
html body .header-middle .ts-group-meta-icon-toggle {
  display: none !important;
}

body .shopping-cart-wrapper {
  height: auto !important;
}

body .header_top_wrap {
  align-items: center;
  justify-content: end;
  gap: 18px;
}

.header-right .header_top_wrap>div {
  float: unset;
}

.header-top .header-right {
  width: 100%;
}

.header-top .header-left {
  display: none;
}

.gallery_temp_wrap .card {
  border: none;
  border-radius: 0;
}

.gallery_temp_wrap .card img {
  border-radius: 0;
}

.gallery_temp_wrap .card .card-title {
  font-family: Roboto;
  color: rgba(1, 1, 1, 1);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
  transition: all 0.4s ease;
}

.gallery_temp_wrap .card .card-body {
  padding: 14px 0;
}

/* Events Page Css Start */

.event_section {
  background-size: 100% 100%;
  padding: 90px 0;
}

.event_section .category-overlay::after {
  content: none;
}

.media_page_wrap .media-grid {
  grid-template-columns: repeat(1, 1fr);
}

.media_page_wrap .media-grid .media-item {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.media_page_wrap .media-grid .media-item .media-dates {
  width: 5%;
  display: flex;
  flex-direction: column;
}

.media_page_wrap .media-grid .media-item .media-image {
  width: 40%;
  position: relative;
}

.media_page_wrap .media-grid .media-item .media-image::after {
  content: " ";
  border-right: 2px solid red;
  width: 10%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: -25px;
}

.media_page_wrap .media-grid .media-item .media-details {
  width: 60%;
  padding-left: 30px;
}

.media_page_wrap .media-grid .media-item .media-dates .text-orange {
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  margin: 0;
}

.media_page_wrap .media-grid .media-item .media-dates .text-black {
  font-family: Roboto;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 1);
  margin: 0;
}

.media_page_wrap .media-grid .media-item .media-image a,
.media_page_wrap .media-grid .media-item .media-image a img {
  width: 100%;
  display: block;
}

.media_page_wrap .media-grid .media-item .media-details h3 {
  font-family: Roboto;
  color: rgba(1, 1, 1, 1);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
  transition: all 0.4s ease;
}

.media_page_wrap .media-grid .media-item .media-details p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(67, 67, 71, 1);
  margin: 0;
  margin: 0 0 16px;
}

.media_page_wrap .media-grid .media-item .media-details p:empty {
  display: none;
}

.media_page_wrap .media-grid .media-item .media-details .know_more_btn {
  display: inline-block;
  padding: 12px 24px;
  color: rgba(237, 34, 40, 1);
  border: 1px solid rgba(237, 34, 40, 1);
  background: #fff;
  transition: all 0.4s ease;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.media_page_wrap .media-grid .media-item .media-details .know_more_btn:hover {
  background: rgba(237, 34, 40, 1);
  color: #fff;
}

.filters-container {
  justify-content: space-between;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

/* Events Page Css End */

/* Drifter Section Css Start  */

.drifter-section {
  height: calc(100vh - 110px);
}

.drifter-section img {
  width: 100%;
  height: 100%;
}

.dc-and-new-launch-section {
  scroll-margin-top: 110px;
}

/* Drifter Section Css End  */

/* New launch Section Css Start */

.new_launches_title h2 {
  font-family: Eurostile;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  text-align: center;
  margin: 0 auto 18px;
  width: fit-content;
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
}

.new_launches_title h2::before,
.new_launches_title h2::after {
  content: " ";
  background: rgba(237, 34, 40, 1);
  width: 40px;
  height: 5px;
  display: block;
}

.dc-and-new-launch-section {
  background-image: url(../img/dc_collection_bg.jpg);
}

.collection_wrap img {
  width: 100%;
}

.launch-section {
  padding: 0 0 40px;
  height: calc(100vh - 110px);
  position: relative;
  /* background-image: url(../img/background-img.png); */
  display: flex;
  align-items: center;
}

.launch-section .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.launch-section .container:after {
  content: none;
}

.tagline_title h2 {
  font-family: Facon;
  font-weight: 700;
  font-style: italic;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: -2.05px;
  text-transform: uppercase;
  margin: 0;
}

.tagline_title h2 span {
  color: rgba(237, 34, 40, 1);
}

.tagline_img img {
  width: 100%;
  max-width: 490px;
  z-index: 9;
  position: relative;
}

.tagline_img {
  position: relative;
}

.tagline_img::after {
  content: " ";
  background-image: url(../img/images_rotate_360.png);
  width: 450px;
  height: 127px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  left: 0;
}

body .tagline_img_degree img {
  max-width: max-content;
  position: absolute;
  right: 60%;
  bottom: 50px;
}

.launch-section .launch-content {
  margin-top: 54px;
}

.tagline_vertical {
  position: absolute;
  text-align: end;
  top: 45%;
  transform: translate(0, -50%);
  right: 0;
  padding-right: 60px;
}

.tagline_vertical span {
  writing-mode: sideways-lr;
  transform: rotate(180deg);
  margin: 0;
  font-family: A4 SPEED;
  font-weight: 400;
  font-size: 148px;
  line-height: 100%;
  letter-spacing: 6px;
  text-align: center;
  text-transform: uppercase;
  -webkit-text-stroke: 4px rgba(146, 139, 139, 1);
  color: transparent;
}

.launch-content .row {
  align-items: end;
  margin-bottom: 40px;
}

.launch-content .row.explore_rows {
  align-items: center;
  margin-bottom: 0px;
}

.right-column .features {
  display: flex;
  text-align: center;
  justify-content: space-between;
  margin-right: 80px;
}

.launch-content .right-column .feature p {
  max-width: 100%;
  text-align: center;
  font-family: Roboto;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin: 0;
}

.launch-content .right-column .feature img {
  margin: 0 0 16px;
  width: 90px;
  max-width: unset;
  object-fit: contain;
}

.explore_rows {
  align-items: flex-end;
  margin-top: 16px;
}

.btn.play {
  background-color: rgba(237, 34, 40, 1);
  color: rgba(255, 255, 255, 1);
  /* font-size: 12px; */
  /* padding: 10px 16px; */
}

.btn.play img {
  width: 18px;
}

.left-column .buttons {
  display: flex;
  gap: 14px;
}

/* New launch Section Css End */

/* New graphics css Start */

.new-graphics-section .section_subtitle.new_launches_title h2 {
  color: rgba(255, 255, 255, 1);
  margin-bottom: 0;
}

.new-graphics-section {
  background-image: url(../img/new_graphics.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.main_product_bg_text {
  display: none;
}

.new-graphics-section .graphics-section-single-product.swiper-slide-active .main_product_bg_text {
  display: block;
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -87%);
  text-align: center;
}

.main_product_bg_text h4 {
  font-family: A4 SPEED;
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  -webkit-text-stroke: 2px rgba(244, 244, 244, 0.66);
  color: transparent;
  width: 100%;
  text-align: center;
  margin-bottom: 1.3rem;
}

.new-graphics-section .color-swatches-swiper .main-image-prev,
.new-graphics-section .color-swatches-swiper .main-image-next {
  position: unset;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  transform: none;
  margin-top: 0;
  width: auto;
  height: auto;
}

.new-graphics-section .color-swatches-swiper .main-image-prev::after,
.new-graphics-section .color-swatches-swiper .main-image-next::after {
  color: #fff;
}

.new-graphics-section .swiper-button-next.main-image-next:hover,
.new-graphics-section .swiper-button-prev.main-image-prev:hover {
  background-color: transparent;
}

.new-graphics-section .color-swatches-swiper {
  display: flex;
  align-items: center;
  margin-top: 14px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 90px;
}

.color-swatches-swiper .swiper-button-next,
.color-swatches-swiper .swiper-button-prev {
  border: 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
  transform: translate(10px, 13px);
}

.new-graphics-section .product-swiper-section {
  color: #fff;
  padding: 40px 0;
  text-align: center;
}

.new-graphics-section .product-box img {
  max-width: 100%;
  border-radius: 50%;
  transition: transform 0.3s ease;
  background: linear-gradient(139.13deg, #f4f4f4 4.38%, #d9d9d9 108.81%);
  position: relative;
  z-index: 1;
}

.new-graphics-section .product-box .main-image-swiper .swiper-wrapper::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 50%;
  /* border-image-slice: 1; */
  z-index: 0;
}

.new-graphics-section .product-box h4 {
  line-height: 100%;
  margin: 14px 0 0;
}

.new-graphics-section .product-box .discover-button {
  background: rgba(237, 34, 40, 1);
  padding: 10px 12px;
  display: block;
  width: fit-content;
  font-family: Roboto;
  font-weight: 600;
  font-size: 8px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin: 14px auto 0;
}

/* Highlight the centered slide */
.new-graphics-section .swiper-slide.active-center .product-box {
  /* transform: scale(1.1); */
  border-color: #fff;
}

.new-graphics-section .swatch {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 4px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.new-graphics-section .swatch:hover {
  /* transform: scale(1.2); */
}

.new-graphics-section .product-title a {
  color: rgba(255, 255, 255, 1);
  font-family: Roboto;
  font-weight: 700;
  font-size: 14px;
  max-width: 140px;
  display: block;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  margin: auto;
}

.new-graphics-section .swiper-slide-active .product-title a {
  /* font-size: 10px; */
  max-width: 100%;
}

.new-graphics-section .color-swatches {
  display: flex;
  /* width: 100%; */
  overflow: unset;
  justify-content: center;
  width: 95%;
  margin: auto;
}

.new-graphics-section .swatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: inline-block;
  cursor: pointer;
}

.new-graphics-section .swatch:hover {
  /* transform: scale(1.1); */
}

.new-graphics-section .swatch-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto !important;
  margin-right: 10px;
}

.new-graphics-section .swatch-slide:last-child {
  margin-right: 0px;
}

.new-graphics-section .swatch-label {
  font-size: 12px;
  color: #fff;
  margin-top: 4px;
  text-align: center;
  white-space: nowrap;
}

.new-graphics-section .swatch-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 1);
  cursor: pointer;
  margin: 0;
}

.new-graphics-section .swiper-button-next-color,
.new-graphics-section .swiper-button-prev-color {
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  z-index: 10;
}

.new-graphics-section .swiper-button-next-color:hover,
.new-graphics-section .swiper-button-prev-color:hover {
  background-color: #ccc;
}

.new-graphics-section .swiper-button-next-color:after,
.new-graphics-section .swiper-button-prev-color:after {
  font-size: 16px;
  color: #000;
}

.new-graphics-section .main-image-swiper {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  background: linear-gradient(180deg, #ff0000 0%, #efefef 100%);
  border-radius: 50%;
  padding: 5.6px;
}

.new-graphics-section .main-image-swiper .swiper-slide.swiper-slide-active {
  transform: unset;
  -webkit-backface-visibility: hidden;
  backface-visibility: visible;
  margin-right: 10px;
  /* height: 195px; */
  /* display: flex; */
  /* align-items: center; */
  /* text-align: center; */
  /* justify-content: center; */
}

.color_watches_dls .color-swatches-swiper,
.new-graphics-section .color_watches_dls .discover-button,
.graphics-section-single-product .main-slider-prev,
.graphics-section-single-product .main-slider-next {
  /* display: none; */
  transition: transform 0.2s ease;
  opacity: 0;
}

.swiper-slide-active .color_watches_dls .color-swatches-swiper {
  /* display: flex; */
  opacity: 1;
  /* transition: transform 0.2s ease; */
  transform: scale(0.7);
}

.graphics-section-single-product .color_watches_dls .product-title {
  /* display: block; */
  opacity: 1;
  transition: transform 0.2s ease;
}

.swiper-slide-active .color_watches_dls,
.new-graphics-section .swiper-slide-active .color_watches_dls .discover-button {
  /* display: block; */
  opacity: 1;
  transition: transform 0.2s ease;
}

.graphics-section-single-product.swiper-slide-active .main-slider-prev,
.graphics-section-single-product.swiper-slide-active .main-slider-next {
  /* display: flex; */
  opacity: 1;
  border-color: rgba(239, 239, 239, 1);
}

.new-graphics-section .graphics-section-single-product {
  /* width: 15% !important; */
  transition: transform 0.2s ease;
  transform: scale(0.9);
}

.new-graphics-section .graphics-section-single-product.swiper-slide-active {
  /* width: 40% !important; */
  transition: transform 0.2s ease;
  transform: scale(1.5);
}

.new-graphics-section .graphics-section-single-product.swiper-slide-active .product-box img {
  /* height: 160px; */
  /* width: 160px; */
}

.new-graphics-section .graphics-section-single-product.swiper-slide-prev .product-box {
  margin-left: 0;
}

.new-graphics-section .graphics-section-single-product.swiper-slide-next .product-box {
  margin-right: 0;
}

.new-graphics-section .graphics-section-single-product.swiper-slide-active .main-slider-prev,
.new-graphics-section .graphics-section-single-product.swiper-slide-active .main-slider-next {
  /* width: 34px; */
  /* height: 34px; */
  transform: scale(0.5);
}

.new-graphics-section .swiper-slide-active .product-box {
  max-width: 60%;
  margin: auto;
}

.new-graphics-section .product-box {
  max-width: 70%;
  margin: auto;
}

.new-graphics-section .swiper-button-prev:after,
.new-graphics-section .swiper-rtl .swiper-button-next:after,
.new-graphics-section .swiper-button-next:after,
.new-graphics-section .swiper-rtl .swiper-button-prev:after {
  color: rgba(239, 239, 239, 1);
  font-size: 10px;
}

.new-graphics-section .swiper-button-next.main-slider-next:after,
.new-graphics-section .swiper-button-prev.main-slider-prev:after {
  content: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.0479%207.50016H1.21452M1.21452%207.50016L7.63118%201.0835M1.21452%207.50016L7.63118%2013.9168%22%20stroke%3D%22%23EFEFEF%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);
}

.new-graphics-section .swiper-button-next.main-slider-next:after {
  transform: rotate(180deg);
}

.new-graphics-section .swiper-wrapper {
  align-items: center;
  /* overflow: hidden; */
}

.new-graphics-section .myProductSwiper>.swiper-wrapper {
  padding: 65px 0px;
}

.swiper-button-next.main-slider-next {
  position: absolute;
  right: 37%;
  top: 55%;
  border-color: #fff;
  width: 40px;
  height: 40px;
}

.swiper-button-prev.main-slider-prev {
  position: absolute;
  left: 37%;
  top: 55%;
  border-color: #fff;
  width: 40px;
  height: 40px;
}

.myProductSwiper {
  padding-top: 120px;
}

.new-graphics-section .swiper-slide.swatch-slide.swiper-slide-active .swatch-circle {
  border: 1px solid rgba(237, 34, 40, 1);
}

/* New graphics css End */

.video_section_poster>img {
  width: 100%;
  max-width: 1180px;
}

/* Preeee 04-06-25 */
.swiper-pagination.helmet-parts-pagination.custom {
  position: unset;
}

.helmet-parts-pagination.custom .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  background: rgb(237, 34, 40);
}

.helmet-parts-pagination.custom .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}

/* Preeee 04-06-25 end*/
/* Shop Page Css Start */

body.woocommerce .filter_short_color {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.clear-all-filters a {
  background: transparent;
  border: none;
  color: rgba(237, 34, 40, 1);
  font-weight: 700;
}

.selected_filter_roles {
  margin: 24px 0 40px;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.selected_filter_roles ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.selected_filter_roles ul li {
  border: 1px solid rgba(205, 205, 205, 1);
  background: rgba(250, 250, 250, 1);
  padding: 8px 10px;
  color: rgba(1, 1, 1, 1);
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  gap: 10px;
}

.selected_filter_roles ul li span:first-child {
  display: flex;
  gap: 6px;
  align-items: center;
}

.selected_filter_roles ul li span>span {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50px;
}

.selected_filter_roles ul li span .red {
  background: rgba(237, 34, 40, 1);
}

.selected_filter_roles ul li span .blue {
  background: rgba(1, 49, 184, 1);
}

.selected_filter_roles ul li span .black {
  background: rgba(1, 1, 1, 1);
}

.selected_filter_roles ul .clear_all_data {
  background: transparent;
  border: none;
  color: rgba(237, 34, 40, 1);
  font-weight: 700;
}

.hero_banner_slider {
  position: relative;
  display: flex;
  align-items: center;
  height: 316px;
  /* background: url(../img/hero_banner_slider.jpg) right center/cover no-repeat; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  overflow: hidden;
}

.hero_banner_slider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
  height: 100%;
  clip-path: polygon(0 0, 70% 0, 80% 150%, 0% 100%);
  background: linear-gradient(275.97deg, #ed2228 4.74%, #010101 130.2%);
  z-index: 1;
}

.hero_banner_content {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 1);
  padding: 0 0 0 80px;
  max-width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(../img/hero_banner_whites.png);
  background-size: 60% 100%;
  background-repeat: no-repeat;
}

.hero_title {
  margin-bottom: 20px;
  font-family: A4 SPEED;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  position: relative;
  padding-bottom: 14px;
}

.hero_title::after {
  content: " ";
  position: absolute;
  width: 80px;
  height: 2px;
  background: rgba(255, 255, 255, 1);
  bottom: 0;
  left: 0;
}

.hero_banner_slider .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs-container a {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(214, 214, 214, 1) !important;
  opacity: 1;
}

.hero_banner_slider .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs-container {
  font-family: Roboto;
  font-weight: 800;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1) !important;
}

.hero_banner_slider .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs-container span {
  color: rgba(214, 214, 214, 1) !important;
  padding: 0 4px;
  font-size: 16px;
  line-height: 100%;
}

.hero_banner_slider .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content {
  padding-left: 0;
  padding-right: 0;
}

.hero_banner_slider .breadcrumb {
  margin: 0;
  align-items: center;
  gap: 2px;
  font-size: 16px;
}

.filter_options_wrap strong {
  font-family: Roboto;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
}

.filter_options_wrap .widget-container,
.filter_options_wrap .widget-container .ts-dropdown-toggle {
  position: unset;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.filter_options_wrap .widget-container::before {
  display: none;
}

.filter_options_wrap .heading-title {
  padding: 0;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 100%;
}

.filter_options_wrap .widget-title:after {
  display: none;
}

.filter_options_wrap.filters-container {
  align-items: center;
}

.filter_short_color .woocommerce-ordering {
  margin-bottom: 0;
}

.filter_short_color .woocommerce-ordering .orderby {
  padding-left: 0;
  border: 1px solid rgba(217, 217, 217, 1);
}

.filter_short_color .woocommerce-ordering .orderby .orderby-current {
  font-family: Roboto;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: left;
  color: rgba(1, 1, 1, 1);
}

html .woocommerce .filter_short_color .woocommerce-ordering:hover ul.orderby {
  background-color: rgba(237, 34, 40, 1);
  color: rgba(255, 255, 255, 1);
}

html .woocommerce .filter_short_color .woocommerce-ordering:hover ul.orderby .orderby-current {
  color: rgba(255, 255, 255, 1);
}

.filter_short_color .widget_layered_nav .woocommerce-widget-layered-nav-list.vi-wpvs-woocommerce-widget-layered-nav-list,
.filter_short_color .ts-product-categories-wrapper .ts-dropdown-content,
.filter_short_color .widget-container.widget_text .textwidget,
.shop_content_wrap .category_filter_box {
  display: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
  position: absolute;
  flex-direction: column;
  width: calc(100% - 160px);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  align-items: flex-start;
  padding: 16px;
  left: 80px;
  z-index: 99;
  background: #fff;
  text-align: left;
  margin-top: 24px;
}

.filter_short_color .widget-container.widget_text .textwidget .berocket_single_filter_widget {
  max-width: 550px;
}

.filter_listing_wrap {
  display: inline-block;
}

.category_filter_box label {
  font-size: 14px;
  line-height: 100%;
  padding: 0;
  margin: 0 32px 10px 0;
  text-transform: uppercase;
  font-family: Roboto;
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(1, 1, 1, 1);
}

body .category_filter_box input.custom_checkbox {
  width: 22px;
  height: 22px;
  margin-right: 0px;
  position: absolute;
  top: 0;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}

body .category_filter_box .custom_label {
  display: inline-block;
  padding: 0px;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(1, 1, 1, 1);
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin: 0 10px 0 0;
}

body .category_filter_box .custom_label::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  z-index: 1;
  width: 11px;
  height: 5px;
  border-color: #fff;
  border-style: none none solid solid;
  border-width: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input.custom_checkbox:checked+.custom_label,
input.custom_checkbox:checked {
  background-color: rgba(237, 34, 40, 1);
  color: white;
  border-color: rgba(237, 34, 40, 1);
}

.category_filter_box input[type="checkbox"]:checked {
  background-color: rgba(237, 34, 40, 1);
  /* This may not show on all browsers */
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories {
  padding: 0px !important;
  width: 100%;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories a {
  text-align: left;
  font-size: 14px;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories li {
  padding: 0 0 10px;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories li:last-child {
  padding: 0;
}

.filter_options_wrap .ts-product-categories-widget ul.product-categories li.cat-parent>span.icon-toggle {
  top: 0px;
}

body .filter_short_color .widget_layered_nav .wc-layered-nav-term.vi-wpvs-wc-layered-nav-term {
  padding-left: 0px !important;
  font-size: 14px;
  line-height: 100% !important;
  margin: 0 0 10px !important;
}

body .filter_short_color .widget_layered_nav .wc-layered-nav-term.vi-wpvs-wc-layered-nav-term a {
  text-align: left;
}

body .filter_short_color .widget_layered_nav .wc-layered-nav-term.vi-wpvs-wc-layered-nav-term:last-child {
  margin: 0 0 0px !important;
}

html .woocommerce .filter_short_color .widget_layered_nav ul li span.count {
  font-size: 12px;
  letter-spacing: 0;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories .children a {
  font-size: 12px;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories ul.children {
  margin: 0;
  padding: 4px 0 0 10px;
}

body .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content ul.product-categories ul.children li {
  padding: 0 0 4px;
}

.filter_short_color div#bapf_1 .bapf_head h3 {
  display: block;
  background-color: transparent;
  margin: 0px;
  font-size: 14px;
  border-bottom: navajowhite;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 10px;
  border-top: none;
  text-align: left;
  line-height: 100%;
}

.filter_short_color div#bapf_1 .bapf_body {
  margin-bottom: 0;
}

.filter_short_color .filter_options_wrap .widget_search_by_base_color_widget {
  position: unset;
}

.filter_short_color .filter_options_wrap #base-color-filter-form {
  position: absolute;
  width: calc(100% - 160px);
  left: 80px;
  margin-top: 24px;
  z-index: 99;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
  padding: 16px;
  column-gap: 24px !important;
  row-gap: 0px !important;
}

.filter_short_color .filter_options_wrap #base-color-filter-form label span {
  border-radius: 0 !important;
  border: none !important;
}

.filter_short_color .filter_options_wrap #base-color-filter-form label.selected span {
  border: 1px solid #000 !important;
}

.post-type-archive-product #main-content {
  padding: 0;
}

.subcategories_swipe {
  position: relative;
  margin: 40px 0;
  padding: 0 30px;
}

.subcategories_swipe::before {
  content: " ";
  position: absolute;
}

.subcategories-section.subcategories_swipe .subcategory-card {
  max-width: 100%;
  min-height: auto;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(166, 162, 162, 1);
  background-image: url(../img/rider_slider.png);
  background-repeat: no-repeat;
}

.subcategories-section.subcategories_swipe .subcategory-card .subcategory-info {
  margin: 24px 24px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  justify-content: space-between;
}

.subcategories-section.subcategories_swipe .subcategory-card a {
  display: block;
  width: 100%;
}

.subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
.subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
  width: 240px;
}

.subcategories-section.subcategories_swipe .subcategory-card .subcategory-info h3 {
  font-family: "Eurostile";
  font-weight: 800;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  width: 100%;
  max-width: 190px;
  min-height: 80px;
  margin-bottom: 8px;
  word-break: auto-phrase;
}

.subcategories-section.subcategories_swipe .subcategory-card .subcategory-info p {
  margin: 0;
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(1, 1, 1, 1);
  text-decoration: underline;
  text-underline-offset: 6px;
  display: block;
}

.subcategories_swipe .swiper-button-next,
.subcategories_swipe .swiper-button-prev {
  width: auto;
  height: auto;
  border: none;
}

.subcategories_swipe .swiper-button-prev {
  left: -10px;
}

.subcategories_swipe .swiper-button-next {
  right: -10px;
}

.subcategories_swipe .swiper-button-next:after,
.subcategories_swipe .swiper-button-prev:after {
  font-size: 28px;
}

.sub_categories::after {
  content: " ";
  border-bottom: 1px solid rgba(201, 189, 189, 1);
  width: 100%;
  height: 1px;
  margin-bottom: 40px;
  display: block;
  padding-left: 0;
}

.woocommerce .shop_content_wrap .products .product {
  margin: 0 0 36px 0;
  position: relative;
}

.woocommerce .shop_content_wrap .products .product .product-wrapper {
  max-width: 100%;
}

.woocommerce .shop_content_wrap .product .meta-wrapper {
  text-align: left;
  position: unset;
}

.shop_content_wrap .products .product h3 a,
.woocommerce .shop_content_wrap .products .product h3 a {
  font-family: Roboto;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
}

.shop_content_wrap .products .product .product-categories,
.shop_content_wrap .products .product .product-sku,
.shop_content_wrap .products .product .short-description,
.shop_content_wrap .products .product .loop-add-to-cart {
  display: none !important;
}

.shop_content_wrap .products .product h3,
.woocommerce .shop_content_wrap .products .product h3 {
  margin: 0;
}

.woocommerce .shop_content_wrap .products .product .price {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  margin-bottom: 4px;
  line-height: 18px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 24px;
  line-height: 43px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: rgba(237, 34, 40, 1);
  padding-top: 0 !important;
}

.shop_content_wrap .vi-wpvs-variation-style {
  margin-bottom: 0;
}

.shop_content_wrap .product-wrapper .thumbnail-wrapper {
  background-image: unset;
}

.shop_content_wrap .product-wrapper .thumbnail-wrapper .vi_wpvs_loop_variation_form {
  margin-top: 16px;
}

.shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-variation-button-select,
.shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap {
  border-radius: 50px;
  height: 36px;
  width: 36px;
}

.shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option,
.shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option,
.shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option {
  width: 26px;
  height: 26px;
}

.shop_content_wrap .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
  box-shadow: 0 0 0 2px rgba(245, 43, 43, 1) inset;
}

.woocommerce .shop_content_wrap .products .product .product-wrapper .sold-product,
.woocommerce .shop_content_wrap .products .product .product-wrapper .star-rating {
  display: none;
}

.woocommerce .shop_content_wrap .product .product-label .out-of-stock:before {
  border-top-color: rgba(237, 34, 40, 1);
}

.woocommerce .shop_content_wrap .product .product-label .out-of-stock:after {
  border-bottom-color: rgba(237, 34, 40, 1);
}

.woocommerce .shop_content_wrap .products .product .product-label .out-of-stock {
  font-size: 14px;
  background: rgba(237, 34, 40, 1);
}

.woocommerce .products .product a img {
  width: 350px;
  height: 350px;
  object-fit: contain;
}

body.thumbnail-no-border.archive .products .product .thumbnail-wrapper figure::after {
  content: "";
  width: 210px;
  height: 54px;
  display: block;
  position: absolute;
  bottom: -25px;
  z-index: 999999;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/ellipse_shadow.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body.thumbnail-no-border.archive .products .product .thumbnail-wrapper figure {
  text-align: center;
  overflow: unset;
}

.woocommerce .shop_content_wrap .product .thumbnail-wrapper>a:before,
.woocommerce .shop_content_wrap .product figure.owl-carousel .owl-item:before {
  bottom: 0;
  background: rgba(245, 245, 245, 1);
  opacity: 1;
  z-index: 1;
}

.woocommerce .shop_content_wrap .product .thumbnail-wrapper>a {
  padding: 60px 0;
}

.hero_banner_slider .breadcrumb-title-wrapper.breadcrumb-v2:after {
  position: unset;
}

.breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title {
  padding-top: 0;
  padding-bottom: 0;
}

/* tablate */

.tabbed-mobile-widget-wrapper {
  display: flex;
  flex-direction: row;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.tabbed-mobile-widget-titles {
  flex: 1;
  background: #f7f7f7;
  border-right: 1px solid #ddd;
  display: flex;
  flex-direction: column;
}

.tab-title-item {
  padding: 12px 15px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s;
  border-bottom: 1px solid #eee;
}

.tab-title-item.active {
  background: #e0e0e0;
}

.tabbed-mobile-widget-contents {
  flex: 3;
  padding: 15px;
}

.tab-content-item {
  display: none;
}

.tab-content-item.active {
  display: block;
}

.woocommerce .shop_content_wrap .product .meta-wrapper .button-in.wishlist {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 9;
  display: block;
  margin: 0;
}

.woocommerce .shop_content_wrap .product .meta-wrapper .button-in.wishlist .button-tooltip {
  display: none;
}

.shop_content_wrap .product .meta-wrapper .button-in.wishlist a {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  font-size: 32px;
  line-height: 60px;
}

.shop_content_wrap .product .meta-wrapper .button-in.wishlist a::before {
  font-size: 32px;
  line-height: 100%;
  font-weight: 600;
  color: #1e1e1e;
}

.shop_content_wrap .product .meta-wrapper .button-in.wishlist a:hover::before {
  color: #fff;
}

.shop_content_wrap .thumbnail-wrapper:hover .product-group-button {
  opacity: 0;
}

/* Shop Page Css End */

/* Product Page Css Start */

.woocommerce.single-product div.product div.summary {
  padding-left: 0;
  width: 50%;
  padding-right: 0% !important;
}

.woocommerce div.product .product_title {
  font-family: Eurostile;
  font-weight: 700 !important;
  font-size: 44px !important;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  margin-bottom: 23px !important;
}

/* Product Page Css End */

/* media query css */

/* Login Page Css Start */

body .login-form-wrap .login-form-content,
body .register-form-wrap .register-form-content {
  float: unset;
  margin: auto;
  width: 100%;
  max-width: 680px;
}

body .login-form-wrap .login-form-content .login,
body .register-form-wrap .register-form-content .register {
  background: rgba(255, 255, 255, 1) !important;
  border: 1px solid rgba(243, 243, 245, 1);
  padding: 40px !important;
  margin: 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

body .login-form-wrap .login-form-content .login .bb-login-subtitle,
body .register-form-wrap .register-form-content .register .bb-register-subtitle {
  font-family: Roboto;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: rgba(1, 1, 1, 1);
  text-align: center;
  margin: 0 0 16px;
}

body .login-form-wrap .login-form-content .login .bb-login-description,
body .register-form-wrap .register-form-content .register .bb-register-description {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(88, 87, 87, 1);
  margin: 0 0 46px;
  text-align: center;
}

body .login-form-wrap .login-form-content .login .form-row label,
body .register-form-wrap .register-form-content .register .form-row label {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(88, 87, 87, 1);
}

body .login-form-wrap .login-form-content .login .form-row label .required,
body .register-form-wrap .register-form-content .register .form-row label .required {
  color: rgba(237, 34, 40, 1);
}

body .login-form-wrap .login-form-content .login .form-row input,
body .register-form-wrap .register-form-content .register .form-row input,
body .login-form-wrap .login-form-content .login .form-row input:-webkit-autofill,
body .register-form-wrap .register-form-content .register .form-row input:-webkit-autofill {
  max-width: 100%;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgba(1, 1, 1, 1) !important;
  -webkit-text-fill-color: rgba(1, 1, 1, 1) !important;
  background-color: rgba(243, 243, 245, 1) !important;
  background: rgba(243, 243, 245, 1);
  padding: 14px 16px;
  border: none;
  border-radius: 6px;
  font-family: Roboto;
  box-shadow: 0 0 0 1000px rgba(243, 243, 245, 1) inset !important;
  /* your background color */
  border-radius: 6px !important;
  transition: background-color 5000s ease-in-out 0s;
  /* fix flicker on focus */
}

body .login-form-wrap .login-form-content .login .form-row input::placeholder,
body .register-form-wrap .register-form-content .register .form-row input::placeholder {
  color: rgba(88, 87, 87, 1) !important;
  -webkit-text-fill-color: rgba(88, 87, 87, 1) !important;
  font-family: Roboto;
  font-size: 18px;
  line-height: 100%;
  font-style: normal;
}

body #post-10 {
  margin-top: 0;
  padding: 0;
}

body.woocommerce-account #main {
  background-color: rgba(243, 243, 245, 1);
}

body .login-form-wrap p.form-row.form-row.form-row-wide .password-input {
  width: 100%;
  max-width: 100%;
}

body .login-form-wrap .remember-forgot-pas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 30px;
}

body .login-form-wrap .remember-forgot-pas label {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(1, 1, 1, 1);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

body .login-form-wrap .remember-forgot-pas label input {
  border: 1px solid rgba(217, 217, 217, 1);
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}

body .login-form-wrap .remember-forgot-pas label input[type="checkbox"]:checked {
  background-color: #ED2228;
  border-color: #ED2228;
}

body .login-form-wrap .remember-forgot-pas label input[type="checkbox"]:checked::before {
  content: '';
  background: #ED2228;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

body .login-form-wrap .remember-forgot-pas label input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);

}


body .login-form-wrap .remember-forgot-pas p.lost_password {
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(88, 87, 87, 1);
}

body .login-form-wrap .login-submit-btn .button,
body .register-form-wrap .register-submit-btn .button {
  background-color: rgba(222, 222, 222, 1) !important;
  margin: 0;
  width: 100%;
  border-color: rgba(222, 222, 222, 1) !important;
  font-family: Roboto !important;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 100% !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 20px !important;
  color: rgba(88, 87, 87, 1) !important;
  opacity: 1 !important;
  min-height: 46px;
}

body .login-form-wrap .login-submit-btn .button:hover,
.register-form-wrap .register-submit-btn .button:hover {
  background-color: #ff0505;
  border-color: #ff0505;
  color: #ffffff;
}

body .login-form-wrap .login-form-content .login .form-row input.studds-input-validate,
body .register-form-wrap .register-form-content .register .form-row input.studds-input-validate,
body .login-form-wrap .login-form-content .login .form-row input.studds-input-validate:-webkit-autofill,
body .register-form-wrap .register-form-content .register .form-row input.studds-input-validate:-webkit-autofill {
  background-color: rgba(253, 233, 233, 1) !important;
  box-shadow: 0 0 0 1000px rgba(253, 233, 233, 1) inset !important;
  border: 2px solid rgba(237, 34, 40, 1);
}

body .login-form-wrap .login-form-content .login .form-row .error-message {
  margin-top: 12px;
  display: block;
}

.dont-have-account p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(88, 87, 87, 1);
  text-align: center;
  margin: 30px 0 0;
}

.dont-have-account p a {
  color: rgba(1, 49, 184, 1);
  text-decoration: underline !important;
  font-weight: 500;
}

body .login-form-wrap .login-form-content .login .form-row {
  margin: 0 0 24px;
  padding: 0;
}

.form-para-describe {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgba(88, 87, 87, 1);
  margin: 0 0 30px;
}

body .login-form-wrap .login-form-content .login .error-message,
body .register-form-wrap .register-form-content .register .error-message {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgba(237, 34, 40, 1) !important;
  margin-top: 12px;
  display: block;
}

body .login-form-wrap .login-form-content .login.studds-login-validate-form .login-submit-btn .button,
body .register-form-wrap .register-form-content .register.studds-register-validate-form .register-submit-btn .button {
  background-color: rgba(237, 34, 40, 1) !important;
  border-color: rgba(237, 34, 40, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

body .login-form-wrap .login-form-content .login.studds-login-validate-form .login-submit-btn button.button[disabled],
body .register-form-wrap .register-form-content .register.studds-register-validate-form .register-submit-btn .button[disabled] {
  background: #dedede !important;
  border-color: #dedede !important;
  color: #585757 !important;
}
/* Login Page Css End */

@media only screen and (min-width: 1921px) {

  .video-section,
  .drifter-slider-section,
  .launch-section,
  .thunder-product-slider.accessories_slider,
  .thunder-product-slider.our-stories-slider,
  .video_section_poster img,
  .drifter-slider-section .swiper-slide img,
  .categories_section_wrap .categories__swipe_dls img,
  .thunder-product-slider.our-stories-slider .thunder-product-image img,
  .new-graphics-section {
    height: auto;
  }
}

@media only screen and (max-width: 1800px) {
  .tagline_vertical span {
    font-size: 130px;
  }

  .tagline_img img {
    max-width: 390px;
  }
}

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

  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    padding: 0 16px 0;
  }
}

@media only screen and (max-width: 1600px) {
  .swiper_button_group {
    width: 700px;
  }

  .top-left {
    top: -5px;
    left: 40px;
  }

  .top-right {
    top: -5px;
    right: 40px;
  }

  .bottom-left {
    bottom: -8px;
    left: 40px;
  }

  .bottom-right {
    bottom: -8px;
    right: 40px;
  }

  .thunder-product-thumb-slider .swiper-slide h4 {
    padding-top: 16px;
    font-size: 14px;
    max-width: 80%;
    margin: auto;
  }

  .new-launches-slider .thunder-product-image img {
    max-width: 300px;
  }

  .thunder-product-thumb-slider {
    padding-top: 30px;
  }

  .new-launches-slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    width: 70px;
    height: 70px;
  }

  .near_strore_left h2 {
    font-size: 38px;
  }

  .accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    /* width: 70px; */
    /* height: 70px; */
  }

  .swiper-slide-thumb-active .swiper_corner_block::before {
    /* width: 90px; */
  }

  .corner {
    width: 24px;
    height: 24px;
  }

  .search-table {
    /* max-width: 320px; */
  }

  .hero-banner .scroll_down_btm a {
    font-size: 16px;
  }

  .thunder-product-slider .swiper-slide .row {
    padding-top: 28px;
  }

  .thunder-product-slider.accessories_slider .thunder-product-text h2,
  .video-content h2,
  .thunder-product-slider.our-stories-slider .thunder-product-text h2,
  .counter_sec_title h2,
  .section-header h2,
  .instagram_title h2,
  .new_launches_title h2,
  .categories_title h2,
  .testimonial_title h2 {
    font-size: 32px;
    line-height: 120%;
  }

  .near_strore_left h2 {
    line-height: 100%;
  }

  .thunder-product-slider.accessories_slider .thunder-product-text h2::before,
  .thunder-product-slider.accessories_slider .thunder-product-text h2::after,
  .counter_sec_title h2::after,
  .counter_sec_title h2::before,
  .section-header::after,
  .section-header::before,
  .new_launches_title h2::before,
  .new_launches_title h2::after,
  .categories_title h2::after,
  .categories_title h2L::before,
  .testimonial_title h2::after,
  .testimonial_title h2::before {
    height: 4px;
  }

  .new-launches-bg-text,
  .near_strore_left p {
    font-size: 16px;
    line-height: 130%;
  }

  .counter-number,
  .counter_surfix {
    font-size: 24px;
    margin: 0 0 18px;
  }

  .counter-label {
    font-size: 20px;
    line-height: 120%;
  }

  .accessories_slider .thunder-product-Video .thunder-product-Video-content h3 {
    font-size: 26px;
  }

  .video-content p {
    font-size: 14px;
  }

  .video_section_poster img {
    height: 58vh;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text span {
    font-size: 96px;
  }

  .our_story_navs {
    top: 38%;
    right: 39%;
  }

  .review_box {
    min-height: 390px;
  }

  .tagline_img img {
    width: 100%;
    max-width: 400px;
  }

  .tagline_img::after {
    width: 350px;
    bottom: -55px;
    left: 0;
  }

  body .tagline_img_degree img {
    right: 54%;
  }

  .tagline_title h2 {
    font-size: 90px;
  }

  .tagline_vertical {
    top: 42%;
  }

  .launch-section .launch-content {
    margin-top: 0px;
  }

  .tagline_vertical span {
    font-size: 120px;
  }

  .accessories_slider .thunder-product-image img {
    max-width: 340px;
  }

  .main_product_bg_text h4 {
    font-size: 60px;
  }

  .category_title_on_image a,
  .category_title_on_image h4 {
    font-size: 30px;
  }

  .myProductSwiper {
    padding-top: 85px;
  }

  .new-graphics-section .myProductSwiper>.swiper-wrapper {
    padding: 90px 0px;
  }

  .swiper-button-next.main-slider-next,
  .swiper-button-prev.main-slider-prev {
    top: 40%;
  }

  .hero_banner_slider::before {
    width: 65%;
  }

  .hero_title {
    font-size: 38px;
  }

  .hero_banner_slider .breadcrumb span,
  .hero_banner_slider .breadcrumb a {
    font-size: 14px;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 180px;
  }

  .filter_options_wrap .heading-title,
  .filter_options_wrap .widget-container,
  .filter_options_wrap .widget-container .ts-dropdown-toggle {
    font-size: 14px;
  }

  .filter_options_wrap strong {
    font-size: 16px;
  }

  .filter_short_color .woocommerce-ordering .orderby .orderby-current {
    font-size: 14px;
  }

  .selected_filter_roles ul li {
    font-size: 14px;
  }

  .woocommerce .shop_content_wrap .products .product .product-label .out-of-stock {
    font-size: 12px;
  }

  .shop_content_wrap .products .product h3 a,
  .woocommerce .shop_content_wrap .products .product h3 a {
    font-size: 20px;
  }

  .woocommerce .shop_content_wrap .products .product .price {
    font-size: 20px;
  }

  .woocommerce .shop_content_wrap .products .product .price .amount {
    font-size: 16px;
  }

  .woocommerce .shop_content_wrap .products .product .price {
    line-height: 32px;
  }

  .woocommerce .products .product a img {
    width: 290px;
    height: 290px;
  }

  .woocommerce .shop_content_wrap .product .thumbnail-wrapper>a {
    padding: 30px 0;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active {
    transform: scale(1.6);
  }

  .hero_banner_content {
    max-width: 48%;
  }

  .shop_content_wrap .product .meta-wrapper .button-in.wishlist a {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 40px;
  }

  .shop_content_wrap .product .meta-wrapper .button-in.wishlist a::before {
    font-size: 22px;
  }

  .new-graphics-section .swiper-slide-active .product-title a {
    font-size: 10px;
  }
}

@media (width: 1536px) {
  .tagline_vertical {
    top: 46%;
  }

  .tagline_vertical span {
    font-size: 110px;
  }

  .tagline_title h2 {
    font-size: 80px;
  }

  .tagline_img img {
    max-width: 365px;
  }

  .new-graphics-section .myProductSwiper>.swiper-wrapper {
    padding: 70px 0px;
  }

  .myProductSwiper {
    padding-top: 60px;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active {
    transform: scale(1.4);
  }

  .accessories_slider .thunder-product-image img {
    max-width: 290px;
  }

  .accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    width: 90px;
    height: 90px;
  }

  .swiper-slide-thumb-active .swiper_corner_block::before {
    width: 110px;
  }
}

@media only screen and (max-width: 1440px) {
  .swiper_button_group {
    width: 630px;
  }

  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    font-size: 14px;
    padding: 0 16px 0;
  }

  body .header-currency a,
  body .my-account-wrapper .account-control>a,
  body .my-account-wrapper .sign-up,
  body .ts-tiny-cart-wrapper .cart-control {
    font-size: 12px;
  }

  .top-left {
    left: 35px;
  }

  .top-right {
    right: 35px;
  }

  .bottom-left {
    left: 35px;
  }

  .bottom-right {
    right: 35px;
  }

  .categories_section_wrap .swiper-slide.swiper-slide-active {
    /* height: 320px; */
  }

  .search-table {
    /* max-width: 30%; */
  }

  .new-launches-slider .thunder-product-image img {
    max-width: 200px;
  }

  .accessories_slider .thunder-product-image img {
    /* max-width: 290px; */
  }

  .our_story_navs {
    top: 38%;
    right: 38%;
  }

  .review_box {
    min-height: 100%;
  }

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

  .right-column .features {
    margin-right: 110px;
  }

  .accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    /* width: 100px; */
    /* height: 100px; */
  }

  .swiper-slide-thumb-active .swiper_corner_block::before {
    /* width: 110px; */
  }

  .thunder-product-thumb-slider {
    padding-top: 10px;
  }

  .tagline_img img {
    max-width: 390px;
  }

  body .tagline_img_degree img {
    right: 50%;
  }

  .tagline_title h2 {
    font-size: 84px;
  }

  .swiper-button-next.main-slider-next,
  .swiper-button-prev.main-slider-prev {
    width: 30px;
    height: 30px;
  }

  .blog-image img {
    height: 220px;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active {
    transform: scale(1.8);
  }

  .new-graphics-section .swiper-slide-active .product-title a {
    font-size: 10px;
  }

  .new-graphics-section .product-box h4 {
    margin: 6px 0 0;
  }

  .new-graphics-section .product-box .discover-button {
    margin: 6px auto 0;
  }

  .new-graphics-section .main-image-swiper {
    margin-bottom: 8px;
  }

  .main_product_bg_text h4 {
    font-size: 40px;
  }

  .myProductSwiper {
    padding-top: 75px;
  }

  .swiper-button-next.main-slider-next,
  .swiper-button-prev.main-slider-prev {
    top: 50%;
  }

  .swiper-button-prev.main-slider-prev {
    left: 35%;
  }

  .swiper-button-next.main-slider-next {
    right: 35%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card {
    background-size: 50% 70%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info h3 {
    font-size: 28px;
    min-height: 65px;
    word-break: break-all;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 130px;
  }

  .hero_banner_slider {
    height: 280px;
  }

  .launch-content .right-column .feature img {
    width: 70px;
  }

  /* Home page two all section full height  */

  .page-id-639624 .drifter-slider-section,
  .page-id-639624 .launch-section,
  .page-id-639624 .new-graphics-section,
  .page-id-639624 .thunder-product-slider.accessories_slider,
  .page-id-639624 .video-section,
  .page-id-639624 .thunder-product-slider.our-stories-slider {
    height: 100%;
  }

  .page-id-639624 .drifter-slider-section .swiper-slide img {
    height: calc(100vh - 225px);
  }

  .page-id-639624 .tagline_img img {
    max-width: 300px;
  }

  .page-id-639624 .tagline_title h2 {
    font-size: 60px;
  }

  .page-id-639624 .tagline_vertical span {
    font-size: 90px;
  }

  .page-id-639624 .accessories_slider .thunder-product-image img {
    max-width: 300px;
  }

  .page-id-639624 .accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    width: 80px;
    height: 80px;
  }

  .page-id-639624 .swiper-slide-thumb-active .swiper_corner_block::before {
    width: 110px;
  }
}

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

  body .header-middle>.container,
  body .container,
  .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content,
  .header-top>.container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container_store {
    padding-left: 40px;
  }

  body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-9-of-12 {
    padding-left: 40px !important;
  }

  .carousel-content,
  .about-header {
    left: 40px;
  }

  .hero_banner_content {
    padding: 0 0 0 40px;
  }

  .filter_short_color .filter_options_wrap #base-color-filter-form,
  .filter_short_color .widget_layered_nav .woocommerce-widget-layered-nav-list.vi-wpvs-woocommerce-widget-layered-nav-list,
  .filter_short_color .ts-product-categories-wrapper .ts-dropdown-content,
  .filter_short_color .widget-container.widget_text .textwidget,
  .shop_content_wrap .category_filter_box {
    width: calc(100% - 80px);
    left: 40px;
  }

  .carousel-content h1 {
    font-size: 48px;
    line-height: 54px;
    max-width: 520px;
  }

  .carousel-content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 40px;
  }

  .about-tabs {
    bottom: 40px;
  }

  .about-description {
    bottom: 100px;
  }

  .blog-cards {
    gap: 24px;
  }

  .blog-content {
    padding: 24px 0 0 24px;
  }

  .view-all {
    font-size: 16px;
    padding: 14px 20px;
  }

  .blog_listing .list-posts .post-item .entry-format img,
  .blog-image img {
    height: 260px;
  }

  body .menu-wrapper nav>ul.menu>li {
    margin: 0 40px 0 0;
  }

  .foo_column .list-unstyled li a {
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
  }

  .foo_column .list-unstyled li::before {
    width: 14px;
    height: 14px;
  }
}

/* @media only screen and (max-width: 1366px) {

  .tagline_title h2 {
    font-size: 64px;
  }

  .tagline_img img {
    max-width: 290px;
  }

  .tagline_vertical span {
    font-size: 86px;
  }

  .launch-content .right-column .feature img {
    margin: 0px 0 6px;
  }

  .myProductSwiper {
    padding-top: 66px;
  }

  .myProductSwiper {
    padding-top: 0px;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active {
    transform: scale(1.4);
  }

  .main_product_bg_text h4 {
    font-size: 46px;
  }

  .accessories_slider .thunder-product-image img {
    max-width: 290px;
  }

  .accessories_slider .thunder-product-thumb-slider .swiper-slide .swiper_corner_block img {
    width: 70px;
    height: 70px;
  }

  .swiper-slide-thumb-active .swiper_corner_block::before {
    width: 90px;
  }



} */

/* CSS 09 */

.event_page_wrap {
  padding-top: 50px;
}

.event_page_wrap .event_title h2 {
  text-align: center;
}

.event_page_wrap .event_title h2 {
  text-align: center;
  line-height: 44px;
}

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

  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    font-size: 14px;
  }

  .top-left {
    left: 20px;
  }

  .top-right {
    right: 20px;
  }

  .bottom-left {
    left: 20px;
  }

  .bottom-right {
    right: 20px;
  }

  .video-section {
    height: auto;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text span {
    font-size: 76px;
  }

  .our_story_navs {
    top: 34%;
    right: 36%;
  }

  body .latest_btm_right input {
    font-size: 16px;
    line-height: 100%;
  }

  .latest_btm_right button {
    font-size: 16px;
    line-height: 110%;
  }

  .categories_section_wrap .categories__swipe_dls img {
    height: 100%;
  }

  .new-graphics-section .product-box .discover-button {
    font-size: 8px;
    padding: 10px 8px;
  }

  .hero_banner_slider {
    height: 260px;
  }
}

@media only screen and (max-width: 1229px) and (min-width: 768px) {
  .header-v3 .header-middle>.container>div {
    display: table-cell;
  }

  body .menu-wrapper nav>ul.menu>li {
    margin: 0 30px 0 0;
  }

  body .header-v3 .header-middle>.container>.search-wrapper {
    position: unset;
    padding: 0;
  }

  .ts-header .header-middle .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .ts-header .header-middle .container:after {
    content: none;
  }

  body .header-v3 .header-middle>.container>.logo-wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .about-tabs .tab {
    font-size: 20px;
    padding: 16px 24px;
  }

  .about-description {
    max-width: 85%;
    font-size: 16px;
  }

  .main_blog_details .entry-content .heading-title,
  .blog-title,
  .event-details .event-details-right h3,
  .event-details-left p:first-child,
  .event-details-left p:last-child,
  .gallery_temp_wrap .card .card-title,
  .media_page_wrap .media-grid .media-item .media-details h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .blog_container .main_blog_details .entry-info .date_time {
    font-size: 14px;
  }

  .blog_container .main_blog_details .entry-info .short-content,
  .event-details-right p,
  .media_page_wrap .media-grid .media-item .media-details p {
    font-size: 14px;
  }

  .blog_listing .list-posts .post-item .entry-format img,
  .blog-image img {
    height: 220px;
  }

  .list_post_column .blog_list .entry-format img {
    height: 240px;
  }

  .list_post_column .blog_list_two .entry-format img {
    height: 190px;
  }

  .blog_dls_sec .single-post h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 12px;
  }

  body .menu-wrapper nav>ul.menu>li {
    margin: 0 24px 0 0;
  }

  body .menu-wrapper nav>ul.menu>li>a {
    font-size: 13px;
    line-height: 20px;
  }

  body .header-currency a {
    font-size: 13px;
  }

  .copyright_footer p {
    font-size: 14px;
    line-height: 20px;
  }

  .social_icons {
    gap: 8px;
  }

  .footer-custom .foo_column .foo_column_title {
    font-size: 16px;
    margin: 0px 0 30px;
  }

  .footer-custom .foo_column .foo_column_title::after {
    width: 30px;
    margin-top: 5px;
  }

  .footer-custom .foo_column p {
    font-size: 14px;
    gap: 14px;
  }

  .blog_dls_sec .page-title {
    font-size: 24px;
    line-height: 36px;
  }

  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    font-size: 12px;
    padding: 0 12px 0;
  }

  .top-left {
    left: 15px;
  }

  .top-right {
    right: 15px;
  }

  .bottom-left {
    left: 15px;
  }

  .bottom-right {
    right: 15px;
  }

  .ts_rightbar.ts-sidebar .widget-container {
    padding-left: 20px;
  }

  .ts_rightbar .post_list_widget li .post-title {
    font-size: 16px;
    line-height: 22px;
  }

  .ts_rightbar .post_list_widget li .entry-meta {
    font-size: 14px;
  }

  .video_section_poster img {
    height: 50vh;
  }

  .ts-header .header-middle .menu-wrapper {
    margin-left: auto;
  }

  .event-details {
    gap: 16px;
  }

  .review_box {
    padding: 40px 26px;
  }

  .launch-section .btn {
    /* padding: 10px 10px; */
    /* font-size: 12px; */
  }

  .tagline_vertical {
    padding-right: 30px;
  }

  .new-graphics-section .swiper-slide-active .product-title a {
    font-size: 8px;
  }

  .new-graphics-section .product-box .discover-button {
    font-size: 6px;
    padding: 10px 6px;
  }
}

@media only screen and (max-width: 1100px) {
  .corner {
    border-width: 3px;
  }

  .top-left {
    left: 10px;
  }

  .top-right {
    right: 10px;
  }

  .bottom-left {
    left: 10px;
  }

  .bottom-right {
    right: 10px;
  }

  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
  body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    padding: 0 10px 0;
    font-size: 11px;
  }

  .event_title h2 {
    font-size: 20px;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 120px;
  }

  .filters-container {
    gap: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .tablate_hide {
    display: none;
  }

  .tablate_show {
    display: block !important;
  }

  body.woocommerce .filter_short_color.tablate_hide {
    display: none;
  }

  body.woocommerce .filter_short_color.tablate_hide,
  body.woocommerce .filter_short_color.tablate_hide .filters-vertical.tablate_hide {
    /* display: none; */
  }

  .blog-date {
    font-size: 18px;
  }

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

  .blog-excerpt {
    font-size: 14px;
  }

  .category-title {
    font-size: 34px;
  }

  .new_letter_join_wrap .vc_custom_heading {
    font-size: 28px;
    margin-bottom: 0px !important;
  }

  html body .news_letter_input {
    padding: 16px 20px;
    font-size: 16px;
    line-height: 22px;
  }

  body .subscribe_btns input {
    padding: 16px 20px;
    font-size: 16px;
  }

  .new_letter_join {
    padding: 60px 0;
  }

  body .blog_dls_sec .tags-link a {
    padding: 10px 14px;
    margin: 8px 8px 8px 0;
    font-size: 12px;
  }

  body .menu-wrapper nav>ul.menu>li {
    margin: 0 18px 0 0;
  }

  .faq_questions_title h2 {
    font-size: 24px;
  }

  .faq_questions_dls {
    margin: 34px auto;
  }

  .tabs_faq .nav-tabs li .nav-link,
  .event-tab {
    font-size: 14px;
  }

  .blog_dls_sec .page-title {
    margin: 14px 0;
  }

  .top-left {
    left: 30px;
  }

  .top-right {
    right: 30px;
  }

  .bottom-left {
    left: 30px;
  }

  .bottom-right {
    right: 30px;
  }

  .thunder-product-slider.accessories_slider,
  .drifter-section,
  .launch-section,
  .drifter-slider-section,
  .new-graphics-section {
    height: auto;
  }

  .video_section_poster img {
    height: auto;
    width: 100%;
  }

  .poster_overlay {
    background: rgba(0, 0, 0, 0);
  }

  .video_section_poster .play_btn_video {
    height: auto;
    width: auto;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-Video {
    padding-left: 0;
    padding-right: 10px;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text span {
    font-size: 64px;
    -webkit-text-stroke: 2px rgba(244, 244, 244, 0.66);
    letter-spacing: 7px;
  }

  .our-stories-slider .thunder-product-Video .thunder-product-Video-content p {
    font-size: 16px;
  }

  .our_story_navs {
    top: 40%;
    right: 38%;
  }

  .thunder-product-slider.our-stories-slider {
    height: 100%;
  }

  .video_section_poster .play_btn_video {
    width: 40px;
  }

  .thumbnail_slider_wrap {
    padding-left: 16px;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-image img {
    height: 100%;
    max-height: 504px;
    min-height: 504px;
  }

  .launch-content .row.explore_rows {
    align-items: center;
  }

  .right-column .features {
    margin-right: 0;
  }

  .tagline_vertical.tablate_show {
    position: unset;
    transform: unset;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .tagline_vertical.tablate_show span {
    position: unset;
    transform: unset;
    writing-mode: unset;
    font-size: 120px;
    -webkit-text-stroke: 2px rgba(146, 139, 139, 1);
  }

  .drifter-slider-section .swiper-slide img {
    height: auto;
    border-radius: 20px;
  }

  .tagline_title h2 {
    font-size: 70px;
  }

  .launch-section .btn {
    padding: 10px 10px;
    font-size: 12px;
  }

  .dc-and-new-launch-section {
    background: rgba(242, 242, 242, 1);
  }

  .category_navs {
    display: flex;
    align-items: center;
    position: relative;
  }

  .category_navs .swiper-button-prev,
  .category_navs .swiper-button-next {
    position: unset;
    border: none;
    display: flex;
  }

  .desktop_footer .footer_logo,
  .desktop_footer .social_icons {
    display: none;
  }

  .main_product_bg_text h4 {
    font-size: 56px;
  }

  .myProductSwiper {
    padding-top: 100px;
  }

  .category_title_on_image a,
  .category_title_on_image h4 {
    font-size: 40px;
  }

  .category_title_on_image {
    bottom: 24px;
  }

  .hero-banner .swiper-slide img,
  .hero-banner .swiper-slide {
    height: auto;
  }

  .hero-banner .scroll_down_btm {
    display: none;
  }

  .explore_more_btn {
    bottom: 30px;
    right: 50%;
    transform: translate(50%, 0px);
  }

  .thunder-product-slider.accessories_slider .thunder-product-text h2,
  .video-content h2,
  .thunder-product-slider.our-stories-slider .thunder-product-text h2,
  .counter_sec_title h2,
  .section-header h2,
  .near_strore_left h2,
  .latest_studds_btm h2,
  .instagram_title h2,
  .new_launches_title h2,
  .categories_title h2,
  .testimonial_title h2 {
    font-size: 44px;
    line-height: 120%;
  }

  .tagline_img img {
    max-width: 330px;
  }

  .tagline_img::after {
    width: 250px;
    bottom: -68px;
    left: unset;
    right: 0;
  }

  .tagline_img {
    text-align: end;
  }

  .near_strore_left::after {
    content: " ";
    background: linear-gradient(5.23deg,
        rgba(0, 0, 0, 0) -37.73%,
        rgba(0, 0, 0, 0.72) 78.89%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
  }

  .container_store {
    padding-left: 0;
  }

  .container_store .col-md-5 {
    width: 100%;
  }

  .near_strore_left {
    background-image: url(../img/find_store_near.jpg);
    background-position: 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 85px 0;
    position: relative;
    z-index: 9;
  }

  .near_strore_right {
    display: none;
  }

  .near_strore_left a {
    margin: auto;
    font-size: 16px;
  }

  .near_strore_sec .near_strore_left h2 {
    color: rgba(255, 255, 255, 1);
    font-size: 38px;
    text-align: center;
    padding: 0 40px;
  }

  .near_strore_sec .near_strore_left p {
    display: none;
  }

  .near_strore_left a svg {
    width: 24px;
  }

  .testimonial_slider .container,
  .blog-section .container {
    padding-left: 70px;
    padding-right: 70px;
  }

  .testimonial_dls h2 {
    font-size: 28px;
  }

  .testimonial_dls p {
    display: block;
  }

  .review_box {
    min-height: 470px;
  }

  .review_box .testimonial_dls {
    margin: auto;
    min-height: 300px;
  }

  .testi_review_section {
    padding: 18px 0px;
  }

  .blog-image img {
    height: 300px;
  }

  .video_story_sec {
    background: rgba(13, 13, 13, 1);
  }

  .video-content p {
    font-size: 18px;
  }

  .counter-wrapper {
    gap: 32px;
  }

  .counter-label {
    font-size: 18px;
    line-height: 120%;
    max-width: 100%;
    padding: 0px 12px;
  }

  .counter_box_img img {
    width: 44px;
  }

  .counter-section .counter-wrapper .counter-box {
    padding: 24px 0;
  }

  .thunder-product-thumb-slider .swiper-slide h4 {
    font-size: 18px;
    left: 12px;
    bottom: 12px;
  }

  .video_content_modal .modal-header .btn-close svg {
    width: 24px;
  }

  .swiper-button-next.main-slider-next {
    right: 27%;
  }

  .swiper-button-prev.main-slider-prev {
    left: 27%;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active .main_product_bg_text {
    transform: translate(-50%, -75%);
  }

  .new-graphics-section .swiper-slide-active .product-title a {
    font-size: 12px;
  }

  .join_form_newsletter {
    max-width: 690px;
  }

  .latest_studds_btm {
    padding: 0 0 40px 0;
  }

  .tablate_footer {
    padding-bottom: 50px;
  }

  .footer_row_wrap .foo_column {
    width: 33.33333333%;
  }

  .footer_row_wrap {
    justify-content: flex-start;
    row-gap: 30px;
  }

  .footer-custom .foo_column .foo_column_title {
    font-size: 22px;
  }

  .foo_column .list-unstyled li a {
    font-size: 16px;
    text-transform: capitalize;
  }

  .desktop_footer .col-lg-6 {
    width: 100%;
  }

  .header-top .header-left {
    display: none;
  }

  body .header_top_wrap {
    justify-content: center;
  }

  html body .ic-mobile-menu-button {
    display: inline-block !important;
    float: left;
    width: auto;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    color: #ffffff;
    order: 1;
  }

  body #mega-menu-wrap-primary .mega-menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  body #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
    background: #222;
    padding: 0px 0px 0px 0px;
    display: none;
  }

  body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
    display: block;
  }

  body .header-v3 .header-middle .menu-wrapper.hidden-phone {
    display: none;
  }

  body #page.menu-mobile-active .mobile-menu-wrapper {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center;
  }

  body .ic-mobile-menu-close-button {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    font-size: 24px;
    text-align: left !important;
    padding: 7px 16px;
    background: rgba(0, 0, 0, 1);
    color: white;
  }

  body .mobile-menu-wrapper>* {
    text-align: left;
  }

  body .mobile-menu-wrapper .mobile-menu>ul.menu,
  body .mobile-menu-wrapper .mobile-menu>ul.menu ul {
    margin: 0;
    padding: 0 16px;
  }

  body .mobile-menu-wrapper li {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
  }

  body .mobile-menu-wrapper li a {
    width: 100%;
    padding: 16px 0px;
    display: inline-block;
    border-width: 0px 0 1px 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.42);
    z-index: 1;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
  }

  body .mobile-menu span.ts-menu-drop-icon {
    position: absolute;
    display: inline-block;
    top: 4px;
    left: auto;
    bottom: auto;
    right: 0px;
    z-index: 3;
    cursor: pointer;
    padding: 7px 0px;
  }

  body .mobile-menu span.ts-menu-drop-icon:before {
    content: "\f0d7";
    font-family: "FontAwesome";
  }

  body .mobile-menu-wrapper .mobile-menu>ul.menu ul {
    padding-top: 10px;
    padding-bottom: 15px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(135, 135, 135, 0.2);
  }

  body .mobile-menu-wrapper .mobile-menu ul.sub-menu li>a {
    padding-left: 0px;
  }

  body .mobile-menu-wrapper li li a {
    border: 0;
    text-transform: none;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  body #page.menu-mobile-active:before {
    visibility: visible;
  }

  body #page:before {
    position: absolute;
    visibility: hidden;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  html body .ts-group-meta-icon-toggle {
    width: auto;
  }

  body .header-v3 .header-top .shopping-cart-wrapper .ts-tiny-cart-wrapper {
    padding-right: 20px;
  }

  .ts-header .header-middle .container {
    gap: 16px;
  }

  .header-template .header-middle .logo-wrapper {
    order: 2;
  }

  .header-template .header-middle .mobile_right_user {
    order: 3;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info h3 {
    min-height: 50px;
    font-size: 30px;
    word-break: auto-phrase;
  }

  .subcategories-section.subcategories_swipe .subcategory-card {
    background-size: 50% 60%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info {
    margin: 16px 16px;
    align-items: center;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 50%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info .subcategory_card_dls {
    width: 50%;
  }

  html .archive .woocommerce.columns-3 .products .product {
    width: 50%;
  }

  .shop_content_wrap .product-wrapper .thumbnail-wrapper .vi_wpvs_loop_variation_form {
    margin-top: 6px;
  }

  .hero_banner_slider::before {
    width: 70%;
  }

  .hero_banner_content {
    max-width: 50%;
  }

  .hero_banner_slider {
    background-position: bottom;
  }

  .tabs_show_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 40px;
  }

  .tabs_show_header .filter-toggle-btn {
    padding: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
    white-space: nowrap;
    background: transparent;
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(1, 1, 1, 1);
    border-color: rgba(217, 217, 217, 1);
  }

  body.woocommerce .tabs_show_header .woocommerce-ordering,
  body.woocommerce-page .tabs_show_header .woocommerce-ordering {
    margin: 0;
  }

  .tabs_show_header ul.orderby {
    padding: 0;
  }

  .tabs_show_header ul.orderby .orderby-current {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #010101;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  /* Tablet Filter Design Css (Shop Page) */

  .offcanvas.offcanvas-start.filter_sidebar_wrap {
    width: 100%;
  }

  .filter_sidebar_wrap .tabbed-mobile-widget.tablate_show {
    display: flex !important;
  }

  .filter_sidebar_wrap .tab-title-item,
  .filter_sidebar_wrap .widget-title.heading-title {
    width: 30%;
    background: #e9e9e9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #585757;
    padding: 14px 12px;
  }

  .filter_sidebar_wrap .tab-title-item.active {
    background: rgba(215, 215, 215, 1);
  }

  .filter_sidebar_wrap .tab-content-item {
    width: 70%;
    position: absolute;
    left: 30%;
    height: 100%;
    top: 0;
    padding: 0 20px 0 40px;
  }

  .filter_sidebar_wrap .filter_options_wrap {
    height: 100%;
  }

  .filter_sidebar_wrap .filer-data-tabs {
    position: relative;
    height: 100%;
  }

  .filter_sidebar_wrap .offcanvas-body {
    padding: 0;
  }

  .filter_sidebar_wrap .tab-content-item .category_filter_box {
    display: flex;
    flex-direction: column;
  }

  .filter_sidebar_wrap .category_filter_box label {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    color: #585757;
  }

  body .filter_sidebar_wrap .category_filter_box .custom_label {
    margin: 0 10px 0 0;
    padding: 0;
    border-bottom: 1px solid;
  }

  .filters_bottom_btns {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    border-top: 1px solid #e0e0e0;
  }

  .filters_bottom_btns button {
    width: 50%;
    background-image: unset;
    text-transform: uppercase;
    height: 100%;
    text-align: center;
    justify-content: center;
    border: none;
    color: rgba(237, 34, 40, 1);
    padding: 24px 12px;
  }

  .filter_sidebar_wrap .offcanvas-header {
    justify-content: space-between;
    border-bottom: 2px solid #e0e0e0;
    margin: 0 0 20px;
    padding-top: 30px;
  }

  .filter_sidebar_wrap .offcanvas-header a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
  }

  .filter_sidebar_wrap .filters_bottom_btns .btn-close {
    background-image: unset;
    position: relative;
    color: #171717;
  }

  .filter_sidebar_wrap .filters_bottom_btns .btn-close::after {
    content: " ";
    border-right: 1px solid #171717;
    width: 5px;
    height: 20px;
    position: absolute;
    right: 0;
  }

  body .filter_sidebar_wrap .filters_bottom_btns .btn-close:hover {
    background-color: transparent;
  }

  .offcanvas-title {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #010101;
  }

  .filter_sidebar_wrap .tab-content-item .widget-title {
    display: none;
  }

  .filter_sidebar_wrap .tab-content-item div#bapf_1 .bapf_head h3 {
    display: block;
    background-color: transparent;
    text-align: left;
    margin: 0px;
    font-size: 18px;
    border-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 10px;
    border-top: 0;
  }

  /* Tablet Filter Design Css End (Shop Page) */

  .event_page_wrap .event-tabs {
    margin: 0 0 40px;
  }

  .event_page_wrap {
    padding-top: 40px;
  }

  body .event_page_wrap .ts-pagination {
    margin: 40px 0 34px 0;
  }

  /* Login Page Css Start */

  body .login-form-wrap .login-form-content,
  body .register-form-wrap .register-form-content {
    /* max-width: 640px; */
  }

  body .login-form-wrap .login-form-content .login,
  body .register-form-wrap .register-form-content .register {
    padding: 40px 50px !important;
  }

  body .login-form-wrap .login-form-content .login .bb-login-description,
  body .register-form-wrap .register-form-content .register .bb-register-description {
    font-size: 16px !important;
    margin: 0 0 24px !important;
  }

  body .login-form-wrap .login-form-content .login .form-row label,
  body .register-form-wrap .register-form-content .register .form-row label {
    font-size: 16px !important;
  }

  body .login-form-wrap .login-form-content .login .form-row input,
  body .register-form-wrap .register-form-content .register .form-row input {
    font-size: 16px !important;
  }

  body .login-form-wrap .remember-forgot-pas label {
    font-size: 16px !important;
    gap: 8px !important;
  }

  body .login-form-wrap .remember-forgot-pas label input {
    width: 20px !important;
    height: 20px !important;
  }

  body .login-form-wrap .remember-forgot-pas p.lost_password {
    font-size: 16px !important;
  }

  body .login-form-wrap .login-submit-btn .button,
  body .register-form-wrap .register-submit-btn .button {
    font-size: 16px !important;
    padding: 16px !important;
  }

  /* Login Page Css End */


}

@media only screen and (max-width: 991px) {
  .blog_listing .list-posts {
    grid-template-columns: 48% 48%;
    row-gap: 40px;
  }

  .search-table {
    /* max-width: 40%; */
  }

  .top-left {
    left: 15px;
  }

  .top-right {
    right: 15px;
  }

  .bottom-left {
    left: 15px;
  }

  .bottom-right {
    right: 15px;
  }

  .our_story_navs {
    right: 35%;
  }

  .counter-label {
    font-size: 16px;
    max-width: 100%;
    padding: 0;
  }

  .counter-section .counter-wrapper .counter-box {
    padding: 20px 0 20px;
  }

  .counter-number,
  .counter_surfix {
    font-size: 20px;
  }

  .near_strore_left h2 {
    margin: 0 0 10px;
    font-size: 24px;
  }

  .near_strore_left p {
    font-size: 14px;
    margin: 0 0 12px;
  }

  .near_strore_left a {
    padding: 8px 16px;
  }

  .counter-wrapper {
    gap: 18px;
  }

  .event-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer_row_wrap {
    justify-content: flex-start;
  }

  .near_strore_sec .near_strore_left h2 {
    font-size: 34px;
  }

  .review_box {
    min-height: 340px;
  }

  .testimonial_dls h2 {
    font-size: 24px;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text span {
    font-size: 52px;
    letter-spacing: 2px;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text h2 {
    font-size: 34px;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-image img {
    max-height: 460px;
    min-height: 460px;
  }

  .latest_studds_btm h2 {
    font-size: 36px;
  }

  .join_form_newsletter {
    max-width: 80%;
  }

  .event_page_wrap .event_title h2 {
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) {
  body .header_top_wrap.tablet_wrap {
    display: flex !important;
  }
}

@media only screen and (max-width: 768px) {
  body a {
    color: rgba(237, 34, 40, 1);
  }

  body .header-middle>.container,
  body .container,
  .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-content,
  .header-top>.container,
  .categories_section_wrap .swiper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container_store {
    padding-left: 16px;
  }

  .carousel-content,
  .about-header {
    left: 16px;
  }

  .drifter-slider-section .container .categories_title {
    padding-right: 16px;
    padding-left: 16px;
  }

  .near_strore_sec .near_strore_left h2 {
    padding: 0 16px;
  }

  .carousel-slide {
    height: 60vh;
  }

  .about-header h2 {
    font-size: 28px;
  }

  .about-tabs {
    gap: 10px;
  }

  .tab {
    padding: 8px 12px;
    font-size: 12px;
  }

  .main_blog_details .entry-content .heading-title,
  .event-details .event-details-right h3,
  .gallery_temp_wrap .card .card-title,
  .media_page_wrap .media-grid .media-item .media-details h3 {
    font-size: 15px;
    line-height: 20px;
  }

  .event-details-left p:first-child,
  .event-details-left p:last-child {
    font-size: 12px;
    line-height: normal;
    margin: 0 0 6px;
  }

  .category-banner.blog_section {
    /* height: 50vh; */
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;
  }

  .blog_listing .list_post_column {
    grid-template-columns: 100%;
    margin-bottom: 40px;
    row-gap: 40px;
  }

  .blog_list_two .post-item {
    gap: 18px;
    flex-direction: column;
    width: 50%;
  }

  .list_post_column .blog_list .entry-format img {
    height: 100%;
  }

  .list_post_column .blog_list_two .entry-format img {
    height: 220px;
  }

  .blog_list_two {
    flex-direction: row;
  }

  .blog_list_two .post-item .entry-format,
  .blog_list_two .post-item .entry-content {
    width: 100%;
  }

  .blog_dls_sec .single-post p {
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0 24px;
  }

  .blog_dls_sec .single-post h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .blog_dls_sec #right-sidebar {
    margin: 24px 0 0;
  }

  .blog_dls_sec .ts-sidebar .heading-title {
    font-size: 16px;
    line-height: 20px;
  }

  .bottom_footer {
    row-gap: 18px;
  }

  .blog_dls_sec .page-title {
    font-size: 22px;
    line-height: 32px;
  }

  .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title a,
  .breadcrumbs-container>span {
    font-size: 14px;
  }

  .faq_questions_dls {
    margin: 20px auto;
  }

  .tabs_faq .nav-tabs,
  .event_page_wrap .event-tabs {
    gap: 10px;
  }

  .tabs_faq .nav-tabs li .nav-link,
  .event-tab {
    font-size: 12px;
    padding: 12px 10px;
  }

  .tabs_faq .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 16px;
  }

  .tabs_faq .accordion-body {
    padding: 10px 16px;
  }

  .search-table {
    /* max-width: 60%; */
  }

  .left_blog_dls .single-navigation .next-post,
  .left_blog_dls .single-navigation .prev-post {
    display: block;
  }

  .left_blog_dls .single-navigation a .prev-next-link p {
    font-size: 12px;
    line-height: 16px;
  }

  .left_blog_dls .single-navigation a .prev-next-link p:last-child {
    min-height: 64px;
  }

  .left_blog_dls .single-navigation .next-post {
    display: flex;
    flex-direction: column-reverse;
  }

  .left_blog_dls .single-navigation .next-post .arrow-right {
    margin-left: auto;
  }

  .left_blog_dls .single-navigation .prev-post .arrow-left,
  .left_blog_dls .single-navigation .next-post .arrow-right {
    width: 35px;
    max-width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .hero-banner .swiper-slide {
    height: 100%;
  }

  .hero-banner .swiper-slide img {
    height: 100%;
  }

  .scroll_down_btm {
    display: none;
  }

  .hero-banner .swiper {
    background-color: #000;
  }

  .video-content p {
    line-height: 140%;
    margin-bottom: 24px;
  }

  .video_section_poster img {
    height: 100%;
    width: 100%;
  }

  .section-header span {
    font-size: 20px;
  }

  .instagram_title img {
    width: 26px;
  }

  body .video_content_modal .modal-dialog {
    max-width: 100%;
    min-height: 100%;
  }

  .new-launches-slider .thunder-product-image img {
    max-width: 200px;
  }

  body header .header-v3 .search-wrapper {
    padding: 0px 0;
  }

  body header .toggle-search {
    height: auto;
    width: auto;
  }

  body .header-middle>.container>div.shopping-cart-wrapper {
    display: block;
  }

  html body .ic-mobile-menu-button {
    margin-left: 0;
  }

  body header.ts-header .header-v3 .search-wrapper .ts-search-by-category.desktop_view_form,
  body header.ts-header .header-v4 .search-wrapper .ts-search-by-category.desktop_view_form,
  body header.ts-header .header-v6 .search-wrapper .ts-search-by-category.desktop_view_form {
    position: absolute;
  }

  .header-middle .container:after {
    content: none;
  }

  body .header-currency a {
    color: rgba(255, 255, 255, 1);
  }

  body .header_top_wrap:before {
    background-color: rgba(0, 0, 0, 1);
  }

  .shopping-cart-wrapper a.cart-control .amount {
    font-weight: 400;
    font-size: 13px;
  }

  .event-details-left p:first-child::after {
    margin: 4px 0;
  }

  .event-details-left {
    display: flex;
    gap: 4px;
    flex-direction: column;
  }

  .event-details-left p:first-child,
  .event-details-left p:last-child {
    margin: 0 0 0;
  }

  .event-details {
    display: flex;
    align-items: baseline;
    gap: 24px;
  }

  .event-details-left p:first-child::after {
    content: none;
  }

  .event-item .event-image {
    margin: 0 0 12px;
  }

  .event_title h2 {
    font-size: 18px;
  }

  .media_page_wrap .media-grid .media-item {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }

  .media_page_wrap .media-grid .media-item .media-dates {
    width: 100%;
    order: 2;
  }

  .media_page_wrap .media-grid .media-item .media-image {
    width: 100%;
    order: 1;
  }

  .media_page_wrap .media-grid .media-item .media-details {
    width: 100%;
    order: 3;
    padding-left: 0;
  }

  .media_page_wrap .media-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .media_page_wrap .media-grid .media-item .media-image::after {
    content: none;
  }

  .media_page_wrap .media-grid .media-item .media-dates .text-black {
    font-size: 16px;
  }

  .media_page_wrap .media-grid .media-item .media-dates .text-orange {
    font-size: 13px;
  }

  .mobile_for_wrap .mobile_slider_wrap {
    margin-top: 0px;
  }

  .category_navs .swiper-button-prev,
  .category_navs .swiper-button-next {
    display: none;
  }

  .testimonial_slider .mobile_slider_wrap {
    display: none;
  }

  body .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile_view {
    display: block;
  }

  .desktop_view {
    display: none;
  }

  .ts-header {
    height: 100% !important;
  }

  body header .header-top {
    display: none;
  }

  .mobile_header_top {
    background: rgba(1, 1, 1, 1);
    padding: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .mobile_header_top p {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: end;
    margin: 0;
    color: rgba(255, 255, 255, 1);
  }

  body .header-middle>.container>div.mobile_right_user {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  body header .header-v3 .search-wrapper {
    position: unset;
  }

  body header.ts-header .header-v3 .search-wrapper .ts-search-by-category.desktop_view_form {
    width: 100%;
    top: 117px;
    left: 0;
  }

  .mobile_right_user .shopping-cart-wrapper .ts-tiny-cart-wrapper {
    padding: 0;
  }

  .mobile_right_user .shopping-cart-wrapper .ts-tiny-cart-wrapper .cart-control span {
    display: none;
  }

  .ts-header .header-middle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ts-header .header-middle .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0px;
  }

  .ts-header .logo a img {
    height: auto;
    width: 100%;
    max-width: 85px;
  }

  .thunder-product-slider.accessories_slider .thunder-product-text h2,
  .video-content h2,
  .thunder-product-slider.our-stories-slider .thunder-product-text h2,
  .counter_sec_title h2,
  .section-header h2,
  .near_strore_left h2,
  .latest_studds_btm h2,
  .instagram_title h2,
  .new_launches_title h2,
  .testimonial_title h2 {
    font-size: 32px;
    line-height: 120%;
  }

  .near_strore_left h2 {
    line-height: 100%;
  }

  .categories_title h2 {
    font-size: 28px;
  }

  .thunder-product-slider.accessories_slider .thunder-product-text h2::before,
  .thunder-product-slider.accessories_slider .thunder-product-text h2::after,
  .counter_sec_title h2::after,
  .counter_sec_title h2::before,
  .section-header::after,
  .section-header::before,
  .new_launches_title h2::before,
  .new_launches_title h2::after,
  .categories_title h2::after,
  .categories_title h2::before,
  .testimonial_title h2::after,
  .testimonial_title h2::before {
    width: 30px;
  }

  .ts_rightbar.ts-sidebar .widget-container {
    padding-left: 0;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-Video {
    padding-right: 16px;
    padding-left: 16px;
  }

  article.single-post .entry-format {
    margin-bottom: 14px;
  }

  .left_blog_dls .post-meta .author,
  .left_blog_dls .post-meta .date {
    gap: 6px;
    font-size: 10px;
  }

  .ts_rightbar .widget-title-wrapper a.block-control {
    right: 0;
    top: 0;
  }

  .our-stories-slider .our_story_wrap .row {
    flex-direction: column-reverse;
  }

  .drifter-slider-section .container {
    padding: 0;
  }

  .thunder-product-slider.our-stories-slider .thunder-product-text span {
    font-size: 58px;
    -webkit-text-stroke: 2px rgba(244, 244, 244, 0.66);
    letter-spacing: 1px;
  }

  .our-stories-slider .thunder-product-Video .thunder-product-Video-content {
    padding-top: 0;
  }

  .our-stories-slider .thunder-product-Video .thunder-product-Video-content p {
    margin: 0 0 24px;
  }

  .thumbnail_slider_wrap {
    display: none;
  }

  .our_story_navs {
    position: unset;
    justify-content: end;
    margin: 20px 0 0;
    gap: 24px;
    display: none;
  }

  .our_story_navs .swiper-button-next,
  .our_story_navs .swiper-button-prev {
    width: auto;
    height: auto;
  }

  .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .counter_box_img img {
    width: 46px;
  }

  .counter-number,
  .counter_surfix {
    font-size: 18px;
    margin: 0px 0 10px;
  }

  .counter-label {
    font-size: 12px;
    padding: 0 14px;
    min-height: 32px;
  }

  .title-and-icon {
    margin-bottom: 24px;
  }

  .our-stories-slider .prev-and-next .swiper-button-next::after,
  .our-stories-slider .prev-and-next .swiper-button-prev::after {
    color: rgba(255, 255, 255, 1);
  }

  .near_strore_right {
    display: none;
  }

  .container_store {
    padding-left: 0;
  }

  .near_strore_left p {
    display: none;
  }

  .near_strore_left h2 {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 0 0 30px;
    position: relative;
    z-index: 9;
    opacity: 0;
  }

  .near_strore_left a {
    position: relative;
    margin: auto;
    z-index: 9;
    background: transparent;
    border: none;
    font-family: A4 SPEED;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding: 8px 0;
  }

  .near_strore_left {
    padding: 140px 0 20px;
  }

  .near_strore_left::after {
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 68.97%,
        rgba(0, 0, 0, 0.8) 93.03%);
  }

  body .toggle-search {
    display: block !important;
  }

  body header.ts-header .header-v3 .search-wrapper .ts-search-by-category,
  body header.ts-header .header-v4 .search-wrapper .ts-search-by-category,
  body header.ts-header .header-v6 .search-wrapper .ts-search-by-category {
    visibility: hidden;
  }

  body header .header-v3 .search-wrapper.active .ts-search-by-category,
  body header .header-v4 .search-wrapper.active .ts-search-by-category {
    visibility: visible;
  }

  body .ts-header .header-middle .shopping-cart-wrapper,
  body .header-v3 .header-middle>.container>div.shopping-cart-wrapper,
  html body .header-middle .ts-group-meta-icon-toggle {
    display: block !important;
    margin: 0 !important;
    width: 24px;
  }

  .launch-content .row {
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }

  .launch-content>.row {
    flex-direction: column-reverse;
    gap: 28px;
  }

  .launch-content>.row.explore_rows {
    flex-direction: column;
  }

  .tagline_title h2 br {
    display: none;
  }

  .tagline_title h2 {
    font-size: 44px;
    letter-spacing: -3px;
  }

  .tagline_title h2 span {
    display: inline-block;
  }

  .right-column .features {
    flex-wrap: wrap;
    justify-content: center;
  }

  .right-column .features .feature {
    width: 50%;
  }

  .launch-content .right-column .feature p {
    margin: auto;
  }

  .accessories_slider .swiper-slide {
    background: transparent;
  }

  .new-updates-popup {
    width: 530px;
  }

  .banner-text p,
  .new-updates-container .overlay p {
    font-size: 16px;
    line-height: 22px;
  }

  .top-banner .banner-img {
    max-width: 120px;
  }

  .explore_more_btn {
    bottom: 16px;
    width: 100%;
  }

  .explore_more_btn a {
    width: max-content;
    margin: auto;
  }

  .drifter-slider-section .swiper-slide img {
    height: auto;
    border-radius: 0px;
  }

  .drifter-slider-section .swiper-pagination {
    bottom: 16px;
  }

  .drifter-slider-section .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .drifter-slider-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
  }

  .left-column .buttons {
    justify-content: center;
  }

  .accessories_slider .thunder-product-Video .thunder-product-Video-content h3 {
    font-size: 24px;
    text-align: center;
  }

  .accessories_slider .thunder-product-Video .thunder-product-Video-content p {
    text-align: center;
    margin-bottom: 22px;
    max-width: 100%;
  }

  .accessories_slider .thunder-product-Video .thunder-product-Video-content {
    text-align: center;
  }

  .accessories_slider .thunder-product-image img {
    max-width: 340px;
  }

  .testi_review_section {
    padding: 0;
  }

  .thunder-product-Video .thunder-product-Video-content a {
    display: block;
    width: max-content;
    margin: auto;
  }

  .tagline_img img {
    width: 100%;
    max-width: 290px;
  }

  .tagline_img::after {
    width: 250px;
    bottom: -68px;
    left: unset;
    right: 50%;
    transform: translate(50%, 0%);
  }

  .explore_rows .swiper-pagination {
    position: unset;
  }

  .explore_rows .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: rgba(217, 217, 217, 1);
  }

  .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(237, 34, 40, 1);
  }

  .tagline_img {
    text-align: center;
  }

  body.search .breadcrumb-title-wrapper.breadcrumb-v2 {
    display: none;
  }

  .launch-section .launch-content .swiper-button-next,
  .launch-section .launch-content .swiper-button-prev {
    display: flex;
    top: 40%;
    border: none;
    width: auto;
    height: auto;
  }

  .testimonial_slider .container,
  .blog-section .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .testimonial_slider .mobile_slider_wrap {
    width: 100%;
  }

  .testimonial_slider .mobile_slider_wrap {
    display: block;
  }

  .review_box {
    padding: 50px 20px;
  }

  .review_box .testimonial_dls {
    min-height: 100%;
  }

  .blog-section .title-and-icon .swiper-button-prev,
  .blog-section .title-and-icon .swiper-button-next {
    display: none;
  }

  .mobile_slider_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
  }

  .instagram_title {
    margin: 0 0 16px;
  }

  .video-content p {
    font-size: 16px;
  }

  .category_title_on_image a,
  .category_title_on_image h4 {
    font-size: 36px;
  }

  .mobile_for_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
  }

  .testi_thumb_slider .thunder-product-thumb-slider {
    display: none;
  }

  .testi_thumb_slider .swiper-button-next,
  .testi_thumb_slider .swiper-button-prev {
    height: auto;
    width: auto;
    line-height: 24px;
  }

  .testi_thumb_slider .swiper-button-next::after,
  .testi_thumb_slider .swiper-button-prev::after {
    font-size: 24px;
  }

  .mobile_for_wrap .testi_thumb_slider {
    margin-left: auto;
    gap: 24px;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active {
    transform: scale(1);
  }

  .myProductSwiper {
    padding-top: 50px;
  }

  .new-graphics-section {
    background: rgba(15, 15, 15, 1);
  }

  .swiper-button-prev.main-slider-prev {
    left: 0;
  }

  .swiper-button-next.main-slider-next {
    right: 0;
  }

  .new-graphics-section .myProductSwiper>.swiper-wrapper {
    padding: 20px 0px;
  }

  .main_product_bg_text h4 {
    font-size: 66px;
  }

  .new-graphics-section .swiper-slide-active .product-box {
    max-width: 75%;
  }

  .new-graphics-section .swiper-slide-active .product-title a {
    font-size: 24px;
  }

  .new-graphics-section .product-box .discover-button {
    font-size: 14px;
    padding: 14px 18px;
    margin: 14px auto 0;
  }

  .new-graphics-section .product-box img {
    background: transparent;
  }

  .new-graphics-section .product-box .main-image-swiper .swiper-wrapper::after {
    background: transparent;
    backdrop-filter: blur(20.170961380004883px);
  }

  .new-graphics-section .main-image-swiper {
    background: transparent;
  }

  .new-graphics-section .swiper-button-prev.main-slider-prev:after,
  .new-graphics-section .swiper-button-next.main-slider-next:after {
    content: "prev";
    font-size: 20px;
  }

  .new-graphics-section .swiper-button-prev.main-slider-prev,
  .new-graphics-section .swiper-button-next.main-slider-next {
    border: none;
  }

  .new-graphics-section .product-box h4 {
    margin: 14px 0 0;
  }

  .new-graphics-section .swatch-circle {
    width: 30px;
    height: 30px;
  }

  .new-graphics-section .color-swatches-swiper .main-image-prev::after,
  .new-graphics-section .color-swatches-swiper .main-image-next::after {
    font-size: 20px;
  }

  body .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth .zoom-instagram-widget__item {
    max-width: 100%;
  }

  .footer-custom {
    padding: 40px 0 20px;
  }

  .latest_studds_btm {
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  }

  .tablate_footer .bottom_footer {
    margin: 40px 0 0;
  }

  .tablate_footer .bottom_footer .col-6:last-child {
    display: none;
  }

  .foo_column_title {
    cursor: pointer;
    position: relative;
  }

  .foo_column_title::before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2213%22%20viewBox%3D%220%200%2024%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M24.001%201.99902L13.001%2012.999H12.001H11.001L0.000976562%201.99902V0.999023V-0.000976562L2.00098%20-0.000976562L12.001%2010.999L22.001%20-0.000976562L24.001%20-0.000976562V1.99902Z%22%20fill%3D%22white%22/%3E%3C/svg%3E);
    position: absolute;
    right: 10px;
    transition: transform 0.3s;
  }

  .foo_column_title.open::before {
    transform: rotate(180deg);
  }

  .footer_row_wrap .foo_column {
    width: 100%;
  }

  .footer-custom .foo_column .foo_column_title::after {
    right: 0;
    background: transparent;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  }

  .footer-custom .foo_column .foo_column_title {
    font-size: 16px;
  }

  .bottom_footer {
    margin: 0;
  }

  .footer_row_wrap {
    row-gap: 16px;
  }

  .footer-custom .foo_column .foo_column_title::after {
    margin-top: 16px;
  }

  .footer-custom .foo_column .foo_column_title {
    margin: 0px 0 16px;
    padding-bottom: 16px;
  }

  .footer_row_wrap .mobile_footer_wrap {
    display: none;
  }

  .mobile_view .foo_column_title::before,
  .mobile_view .foo_column_title::after {
    display: none;
  }

  .footer-custom .mobile_view .foo_column .foo_column_title::after {
    display: none;
  }

  .footer_row_wrap {
    border-bottom: 0;
  }

  .mobile_address_wrap {
    margin-top: 40px;
  }

  .footer-custom .foo_column p {
    margin: 0px 0 20px;
  }

  .social_icons {
    justify-content: start;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .mobile_address_wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  }

  .mobile_view_form {
    width: 100%;
  }

  body .mobile_view_form .search-button input {
    background-image: none !important;
    width: 100%;
  }

  body .mobile_view_form .search-button {
    width: 20%;
  }

  .mobile_view_form .search-table .search-field.search-content {
    width: 80%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info .subcategory_card_dls {
    width: 60%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 40%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info h3 {
    min-height: auto;
    font-size: 36px;
    max-width: 100%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info {
    padding: 20px 0;
    margin: 0px 16px;
  }

  .event-details .event-details-right h3 {
    margin: 0 0 14px;
    min-height: 40px;
  }

  /* Login Page Css Start */

  body .login-form-wrap .login-form-content .login,
  body .register-form-wrap .register-form-content .register {
    padding: 24px !important;
  }

  body .login-form-wrap .login-form-content .login .bb-login-subtitle,
  body .register-form-wrap .register-form-content .register .bb-register-subtitle {
    font-size: 22px !important;
  }

  body .login-form-wrap .login-form-content .login .bb-login-description,
  body .register-form-wrap .register-form-content .register .bb-register-description,
  body .login-form-wrap .login-form-content .login .form-row label,
  body .register-form-wrap .register-form-content .register .form-row label {
    font-size: 14px !important;
  }

  body .login-form-wrap .login-form-content .login .form-row input,
  body .register-form-wrap .register-form-content .register .form-row input {
    padding: 14px 12px !important;
    font-size: 14px !important;
  }

  body .login-form-wrap .remember-forgot-pas p.lost_password {
    font-size: 14px !important;
  }

  body .login-form-wrap .remember-forgot-pas label {
    font-size: 14px !important;
    gap: 6px !important;
  }

  .dont-have-account p {
    font-size: 14px !important;
  }

  body .login-form-wrap .login-submit-btn .button,
  body .register-form-wrap .register-submit-btn .button {
    font-size: 14px !important;
    padding: 12px !important;
  }

  /* Login Page Css End */
}

@media screen and (max-width: 576px) {
  .carousel-content h1 {
    font-size: 34px;
    line-height: 38px;
    max-width: 100%;
  }

  body .mobile_view_form .search-button {
    width: 30%;
  }

  .mobile_view_form .search-table .search-field.search-content {
    width: 70%;
  }

  .carousel-content p {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 26px;
  }

  .about-description {
    max-width: 100%;
  }

  .about-tabs .tab {
    font-size: 14px;
    padding: 8px 16px;
  }

  .section-header .view-all {
    display: none;
  }

  .blog_container .main_blog_details .entry-info .date_time {
    font-size: 12px;
    margin: 0 0 6px;
  }

  .blog_container .main_blog_details .entry-bottom .button-readmore {
    padding: 10px 14px;
    font-size: 14px;
  }

  .category-title {
    font-size: 30px;
  }

  .new_letter_join_wrap .vc_custom_heading {
    font-size: 22px;
  }

  .new_letter_join {
    padding: 40px 0;
    background-size: 100% 100%;
  }

  .main_blog_details .entry-content .heading-title,
  .event-details .event-details-right h3,
  .gallery_temp_wrap .card .card-title,
  .media_page_wrap .media-grid .media-item .media-details h3 {
    margin: 0 0 6px;
  }

  .blog_listing .list-posts .post-item .entry-format img,
  .blog-image img {
    height: 100px;
  }

  .list_post_column .blog_list_two .entry-format img {
    height: 100px;
  }

  .blog_container .main_blog_details .entry-info .short-content,
  .event-details-right p,
  .media_page_wrap .media-grid .media-item .media-details p {
    font-size: 14px;
    line-height: 20px;
  }

  .blog_dls_sec .page-title {
    font-size: 18px;
    line-height: 24px;
  }

  .search-table {
    max-width: 100%;
  }

  .blog_listing .list-posts {
    row-gap: 24px;
  }

  .blog-section .blog-image img {
    height: 300px;
  }

  body .header-middle .header_top_wrap>div {
    margin-right: 8px;
  }

  body .header-currency a {
    gap: 6px;
  }

  .account-control img,
  .cart-control img {
    margin-right: 6px;
  }

  body .header-currency a {
    font-size: 11px;
  }

  body .header-currency a,
  body .my-account-wrapper .account-control>a,
  body .my-account-wrapper .sign-up {
    font-size: 11px;
  }

  .event-grid {
    gap: 16px;
  }

  .tagline_vertical.tablate_show span {
    font-size: 66px;
    margin: 0 0 18px;
    display: block;
  }

  .launch-section .btn {
    font-size: 14px;
    width: 50%;
    justify-content: center;
  }

  .launch-section .youtube_slide {
    width: 50%;
  }

  .launch-section .youtube_slide .btn {
    width: 100%;
  }

  .search .bloglisting_header {
    grid-template-columns: 100%;
  }

  .counter_box_img img {
    width: 28px;
  }

  .counter_box_img {
    margin: 0 0 16px;
  }

  .counter-section .counter-wrapper .counter-box {
    padding: 15px 0;
  }

  .video_section_poster .play_btn_video {
    min-height: auto;
  }

  .video_section_poster img {
    min-height: 320px;
    object-fit: cover;
  }

  .join_form_newsletter {
    max-width: 100%;
    flex-wrap: wrap;
  }

  .subscribe_btns {
    width: 100%;
  }

  .join_form_newsletter {
    background: transparent;
    gap: 16px;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info .subcategory_card_dls {
    width: 50%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info img,
  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info video {
    width: 50%;
  }

  .subcategories-section.subcategories_swipe .subcategory-card .subcategory-info h3 {
    font-size: 26px;
  }

  .woocommerce .products .product a img {
    width: 150px;
    height: 150px;
  }

  .woocommerce .shop_content_wrap .product .thumbnail-wrapper>a {
    padding: 16px 0;
  }

  .shop_content_wrap .products .product h3 a,
  .woocommerce .shop_content_wrap .products .product h3 a {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 800;
  }

  .woocommerce .shop_content_wrap .products .product .price {
    line-height: 16px;
  }

  .woocommerce .shop_content_wrap .products .product .price .amount {
    font-size: 14px;
  }

  .shop_content_wrap .products .product h3,
  .woocommerce .shop_content_wrap .products .product h3 {
    margin: 0 0 6px;
  }

  .site-content .products .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default .vi-wpvs-option {
    width: 16px;
    height: 16px;
  }

  .site-content .products .shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-variation-button-select,
  .shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap {
    border-radius: 50px;
    height: 26px;
    width: 26px;
  }

  .shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option,
  .shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option,
  .shop_content_wrap .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected .vi-wpvs-option {
    width: 16px;
    height: 16px;
  }

  /* Tablet Filter Design Css (Shop Page) */

  .filter_sidebar_wrap .tab-content-item {
    width: 60%;
    padding: 0 16px;
    left: 40%;
  }

  .filter_sidebar_wrap .tab-title-item,
  .filter_sidebar_wrap .widget-title.heading-title {
    width: 40%;
  }

  .filter_sidebar_wrap .tab-title-item,
  .filter_sidebar_wrap .widget-title.heading-title {
    font-size: 14px;
    line-height: 24px;
  }

  .category_filter_box label {
    font-size: 12px;
  }

  /* Tablet Filter Design Css End (Shop Page) */

  .tabs_show_header .filter-toggle-btn {
    font-size: 14px;
  }

  .tabs_show_header ul.orderby .orderby-current {
    font-size: 14px;
  }

  .shop_content_wrap .product .meta-wrapper .button-in.wishlist a {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 28px;
  }

  .shop_content_wrap .product .meta-wrapper .button-in.wishlist a::before {
    font-size: 14px;
  }

  .woocommerce .shop_content_wrap .product .meta-wrapper .button-in.wishlist {
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
  }

  .subcategories_swipe {
    margin: 40px 0 0;
  }

  .sub_categories::after {
    margin-bottom: 30px;
  }

  .excerpt-toggle {
    max-height: 3em;
  }

  .event-grid {
    grid-template-columns: auto;
  }

  .event-image img {
    height: auto;
  }
}

@media screen and (max-width: 420px) {
  .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 375px) {
  .tagline_title h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 360px) {
  .counter-label {
    padding: 0 6px;
  }

  .instagram_title {
    gap: 6px;
  }

  body .header-currency a img,
  body .ts-tiny-cart-wrapper a img,
  body .account-control img {
    /* width: 15px; */
  }

  .tagline_title h2 {
    font-size: 36px;
  }

  .tagline_vertical.tablate_show span {
    font-size: 58px;
  }

  .new_launches_title h2,
  .categories_title h2,
  .testimonial_title h2,
  .latest_studds_btm h2 {
    font-size: 27px;
  }

  .tagline_img img {
    max-width: 240px;
  }

  .launch-section .launch-content .swiper-button-next,
  .launch-section .launch-content .swiper-button-prev {
    top: 35%;
  }

  .new-graphics-section .product-box .discover-button {
    padding: 14px 12px;
  }

  .main_product_bg_text h4 {
    font-size: 50px;
  }

  .new-graphics-section .graphics-section-single-product.swiper-slide-active .main_product_bg_text {
    transform: translate(-50%, -95%);
  }

  body .tabs_show_header ul.orderby {
    width: auto !important;
  }

  /* Login Page Css Start */

  body .login-form-wrap .remember-forgot-pas {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: baseline !important;
  }

  body .login-form-wrap .login-form-content .login,
  body .register-form-wrap .register-form-content .register {
    padding: 20px !important;
  }

  body .login-form-wrap .login-form-content .login .bb-login-subtitle,
  body .register-form-wrap .register-form-content .register .bb-register-subtitle {
    font-size: 18px !important;
  }

  /* Login Page Css End */
}

@media (min-width: 250px) {
  .breadcrumb-title-wrapper.breadcrumb-v2 {
    background: transparent;
  }

  body .header-top,
  body .header-v1 .header-top .header-right:before {
    background-color: rgba(1, 1, 1, 1);
    border-color: rgba(1, 1, 1, 1) !important;
  }

  body .header-v3 .header-top .shopping-cart-wrapper:before {
    background: transparent !important;
    border-right: none;
    border-color: rgba(204, 204, 204, 1);
    position: unset;
  }
}

@media (min-width: 250px) {
  @media (min-width: 768px) {
    .blog_dls_sec .ts-col-18.left_blog_dls {
      width: 66.66%;
    }

    .blog_dls_sec .ts-col-6.ts-sidebar {
      width: 33.33%;
    }
  }
}

/* Backgroud Color specific classes */
.background-ligh-grey {
  background-color: #f2f2f2;
}

/* Color-specific classes */
.color-red {
  background-color: #ff0000;
}

/* Red */
.color-blue {
  background-color: #0000ff;
}

/* Blue */
.color-green {
  background-color: #00ff00;
}

/* Green */
.color-black {
  background-color: #000000;
}

/* Black */
.color-white {
  background-color: #ffffff;
  border: 1px solid #999;
}

/* White */
.color-yellow {
  background-color: #ffff00;
}

/* Yellow */
.color-pink {
  background-color: #ffc0cb;
}

/* Pink */
.color-orange {
  background-color: #ffa500;
}

/* Orange */
.color-purple {
  background-color: #800080;
}

/* Purple */
.color-grey {
  background-color: #808080;
}

/* Grey */
.color-brown {
  background-color: #8b4513;
}

/* Brown */
.color-navy {
  background-color: #000080;
}

/* Navy */
.color-teal {
  background-color: #008080;
}

/* Teal */
.color-beige {
  background-color: #f5f5dc;
}

/* Beige */
.color-gold {
  background-color: #ffd700;
}

/* Gold */
.color-silver {
  background-color: #c0c0c0;
}

/* Silver */

.body-data {
  padding: 20px;
}

.bottom-border {
  border-bottom: 1px solid #d7d7d9d1;
}

.body-data p {
  font-size: 16px;
}

.js-hidden {
  display: none !important;
}