/*!
Theme Name: Surron
Theme URI: http://underscores.me/
Author: ThinkClever
Author URI: https://thinkclever.agency/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: surron
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Surron is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: 'Hyperiot';
  src: url('./fonts/Hyperiot-Regular.woff2') format('woff2'),
    url('./fonts/Hyperiot-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Hyperiot {
  font-family: 'Hyperiot';
}
p {
  margin: 0 0 20px;
}
p:last-child {
  margin-bottom: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  /* font-family: 'Sarabun', serif; */
  font-family: 'Hyperiot', serif;
  margin: 0 0 20px;
  line-height: 120%;
  font-weight: 400;
}
h1 {
  font-size: 80px;
}
h2 {
  font-size: 48px;
}
h3 {
  font-size: 34px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 20px;
}
ul {
  padding: 0px;
  list-style: none;
}
body,
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Sarabun', sans-serif;
}
main {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 700;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* html {
  box-sizing: border-box;
} */
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 0 30px;
  padding: 30px;
  background-color: #eaf1f6;
  position: relative;
  color: #1c1c1c;
  border-left: none;
  font-weight: 500;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: 'Courier 10 Pitch', courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
a {
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
a:hover {
  text-decoration: underline;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
  border-color: #aaa #bbb #bbb;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/* .widget {
  margin: 0 0 1.5em;
} */
.widget select {
  max-width: 100%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
  display: block;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}
.infinity-end.neverending .site-footer {
  display: block;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#primary[tabindex='-1']:focus {
  outline: 0;
}
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.default-contents *:last-child {
  margin-bottom: 0;
}
.color-black {
  color: #000;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
  padding: 0px 30px;
}
.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 20px;
}
.button {
  font-size: 16px;
  background-color: #f9df00;
  cursor: pointer;
  display: inline-flex;
  color: #020213;
  align-items: center;
  padding: 0 32px;
  height: 52px;
  border: 2px solid #f9df00;
  font-weight: 500;
  min-width: 160px;
  justify-content: center;
}
.button.transparent {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.button:hover {
  transform: scale(1.05);
  text-decoration: none;
}
.button.black {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

header.site-header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  transition: all 0.3s ease-in;
  left: 0;
  padding: 15px 0;
}
.logged-in header.site-header {
  top: 32px;
}
header.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
}
header.site-header img.custom-logo {
  width: 100%;
  max-width: 100px;
}
header.site-header a.custom-logo-link {
  display: flex;
  position: relative;
  z-index: 9;
}
header.site-header .menu ul,
header.site-header ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
header.site-header.fixed {
  background-color: #000;
}
header.site-header .right {
  display: flex;
  gap: 15px;
  align-items: center;
  position: relative;
  z-index: 9;
}
header.site-header .right .menu-trigger {
  cursor: pointer;
  display: grid;
  gap: 0px;
  align-items: center;
  height: 25px;
}
header.site-header .right .menu-trigger span {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease-in;
}
header.site-header .right .menu-trigger.active span:first-child {
  transform: rotate(45deg);
  top: 8px;
}
header.site-header .right .menu-trigger.active span:last-child {
  transform: rotate(-45deg);
  top: -8px;
}
header.site-header .right .menu-trigger.active span:nth-child(2) {
  opacity: 0;
}
header.site-header .right .web,
header.site-header .right .login {
  display: flex;
}
header.site-header ul {
  margin: 0;
}
header.site-header ul a {
  font-weight: 500;
  position: relative;
  z-index: 9;
}
header.site-header ul a:hover {
  text-decoration: none;
  color: rgba(249, 223, 0, 1);
}
.custom-logo-link img {
  width: 100%;
  max-width: 100px;
}
header.site-header ul.menu li.menu-item-has-children {
  position: relative;
}

header.site-header ul.menu li.menu-item-has-children > a {
  padding-right: 15px;
  position: relative;
}

header.site-header ul.menu li.menu-item-has-children ul.sub-menu {
  position: absolute;
  width: 200px;
  background-color: #000;
  display: grid;
  gap: 10px;
  box-shadow: 0 3px 6px rgba(255, 255, 255, 0.13);
  border-radius: 6px;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
}

header.site-header ul.menu li.menu-item-has-children > a::before {
  position: absolute;
  content: '';
  background-image: url(/wp-content/uploads/2025/12/arrow.svg);
  height: 7px;
  width: 7px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: calc(50% - 3px);
  transition: all 0.3s ease-in;
}

header.site-header ul.menu li.menu-item-has-children:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}

header.site-header ul.menu li.menu-item-has-children:hover > a::before {
  transform: rotate(-180deg);
}
.mobile-menu-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
  overflow: auto;
  padding: 100px 20px 40px;
}

body.ham-active {
  overflow: hidden;
}

.mobile-menu-wrapper::-webkit-scrollbar {
  display: none;
}
body.ham-active header.site-header {
  background-color: #000;
}

.mobile-menu-wrapper li a {
  font-size: 18px;
  font-weight: 500;
}

.mobile-menu-wrapper ul.menu {
  margin: 0;
  display: grid;
  gap: 15px;
}

.mobile-menu-wrapper ul.menu li.menu-item-has-children {
  position: relative;
}

.mobile-menu-wrapper ul.menu li.menu-item-has-children ul.sub-menu {
  display: none;
  margin-top: 15px;
  margin-left: 10px;
}

.mobile-menu-wrapper ul.menu li.menu-item-has-children span.icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: rotate(90deg);
  transition: all 0.3s ease-in;
}

.mobile-menu-wrapper ul.menu li.menu-item-has-children span.icon path {
  stroke: #fff;
}

.mobile-menu-wrapper ul.menu li.menu-item-has-children ul.sub-menu li {
  margin-bottom: 12px;
}

.mobile-menu-wrapper
  ul.menu
  li.menu-item-has-children
  ul.sub-menu
  li:last-child {
  margin: 0;
}

.hero-slide {
  background-position: center;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}
.hero-slide .container {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 140px);
  text-align: right;
}
.hero-slide .container.right-align {
  justify-content: flex-end;
}
.hero-slide .inner {
  width: 100%;
  max-width: 600px;
}
.hero-slide .inner .tagline {
  color: #fce10e;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.hero-slide .inner .headline {
  font-size: 45px;
  margin-bottom: 30px;
  color: #fff;
}
.hero-slide .inner .features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  gap: 40px 0;
  margin-top: 40px;
}
.hero-slide .inner .features .title {
  margin: 0;
  font-size: 30px;
  color: #fff;
}
.hero-slide .inner .features .description {
  font-size: 15px;
  color: #fff;
}
.hero-slide .inner .features .item {
  position: relative;
}
.hero-slide .inner .features .item::before {
  position: absolute;
  content: '';
  height: 18px;
  width: 1px;
  background-color: #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hero-slide .container.bottom-align {
  text-align: left;
}
.hero-slide .container.top-align,
.hero-slide .container.bottom-align {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.hero-slide .container.bottom-align {
  align-items: flex-end;
}
.hero-slide .container.top-align .inner,
.hero-slide .container.bottom-align .inner {
  max-width: 100%;
}
.hero-slide .top-align .inner .features,
.hero-slide .bottom-align .inner .features {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.owl-dots {
  position: absolute;
  width: 100%;
  bottom: 30px;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
.owl-dots button.owl-dot {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #888 !important;
  transition: all 0.3s ease-in;
}
.owl-dots button.owl-dot.active {
  background-color: #fff !important;
}
section.download-apps.home {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 55rem;
}
.link-whole-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
section.cta-grid {
  position: relative;
}
section.cta-grid .grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
section.cta-grid .grid-wrapper .item {
  min-height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.cta-grid .grid-wrapper .item .title {
  color: #fff;
  margin: 0;
}
section.cta-grid .grid-wrapper .item .sub-title {
  font-size: 23px;
  margin-bottom: 20px;
  color: #fff;
}
section.cta-grid .grid-wrapper .item .video-background {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.cta-grid .grid-wrapper .item .video-background video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
section.cta-grid .grid-wrapper .item .content {
  position: relative;
  z-index: 2;
}
section.bikes-grid {
  position: relative;
  text-align: center;
  color: #000;
  padding: 50px 0;
}
section.bikes-grid .bikes-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  padding: 1em 0;
}
section.bikes-grid .bikes-wrapper .headline {
  font-size: 23px;
}
section.full-width-cta {
  position: relative;
  margin-top: 100px;
  color: #000;
  margin-bottom: 50px;
}
.full-cta-wrapper {
  display: grid;
  gap: 80px;
}
.full-cta-wrapper .item {
  min-height: 375px;
  border-radius: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: relative;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.full-cta-wrapper .item .title {
  text-shadow: 1px 1px 2px #000;
  font-size: 30px;
  color: #fff;
  margin-bottom: 10px;
}
.full-cta-wrapper .item .descriptions {
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  margin-bottom: 30px;
}
section.full-width-cta .bottom-contents {
  max-width: 95%;
  margin: auto;
  border-top: 1px solid #f5f5f5;
  padding-top: 30px;
  margin-top: 30px;
}
section.product-hero {
  position: relative;
  padding-top: 70px;
  padding-bottom: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 775px;
  display: flex;
  align-items: center;
}
section.product-hero .container {
  display: flex;
  align-items: center;
  max-width: 1400px;
}
section.product-hero .logo {
  display: flex;
}
section.product-hero .logo img {
  height: 83px;
  object-fit: contain;
  object-position: left;
}
section.product-hero .headline {
  font-size: 130px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}
section.product-hero .left {
  width: 48%;
}
section.product-hero .right {
  width: 60%;
}
section.product-hero .sub-headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
section.product-hero .metas {
  display: flex;
  margin: 30px 0;
  flex-wrap: wrap;
  gap: 20px 40px;
}
section.product-hero .metas .meta-title {
  margin: 0;
  color: #afb17b;
  font-size: 32px;
}
section.product-hero .metas .meta-description {
  font-weight: 500;
}
section.product-hero .right .tabs-content li {
  display: none;
}
section.product-hero .right .tabs {
  position: absolute;
  right: 30px;
  display: grid;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  padding: 10px 8px;
  gap: 10px;
  border-radius: 10px;
}
section.product-hero .right .tabs .tab {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
section.product-hero .right .tabs .tab svg {
  opacity: 0;
  transition: all 0.3s ease-in;
}
section.product-hero .right .tabs-content,
section.product-hero .right .tabs-content li,
section.product-hero .right .tabs-content li img {
  width: 100%;
  margin: 0;
}
section.product-hero .right .tabs .tab.active-tab svg {
  opacity: 1;
}
.products-hero-slide .owl-stage {
  display: flex;
}
.products-hero-slide .owl-dots button.owl-dot {
  background-color: rgba(255, 255, 255, 0.5) !important;
  width: 32px;
  height: 9px;
}
.products-hero-slide .owl-dots button.owl-dot.active {
  background-color: rgba(249, 223, 0, 1) !important;
}

section.product-descriptions {
  position: relative;
}
section.product-descriptions .top-area {
  color: #000;
  padding: 100px 0;
  font-weight: 500;
}
section.product-descriptions .top-area .container {
  max-width: 880px;
  z-index: 2;
}
section.product-descriptions .top-area h4 {
  font-size: 20px;
  font-weight: 600;
}
section.product-descriptions .background-image {
  height: 670px;
  background-position: center 150px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
}
section.product-descriptions .background-image .featured-image {
  display: flex;
  justify-content: center;
}
section.product-descriptions .specifications {
  position: relative;
  display: flex;
  background-image: url(/wp-content/uploads/2025/12/specification-Vector.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 135px;
  padding-bottom: 500px;
  margin-bottom: -500px;
}
section.product-descriptions .specifications .container {
  z-index: 2;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  gap: 120px 90px;
}
section.product-descriptions .specifications .title {
  margin: 0 0 10px;
  line-height: 1;
  font-size: 30px;
}
section.product-descriptions .specifications .item {
  position: relative;
}
section.product-descriptions .specifications .item::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 70px;
  background-color: #fce10e;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
}
section.product-descriptions .specifications .item::after {
  position: absolute;
  content: '';
  height: 1px;
  background-color: #ffffff;
  width: calc(100% + 90px);
  left: 0;
  bottom: -60px;
  opacity: 0;
}
section.product-descriptions .specifications .item:nth-child(3)::before,
section.product-descriptions .specifications .item:nth-child(6)::before {
  opacity: 0;
}
section.product-descriptions .specifications .item:first-child::after,
section.product-descriptions .specifications .item:nth-child(2)::after,
section.product-descriptions .specifications .item:nth-child(3)::after {
  opacity: 1;
}
section.product-descriptions::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/12/desc-overlap.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 2;
}

section.cta-section {
  position: relative;
  min-height: 152px;
  display: flex;
  align-items: center;
  padding: 20px 0;
  color: #020213;
}
section.cta-section .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1400px;
}
section.cta-section .headline {
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}
section.cta-section .sub-headline {
  font-size: 20px;
  font-weight: 700;
}
section.cta-section .button {
  background-color: #373732;
  border-color: #373732;
  color: #fff;
  min-width: 285px;
  height: 64px;
}
section.video-plater {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}
section.video-plater .video-popup-link {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 35px;
}
section.video-plater .video-popup-link img {
  width: 100%;
  height: 100%;
}
section.video-plater .video-popup-link svg.icon {
  position: absolute;
}
section.full-width-image {
  display: flex;
}
section.full-width-image img {
  width: 100%;
}
section.our-lightest-yet {
  color: #000;
  text-align: center;
  background-image: url(/wp-content/uploads/2025/12/desc-overlap.png);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}
section.our-lightest-yet .headline {
  line-height: 1;
  font-size: 70px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: -2px;
}
section.our-lightest-yet .sub-headline {
  color: rgba(175, 177, 123, 1);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
section.our-lightest-yet .contents-wrap {
  width: 100%;
  max-width: 830px;
  font-weight: 500;
  margin: 0 auto 40px;
}
section.our-lightest-yet .metas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 60px;
  flex-wrap: wrap;
  font-weight: 500;
}
section.our-lightest-yet .metas .meta-title {
  color: rgba(175, 177, 123, 1);
  font-size: 40px;
  margin: 0;
  line-height: 1;
}
section.six-t-tonne {
  background-color: rgba(18, 18, 19, 1);
  background-image: url(/wp-content/uploads/2025/12/desc-overlap.png);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 740px;
  padding: 100px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
section.six-t-tonne img.shape {
  position: absolute;
  z-index: 2;
}
section.six-t-tonne .headline {
  font-size: 100px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -2px;
}
section.six-t-tonne .sub-headline {
  font-size: 32px;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  color: rgba(175, 177, 123, 1);
  margin-bottom: 15px;
}
section.six-t-tonne .contents-wrap {
  color: rgba(182, 183, 203, 1);
  width: 100%;
  max-width: 830px;
  margin: 0 auto 40px;
}
section.six-t-tonne .container {
  position: relative;
  z-index: 3;
}
.controller-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}
.controller-features .title {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.controller-features .description {
  color: rgba(2, 2, 19, 1);
}
.controller-features .image {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.controller-features.first-style .meta-item:nth-child(3),
section.motor-foc-controller-2 .controller-features .meta-item:first-child {
  grid-column: 1 / -1;
  display: flex;
  flex-flow: row-reverse;
  gap: 70px;
  align-items: center;
}
.controller-features.first-style .meta-item:nth-child(3) .image,
section.motor-foc-controller-2
  .controller-features
  .meta-item:first-child
  .image {
  margin: 0;
  flex: 1;
}
.controller-features.first-style .meta-item:nth-child(3) .desc-area,
section.motor-foc-controller-2
  .controller-features
  .meta-item:first-child
  .desc-area {
  width: 60%;
  text-align: left;
}
section.motor-foc-controller .contents-wrap {
  margin-bottom: 70px;
}
section.motor-foc-controller .sub-headline {
  font-size: 32px;
  text-transform: uppercase;
}
section.motor-foc-controller {
  padding-bottom: 200px;
  margin-bottom: -100px;
}
section.motor-foc-controller-2 .controller-features .meta-item:last-child {
  grid-column: 1 / -1;
}
section.motor-foc-controller-2
  .controller-features
  .meta-item:last-child
  > .image {
  display: none;
}
section.motor-foc-controller-2
  .controller-features
  .meta-item:last-child
  .desc-area
  .image {
  display: flex !important;
  margin-bottom: 0;
}
section.motor-foc-controller-2
  .controller-features
  .meta-item:last-child
  .desc-area {
  width: 100%;
  max-width: 766px;
  margin: auto;
}

section.product-specifications {
  color: rgba(68, 68, 68, 1);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.group-headline {
  font-size: 32px;
  color: rgba(0, 0, 0, 0.88);
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
section.product-specifications .specifications {
  margin-bottom: 50px;
}
.group-item:first-child .group-headline {
  border-top: none;
}
section.product-specifications .specifications .item:nth-child(even) {
  background-color: rgba(239, 239, 239, 1);
}
section.product-specifications .specifications .item {
  min-height: 52px;
  padding: 3px 10px;
  display: flex !important;
  align-items: center;
}
section.product-specifications .specifications .item div {
  width: 50%;
}
.tabs-content2 li {
  display: none;
}
section.product-specifications .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 70px;
  padding-top: 70px;
}
section.product-specifications .top .top-banner {
  position: absolute;
}
section.product-specifications .top ul.tabs2 {
  display: flex;
  margin: 0;
  gap: 10px;
}
section.product-specifications .top ul.tabs2 .tab {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
section.product-specifications .top ul.tabs2 .tab svg {
  transition: all 0.3s ease-in;
  opacity: 0;
}
section.product-specifications .top ul.tabs2 .tab.active-tab svg {
  opacity: 1;
}
section.product-specifications .top ul.tabs-content2 {
  width: 50%;
  margin: 0;
}
section.product-specifications .top ul.tabs-content2 img {
  width: 100%;
}
section.product-specifications .top .right {
  text-align: right;
}
section.product-specifications .top .right p {
  color: rgba(51, 51, 51, 1);
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 8px;
}
section.product-specifications .top ul.tabs-content2 li.item {
  position: relative;
}
section.product-specifications .top ul.tabs-content2 li.item::before {
  width: 200%;
  height: 230px;
  position: absolute;
  content: '';
  background-color: var(--bg-color);
  top: -70px;
  left: 0;
  z-index: -1;
}
section.product-specifications .table-wrap {
  width: 100%;
  max-width: 990px;
  margin: auto;
}
section.product-specifications .product_specifications_tab {
  width: 100%;
  max-width: 990px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
section.product-specifications .product_specifications_tab .tab {
  font-size: 16px;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  color: #020213;
  align-items: center;
  padding: 0 32px;
  height: 52px;
  border: 2px solid #020213;
  font-weight: 500;
  min-width: 160px;
  justify-content: center;
}
section.product-specifications .product_specifications_tab .tab.active-tab {
  background-color: #f9df00;
  border-color: #f9df00;
}
section.product-specifications
  .product_specifications_tab_content
  .tabs-content3-item {
  display: none;
}
footer.site-footer {
  background-color: rgba(22, 22, 23, 1);
  position: relative;
  overflow: hidden;
  padding-top: 60px;
}
footer.site-footer .top {
  padding-bottom: 60px;
}
footer.site-footer .bottom {
  border-top: 1px solid rgba(153, 153, 153, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 30px;
  padding: 20px 0 30px;
}
footer.site-footer .bottom ul.menu {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px 40px;
  flex-wrap: wrap;
}
footer.site-footer .bottom ul.menu a {
  color: rgba(153, 153, 153, 1);
  font-weight: 500;
}
footer.site-footer .bottom .website-by {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(153, 153, 153, 1);
  font-weight: 600;
  text-decoration: none;
}
footer.site-footer .middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 70px;
}
footer.site-footer .middle .left {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
}
footer.site-footer .middle .left .title {
  font-family: 'Hyperiot';
  color: rgba(153, 153, 153, 1);
  line-height: 1;
}
footer.site-footer .middle .left ul.menu {
  margin: 0;
  display: grid;
  gap: 15px;
}
footer.site-footer .middle .right {
  position: relative;
  text-align: right;
}
footer.site-footer .middle .right .title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  justify-content: flex-end;
  color: #fff;
}
footer.site-footer .middle .right .socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
footer.site-footer .middle .right .socials a {
  display: flex;
  align-items: center;
}
section {
  position: relative;
  overflow: hidden;
}

.manuals-filers-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
}
.manuals-filers-wrap .manuals-filter {
  width: 225px;
}
.bikes-manuals-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  flex: 1;
}
.bikes-manuals-card .manuals-card {
  display: none;
  box-shadow: 1px 1px 5px 0px rgba(229, 229, 229, 1);
  border-radius: 9px;
  padding: 30px;
  background-color: #fff;
}
.bikes-manuals-card .manuals-card .top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  padding-bottom: 20px;
}
.bikes-manuals-card .manuals-card .-name {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  flex: 1;
  font-family: 'Sarabun', sans-serif;
}
section.manuals-pdf-section {
  padding-bottom: 100px;
  color: rgba(51, 51, 51, 1);
  background-color: rgba(245, 245, 247, 1);
}
section.manuals-pdf-section .top-area {
  text-align: center;
}
section.manuals-pdf-section .top-area .bike-title {
  font-family: 'Hyperiot';
  text-transform: uppercase;
  margin-bottom: 50px;
}
.bikes-manuals-card .manuals-card .tag-name {
  border: 1px solid rgba(0, 0, 0, 1);
  width: max-content;
  font-size: 15px;
  padding: 2px 5px;
}
.bikes-manuals-card .manuals-card p.version {
  margin: 0;
}
.bikes-manuals-card .manuals-card .download {
  display: flex;
  justify-content: flex-end;
}
.bikes-manuals-card .manuals-card .download .download-btn {
  display: flex;
}
.bikes-manuals-card .manuals-card .download img {
  width: 33px;
}
.manuals-filers-wrap .manuals-filter {
  display: grid;
  border-left: 1px solid rgba(209, 205, 202, 1);
}
.manuals-filers-wrap .manuals-filter .filter {
  transition: all 0.3s ease-in;
  padding: 5px 20px;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  min-height: 45px;
  text-align: left;
  border-radius: 0 9px 9px 0;
  color: rgba(68, 68, 68, 1);
}
.manuals-filers-wrap .manuals-filter .filter.active {
  box-shadow: 1px 1px 5px 0px rgba(229, 229, 229, 1);
  background-color: #fff;
  border-left: 3px solid;
  color: rgba(0, 0, 0, 1);
}
section.inner-banner {
  min-height: 520px;
  display: flex;
  align-items: center;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 120px;
  background-color: rgba(0, 0, 0, 1);
}
section.inner-banner.smaller-banner {
  min-height: auto;
}
section.inner-banner::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  content: '';
}
section.inner-banner .container {
  position: relative;
  z-index: 2;
}
section.inner-banner .logo {
  display: flex;
  justify-content: center;
}
section.inner-banner .logo img {
  width: auto;
  height: 41px;
}
section.inner-banner .headline {
  margin: 0;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  color: #fff;
}
section.redirect-cta {
  background-color: rgba(249, 223, 0, 1);
  backdrop-filter: blur(21px);
  padding: 38px 0;
}
section.redirect-cta .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 100px;
}
section.redirect-cta .redirect-link {
  color: rgba(2, 2, 19, 1);
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'Hyperiot';
  line-height: 1;
  text-decoration: none;
}
section.about-us {
  padding: 100px 0;
  color: rgba(51, 51, 51, 1);
}
section.about-us h4 {
  font-size: 22px;
  font-weight: 700;
}
section.about-us blockquote {
  border: 1px solid rgba(245, 245, 245, 1);
  background: rgba(250, 250, 250, 1);
  padding: 20px;
}
section.about-us .container {
  max-width: 1125px;
  position: relative;
}
section.about-us .contents-wrap {
  position: relative;
}
section.about-us img.about-us {
  margin-bottom: -40px;
}
section.about-us .about-us-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 50px;
}
section.about-us .about-us-cards .card {
  border: 1px solid rgba(245, 245, 245, 1);
  box-shadow: 1px 1px 5px 0px rgba(245, 245, 245, 1);
  padding: 30px;
}
section.about-us .about-us-cards .card .title {
  border-left: 3px solid rgba(252, 225, 14, 1);
  font-size: 22px;
  padding-left: 10px;
  font-weight: 700;
}
section.default-text-block {
  padding: 70px 0;
  color: #000;
}
section.design-vision {
  color: rgba(2, 2, 19, 1);
  padding: 100px 0;
}
section.design-vision .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
section.design-vision .right-image {
  width: 40%;
  display: flex;
}
section.design-vision .right-image img {
  width: 100%;
}
section.design-vision .left {
  width: 60%;
  padding-right: 70px;
}
section.design-vision .left .headline {
  font-size: 60px;
  text-transform: uppercase;
}
section.our-factory {
  padding: 100px 0;
  color: rgba(51, 51, 51, 1);
}
section.our-factory .top-contents,
section.our-factory .bottom-contents {
  max-width: 850px;
  text-align: center;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}
section.our-factory .main-content {
  background-color: rgba(27, 27, 27, 1);
  position: relative;
  padding: 45px 0;
  margin: 170px 0;
}
section.our-factory .main-content::before,
section.our-factory .main-content::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 70px;
}
section.our-factory .main-content::before {
  background-image: url(/wp-content/uploads/2025/12/dark-shape.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  top: -70px;
}
section.our-factory .main-content::after {
  background-image: url(/wp-content/uploads/2025/12/dark-shape.svg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  bottom: -70px;
}

section.our-factory .main-content .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.our-factory .main-content .left-image {
  width: 40%;
  display: flex;
}
section.our-factory .main-content .left-image img {
  width: 100%;
}
section.our-factory .main-content .right-content {
  width: 60%;
  padding-left: 70px;
  color: #fff;
}
section.our-factory .main-content .right-content .tagline {
  color: rgba(175, 177, 123, 1);
  font-weight: 600;
  margin-bottom: 20px;
}
section.our-factory .main-content .right-content .headline {
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1;
}
section.our-factory .main-content .right-content .contents-wrap {
  margin-bottom: 30px;
}

section.inner-banner .tagline {
  color: rgba(248, 222, 15, 1);
  text-transform: uppercase;
  letter-spacing: 1.4px;
  margin-bottom: 10px;
}

section.inner-banner .contents-wrap {
  color: #fff;
}

section.download-apps {
  padding: 70px 0;
}

section.download-apps .container {
  display: grid;
  gap: 50px;
}

section.download-apps .item {
  box-shadow: 2px 2px 10px 0px rgba(245, 245, 245, 1);
  border: 1px solid rgba(245, 245, 245, 1);
  background-color: rgba(255, 255, 255, 0.002);
  display: flex;
  align-items: center;
  color: rgba(51, 51, 51, 1);
  min-height: 555px;
}

section.download-apps .item .app-image {
  width: 40%;
  display: flex;
}

section.download-apps .item .right {
  width: 60%;
  text-align: right;
  padding: 50px 70px 50px 20px;
}

section.download-apps .item:first-child .app-image {
  justify-content: flex-end;
}
section.download-apps .item:first-child .app-image img {
  margin-right: -30px;
}
section.download-apps .item .app-title {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 15px;
}

section.download-apps .item .text-1 {
  color: rgba(51, 51, 51, 1);
}

section.download-apps .item .text-2 {
}

section.download-apps .item .download-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 370px;
  margin-left: auto;
  gap: 50px;
  margin-top: 40px;
}

section.download-apps .item .download-links .btn {
  box-shadow: 2px 2px 10px 0px rgba(197, 197, 197, 1);
  border: 1px solid rgba(0, 0, 0, 1);
  background: rgba(255, 255, 255, 0.002);
  border-radius: 37px;
  color: rgba(51, 51, 51, 1);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: center;
  height: 37px;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  margin-top: 20px;
}

section.download-apps .item .bottom-text {
  margin-top: 20px;
}
section.download-apps .item .bikes {
  display: flex;
  justify-content: flex-end;
  gap: 5px 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

section.download-apps .item .bikes .btn {
  background: rgba(252, 225, 14, 1);
  border: 1px solid rgba(181, 181, 181, 1);
  border-radius: 30px;
  color: rgba(51, 51, 51, 1);
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px 2px;
  line-height: 1;
  text-decoration: none;
}
section.product-descriptions.style-2::before,
section.product-descriptions.style-2 .specifications .item::before,
section.product-descriptions.style-2 .specifications .item::after {
  opacity: 0 !important;
}

section.product-descriptions.style-2 .specifications .container {
  gap: 90px;
}

section.product-descriptions.style-2 .specifications .title {
  color: rgba(252, 225, 14, 1);
  font-size: 24px;
}
.post-item {
  position: relative;
  background-color: rgba(2, 2, 19, 1);
  color: #fff;
  min-height: 296px;
  display: flex;
  align-items: center;
  padding: 45px 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.post-item .date {
  position: absolute;
  right: -15px;
  background-color: rgba(249, 224, 0, 1);
  height: 28px;
  color: rgba(64, 64, 64, 1);
  padding: 1px 15px 0;
  font-weight: 500;
  top: 15px;
  z-index: 2;
}

.post-item .post-title {
  font-family: 'Hyperiot';
  font-size: 30px;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 2;
}

.post-item .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  z-index: 2;
}
.post-item::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 60%;
}
.post-item .post-categories .category-link {
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.66);
  color: #000;
  font-size: 14px;
  padding: 2px 10px;
  border-radius: 30px;
}

.post-item .post-excerpt {
  margin-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 2;
}
body.single-post {
  color: #000;
}
.post-item .button {
  margin-top: 20px;
  height: 36px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 20px;
  min-width: auto;
  position: relative;
  z-index: 2;
  width: auto;
}

.post-item .post-excerpt p {
  margin: 0;
}

.blog-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 60px;
  margin-bottom: 70px;
}

.blogs-filter.blogs-filter {
  background-color: rgba(249, 223, 0, 1);
  color: rgba(2, 2, 19, 1);
  padding: 35px 0px;
  margin-bottom: 70px;
}

.blogs-filter.blogs-filter .all-buttons-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 70px;
}

.blogs-filter.blogs-filter .all-buttons-wrap .cat {
  margin: 0;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  font-size: 28px;
  line-height: 1;
  transition: all 0.3s ease-in;
  cursor: pointer;
}

.blogs-filter.blogs-filter .all-buttons-wrap .cat.secondary {
  text-decoration: underline;
}

.blog-pagination {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-pagination .page-numbers {
  width: 42px;
  height: 42px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1;
  padding: 2px 0 0;
  color: #fff;
  transition: all 0.3s ease-in;
  text-decoration: none;
}

.blog-pagination .page-numbers.current,
.blog-pagination .page-numbers:hover {
  background-color: rgba(0, 0, 0, 1);
}
#loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader-wrapper .loader {
  width: 50px;
  height: 50px;
  border: 3px solid #1b4ea0;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: spin 0.5s linear 0s infinite;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}

section.enquiry-tabs {
  color: rgba(2, 2, 19, 1);
}
section.enquiry-tabs .tab-trigger {
  background-color: rgba(249, 223, 0, 1);
  padding: 36px 0;
}

section.enquiry-tabs .tab-trigger ul.tabs {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 50px;
  flex-wrap: wrap;
}

section.enquiry-tabs .tab-trigger ul.tabs li.tab {
  font-size: 28px;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -1px;
  transition: all 0.3s ease-in;
  opacity: 50%;
  cursor: pointer;
}

section.enquiry-tabs .tab-trigger ul.tabs li.tab.active-tab {
  opacity: 1;
  text-decoration: underline;
}

section.enquiry-tabs ul.tabs-content {
  margin: 0;
  padding: 70px 0;
}

section.enquiry-tabs ul.tabs-content li {
  display: none;
}
section.enquiry-tabs ul.tabs-content .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

section.enquiry-tabs ul.tabs-content li .left {
  width: 45%;
  background-color: rgba(245, 245, 247, 1);
  padding: 100px 50px;
}

section.enquiry-tabs ul.tabs-content li .form-wrap {
  flex: 1;
  padding-left: 50px;
}

section.enquiry-tabs ul.tabs-content li .left h1,
section.enquiry-tabs ul.tabs-content li .left h2,
section.enquiry-tabs ul.tabs-content li .left h3,
section.enquiry-tabs ul.tabs-content li .left h4,
section.enquiry-tabs ul.tabs-content li .left h5,
section.enquiry-tabs ul.tabs-content li .left h6 {
  font-family: 'Hyperiot';
  text-transform: uppercase;
}

section.enquiry-tabs ul.tabs-content li .left .button {
  background-color: transparent;
  color: #020213;
  border-color: #020213;
  margin-top: 30px;
}
section.enquiry-tabs .wpforms-field-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

section.enquiry-tabs .wpforms-field-container .wpforms-field.full-width {
  grid-column: 1 / -1;
}

body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  input:not(input[type='checkbox']),
body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  textarea {
  border: 2px solid rgba(0, 0, 0, 1);
  border-radius: 0;
  height: 60px;
}
body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  input[type='checkbox'] {
  width: 30px;
  height: 30px;
}

body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  input[type='checkbox']::before {
  width: 100%;
  height: 100%;
  border-color: #000;
  border-radius: 0;
}
body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  li:has(input[type='checkbox']) {
  align-items: center;
}

body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  input[type='checkbox']::after {
  width: 100%;
  top: 3px;
}
body
  div.wpforms-container-full
  .wpforms-field-container
  .wpforms-field
  textarea {
  height: 210px;
}

body div.wpforms-container-full .wpforms-field-container .wpforms-field label {
  color: rgba(64, 64, 64, 1);
  font-weight: 600;
}

body div.wpforms-container-full button.wpforms-submit {
  background-color: rgba(249, 223, 0, 1) !important;
  height: 52px;
  color: rgba(2, 2, 19, 1) !important;
  font-family: 'Hyperiot';
  text-transform: uppercase;
  width: 159px;
  border-radius: 0;
  margin-top: 20px;
}

.wpforms-container {
  margin: 0 !important;
}

section.enquiry-tabs .wpforms-field-container .wpforms-field {
  padding: 0;
}
.dealer-header {
  background-color: rgb(249 224 0);
  color: #000;
  padding: 15px 0;
}

.page-template-template_parts_order header.site-header,
.page-template-template_warranty-claim header.site-header,
.page-template-template_dealer-portal header.site-header,
.page-template-template_warranty-registration header.site-header {
  background-color: #000;
}

.dealer-default-page {
  padding-top: 72px;
}

.dealer-header ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-wrap: wrap;
  gap: 8px 40px;
}

.dealer-header ul a {
  padding: 4px 15px;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #000;
  color: #000;
  transition: all 0.3s ease-in;
  text-decoration: none;
  font-weight: 600;
}

.dealer-header ul a.nav-active,
.dealer-header ul a:hover {
  background-color: #000;
  color: #fff;
}
section.dp-contents ul {
  list-style: disc;
  padding-left: 20px;
}
section.dp-banner {
  background-color: #f3f4f6;
  padding: 70px 0;
}

section.dp-banner .buttons {
  justify-content: center;
  margin-top: 42px;
}

section.dp-contents {
  padding: 100px 0;
}
.dp-portal-page {
  background-color: #000;
  color: #fff;
}

.dp-portal-page .header-wrap {
  text-align: center;
  padding: 40px 0;
}

.dp-portal-page .header-wrap h1 {
  font-size: 45px;
  margin-bottom: 10px;
}

.dp-portal-page .header-wrap h2 {
  font-size: 30px;
  color: rgb(249 224 0);
  margin: 0;
}

.dp-portal-page ul.assets-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin-bottom: 50px;
}

.dp-portal-page ul.assets-tabs li {
  background-color: rgb(249 224 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #000;
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.dp-portal-page ul.assets-tabs li.ui-tabs-active,
.dp-portal-page ul.assets-tabs li:hover {
  background-color: #fff;
}

.dp-portal-page ul.assets-tabs li a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  height: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

div#brand-assets-tabs {
  margin-bottom: 70px;
}
div#brand-assets-tabs li.assets-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px;
  text-decoration: none;
  transition: all 0.3s ease-in;
  font-weight: 500;
}

div#brand-assets-tabs li.assets-item {
  border-bottom: 1px solid #fff;
}

div#brand-assets-tabs li.assets-item a img {
  width: 16px;
}

div#brand-assets-tabs li.assets-item a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
section#dealer-login {
  background-color: #000;
  padding: 150px 0 100px;
  color: #fff;
}

section#dealer-login .container {
  max-width: 512px;
}

section#dealer-login .headline {
  font-size: 60px;
  text-align: center;
  margin-bottom: 30px;
}

section#dealer-login input {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border-radius: 0;
  margin-top: 8px;
  color: #000;
  outline: none;
  border: none;
  padding: 0 20px;
}

section#dealer-login label {
  font-weight: 600;
  font-size: 18px;
}

section#dealer-login form {
  display: grid;
  gap: 15px;
}

section#dealer-login form .item.remember-me {
  display: flex;
  align-items: center;
  gap: 10px;
}

section#dealer-login form .item.remember-me input#remember_me {
  width: 30px;
  height: 30px;
  border-radius: 0;
  margin: 0;
}
section#dealer-login form button.button {
  width: fit-content;
  outline: none;
  border: 2px solid #f9df00 !important;
  transition: all 0.3s ease-in;
  border-radius: 0;
  font-weight: 600;
  text-transform: uppercase;
}
section#dealer-login form .error {
  color: red;
}
.recent-blogs {
  background-image: url(/wp-content/uploads/2025/12/specification-Vector-1.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 200px;
  margin-bottom: -180px;
}
.recent-blogs .container > h3 {
  text-align: center;
  font-size: 52px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
}
section.inner-banner.blog-hero-section::before {
  opacity: 0.75;
}
section.blog-hero-section {
  color: #fff;
  font-weight: 500;
}
section.blog-hero-section .cat-auth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 30px;
  margin-top: 30px;
  flex-wrap: wrap;
}
section.blog-hero-section .cat-auth .post-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
section.blog-hero-section .cat-auth .post-categories p {
  background-color: rgba(249, 224, 0, 1);
  color: #000;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin: 0;
  border-radius: 25px;
  font-weight: 500;
}
section.blog-hero-section .cat-auth .post-author {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
section.blog-hero-section .share-post {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  gap: 15px;
}
section.blog-hero-section .share-post .social-share {
  display: flex;
  align-items: center;
  gap: 10px;
}
section.blog-hero-section .share-post .social-share a {
  display: inline-flex;
}
section.blog-hero-section .headline {
  margin-bottom: 15px;
}
section.single-blog-contents {
  padding: 90px 0;
}
section.single-blog-contents .container {
  max-width: 1140px;
}
iframe {
  width: 100%;
  height: 600px;
}
ol li::before {
  content: counter(item);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0px;
  background: #000;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol li {
  counter-increment: item;
  position: relative;
  padding-left: 40px;
  list-style: none;
  margin-bottom: 30px;
}
ol li strong,
section.single-blog-contents ul strong {
  font-family: 'Hyperiot', serif;
  font-size: 22px;
  font-weight: 400;
}
section.single-blog-contents a {
  color: #000;
  text-decoration: underline;
}
section.single-blog-contents ul {
  list-style: disc;
  padding-left: 20px;
}
section.single-blog-contents ul li {
  margin-bottom: 20px;
}
.gallery a {
  pointer-events: none;
}
.gallery img {
  border-radius: 25px;
}
/* Mega menu positioning and animation */
.hyper-mega-menu,
.light-mega-menu,
.ultra-mega-menu {
  position: relative;
}
.logged-in .mega-menu-wrap {
  top: 32px;
}
.mega-menu-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 110px 20px 50px;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  width: 100%;
  min-height: 300px;
  color: #fff;
}
/* Hidden state */
.mega-menu-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  pointer-events: none;
}
/* Visible state */
.mega-menu-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
/* Header color changes with smooth transition */
header {
  transition: background-color 0.3s ease, color 0.3s ease;
}
header.mega-menu-active {
  background-color: #000;
}
.hyper-mega-menu a,
.light-mega-menu a,
.ultra-mega-menu a {
  padding: 0 15px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
}
.mega-menu-wrap .container {
  justify-content: center !important;
}
.mega-menu-wrap .bikes-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  width: 100%;
}
.mega-menu-wrap .bikes-wrap .item {
  width: calc(20% - 30px);
  text-align: center;
  position: relative;
}
.mega-menu-wrap .bikes-wrap .extra-menu-wrap {
  border-left: 1px solid #ffffff36;
  padding-left: 50px;
  text-align: left;
  padding-top: 40px;
}
.mega-menu-wrap .bikes-wrap .extra-menu-wrap ul {
  display: grid;
  justify-content: flex-start;
  gap: 15px;
}
.mega-menu-wrap .bikes-wrap .item .title {
  font-size: 24px;
  font-weight: 400;
  margin: 20px 0 10px;
}
.link-whole-div {
  position: absolute !important;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
}
.mega-menu-wrap .bikes-wrap .extra-menu-wrap ul a {
  font-weight: 500;
}
.hyper-mega-menu:hover > a,
.light-mega-menu:hover > a,
.ultra-mega-menu:hover > a {
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 1024px) {
  .mobile-menu-wrapper {
    display: none !important;
  }
}
@media screen and (max-width: 1400px) {
  section.product-hero .headline {
    font-size: 100px;
  }
  section.product-hero .left {
    width: 50%;
  }
  section.product-hero .right {
    width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  section.product-hero .metas .meta-title {
    font-size: 26px;
  }
  section.product-hero {
    min-height: 700px;
  }
  section.product-specifications .top ul.tabs-content2 li.item::before {
    height: 180px;
  }
  h1 {
    font-size: 60px;
  }
  .blog-content-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .blogs-filter.blogs-filter .all-buttons-wrap .cat {
    font-size: 24px;
  }

  .blogs-filter.blogs-filter .all-buttons-wrap {
    gap: 10px 40px;
  }

  .blogs-filter.blogs-filter {
    padding: 25px 0px;
  }
  section.inner-banner {
    min-height: auto;
  }
  section.redirect-cta .redirect-link {
    font-size: 24px;
  }

  section.redirect-cta {
    padding: 25px 0;
  }

  section.redirect-cta .container {
    gap: 10px 60px;
  }
  section.download-apps.home {
    min-height: 30rem;
  }
  section.cta-grid .grid-wrapper .item {
    min-height: 500px;
  }
}
@media screen and (max-width: 1023px) {
  .products-hero-slide .owl-stage .owl-item {
    height: auto;
  }
  .products-hero-slide .owl-stage .owl-item section.product-hero {
    min-height: 100%;
    align-items: flex-start;
  }
  .products-hero-slide .owl-stage .owl-item section.product-hero .right {
    position: inherit;
  }
  .products-hero-slide
    .owl-stage
    .owl-item
    section.product-hero
    .right
    ul.tabs {
    bottom: 50px;
  }
  section.product-hero .logo img {
    object-position: center;
  }
  .blog-content-wrapper {
    gap: 30px;
  }
  h1 {
    font-size: 48px;
  }
  section.product-hero .container {
    flex-wrap: wrap;
  }
  section.product-hero .left {
    width: 100%;
  }
  section.product-hero .right {
    position: relative;
    width: 100%;
  }
  section.product-hero .right .tabs {
    display: flex;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    right: auto;
    left: 50%;
  }
  section.product-hero {
    padding-top: 150px;
    text-align: center;
  }
  section.product-hero .metas {
    justify-content: center;
  }
  section.product-hero .left .buttons {
    justify-content: center;
  }
  section.product-hero .logo {
    justify-content: center;
    margin-bottom: 20px;
  }
  section.product-hero .headline {
    font-size: 80px;
  }
  section.product-hero .sub-headline {
    font-size: 20px;
  }
  header.site-header nav#site-navigation {
    display: none;
  }
  header.site-header .right .menu-trigger {
    display: grid !important;
  }
  section.product-descriptions .top-area {
    padding: 70px 0 30px;
  }
  section.product-descriptions .background-image {
    height: 500px;
  }
  section.product-descriptions .background-image .featured-image {
    width: 100%;
    max-width: 700px;
    margin: auto;
  }
  section.cta-section .headline {
    font-size: 40px;
  }
  section.cta-section .button {
    min-width: 200px;
    height: 52px;
  }
  section.cta-section .sub-headline {
    font-size: 18px;
  }
  section.our-lightest-yet .headline {
    font-size: 55px;
  }
  section.video-plater .video-popup-link svg.icon {
    width: 70px;
    height: auto;
  }
  section.six-t-tonne .headline {
    font-size: 80px;
  }
  section.six-t-tonne {
    min-height: 550px;
  }
  section.motor-foc-controller .sub-headline {
    font-size: 28px;
  }
  .controller-features .title {
    font-size: 32px;
  }
  section.product-specifications .top ul.tabs-content2 li.item::before {
    height: 150px;
  }
  section.inner-banner {
    padding: 180px 0 100px;
  }
  section.our-factory .main-content .right-content {
    padding-left: 40px;
  }
  section.our-factory .main-content .right-content .headline {
    font-size: 48px;
  }
  section.our-factory .main-content {
    margin: 130px 0;
    padding: 0;
  }
  section.our-factory {
    padding: 70px 0;
  }
  section.design-vision .left {
    padding-right: 30px;
  }
  section.design-vision .left .headline {
    font-size: 48px;
  }
  section.download-apps .item {
    min-height: auto;
  }
  section.download-apps .item .right {
    padding: 30px 30px 30px 10px;
  }
  section.product-descriptions.style-2 .specifications .container {
    gap: 70px 40px;
  }
  section.redirect-cta .redirect-link {
    font-size: 24px;
  }

  section.redirect-cta {
    padding: 25px 0;
  }

  section.redirect-cta .container {
    gap: 10px 60px;
  }

  .manuals-filers-wrap .manuals-filter {
    display: none;
  }

  section.manuals-pdf-section .top-area .bike-title {
    margin-bottom: 20px;
  }
  section.enquiry-tabs ul.tabs-content li .left {
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
  }

  section.enquiry-tabs ul.tabs-content li .form-wrap {
    padding: 0;
  }

  section.enquiry-tabs .tab-trigger ul.tabs li.tab {
    font-size: 24px;
  }

  section.enquiry-tabs .tab-trigger {
    padding: 25px 0;
  }
  section.download-apps.home {
    min-height: 25rem;
  }

  section.cta-grid .grid-wrapper .item .title {
    font-size: 40px;
  }

  .hero-slide .top-align .inner .features,
  .hero-slide .bottom-align .inner .features {
    grid-template-columns: 1fr 1fr 1fr;
  }
  section.bikes-grid .bikes-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .full-cta-wrapper {
    gap: 50px;
  }
  iframe {
    height: 400px;
  }
  section.blog-hero-section .share-post {
    margin-top: 50px;
  }
  h2 {
    font-size: 40px;
  }
  ol li strong,
  section.single-blog-contents ul strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.blog-hero-section .headline {
    margin-bottom: 5px;
  }
  section.blog-hero-section .cat-auth {
    margin-top: 20px;
  }
  section.blog-hero-section .share-post {
    margin-top: 30px;
  }
  section.single-blog-contents {
    padding: 50px 0;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 22px;
  }
  .recent-blogs .container > h3 {
    font-size: 35px;
  }
  iframe {
    height: 250px;
  }
  ol li strong,
  section.single-blog-contents ul strong {
    font-size: 18px;
  }
  section.enquiry-tabs .tab-trigger ul.tabs li.tab {
    font-size: 20px;
  }

  section.enquiry-tabs .tab-trigger ul.tabs {
    gap: 10px 30px;
  }

  section.enquiry-tabs ul.tabs-content {
    padding: 50px 0;
  }

  section.enquiry-tabs ul.tabs-content li .left h3 {
    font-size: 30px;
  }

  section.enquiry-tabs ul.tabs-content li .left h4 {
    font-size: 24px;
  }

  section.enquiry-tabs ul.tabs-content li .left {
    padding: 30px 20px;
  }

  section.enquiry-tabs .wpforms-field-container {
    grid-template-columns: 1fr;
  }

  body
    div.wpforms-container-full
    .wpforms-field-container
    .wpforms-field
    input:not(input[type='checkbox']),
  body
    div.wpforms-container-full
    .wpforms-field-container
    .wpforms-field
    textarea {
    height: 50px;
  }

  body
    div.wpforms-container-full
    .wpforms-field-container
    .wpforms-field
    textarea {
    height: 160px;
  }

  section.enquiry-tabs div.wpforms-container-full button.wpforms-submit {
    width: 100%;
  }
  section.redirect-cta .container {
    gap: 10px 30px;
  }

  section.redirect-cta .redirect-link {
    font-size: 20px;
  }

  section.manuals-pdf-section .top-area .bike-title {
    font-size: 35px;
  }

  .bikes-manuals-card {
    grid-template-columns: 1fr;
  }

  .bikes-manuals-card .manuals-card .top {
    flex-flow: column-reverse;
  }

  .bikes-manuals-card .manuals-card {
    padding: 20px;
  }

  .bikes-manuals-card .manuals-card .updated-date {
    margin-bottom: 0;
  }
  section.inner-banner .contents-wrap br {
    display: none;
  }
  section.inner-banner .tagline {
    font-size: 14px;
  }
  section.download-apps {
    padding: 50px 0;
  }
  .blog-content-wrapper {
    gap: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }

  .blogs-filter.blogs-filter {
    margin-bottom: 50px;
  }

  .blogs-filter.blogs-filter .all-buttons-wrap .cat {
    font-size: 20px;
  }
  section.download-apps .item {
    flex-wrap: wrap;
    padding: 20px;
  }

  section.download-apps .item .app-image {
    width: 100%;
  }

  section.download-apps .item .right {
    width: 100%;
    text-align: center;
    padding: 0;
  }

  section.download-apps .item .bikes {
    justify-content: center;
  }

  section.download-apps .item .download-links {
    gap: 20px;
  }

  section.download-apps .item .app-title {
    font-size: 24px;
  }
  section.our-factory .main-content .left-image {
    width: 100%;
  }

  section.our-factory .main-content .right-content {
    width: 100%;
    padding: 30px 0 0;
  }

  section.our-factory .main-content .right-content .headline {
    font-size: 35px;
  }

  section.our-factory .main-content .right-content .tagline {
    font-size: 14px;
  }

  section.design-vision .left {
    width: 100%;
    padding: 0 0 30px;
  }

  section.design-vision .left .headline {
    font-size: 35px;
    margin-bottom: 10px;
  }

  section.design-vision .right-image {
    width: 100%;
  }

  section.design-vision {
    padding: 50px 0;
  }
  h1 {
    font-size: 35px;
  }
  section.inner-banner {
    padding: 140px 0 70px;
  }
  section.product-hero .headline {
    font-size: 60px;
  }
  section.product-hero .logo img {
    height: 55px;
  }
  .button {
    width: 100%;
    height: 48px;
  }
  section.product-hero .right .tabs {
    bottom: -30px;
  }
  section.product-descriptions .specifications .container {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  section.product-descriptions .specifications .item::before {
    opacity: 0;
  }
  section.product-descriptions .specifications .item::after {
    opacity: 0.3 !important;
    bottom: -30px;
    width: 100%;
  }
  section.product-descriptions .specifications .item:last-child::after {
    opacity: 0 !important;
  }
  section.product-descriptions .background-image {
    display: flex;
    align-items: flex-end;
    height: auto;
    padding-bottom: 30px;
    background-position: center 70px;
  }
  section.product-descriptions .background-image .featured-image {
    max-width: 330px;
  }
  section.cta-section .container {
    flex-wrap: wrap;
    text-align: center;
    gap: 20px;
  }
  section.cta-section .headline {
    font-size: 32px;
  }
  section.cta-section .sub-headline {
    font-size: 16px;
  }
  section.cta-section .container .left {
    width: 100%;
  }
  section.cta-section {
    padding: 40px 0;
  }
  section.our-lightest-yet .headline {
    font-size: 40px;
  }
  section.our-lightest-yet .sub-headline {
    font-size: 18px;
  }
  section.our-lightest-yet {
    padding: 70px 0;
    margin-bottom: -20px;
  }
  section.our-lightest-yet .metas .meta-title {
    font-size: 32px;
  }
  section.our-lightest-yet .metas {
    gap: 20px 30px;
  }
  section.video-plater {
    padding: 50px 0;
  }
  section.video-plater .video-popup-link img {
    object-fit: cover;
  }
  section.video-plater .video-popup-link img {
    min-height: 200px;
  }
  section.six-t-tonne .headline {
    font-size: 50px;
  }
  section.six-t-tonne .sub-headline {
    font-size: 24px;
  }
  section.six-t-tonne {
    padding: 70px 0;
    min-height: auto;
  }
  .controller-features {
    grid-template-columns: 1fr;
  }
  .controller-features.first-style .meta-item:nth-child(3),
  section.motor-foc-controller-2 .controller-features .meta-item:first-child {
    display: grid;
    gap: 30px;
  }
  .controller-features.first-style .meta-item:nth-child(3) .desc-area,
  section.motor-foc-controller-2
    .controller-features
    .meta-item:first-child
    .desc-area {
    width: 100%;
    text-align: center;
  }
  section.product-specifications .top ul.tabs-content2 {
    width: 100%;
  }
  section.product-specifications .top .right {
    width: 100%;
    text-align: center;
  }
  section.product-specifications .top ul.tabs2 {
    justify-content: center;
  }
  section.product-specifications .top ul.tabs-content2 li.item::before {
    width: 100%;
  }
  section.product-specifications {
    padding: 50px 0;
  }
  .container {
    padding: 0px 20px;
  }
  section.product-specifications .specifications {
    font-size: 14px;
  }
  section.product-specifications .specifications .item {
    gap: 5px;
  }
  .group-headline {
    font-size: 25px;
  }
  footer.site-footer .bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  footer.site-footer .bottom .menu-t-c-container {
    width: 100%;
  }
  footer.site-footer .bottom ul.menu {
    justify-content: center;
    gap: 10px 20px;
  }
  section.our-factory {
    padding: 50px 0;
  }
  section.default-text-block {
    padding: 50px 0;
  }
  .container {
    padding: 0 20px;
  }
  .hero-slide .inner .features {
    grid-template-columns: 1fr 1fr;
    gap: 25px 0;
  }

  .hero-slide .inner .features .item:nth-child(even)::before {
    opacity: 0;
  }

  .hero-slide .top-align .inner .features,
  .hero-slide .bottom-align .inner .features {
    grid-template-columns: 1fr 1fr;
  }

  .hero-slide .inner .headline {
    font-size: 35px;
  }

  .hero-slide .inner .tagline {
    font-size: 16px;
  }

  section.download-apps.home {
    background-position: 12% center;
  }

  section.cta-grid .grid-wrapper {
    grid-template-columns: 1fr;
  }

  section.cta-grid .grid-wrapper .item {
    min-height: 400px;
    padding: 0 20px;
  }

  section.cta-grid .grid-wrapper .item .title {
    font-size: 32px;
  }

  section.cta-grid .grid-wrapper .item .sub-title {
    font-size: 18px;
  }

  section.bikes-grid .bikes-wrapper {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }

  section.cta-grid .grid-wrapper .item .content {
    width: 100%;
  }

  .full-cta-wrapper {
    gap: 30px;
  }

  .full-cta-wrapper .item {
    min-height: 320px;
  }

  .full-cta-wrapper .item .title {
    font-size: 25px;
  }
  .dealer-header ul a {
    padding: 4px 10px;
  }
  .dealer-header ul {
    gap: 5px 15px;
  }
  .dp-portal-page .header-wrap h1 {
    font-size: 35px;
  }
  .dp-portal-page .header-wrap h2 {
    font-size: 24px;
  }
  .dp-portal-page ul.assets-tabs {
    gap: 10px;
    margin-top: 0;
  }
  .dp-portal-page ul.assets-tabs li {
    height: 38px;
  }
  section.dp-contents,
  section.dp-banner {
    padding: 50px 0;
  }
  section#dealer-login .headline {
    font-size: 37px;
  }

  section#dealer-login label {
    font-size: 16px;
  }

  section#dealer-login input {
    height: 45px;
  }

  section#dealer-login form .item.remember-me input#remember_me {
    width: 20px;
    height: 20px;
  }
}