/* ==================== [ Root CSS Start ] ==================== */
/* ==================== [ Core Colors ] ==================== */
:root {
	--white: #ffffff;
	--black: #000000;
	--black-30: rgb(0, 0, 0, 0.3);
	--dark: #010101;
	--transparent: #0000;
}

/* ==================== [ Fonts ] ==================== */
:root {
	--font-primary: "Barlow", sans-serif;
	--font-secondary: "Hypebuzz", sans-serif;
}

/* ==================== [ Layout / Container ] ==================== */
:root {
	--container: 1440px;
	--container-padding: 15px;
	--row-gutter-space: 20px;
	--sm-row-gutter-space: 14px;
}

/* ==================== [ Typography – Common ] ==================== */
:root {
	--a-color: var(--black);
	--a-hover-color: var(--black);

	--marker-color: var(--black);

	--blockquote-border-color: var(--black);
	--blockquote-bg: var(--white);

	--pre-bg: var(--white);
	--pre-color: var(--black);
}

/* ==================== [ Table ] ==================== */
:root {
	--table-border: rgba(0, 0, 0, 0.2);

	--table-th-bg: var(--black);
	--table-th-color: var(--white);

	--table-td-bg: var(--transparent);
	--table-td-color: var(--black);
}

/* ==================== [ Headings ] ==================== */
:root {
	--heading-color: var(--dark);
	--heading-strong-color: var(--dark);
	--heading-font-family: var(--font-secondary);
	--heading-mb: 20px;
	--heading-fw: 400;

	--h1-fs: 42px;
	--h1-lh: 48px;
	--h1-fw: 400;

	--h2-fs: 34px;
	--h2-lh: 38px;

	--h3-fs: 32px;
	--h3-lh: 40px;

	--h4-fs: 26px;
	--h4-lh: 32px;

	--h5-fs: 22px;
	--h5-lh: 100%;

	--h6-fs: 18px;
	--h6-lh: 100%;
}

/* ==================== [ Root CSS End ] ==================== */

/* ==================== [ Transistion CSS Start ] ==================== */
:root {
	--transition-fast: 0.2s ease-in-out;
	--transition-normal: 0.3s ease-in-out;
	--transition-slow: 0.4s ease-in-out;
	--transition-extraslow: 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
		-webkit-animation: none !important;
	}
}

/* ==================== [ Transistion CSS End ] ==================== */

/* ==================== [ Brand Global CSS Start ] ==================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	color: var(--black);
	font-family: var(--font-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	background: var(--white);
	overflow-x: hidden;
}

/* ==================== [ Brand Global CSS End ] ==================== */

/* ==================== [ Typography Start ] ==================== */
figure {
	margin: 0;
}

strong,
b {
	font-weight: 700 !important;
}

a,
input,
button,
textarea {
	outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px var(--transparent) inset !important;
	-webkit-text-fill-color: var(--secondary) !important;
	transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
textarea:autofill,
select:autofill {
	background-color: var(--transparent) !important;
	color: var(--secondary) !important;
}

a {
	display: block;
	color: var(--a-color);
	word-break: break-word;
	text-decoration: none;
	transition: var(--transition-normal);
	-webkit-transition: var(--transition-normal);
	-moz-transition: var(--transition-normal);
	-ms-transition: var(--transition-normal);
	-o-transition: var(--transition-normal);
}

a:hover {
	color: var(--a-hover-color);
}

p {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin-bottom: 20px;
}

ol,
ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

ol li,
ul li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ol li::marker,
ul li::marker {
	color: var(--marker-color);
}

ul li:has(> ul),
ul li:has(> ol) {
	list-style-type: none;
}

blockquote {
	padding: 16px 16px 16px 24px;
	border-left: 5px solid var(--blockquote-border-color);
	margin-bottom: 20px;
	background-color: var(--blockquote-bg);
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

pre {
	background-color: var(--pre-bg);
	padding: 16px;
	overflow: auto;
	font-family: inherit;
	border-radius: 12px;
	position: relative;
	color: var(--pre-color);
}

pre code {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: inherit;
}

th,
td {
	border: 1px solid var(--table-border);
	padding: 8px 12px;
	text-align: left;
}

th {
	background-color: var(--table-th-bg);
	font-weight: 600;
	font-size: inherit;
	color: var(--table-th-color);
}

td {
	background-color: var(--table-td-bg);
	font-weight: 400;
	font-size: inherit;
	color: var(--table-td-color);
}

:is(h1, h2, h3, h4, h5, h6) strong {
	color: var(--heading-strong-color);
}

h1,
.h1>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h1-fs);
	line-height: var(--h1-lh);
	font-weight: var(--h1-fw);
	margin-bottom: var(--heading-mb);
}

h2,
.h2>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h2-fs);
	line-height: var(--h2-lh);
	font-weight: var(--heading-fw);
	margin-bottom: var(--heading-mb);
}

h3,
.h3>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h3-fs);
	line-height: var(--h3-lh);
	font-weight: var(--heading-fw);
	margin-bottom: var(--heading-mb);
}

h4,
.h4>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h4-fs);
	line-height: var(--h4-lh);
	font-weight: var(--heading-fw);
	margin-bottom: var(--heading-mb);
}

h5,
.h5>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h5-fs);
	line-height: var(--h5-lh);
	font-weight: var(--heading-fw);
	margin-bottom: var(--heading-mb);
}

h6,
.h6>* {
	color: var(--heading-color);
	font-family: var(--heading-font-family);
	font-size: var(--h6-fs);
	line-height: var(--h6-lh);
	font-weight: var(--heading-fw);
	margin-bottom: var(--heading-mb);
}

hr {
	margin-block: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

textarea {
	resize: none;
}

.typography {
	padding-block: 120px;
}

.typography img {
	max-width: 300px;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	margin-bottom: 20px;
}

.typography img.align-left {
	margin-right: 40px;
	float: left;
}

.typography img.align-right {
	margin-left: 40px;
	float: right;
}

.typography img.align-center {
	margin-inline: auto;
	display: block;
}

/* ==================== [ Typography End ] ==================== */

/* ==================== [ Common Start ] ==================== */
.row {
	margin-inline: calc(var(--row-gutter-space) / -2);
	row-gap: var(--row-gutter-space);
}

.row.sm {
	margin-inline: calc(var(--sm-row-gutter-space) / -2);
	row-gap: var(--sm-row-gutter-space);
}

.row>* {
	padding-inline: calc(var(--row-gutter-space) / 2);
}

.row.sm>* {
	padding-inline: calc(var(--sm-row-gutter-space) / 2);
}

.img-cover * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.img-contain img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* ==================== [ Common End ] ==================== */

/* ==================== [ Common Heading Start ] ==================== */

.main-title {
	color: var(--black);
	font-size: 102px;
	line-height: 114px;
	letter-spacing: 2.55px;
	font-weight: 400;
	margin-bottom: 40px;
}

.main-title * {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	margin-bottom: inherit;
}

.disc {
	color: var(--dark);
	font-weight: 500;
	font-size: 14px;
	line-height: 198%;
	letter-spacing: 1.01px;
}

.disc * {
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	margin: 0;
}

.tag-title {
	color: var(--dark);
	font-family: var(--font-secondary);
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 2.4px;
	font-weight: 400;
}

.tag-title * {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	margin: 0;
}

/* ==================== [ Common Heading End ] ==================== */

/* ==================== [ Button Start ] ==================== */
.btn {
	width: fit-content;
	padding: 9px 20px;
	text-align: center;
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0.9px;
	border: 1px solid var(--transparent);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.btn-primary {
	color: var(--white);
	background-color: var(--dark);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn,
.btn-primary:is(:hover, :focus-visible, :active, .active) {
	color: var(--black) !important;
	background-color: var(--transparent) !important;
	border: 1px solid var(--black) !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.btn img {
	width: 12px;
	height: 14px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.btn img * {
	width: 100%;
	height: 100%;
}

.btn:hover img {
	filter: brightness(1) invert(1);
	-webkit-filter: brightness(1) invert(1);
}

.btn-white-border {
	color: var(--white);
	border: 1px solid var(--white);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.btn-white-border:hover {
	color: var(--white);
	background-color: var(--dark);
	border: 1px solid var(--transparent);
}

.btn-black-border {
	color: var(--dark);
	border: 1px solid var(--dark);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.btn-black-border:hover {
	color: var(--white);
	background-color: var(--dark);
	border: 1px solid var(--dark);
}

/* ==================== [ Button End ] ==================== */

/* ==================== [ Error 404 Start ] ==================== */
.error-404 {
	padding: 120px 0 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100dvh;
}

.error-404 .heading {
	text-align: center;
}

.error-404 .action * {
	width: fit-content;
	margin: 0 auto;
}

/* ==================== [ Error 404 End ] ==================== */

/* ==================== [ Extra Common Start ] ==================== */
.container-fluid,
.container {
	padding-inline: var(--container-padding);
	margin-inline: auto;
}

.swiper-linear .swiper-wrapper {
	transition-timing-function: linear !important;
}

/* ==================== [ Extra Common End ] ==================== */


/* ==================== [ Header Start ] ==================== */

.header {
	position: relative;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 12;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.header.shrink {
	background-color: var(--white);
	box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
}

.header.shrink .navbar {
	padding: 20px 0;
}

.header.shrink .navbar .navbar-brand {
	max-width: 124px;
	height: 94px;
}

.header.hide {
	top: -300px;
}


.header .container {
	max-width: 1865px;
}

.header .navbar {
	padding: 40px 0;
	align-items: flex-start;
}

.header .navbar .navbar-brand {
	padding: 0;
	margin: -15px 0 0;
	width: 100%;
	max-width: 134px;
	height: 134px;
	z-index: 99999;
}

.header .navbar .navbar-brand * {
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.header.scroll .navbar .navbar-brand * {
	filter: brightness(0) saturate(100%) invert(11%) sepia(65%) saturate(3188%) hue-rotate(245deg) brightness(94%) contrast(93%);
	-webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(65%) saturate(3188%) hue-rotate(245deg) brightness(94%) contrast(93%);
}

.navbar-toggler {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 48px;
	height: 48px;
	padding: 5px 0;
	box-shadow: none !important;
	background-color: var(--netural-400);
	border-radius: 10px;
	z-index: 99999;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.navbar-toggler .hamburger {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.navbar-toggler .hamburger-toggle {
	width: 43px;
	height: 21px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.navbar-toggler .hamburger span {
	width: 100%;
	height: 2.25px;
	border-radius: 5px;
	background-color: var(--dark);
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.navbar-toggler .hamburger span:first-child {
	top: 11px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.navbar-toggler .hamburger span:nth-child(2) {
	opacity: 0;
}

.navbar-toggler .hamburger span:last-child {
	margin: 0;
	top: -6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.navbar-toggler.collapsed .hamburger span {
	opacity: 1 !important;
	top: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

.header .navbar-collapse {
	overflow: auto;
	background-color: var(--white);
	position: fixed;
	z-index: 1;
	top: -100dvh;
	left: 0;
	height: 100dvh !important;
	padding-top: 0;
	width: 100%;
	padding: 30px 16px;
	display: block !important;
	transition: top 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0s !important;
	-webkit-transition: top 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0s !important;
	-moz-transition: top 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0s !important;
	-ms-transition: top 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0s !important;
	-o-transition: top 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0s !important;
	z-index: 9999;
}

.header .navbar:has(.navbar-toggler:not(.collapsed)) .navbar-collapse {
	top: 0;
}

.header .header-menu-group {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100dvh - 60px);
	max-width: 1548px;
	padding: 167px 20px 0;
	margin: 0 auto;
}

.header .header-navbar-close-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 40px;
}

.header .menu-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.header .menu-container .main-menu {
	width: 100%;
}

.header .menu-container .navbar-nav {
	max-width: calc(754px + 40px);
	padding-right: 40px;
	margin: 0;
	position: relative;
}

.header .menu-container .nav-item {
	width: 100%;
	position: relative;
}

.header .menu-container .nav-item:last-child {
	margin-bottom: 0;
}

.header .menu-container .nav-link-item {
	font-family: var(--font-secondary);
	padding: 0;
	position: relative;
	font-size: 42px;
	line-height: 62px;
	letter-spacing: 2.1px;
	color: #999999;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .menu-container .nav-item:hover .nav-link,
.header .menu-container .nav-item.show .nav-link {
	color: var(--violet-300);
}

.header .menu-container .nav-link-item.dropdown-toggle:after {
	display: none;
}

.header .navbar-nav .dropdown-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: var(--transparent);
	border-radius: 0;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.header .navbar-nav .dropdown-menu .dropdown-item {
	padding: 0;
	color: #999999;
	font-size: 26px;
	line-height: 34px;
	font-weight: 700;
	letter-spacing: 1.3px;
	margin-bottom: 5px;
}

.header .navbar-nav .dropdown-menu .dropdown-item.active,
.header .navbar-nav .dropdown-menu .dropdown-item:hover {
	color: var(--black);
	background-color: transparent;
}

.header .social-media {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header .social-media * {
	margin-bottom: 0;
	font-weight: 700;
}

.header .social-media ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	list-style: none;
	position: relative;
}

.header .social-media ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.header .social-media ul li img {
	width: fit-content;
	height: 28px;
}

.header .social-media ul li img * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.header-mega-menu {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.header-mega-menu li {
	list-style: none;
}

.header-mega-menu li .nav-link {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.86px;
	color: var(--black);
	padding: 5px 18px;
	z-index: 9999;
	position: relative;
}

.header-mega-menu li:hover .nav-link,
.header-mega-menu li.active .nav-link {
	color: var(--white);
	background-color: var(--black);
}

.header-mega-menu .mega-content {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	background: rgb(255, 255, 255, 0.9);
	padding: 80px 0 25px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	display: none;
	flex-direction: column;
	align-items: center;
}

.header-mega-menu .mega-menu.show .mega-content,
.header-mega-menu .mega-menu.active .mega-content {
	display: flex;
	opacity: 1;
	visibility: visible;
}

.header-mega-menu .top-tabs {
	display: flex;
	gap: 30px;
	margin-bottom: 15px;
	list-style: none;
}

.header-mega-menu .top-tabs li {
	font-size: 13px;
	opacity: 0.6;
	cursor: pointer;
}

.header-mega-menu .top-tabs li.active {
	opacity: 1;
	font-weight: 600;
}

.header-mega-menu .tab-content-row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 40px;
	width: 100%;
	max-width: 570px;
	margin: 25px auto 0;
}

.header-mega-menu .tab-item {
	text-align: center;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.header-mega-menu .tab-item.active a,
.header-mega-menu .tab-item:hover a {
	text-decoration: underline;
}

.header-mega-menu .tab-item img {
	width: 77px;
	height: 85px;
	margin-bottom: 10px;
}

.header-mega-menu .tab-item img * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.header-mega-menu .tab-item p {
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.86px;
	color: var(--black);
	margin: 0;
}

.header-mega-menu .tab-item p strong {
	font-family: var(--font-secondary);
	font-size: 28px;
	line-height: 34px;
	letter-spacing: 1.74px;
	color: var(--black);
	display: block;
	margin-bottom: 30px;
}


/* ==================== [ Header End ] ==================== */

/* ==================== [ Banner Start ] ==================== */

.home-banner {
	position: relative;
	z-index: 1;
}


.home-banner .container {
	max-width: 1865px;
}

.home-banner::before {
	position: absolute;
	content: "";
	top: 220px;
	left: 0;
	width: 100%;
	height: 185px;
	background: linear-gradient(0.00deg, rgba(1, 1, 1, 0) 0%, rgb(1, 1, 1, 0.25) 100%);
	z-index: 2;
}

.home-banner-image {
	width: 100%;
	height: 100vh;
}

.home-banner-image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home-banner-block {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 1;
}

.home-banner-block .action {
	width: fit-content;
	margin-left: auto;
	margin-right: 18px;
}

.home-banner-main .swiper-pagination {
	position: relative;
	text-align: left;
	width: fit-content;
}

.home-banner-main .swiper-pagination .swiper-pagination-bullet {
	background: var(--black-30);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	opacity: 1;
}

.home-banner-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--black);
}

/* ==================== [ Banner End ] ==================== */

/* ==================== [ Riders Start ] ==================== */

.riders {
	position: relative;
	padding-top: 55px;
	/* z-index: 1; */
}

.riders::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 61%;
	background-color: var(--dark);
	z-index: -1;
}

.riders-main .section-title {
	width: 100%;
	max-width: 890px;
	margin: 0 auto 34px;
	text-align: center;
}

.riders-main .section-title * {
	color: var(--white);
	letter-spacing: 2.94px;
	text-transform: uppercase;
	margin: 0;
}

.riders-main .nav-tabs {
	justify-content: center;
	gap: 2px;
	margin: 0 0 40px;
	border: none;
}

.riders-main .nav-tabs .nav-link {
	color: var(--white);
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1.14px;
	padding: 4px 18px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.riders-main .nav-tabs .nav-link:hover,
.riders-main .nav-tabs .nav-link.active {
	color: var(--dark);
	background-color: var(--white);
}

.riders-helmet-item .image {
	width: 100%;
	max-width: 230px;
	height: 220px;
}

.riders-helmet-item .image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.riders-helmet-content .helmet-model-name * {
	font-family: var(--font-primary);
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1.72px;
	color: var(--dark);
	font-weight: 800;
	margin: 0;
}

.riders-helmet-content .helmet-model-name:hover a {
	text-decoration: underline;
}

.riders-helmet-content .model-subtitle * {
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1.35px;
	color: var(--dark);
	font-weight: 400;
	margin-bottom: 8px;
}

.riders-helmet-content .helmet-category * {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.98px;
	color: var(--dark);
	font-weight: 700;
	margin-bottom: 0;
}

.riders-helmet-content .helmet-category:hover {
	text-decoration: underline;
}

.riders-helmet-content .helmet-series * {
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.82px;
	color: var(--dark);
	font-weight: 400;
	margin-bottom: 0;
}

.riders-tabbing .action {
	text-align: center;
	margin-top: 70px;
}

.riders-tabbing .action .btn {
	width: 100%;
	max-width: 420px;
	color: var(--dark);
}

.riders-tabbing .action .btn:hover {
	color: var(--white);
}

.riders-helmet .riders-main .nav-tabs {
	justify-content: flex-start;
}

.riders.riders-helmet::before {
	display: none;
}

.riders-helmet .riders-main .section-title * {
	color: var(--black);
}

.riders-helmet .riders-main .nav-tabs .nav-link {
	color: var(--black);
}

.riders-helmet .riders-main .nav-tabs .nav-link:hover,
.riders-helmet .riders-main .nav-tabs .nav-link.active {
	color: var(--white);
	background-color: var(--black);
}

.riders-helmet .productSwiper .helmet-image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 320px;
	height: 310px;
	margin-bottom: 15px;
}

.riders-helmet .productSwiper .helmet-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.riders-helmet-block .load-more {
	text-align: center;
	margin-top: 30px;
}

/* ==================== [ Riders End ] ==================== */

/* ==================== [ The Road Start ] ==================== */

.the-road {
	padding-top: 100px;
}

.the-road-content {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.the-road-content .disc * {
	width: 100%;
	max-width: 315px;
}

.the-road-content .title * {
	width: 100%;
	max-width: 315px;
	font-family: var(--font-secondary);
	color: var(--dark);
	font-weight: 400;
	font-size: 30px;
	line-height: 64px;
	letter-spacing: 1.65px;
	margin: 0;
	text-align: right;
}

.the-road-content .helmet-img {
	width: 100%;
	max-width: 638px;
	height: auto;
	margin: -130px 0 -300px;
}

.the-road-content .helmet-img * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.the-road .the-road-img-block .the-road-image {
	width: 100%;
	height: auto;
}

.the-road .the-road-img-block .the-road-image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* ==================== [ The Road End ] ==================== */

/* ==================== [ Street Approved Start ] ==================== */

.street-approved {
	padding-top: 60px;
	background-color: var(--dark);
}

.street-approved-main .street-approved-top {
	display: flex;
	justify-content: space-between;
}

.street-approved-main .street-approved-top .heading {
	width: 100%;
	max-width: 312px;
}

.street-approved-main .street-approved-top .heading .title * {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 1.78px;
	color: var(--white);
	margin-bottom: 52px;
}

.street-approved-main .street-approved-top .heading .disc * {
	color: var(--white);
}

.street-approved-bottom .brand-logo {
	width: 100%;
	height: 100%;
	margin: 138px 0 100px;
}

.street-approved-bottom .brand-logo * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.street-approved-bottom .helmet-block {
	width: 100%;
	max-width: 1070px;
	margin: 0 auto;
}

.helmet-block .helmet-item {
	text-align: center;
}

.helmet-item .helmet-name * {
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 1.74px;
	color: var(--white);
	margin-top: 25px;
	margin-bottom: 0;
}

.street-approved-content {
	width: 100%;
	max-width: 732px;
	margin: 113px auto 80px;
	text-align: center;
}

.street-approved-content .title * {
	font-size: 31.10px;
	line-height: 38px;
	letter-spacing: 2.43px;
	color: var(--white);
	margin-bottom: 36px;
}

.street-approved-content .disc {
	color: var(--white);
	width: 100%;
	max-width: 575px;
	margin: 0 auto;
}

.helmet-slide {
	position: relative;
	width: 100%;
	height: 100%;
}

.helmet-slide .helmet-banner-img {
	width: 100%;
	height: 100%;
}

.helmet-slide .helmet-banner-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.helmet-detail .helmet-inner-detail {
	width: 100%;
	max-width: 392px;
	margin-left: auto;
	text-align: center;
	padding: 120px 54px 68px;
}

.collection-inner .collection-img .logo-container .helmet-name-logo {
	width: 100%;
	max-width: fit-content;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collection-inner .collection-img .logo-container .helmet-name-logo * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.helmet-inner-detail .helmet-series {
	padding: 25px 0 50px;
}

.helmet-inner-detail .helmet-series * {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 1.82px;
	color: var(--white);
	margin: 0;
}

.helmet-inner-detail .helmet-colletction * {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.77px;
	color: var(--white);
	margin-bottom: 30px;
}

.street-slider .helmetSwiper {
	padding-top: 50px;
}

.street-slider .helmetSwiper .swiper-pagination {
	top: 0;
	height: fit-content;
}

.helmetSwiper .swiper-pagination .swiper-pagination-bullet {
	background: rgb(255, 255, 255, 0.3);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	opacity: 1;
}

.helmetSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--white);
}

/* ==================== [ Street Approved End ] ==================== */

/* ==================== [ From Street Start ] ==================== */

.from-street {
	position: relative;
}

.from-street-banner {
	width: 100%;
	height: 100%;
	margin: -245px 0 -385px;
}

.from-street-banner * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.from-street-logo {
	width: 100%;
	height: 100%;
}

.from-street-logo * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.from-street-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 1175px;
	margin: 105px auto 0 87px;
}

.from-street-block {
	width: 100%;
	max-width: 630px;
}

.from-street-block .from-street-item {
	width: 100%;
	height: 100%;
}

.from-street-block .from-street-item * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.from-street-detail {
	width: 100%;
	max-width: 401px;
}

.from-street-detail .disc * {
	color: var(--white);
	margin-bottom: 84px;
}

.from-street-detail .action a {
	width: 100%;
	max-width: 290px;
}

/* ==================== [ From Street End ] ==================== */

/* ==================== [ Join-the-family CSS Start ] ==================== */

.join-us {
	padding: 118px 0 75px;
}

.join-us-wrp {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.join-us-wrp .section-title * {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 1.61px;
	color: var(--dark);
	margin: 0;
}

.join-us-wrp .heading {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 45px;
}

.join-us-wrp .heading .insta-id {
	display: flex;
	align-items: flex-end;
	gap: 14px;
}

.join-us-wrp .heading .insta-id img {
	width: 30px;
	height: 30px;
}

.join-us-wrp .heading .insta-id a {
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 0.10px;
	color: var(--dark);
	text-decoration: none;
}

.join-us-wrp .heading .insta-id a:hover {
	text-decoration: underline;
}

.join-us-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

.join-us-item * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.join-us-wrp .sbi_photo_wrap .sbi_photo img {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

/* ==================== [ Join-the-family CSS End ] ==================== */


/* ==================== [ Footer CSS Start ] ==================== */

.footer {
	padding: 75px 0 60px;
}

.footer-wrp {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.footer-wrp .f-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 8px solid var(--dark);
}

.footer-wrp .f-top .f-left {
	width: 100%;
	max-width: 291px;
}

.footer-wrp .f-top .f-left .f-title * {
	font-family: var(--font-primary);
	font-weight: 700;
	margin-bottom: 14px;
}

.f-left .f-detail * {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 36px;
	letter-spacing: 1.04px;
	color: var(--dark);
	margin-bottom: 14px;
}

.f-left .f-detail *:last-child {
	margin-bottom: 0;
}

.footer-wrp .f-right ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 64px;
	margin: 0;
}

.footer-wrp .f-right ul li {
	list-style-type: none;
	text-align: center;
}

.footer-wrp .f-right ul li a {
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.87px;
	color: var(--dark);
	text-decoration: none;
	position: relative;
	width: 100%;
	max-width: 80px;
}

.footer-wrp .f-right ul li a:hover {
	text-decoration: underline;
}

.footer-wrp .f-right ul li a img {
	display: block;
	margin: 0 auto 15px;
}

.f-menu-container {
	padding: 62px 0 76px;
	gap: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.f-menu-container .f-menu {
	width: fit-content;
	margin: 0 47px 0 0;
}

.f-menu-container .f-menu .f-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.80px;
	color: var(--dark);
}

.f-menu-container .f-menu {
	width: fit-content;
}

.f-menu-container .f-menu .menu-title * {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.80px;
	color: var(--dark);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.f-menu-container .f-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.f-menu-container .f-menu ul li:not(:last-child) {
	margin-bottom: 10px;
}

.f-menu-container .f-menu ul li a {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: var(--dark);
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
}

.f-menu-container .f-menu ul li.current-menu-item a,
.f-menu-container .f-menu ul li a:hover {
	text-decoration: underline;
}

.footer .f-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer .f-bottom .f-text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .f-bottom .f-bottom-img {
	width: 100%;
	max-width: 73px;
	margin-right: 44px;
}

.footer .f-bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.footer .f-bottom ul li a {
	display: block;
}

.footer .f-bottom ul li a img {
	width: fit-content;
	height: 24px;
}

.footer .f-bottom .f-contact ul {
	margin-bottom: 18px;
}

.footer .f-bottom .f-contact ul li {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1.01px;
	color: var(--dark);
	text-decoration: none;
	position: relative;
}

.footer .f-bottom .f-contact ul li a {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1.01px;
	color: var(--dark);
	text-decoration: none;
}

.footer .f-bottom .f-contact ul li:not(:last-child) {
	padding-right: 10px;
}

.footer .f-bottom .f-contact ul li::before {
	content: "/";
	position: absolute;
	top: 50%;
	right: 0;
	height: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.footer .f-bottom .f-contact ul li:last-child:before {
	display: none;
}

.footer .f-bottom .f-note ul li a {
	text-decoration: none;
}

.footer .f-bottom .f-note ul li a:hover {
	text-decoration: underline;
}

.footer .f-bottom .f-copy * {
	font-size: 12px;
	font-weight: 500;
	color: var(--dark);
	line-height: 18.38px;
	margin-bottom: 0;
	position: relative;
}

.footer .f-bottom .f-copy ul li:not(:last-child) {
	padding-right: 14px;
}

.footer .f-bottom .f-copy ul li::before {
	content: "/";
	position: absolute;
	top: 0;
	right: 5px;
	height: 100%;
}

.footer .f-bottom .f-social ul {
	gap: 10px;
}

.footer .f-bottom .f-social ul li a:hover img {
	filter: brightness(1) grayscale(1) invert(0.5);
	-webkit-filter: brightness(1) grayscale(1) invert(0.5);
}

/* ==================== [ Footer CSS End ] ==================== */

/* ==================== [ Faq CSS Start ] ==================== */

.faq-wrp {
	padding: 216px 0 20px;
}

.faq-wrp .faq-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.faq-main .heading {
	text-align: center;
	margin-bottom: 120px;
}

.faq-main .heading .disc {
	width: 100%;
	max-width: 502px;
	margin: 0 auto;
}

.common-accordion .accordion {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.common-accordion .accordion .accordion-item {
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.common-accordion .accordion .accordion-item:not(:first-child) .accordion-header {
	border-top: 1px solid var(--black);
}

.common-accordion .accordion-item .accordion-button {
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.5px;
	color: var(--black);
	padding: 18px 0;
	background-color: transparent;
	border: none;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
}

.common-accordion .accordion-body {
	padding: 36px 0 80px;
	border-top: 1px solid var(--black);
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
	box-shadow: none;
}

.common-accordion .accordion-item .accordion-button::after {
	background-size: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.5625H13.125M6.5625 13.125V0' stroke='black' stroke-width='0.875'/%3E%3C/svg%3E%0A");
	background-position: center;
	transform: unset;
	-webkit-transform: unset;
	-moz-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
}

.common-accordion .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='1' viewBox='0 0 14 1' fill='none'%3E%3Cpath d='M0 0.4375H13.125' stroke='black' stroke-width='0.875'/%3E%3C/svg%3E");
}

.faq-wrp .common-accordion .accordion-body .disc {
	width: 100%;
	max-width: 915px;
}

/* ==================== [ Faq CSS End ] ==================== */

/* ==================== [ Join The Family CSS Start ] ==================== */

.join-family {
	padding: 216px 0 80px;
}

.join-family .join-family-main .common-accordion {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.join-family-main .heading {
	text-align: center;
	margin-bottom: 168px;
}

.join-family-main .heading .disc {
	width: 100%;
	max-width: 565px;
	margin: 0 auto;
}

.common-accordion .tag-title {
	margin-bottom: 90px;
}

.join-family-main .common-accordion .accordion-item .accordion-button {
	font-size: 32px;
	line-height: 42px;
	padding: 12px 0;
}

.join-family-main .common-accordion .accordion-body {
	padding: 18px 0 86px;
}

.common-accordion .row:has(.accordion-detail) p {
	width: 100%;
	max-width: 388px;
}

.common-accordion .accordion-detail p {
	color: var(--black);
}

.common-accordion .accordion-detail strong {
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.8px;
}

.common-accordion .accordion-detail ul {
	margin-bottom: 40px;
}

.common-accordion .accordion-detail ul li {
	font-size: 14px;
}

.common-accordion .accordion-detail p:has(strong) {
	margin-bottom: 20px;
}

.common-accordion .accordion-detail ul li::marker {
	font-size: 10px;
}

/* ==================== [ Join The Family CSS End ] ==================== */

/* ==================== [ Press CSS Start ] ==================== */

.press {
	padding: 160px 0 50px;
}

.press-main .section-title * {
	font-size: 48px;
	line-height: 100%;
	letter-spacing: 3.6px;
	text-align: center;
	margin-bottom: 135px;
}

.press-item {
	text-decoration: none;
}

.press-item .press-image {
	width: 100%;
	height: 333px;
	overflow: hidden;
}

.press-item .press-image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.press-block .row {
	margin-inline: -12px;
}

.press-item:hover .press-image * {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.press-block .row>* {
	padding-inline: 12px;
}

.press-item .detail {
	width: 100%;
	max-width: 300px;
	margin-top: 28px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.press-item .detail * {
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 1.2px;
	font-weight: 700;
	margin-bottom: 0;
}

.press-item:hover .detail {
	text-decoration: underline;
}

/* ==================== [ Press CSS End ] ==================== */

/* ==================== [ Press Detail CSS Start ] ==================== */

.press-detail {
	padding: 140px 0 50px;
}

.press-detail .press-detail-main {
	text-align: center;
}

.press-detail-main .press-detail-container {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.press-detail-container .press-cover-image {
	width: 100%;
	height: 437px;
}

.press-detail-container .press-cover-image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.press-detail-content {
	width: 100%;
	max-width: 719px;
	margin: 0 auto;
}

.press-detail-content .section-title * {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 42px;
	line-height: 100%;
	letter-spacing: 2.1px;
	margin-top: 75px;
	margin-bottom: 40px;
}

.press-detail-content .detail {
	margin-bottom: 50px;
}

.press-detail-content .detail * {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1.35px;
}

.press-detail-content .press-gallery .press-gallery-img {
	width: 100%;
	height: 262px;
}

.press-detail-content .press-gallery .press-gallery-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.press-detail-main .press-detail-container .backlink {
	font-weight: 700;
	font-size: 21px;
	line-height: 15px;
	color: var(--black);
	display: flex;
	gap: 9px;
	margin: 100px 0 0 0;
}

.press-detail-main .press-detail-container .backlink:hover {
	text-decoration: underline;
}

/* ==================== [ Press Detail CSS End ] ==================== */

/* ==================== [ Typography Page CSS Start ] ==================== */

.typography-wrp {
	padding: 144px 0 100px 0;
}

.typography-wrp .typography-main {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.typography-wrp .heading {
	text-align: center;
	padding-bottom: 50px;
}

.typography-wrp .heading .title * {
	margin-bottom: 0;
}

.typography-block {
	width: 100%;
	max-width: 605px;
	margin: 0 auto;
}

.typography-main a {
	display: inline;
	text-decoration: none;
}

.typography-main a:hover {
	text-decoration: underline;
}

.typography-block h2 {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 25px;
	color: var(--black);
	margin: 48px 0 20px;
	text-transform: uppercase;
}

.typography-block p {
	line-height: 20px;
	letter-spacing: 0.8px;
}

.typography-block span {
	display: block;
	margin: 50px 0 38px;
}

.typography-main .backlink {
	font-weight: 700;
	font-size: 21px;
	line-height: 15px;
	color: var(--black);
	display: flex;
	gap: 9px;
	margin: 40px 0 0 0;
}

/* ==================== [ Typography Page CSS End ] ==================== */



/* ==================== [ Contact Page CSS Start ] ==================== */

.contact-wrp {
	padding: 216px 0 0;
}

.contact-wrp .heading {
	text-align: center;
}

.contact-wrp .contact-form {
	width: 100%;
	max-width: 716px;
	margin: 0 auto;
}

.contact-wrp .contact-form .contact-main {
	display: flex;
	margin-inline: -21px;
}

.contact-wrp .contact-form .contact-main>* {
	width: 100%;
	padding-inline: 21px;
}

.contact-wrp .contact-form .form-row {
	display: flex;
	margin-bottom: 32px;
	gap: 10px;
}

.contact-wrp .contact-form .form-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.contact-wrp .contact-form .form-group p {
	margin-bottom: 0;
	width: 100%;
}

.contact-wrp .contact-form .form-group label {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 15px;
	color: var(--black);
	margin-bottom: 8px;
}

.contact-wrp .contact-form .form-group label {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: var(--black);
	margin-bottom: 8px;
	text-transform: uppercase;
}

.contact-wrp .contact-form .form-group .form-control {
	padding: 7px 10px;
	border: 0.88px solid #80809A;
	border-radius: 0;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.contact-wrp .contact-form .form-group textarea.form-control {
	min-height: 118px;
}

.contact-wrp .contact-form .form-group .form-control,
.contact-wrp .contact-form .form-group .form-control::placeholder {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #999999;
}

.contact-wrp .contact-form .form-group.selectdropdown>* {
	width: 100%;
}

.contact-wrp .contact-form .form-group.selectdropdown .wpcf7-form-control-wrap {
	display: block;
}

.contact-wrp .contact-form .form-group select {
	width: 100%;
	height: 100%;
	outline: none;
}

.contact-wrp .contact-form .submit-btn {
	width: 100%;
	padding: 14px;
	text-align: center;
	background: #000000;
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--white);
	margin-top: 15px;
	border: 1px solid transparent;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.contact-wrp .contact-form .submit-btn:hover {
	border: 1px solid var(--black);
	background: var(--white);
	color: var(--black);
}

.contact-wrp .selectdropdown .select2-container {
	width: 100% !important;
}

.select2.select2-container .select2-selection {
	margin-bottom: 10px;
}

.select2-container--open .select2-dropdown--below {
	border: 1px solid #80809A !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.contact-wrp .selectdropdown .select2-container--default .select2-selection--single {
	border-radius: 0;
	height: 33px;
	background-color: transparent;
	border: 0.88px solid #80809A;
}

.contact-wrp .selectdropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 100%;
}

.contact-wrp .selectdropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
}

.contact-wrp .selectdropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent;
	border-width: 6px 6px 0 6px;
	margin-left: -8px;
	margin-top: -4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--dark);
	color: var(--white);
}

.wpcf7 form.success .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	color: #1c7857;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
	color: #dc3232;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.wpcf7 form .wpcf7-response-output {
	border: none !important;
	padding: 0 !important;
	margin: 15px 0 0 0 !important;
	text-align: center;
}

/* ==================== [ Contact Page CSS End ] ==================== */

/* ==================== [ Guide Page CSS Start ] ==================== */

.guide {
	padding-top: 136px;
}

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

.guide-main .section-title * {
	margin-bottom: 103px;
}

.guide-main .guide-block {
	width: 100%;
	max-width: 584px;
	margin: 0 auto;
}

.guide-block .heading .tag-title {
	max-width: 485px;
}

.guide-block .tag-title {
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
	font-family: var(--font-primary);
	font-weight: 700;
}

.guide-block .heading .disc {
	margin: 15px 0;
}

.guide-image-container {
	position: relative;
	width: 100%;
	max-width: 464px;
	margin: 0 auto 22px;
}

.guide-image {
	width: 100%;
	height: 547px;
}

.guide-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* ==================== [ Guide Page CSS End ] ==================== */

/* ==================== [ Fit Check Page CSS Start ] ==================== */

.fit-check {
	padding: 80px 0 75px;
}

.fit-check .fit-check-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	background-color: var(--black);
}

.fit-check-main .fit-check-img {
	width: 100%;
	height: 100%;
}

.fit-check-main .fit-check-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.fit-check-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 94px 76px 118px;
}

.fit-check-block .title * {
	font-size: 36px;
	line-height: 44px;
	letter-spacing: 0.14px;
	color: var(--white);
	margin: 0;
}

.fit-check-block .action .btn {
	border: 2px solid var(--white);
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 100%;
	letter-spacing: 0.71px;
	padding: 1px 19px;
}

.fit-check-block .disc {
	color: var(--white);
}

/* ==================== [ Fit Check Page CSS End ] ==================== */

/* ==================== [ From Street Page CSS Start ] ==================== */

.from-street-wrp {
	margin-top: 183px;
}

.from-street-wrp-main {
	width: 100%;
	max-width: 540px;
	margin-right: auto;
	padding: 113px 0 92px;
}

.from-street-wrp-main .title * {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 51px;
	font-weight: 600;
	color: var(--white);
	letter-spacing: -0.20px;
	line-height: 62px;
	margin: 0;
}

.street-movement-image {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 840px;
	margin: 110px auto 75px;
}

.street-movement-image .image {
	width: 100%;
	height: 350px;
}

.street-movement-image .image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.street-movement-image .section-title {
	position: absolute;
	width: 100%;
	max-width: 510px;
}

.street-movement-image .section-title::before {
	position: absolute;
	content: "";
	top: -103px;
	right: 130px;
	width: 3px;
	height: 118px;
	background-color: var(--white);
	transform: rotate(47deg);
	-webkit-transform: rotate(47deg);
	-moz-transform: rotate(47deg);
	-ms-transform: rotate(47deg);
	-o-transform: rotate(47deg);
}

.street-movement-image .section-title::after {
	position: absolute;
	content: "";
	bottom: -103px;
	left: 128px;
	width: 3px;
	height: 118px;
	background-color: var(--white);
	transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
}

.street-movement-image .section-title * {
	color: var(--white);
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 1px;
	margin: 0;
}

.street-movement-main {
	text-align: center;
}

.street-movement-main .heading {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

.street-movement-logo {
	margin-bottom: 80px;
}

.street-movement-main .heading .tag-title * {
	margin-bottom: 30px;
}

.street-movement-main .disc {
	width: 100%;
	max-width: 645px;
	margin: 0 auto;
}

.authencity {
	padding: 128px 0 70px;
}

.authencity .logo {
	width: 100%;
	max-width: 314px;
	height: 295px;
	margin: 0 auto;
}

.authencity .logo * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.authencity-image {
	position: relative;
}

.authencity-image .image {
	width: 100%;
	height: 700px;
}

.authencity-image .image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.authencity-image .authencity-brand-logo {
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 100%;
	max-width: 1480px;
	padding: 0 20px;
	margin: 0 auto;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.authencity-main {
	padding-top: 70px;
}

.authencity-main .heading {
	text-align: center;
	width: 100%;
	max-width: 712px;
	margin: 0 auto;
}

.authencity-main .heading .section-title * {
	letter-spacing: 1.5px;
	overflow-wrap: break-word;
}

.authencity-main .heading .disc {
	width: 100%;
	max-width: 644px;
	margin: 0 auto;
}

/* ==================== [ From Street Page CSS End ] ==================== */

/* ==================== [ Helmet Page CSS Start ] ==================== */

.riders.riders-helmet {
	padding: 132px 0 68px;
}

.riders-product {
	padding-top: 10px;
}

.riders-product .common-accordion {
	width: 100%;
	max-width: 205px;
	padding-top: 10px;
}

.riders-product .common-accordion .accordion-body {
	padding: 20px 0;
	border-top: none;
}

.riders-product .common-accordion .accordion .accordion-item .accordion-header {
	border-top: none;
	border-bottom: 7px solid var(--black);
}

.riders-product .common-accordion .accordion-item .accordion-button {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1px;
	padding: 10px 0;
}

.riders-filter .form-check .form-check-label {
	font-size: 14px;
	font-weight: 300;
	color: var(--black);
	line-height: 22px;
	letter-spacing: 0.66px;
}

.riders-filter .form-check .form-check-input[type=checkbox] {
	border: 1px solid var(--black);
	appearance: none;
	background-color: var(--transparent);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	cursor: pointer;
}

.riders-filter .form-check .form-check-input[type=checkbox]:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%23010101' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.riders-filter .form-check .form-check-input:focus {
	box-shadow: none;
}

.riders-helmet-item {
	position: relative;
}

.riders-helmet-item .new-badge {
	position: absolute;
	top: 12px;
	left: -8px;
}

.riders-helmet-item .new-badge * {
	color: var(--white);
	font-size: 11px;
	line-height: 14px;
	font-weight: 900;
	letter-spacing: 1.38px;
	padding: 2px 9px;
	background-color: var(--black);
	margin: 0;
}

.riders-product .riders-helmet-item .image {
	max-width: 320px;
}

.riders-helmet-item .productThumbSwiper {
	width: 100%;
	/* max-width: 185px;
	overflow: visible; */
	margin-left: inherit;
	padding-bottom: 10px;
}

/* .riders-helmet-item .productThumbSwiper .swiper-wrapper {
	overflow: hidden;
} */

.riders-helmet-item .slide-thumb {
	width: 100%;
	height: 54px;
	cursor: pointer;
	opacity: 0.5;
}

.riders-helmet-item .swiper-slide-thumb-active .slide-thumb {
	opacity: 1;
}

.riders-helmet-item .slide-thumb * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.riders-helmet-item .helmet-slider {
	overflow: hidden;
}

.helmet-thumb-slider {
	position: relative;
	max-width: 185px;
}

/* .helmet-thumb-slider::before {
	position: absolute;
	content: "";
	top: 0;
    right: -10px;
    width: 60px;
    height: 100%;
    background: url(../images/svgs/helmet-linear-gradient.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
} */

.helmet-thumb-slider .swiper-button-prev::after,
.helmet-thumb-slider .swiper-button-next::after {
	display: none;
}

.helmet-thumb-slider .swiper-button-prev svg,
.helmet-thumb-slider .swiper-button-next svg {
	display: none;
}

.helmet-thumb-slider .swiper-button-prev {
	left: -16px;
}

.helmet-thumb-slider .swiper-button-next {
	right: -40px;
}

.helmet-thumb-slider .swiper-button-next.swiper-button-disabled,
.helmet-thumb-slider .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
	display: none;
}

.helmet-thumb-slider .swiper-pagination {
	right: -66px;
	left: inherit;
	bottom: -7px;
	width: fit-content;
}

.helmet-thumb-slider .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 8px;
	background: var(--black-30);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	opacity: 1;
}

.helmet-thumb-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--black);
}

.riders-product .filter-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	padding: 10px 0;
}

.riders-product .filter-btn * {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 1.70px;
	color: var(--black);
	margin: 0;
}

.offcanvas-header .offcanvas-title {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1px;
	color: var(--black);
}

.offcanvas-header .btn-close {
	opacity: 1;
}

.offcanvas-header .btn-close:focus {
	box-shadow: none;
}

.offcanvas.offcanvas-start {
	width: 100%;
	max-width: 320px;
}

/* ==================== [ Helmet Page CSS End ] ==================== */

/* ==================== [ Accessories Page CSS Start ] ==================== */


.product-detail {
	padding: 136px 0 79px;
}

.product-detail-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.product-detail-main .product-detail-content {
	width: 100%;
	max-width: 447px;
}

.product-detail-main .breadcrumb {
	margin-bottom: 54px;
}

.product-detail-main .breadcrumb .breadcrumb-item,
.product-detail-main .breadcrumb .breadcrumb-item a {
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #B3B3B3;
	text-decoration: none;
	padding: 0;
}

.product-detail-main .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #B3B3B3;
	padding: 0 2px;
}

.product-detail-content .tag-title * {
	margin-bottom: 8px;
}

.product-detail-content .title * {
	font-family: var(--font-primary);
	font-size: 42px;
	line-height: 45px;
	letter-spacing: 3.61px;
	color: var(--black);
	margin-bottom: 0;
}

.product-detail-content .product-series * {
	line-height: 20px;
	letter-spacing: 1.29px;
	color: var(--black);
	margin: 10px 0 20px;
}

.product-detail-content .product-series strong {
	display: block;
	margin: 0;
}

.product-detail-content .nav-tabs {
	border: none;
}

.product-detail-content .nav-tabs .nav-link {
	padding: 0;
	border: none;
	opacity: 0.25;
}

.product-detail-content .nav-tabs .nav-link.active {
	border: none;
	opacity: 1;
}

.product-detail-content .nav-link:focus-visible {
	box-shadow: none;
}

.product-detail-content .nav-tabs .tab-image {
	width: 100%;
	max-width: 80px;
	height: auto;
}

.product-detail-content .nav-tabs .tab-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.product-detail-content .color-name * {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1.05px;
	color: var(--black);
	margin: 30px 0 48px;
}

.product-detail-content .available * {
	line-height: 19px;
	letter-spacing: 1.41px;
	margin-bottom: 0;
}

.product-detail-content .available .action {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 14px 0 60px;
}

.product-detail-content .available .action .btn {
	font-size: 18px;
	font-weight: 800;
	padding: 4px 16px;
}

.product-detail-content .shopping-btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 40px;
}

.product-detail-content .common-accordion .accordion-item .accordion-button {
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 1.97px;
	padding: 12px 0;
}

.product-detail-content .common-accordion .accordion-body {
	padding: 15px 0 25px;
	border-top: none;
}

.product-detail-content .common-accordion .accordion-body .product-body {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1.35px;
	color: var(--black);
}

.product-detail-content .common-accordion .accordion-body .product-body p {
	margin-bottom: 0;
}

.product-detail-content .common-accordion .accordion-body .product-body p:has(strong) {
	margin-top: 10px;
}

.product-detail-content .common-accordion .accordion-body .product-body p:has(span) {
	line-height: 1px;
}

.product-detail-content .common-accordion .accordion-body .product-body p span {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1.07px;
	color: var(--black);
}

.product-detail-content .common-accordion .accordion-body .product-body ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.product-detail-content .common-accordion .accordion-body .product-body ul li {
	font-weight: 700;
	font-size: 21px;
	line-height: 26px;
	letter-spacing: 1.80px;
	color: var(--black);
}

.product-detail-content .common-accordion .accordion-body .product-body ul li span {
	display: inline-block;
	width: fit-content;
	min-width: 50px;
}

.product-body .action {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.product-detail-content .accordion-item:not(:last-child) .accordion-header {
	border-bottom: 1px solid var(--black);
}

.product-detail-content .common-accordion .accordion .accordion-item:not(:first-child) .accordion-header {
	border-top: none;
}

.product-body .video-block {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.product-body .video-block * {
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1.47px;
	color: var(--black);
	margin: 0;
}

.product-body .video-block:hover {
	text-decoration: underline;
}

.product-body .helmet-size ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.product-body .helmet-size ul li {
	font-weight: 700;
	font-size: 21px;
	line-height: 26px;
	color: var(--black);
}

.product-body .helmet-size ul li span {
	display: inline-block;
	width: fit-content;
	min-width: 50px;
}

.product-image-container {
	width: 100%;
	max-width: 564px;
	margin-left: auto;
}

.product-image-container .product-main-image {
	width: 100%;
	max-width: 564px;
	height: 418px;
	margin: 0 auto;
}

.product-image-container .product-main-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.product-image-container .product-images {
	margin-top: 88px;
}

.product-image-container .product-images .image {
	width: 100%;
	max-width: 274px;
	height: auto;
}

.product-image-container .product-images .image * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.series {
	padding: 96px 0 101px;
}

.series .series-main {
	width: 100%;
	max-width: 671px;
	margin: 0 auto;
	text-align: center;
}

.series .series-main .tag-title * {
	margin-bottom: 36px;
}

.series .series-main .disc * {
	margin-bottom: 100px;
}

/* ==================== [ Accessories Page CSS End ] ==================== */

/* ==================== [ About Banner CSS Start ] ==================== */

.about-banner {
	padding: 224px 0 98px;
}

.about-banner-wrp {
	width: 100%;
	max-width: 1188px;
	margin: 0 auto;
	text-align: center;
}

.about-banner-wrp .main-title {
	filter: brightness(0);
	-webkit-filter: brightness(0);
	margin-bottom: 115px;
	width: 100%;
	height: auto;
}

.about-banner-wrp .main-title * {
	text-transform: uppercase;
	margin-bottom: 0px;
}

.about-banner-wrp .about-banner-content {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}

.about-banner-content .block-title * {
	font-family: 'Hypebuzz', sans-serif;
	font-weight: 400;
	font-size: 34px;
	line-height: 38px;
	letter-spacing: 2.33px;
	color: var(--black);
	margin-bottom: 36px;
}

.about-banner-content .detail * {
	margin-bottom: 0px;
}

/* ==================== [ About Banner CSS End ] ==================== */

/* ==================== [ Passion Image CSS Start ] ==================== */

.passion-img-block .passion-img {
	width: 100%;
	height: 437px;
}

.passion-img-block .passion-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ==================== [ Passion Image CSS End ] ==================== */

/* ==================== [ Grind-Glory CSS Start ] ==================== */

.grind-glory {
	padding: 112px 0 60px;
}

.grind-glory-wrp {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.grind-glory-wrp .heading {
	width: 100%;
	max-width: 615px;
	margin: 0 auto 84px;
	text-align: center;
}

.grind-glory-wrp .heading .section-title {
	width: 100%;
	max-width: 510px;
	margin: 0 auto;
}

.grind-glory-wrp .heading .section-title * {
	font-family: 'Hypebuzz';
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 2.4px;
	margin-bottom: 40px;
	color: var(--black);
}

.grind-glory-img {
	width: 100%;
	height: auto;
}

.grind-glory-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grind-glory-block {
	width: 100%;
	background-color: var(--black);
	margin-top: -1px;
}

.grind-glory-block .grind-glory-content {
	width: 100%;
	max-width: 736px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 20px 64px;
}

.grind-glory-inner .grind-glory-block .block-title * {
	font-family: 'Hypebuzz';
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 2.4px;
	color: var(--white);
	margin-bottom: 40px;
}

.grind-glory-inner .grind-glory-block .block-title {
	width: 100%;
	max-width: 518px;
	margin: 0 auto;
}

.grind-glory-inner .grind-glory-block .disc * {
	margin-bottom: 60px;
	color: var(--white);
}

.grind-glory-inner .grind-glory-block .proudly-img {
	width: 100%;
	max-width: 198px;
	height: 60px;
	margin: 0 auto;
}

/* ==================== [ Grind-Glory CSS End ] ==================== */

/* ==================== [ Promise CSS Start ] ==================== */

.promise {
	padding-bottom: 75px;
}

.promise-wrp {
	width: 100%;
	max-width: 752px;
	margin: 0 auto;
	text-align: center;
}

.promise-wrp .promise-title * {
	font-family: 'Hypebuzz';
	font-weight: 400;
	font-size: 44px;
	line-height: 54px;
	letter-spacing: 3.30px;
	color: var(--black);
	margin-bottom: 62px;
}

.promise-wrp .logo {
	width: 100%;
	max-width: 358px;
	height: 375px;
	margin: 0 auto 77px;
}

.promise-wrp .logo * {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.promise-wrp .promise-title {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.promise-wrp .promise-content {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}

.promise-wrp .promise-content .section-title * {
	font-family: 'Hypebuzz';
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 2.4px;
	margin-bottom: 35px;
}

.promise-wrp .promise-content .disc {
	width: 100%;
	max-width: 604px;
	margin: 0 auto;
	text-align: center;
}

/* ==================== [ Promise CSS End ] ==================== */


/* ==================== [ Collection CSS Start ] ==================== */

.collection {
	width: 100%;
	padding: 132px 0 22px;
}

.collection-wrp {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}

.collection-top-content {
	width: 100%;
	max-width: 680px;
	margin: 0 auto 102px;
	text-align: center;
}

.collection-top-content .logo {
	width: fit-content;
	margin: 0 auto;
}

.collection-top-content .title * {
	margin-bottom: 38px;
}

.collection-top-content .disc {
	margin-bottom: 76px;
}

.collection-inner .collection-img .helmet-inner-detail {
	width: 100%;
	padding: 134px 94px 76px;
	max-width: 570px;
	margin-left: auto;
}

.collection-inner .helmet-inner-detail .helmet-name-logo {
	width: 100%;
	max-width: 396px;
	margin: 0 auto;
}

.collection-inner .helmet-inner-detail .helmet-name-logo * {
	width: 100%;
	height: 100%;
}

.collection-inner .helmet-inner-detail .helmet-series {
	padding: 30px 0 58px;
}

.collection-inner .collection-contnet {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 70px 0 90px;
}

.collection-inner:last-child .collection-contnet {
	padding: 70px 0 0;
}

.collection-inner .collection-contnet .title * {
	margin-bottom: 36px;
}

.collection-inner .collection-contnet .disc {
	width: 100%;
	max-width: 650px;
	margin: 0 auto 50px;
}

.collection-inner.dark .collection-img {
	border: 1px solid var(--black);
}

.collection-inner.dark .helmet-inner-detail .helmet-series * {
	color: var(--black);
}

.collection-inner.dark .helmet-inner-detail .helmet-colletction * {
	color: var(--black);
	margin-bottom: 25px;
}

.collection-inner.dark .helmet-inner-detail .helmet-name-logo {
	width: 100%;
	max-width: 130px;
	margin: 0 auto 34px;
}

.collection-inner.dark .helmet-inner-detail .helmet-series {
	padding: 0 0 34px;
}

.collection-inner.dark .helmet-inner-detail .btn-white-border {
	color: var(--black);
	border: 1px solid var(--black);
}

.collection-inner.dark .helmet-inner-detail .btn-white-border:hover {
	color: var(--white);
	background-color: var(--dark);
	border: 1px solid var(--transparent);
}

.collection-inner .collection-img .logo-container {
	display: flex;
	align-items: center;
	gap: 50px;
	position: absolute;
	left: 32px;
	bottom: 42px;
	z-index: 1;
}


/* ==================== [ Collection CSS End ] ==================== */

/* ==================== [ More Riders Product CSS Start ] ==================== */

.more-riders-product {
	padding-bottom: 90px;
}

.more-riders-product .more-riders-product-main {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.more-riders-product .riders-helmet-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	row-gap: 50px;
}

.more-riders-product .tag-title * {
	font-family: var(--font-primary);
	font-weight: 700;
	text-align: center;
	margin-bottom: 44px;
}

.more-riders-product .riders-helmet-block .riders-helmet-item {
	width: 100%;
	max-width: 250px;
	margin-bottom: 0;
}

.more-riders-product .nav-tabs {
	border: none;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 22px;
	margin: 70px 0 0;
}

.more-riders-product .nav-tabs .nav-item {
	width: 100%;
	max-width: 135px;
	height: 7px;
}

.more-riders-product .nav-tabs .nav-link {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	background-color: #cccccc;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.more-riders-product .nav-tabs .nav-link.active {
	background-color: var(--black);
}

/* ==================== [ More Riders Product CSS End ] ==================== */

/* ==================== [ Helmet Detail CSS Start ] ==================== */

.helmet-accossories .product-detail-content .disc {
	margin-top: 68px;
	width: 100%;
	max-width: 325px;
}

.helmet-accossories .product-image-container {
	margin-top: -90px;
}

.helmet-accossories .product-image-container .product-images {
	margin-top: 0;
}

.helmet-accossories .product-image-container .product-images .image {
	height: 260px;
}

.helmet-accossories .product-image-container .product-images .image * {
	object-fit: contain;
}

.helmet-accossories .product-detail-content .available .action {
	padding: 14px 0 18px;
}

.helmet-accossories .product-detail-content .available .action .btn:hover {
	color: var(--black);
	border: 1px solid var(--black);
	background-color: var(--transparent);
}

.helmet-accossories .product-detail-content .available .sizing-guide {
	padding-bottom: 22px;
}

.helmet-accossories .product-detail-content .available .sizing-guide a {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1.35px;
	color: var(--black);
	text-decoration: underline;
}

.helmet-accossories .product-detail-content .available .sizing-guide a:hover {
	color: rgb(0, 0, 0, 0.5);
}

.unapologetic {
	position: relative;
	padding: 84px 0 14px;
	z-index: 1;
}

.unapologetic::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.6) 100%);
	z-index: -1;
}

.unapologetic .unapologetic-main {
	width: 100%;
	max-width: 1147px;
	margin: 0 auto;
}

.unapologetic .unapologetic-top {
	display: flex;
	align-items: center;
	gap: 36px;
	width: 100%;
	max-width: 480px;
}

.unapologetic .unapologetic-top .section-title * {
	font-size: 42px;
	line-height: 44px;
	letter-spacing: 1.15px;
	text-transform: uppercase;
	color: var(--white);
	margin: 0;
}

.unapologetic .unapologetic-top .detail * {
	font-family: var(--font-secondary);
	font-size: 20px;
	letter-spacing: 0.55px;
	line-height: 22px;
	color: var(--white);
	margin: 0;
}

.unapologetic .main-title {
	padding: 66px 0 0;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

.unapologetic .main-title:before {
	position: absolute;
	content: "";
	top: -140px;
	right: 34%;
	width: 3px;
	height: 240px;
	background-color: var(--white);
	transform: rotate(47deg);
	-webkit-transform: rotate(47deg);
	-moz-transform: rotate(47deg);
	-ms-transform: rotate(47deg);
	-o-transform: rotate(47deg);
}

.unapologetic .main-title::after {
	position: absolute;
	content: "";
	bottom: -180px;
	left: 34%;
	width: 3px;
	height: 240px;
	background-color: var(--white);
	transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
}

.unapologetic .main-title * {
	font-size: 94px;
	line-height: 115px;
	letter-spacing: 7.11px;
	color: var(--white);
	margin: 0;
}

.unapologetic-block {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 36px;
}

.unapologetic-block .disc {
	width: 100%;
	max-width: 210px;
	text-align: right;
}

.unapologetic-block .disc * {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.92px;
	color: var(--white);
}

.helmet-images {
	display: flex;
	align-items: center;
}

.helmet-images .image {
	width: 100%;
	max-width: 170px;
}

.helmet-images .image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.glaive {
	background-color: var(--black);
	overflow: hidden;
}

.glaive .glaive-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.glaive-main .glaive-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 77px 0 30px;
	margin-right: -20px;
}

.glaive-content .heading .short-detail * {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 1.62px;
	color: var(--white);
	margin-bottom: 27px;
}

.glaive-content .heading .main-title {
	color: var(--white);
}

.glaive-block .detail {
	width: 100%;
	max-width: 425px;
}

.glaive-block .detail * {
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1.57px;
	line-height: 22px;
	margin-bottom: 42px;
}

.glaive-brand-logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.glaive-main .glaive-helmet {
	width: 100%;
	height: 525px;
}

.glaive-main .glaive-helmet * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.street-presence {
	padding: 95px 0 335px;
}

.street-presence .street-presence-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.street-presence .street-presence-main .heading {
	text-align: center;
}

.street-presence-main .heading .disc {
	width: 100%;
	max-width: 612px;
	margin: 36px auto 80px;
}

.street-presence-block .street-presence-item {
	width: 100%;
	max-width: 336px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
	flex: 0 0 calc(50% - 28px);
}

.street-presence-block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 56px;
	row-gap: 0 !important;
}

.street-presence-block .street-presence-item::after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 82%;
	height: 1px;
	background-color: var(--black);
}

.street-presence-container .cool-comfort {
	width: 100%;
	max-width: 313px;
	margin-left: auto;
}

.cool-comfort .logo-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.cool-comfort .logo-container .small-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.cool-comfort .disc {
	font-size: 12px;
	color: var(--black);
	letter-spacing: 0.91px;
	line-height: 24px;
	margin-top: 36px;
}

.visor-lock {
	margin-top: -280px;
}

.visor-lock .visor-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	background-color: var(--black);
}

.visor-lock .visor-main .row {
	margin: 0;
}

.visor-lock .visor-main .row>* {
	padding: 0;
}

.visor-lock-image {
	width: 100%;
	max-width: 560px;
	height: 560px;
}

.visor-image-slider:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/svgs/visor-bg-image.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.visor-lock-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.visor-main .visor-block {
	height: 100%;
	padding: 46px 50px 25px;
}

.visor-main .visor-content-slider {
	height: 100%;
}

.visor-main .visor-item .visor-content {
	width: 100%;
	max-width: 332px;
	margin-bottom: 40px;
}

.visor-main .visor-content .title * {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 700;
	color: var(--white);
	letter-spacing: 1.97px;
	line-height: 26px;
	margin-bottom: 40px;
}

.visor-main .visor-content .disc {
	color: var(--white);
}

.visor-block .swiper-button-next svg,
.visor-block .swiper-button-prev svg {
	display: none;
}

.visor-block .swiper-button-next,
.visor-block .swiper-button-prev {
	top: auto;
	bottom: 0;
	width: 10px;
	height: 18px;
	margin: 0;
}

.visor-block .swiper-button-next *,
.visor-block .swiper-button-prev * {
	object-fit: contain;
	object-position: center;
}

.visor-block .swiper-pagination {
	width: fit-content;
	margin: 0 auto;
	right: 0;
	top: auto;
	bottom: 0;
}

.visor-block .swiper-pagination .swiper-pagination-bullet {
	background: rgb(255, 255, 255, 0.3);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	opacity: 1;
}

.visor-block .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--white);
}

.ducktail {
	padding: 170px 0 90px;
}

.ducktail-main .ducktail-image-container {
	position: relative;
}

.ducktail-bg {
	width: 100%;
	height: 520px;
}

.ducktail-bg * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.ducktail-image-container .gracshaw-logo {
	position: absolute;
	top: 20px;
	right: 0;
	width: 100%;
	max-width: 140px;
}

.ducktail-helmet {
	position: absolute;
	top: 50%;
	left: 40px;
	width: 100%;
	max-width: 466px;
	height: auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.ducktail-helmet * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.duckgail-container {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	max-width: 1090px;
	margin-left: auto;
	margin-top: -80px;
}

.duckgail-container .ducktail-block .detail {
	width: 100%;
	max-width: 260px;
}

.duckgail-container .ducktail-block .detail * {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: var(--black);
	letter-spacing: 1.13px;
	line-height: 27px;
	margin: 0;
}

.duckgail-container .ducktail-block .detail strong {
	font-family: var(--font-secondary);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1.01px;
	line-height: 23px;
}

.ducktail-item {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.ducktail-item .ducktail-glass-image {
	width: 100%;
	max-width: 260px;
	height: auto;
	margin-top: -150px;
	z-index: 1;
}

.ducktail-item .ducktail-glass-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}


.ducktail-item .disc {
	font-weight: 800;
	color: var(--black);
	letter-spacing: 1.26px;
	line-height: 17px;
	width: 100%;
	max-width: 120px;
}

.ducktail-item:last-child .disc {
	max-width: 90px;
}

/* ==================== [ Helmet Detail CSS End ] ==================== */

/* ==================== [ Find Dealer CSS Start ] ==================== */

.find-dealer {
	padding: 157px 0 55px;
}

.find-dealer .find-dealer-main {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.find-dealer .find-dealer-main .row {
	margin: 0 -27px;
}

.find-dealer .find-dealer-main .row>* {
	padding: 0 27px;
}

.find-dealer-main .map-block {
	width: 100%;
	height: 100%;
}

.find-dealer-main .map-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.find-dealer .find-dealer-main .section-title {
	margin-bottom: 34px;
}

.find-dealer-block .search-bar {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}

.find-dealer-block .search-bar .search-location {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	color: #999999;
	padding: 4px 8px;
	border: 1px solid #80809A;
}

.find-dealer-block .search-bar .search-location::placeholder {
	font-weight: 500;
	font-size: 14px;
	color: #999999;
}

.search-bar .search-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	background-color: var(--black);
	border: none;
}

.find-dealer-block .location-block {
	height: 476px;
}

.location-block .os-scrollbar-handle {
	background: #80809A;
}

.location-block .location-item {
	width: 100%;
	max-width: 505px;
	padding: 30px;
	border: 1px solid #80809A;
	text-align: left;
	margin-bottom: 28px;
}

.location-block .location-item .detail * {
	font-weight: 700;
	font-size: 18px;
	color: var(--black);
	margin-bottom: 30px;
}

.location-block .location-item .location-content {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
	width: 100%;
	max-width: 280px;
}

.location-item .location-content .icon {
	flex: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}

.location-item .location-content .icon * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.location-item .location-content .disc {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.02px;
	color: var(--black);
}

/* ==================== [ Find Dealer CSS End ] ==================== */