/* @import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Inter:wght@100;300;400;500;600;700;800;900&display=swap"; */

:root {
	--body-font: "Inter", sans-serif;
	--head-font: "Chakra Petch", sans-serif;
	--danger-color: #ED5050;
	--success-color: #3FCA90;
	--warning-color: #EDCB50;
	--info-color: #3F7FCA;
	--gradient-one-color: linear-gradient(179.33deg, rgba(9, 146, 106, 0) 5%, #d7c502 90%);
	--box-shadow-one: 0px 4px 4px rgba(19, 40, 34, 0.2);
	--p50: #e7fef7;
	--p75: #9cf9dd;
	--p100: #fcf068;
	--p200: #ffef37;
	--p300: #fdea11;
	--p400: #ffea00;
	--p500: #ddcb03;
	--s50: #e9ebfd;
	--s75: #a6abf8;
	--s100: #8188f5;
	--s200: #4b55f0;
	--s300: #2632ed;
	--s400: #1b23a6;
	--s500: #171f91;
	--n0: #ffffff;
	--n10: #fafafb;
	--n20: #f6f6f6;
	--n30: #ecedee;
	--n40: #e1e1e3;
	--n50: #c5c5ca;
	--n60: #b7b7bd;
	--n70: #abacb2;
	--n80: #9d9ea5;
	--n90: #8f9098;
	--n100: #81828b;
	--n200: #73747f;
	--n300: #656772;
	--n400: #5a5b67;
	--n500: #4c4d5a;
	--n600: #404250;
	--n700: #303141;
	--n800: #222434;
	--n900: #161829;
	--pL50: #e6eeeb;
	--pL75: #99b8af;
	--pL100: #6e9a8d;
	--pL200: #306f5c;
	--pL300: #05513b;
	--pL400: #043929;
	--pL500: #033124;
	--sL50: #e7e8f8;
	--sL75: #9da1e4;
	--sL100: #747ad9;
	--sL200: #3841c8;
	--sL300: #0f1abd;
	--sL400: #0b1284;
	--sL500: #091073
}
.collapsing {
	transition: .3s
}
html {
	scroll-behavior: smooth
}
body {
	font-family: var(--body-font);
	background-color: var(--n900);
	font-size: 18px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	font-weight: 400;
	overflow-x: hidden;
	position: relative
}
section, footer {
	overflow-x: hidden
}
h1, h1>a, h2, h2>a, h3, h3>a, h4, h4>a, h5, h5>a, h6, h6>a, .display-one, .display-two, .display-three, .display-four, .display-five, .display-six, .heading, .heading-one, .heading-two, .heading-three, .heading-four, .heading-five, .heading-six {
	font-family: var(--head-font);
	color: var(--n0);
	font-weight: 700;
	padding: 0;
	margin: 0;
	display: block;
	text-transform: capitalize;
	transition: all .3s
}
h1 span, h1>a span, h2 span, h2>a span, h3 span, h3>a span, h4 span, h4>a span, h5 span, h5>a span, h6 span, h6>a span, .display-one span, .display-two span, .display-three span, .display-four span, .display-five span, .display-six span, .heading span, .heading-one span, .heading-two span, .heading-three span, .heading-four span, .heading-five span, .heading-six span {
	font-size: inherit;
	font-family: inherit;
	color: var(--p300);
	line-height: inherit;
	font-weight: inherit
}
a {
	text-decoration: none;
	outline: none;
	color: var(--n50);
	transition: .3s
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
	color: var(--n0)
}
.feature-tag {
	position: relative;
	background-color: var(--p300);
	color: var(--n800);
	text-transform: uppercase;
	font-weight: 600;
	width: 80px;
	height: 120px;
	top: 0;
	z-index: 1;
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 75%, 0 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 75%, 0 100%)
}
.circle-text {
	width: 225px;
	height: 225px;
	border-radius: 50%;
	background-color: var(--p300);
	border: 1px solid var(--p400);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 50%
}
.circle-text .text {
	animation: rotate 50s linear infinite;
	width: 100%;
	height: 100%;
	position: absolute
}
.product_icon{
    border-radius: 15px;
    box-shadow: 0px 7px 15px 1px #000000c9;
    padding: 10px;

}
.product_rev{
    border-radius: 15px;
}
.circle-text .text p {
	transform: translate(50%, 15px)
}
.circle-text .text span {
	position: absolute;
	color: var(--n800);
	font-weight: 600;
	font-size: 18px;
	transform-origin: 0 100px
}
.circle-text .box-style.btn-box-second {
	background-color: var(--n0);
	border: 1px solid var(--p400);
	width: 140px;
	height: 140px
}
.circle-text .box-style.btn-box-second i {
	color: var(--p300)
}
.box-style {
	position: relative;
	overflow: hidden;
	display: flex;
	height: 170px;
	width: 170px;
	font-weight: 600;
	transition: all .3s;
	z-index: 0;
	border-radius: 50%
}
.box-style:hover {
	color: var(--n700)
}
.box-style:hover::before {
	width: 300%;
	height: 300%
}
.box-style::before {
	content: "";
	position: absolute;
	top: var(--y);
	left: var(--x);
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-radius: 100%;
	background-color: var(--p300);
	transition: all .7s ease;
	z-index: -1
}
.box-style.btn-box {
	padding: 13px 25px;
	display: inline-flex;
	background-color: var(--p300);
	width: initial;
	height: initial;
	font-weight: 600;
	border-radius: 16px
}
.box-style.btn-box:hover {
	color: var(--n0)
}
.box-style.btn-box:hover:before {
	border-radius: 15px;
	background-color: var(--p500)
}
.box-style.btn-box-second {
	height: 110px;
	width: 110px;
	background-color: var(--p300);
	color: var(--n800)
}
.box-style.btn-box-second:hover {
	color: var(--n0)
}
.box-style.btn-box-second:hover:before {
	background-color: var(--p500)
}
.box-style.btn-box-third {
	padding: 13px 25px;
	display: inline-flex;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--p300);
	width: initial;
	height: initial;
	font-weight: 600;
	border-radius: 16px;
	color: var(--n0)
}
.box-style.btn-box-third:hover {
	border-color: rgba(0, 0, 0, 0)
}
.box-style.btn-box-third:hover:before {
	border-radius: 15px;
	background-color: var(--p500)
}
.box-style.box-first {
	width: initial;
	height: initial;
	flex-direction: column;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0)
}
.box-style.box-first:before {
	background-color: rgba(0, 0, 0, 0)
}
.box-style.box-first:hover:before {
	background-color: var(--n700);
	border-radius: 0
}
.box-style.box-second {
	width: initial;
	height: initial;
	border-top: 1px solid var(--n700);
	border-bottom: 1px solid var(--n700);
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0)
}
.box-style.box-second:before {
	background-color: rgba(0, 0, 0, 0)
}
.box-style.box-second:hover {
	border-color: rgba(0, 0, 0, 0)
}
.box-style.box-second:hover:before {
	background-color: var(--n800);
	border-radius: 12px
}
.social-area a {
	width: 30px;
	height: 30px;
	border: 1px solid var(--n500);
	border-radius: 15px;
	transition: .3s all
}
.social-area a i {
	color: var(--p300)
}
.social-area a:hover {
	background-color: var(--p400)
}
.social-area a:hover i {
	color: var(--n0)
}
.btn-base {
	color: var(--p300);
	border: 2px solid var(--n0);
	line-height: 53px;
	line-height: 55px;
	padding: 0 38px;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	transition: all .5s ease;
	font-weight: 500;
	border-radius: 4px;
	z-index: 0;
	overflow: hidden
}
.btn-base::after {
	background: var(--p300);
	border-radius: 4px;
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0) rotate(10deg);
	transform-origin: top left;
	transition: .2s transform ease-out;
	will-change: transform;
	z-index: -1
}
.btn-base:hover, .btn-base:focus {
	border-color: rgba(0, 0, 0, 0);
	overflow: hidden;
	color: #fff;
	transform: scale(1.05);
	will-change: transform
}
.btn-base:hover:after, .btn-base:focus:after {
	height: 100%;
	width: 135%;
	transform: translate(0, 0)
}
.mouse-follower {
	z-index: 10
}
.mouse-follower span {
	z-index: 10;
	opacity: 1;
	top: -10px;
	left: -10px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	position: fixed;
	transition: 100ms ease-in-out;
	pointer-events: none
}
.mouse-follower .cursor-outline {
	height: 30px;
	width: 30px;
	border: 1px solid var(--p300)
}
.mouse-follower .cursor-dot {
	height: 6px;
	width: 6px;
	background: var(--p300)
}
.mouse-follower.hide-cursor span {
	border-color: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0)
}
img {
	max-width: 100%;
	height: auto
}
.max-un {
	max-width: unset
}
.d-rtl {
	direction: rtl
}
ul, ol {
	padding: 0;
	margin: 0;
	list-style: none
}
ul li, ol li {
	font-size: inherit
}
button {
	border: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	background-color: rgba(0, 0, 0, 0)
}
.tabcontents {
	position: relative
}
.tabcontents .tabitem {
	transform: translateY(100px);
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: .8s all
}
.tabcontents .tabitem.active {
	position: initial;
	z-index: 1;
	opacity: 1;
	transform: translateY(0)
}
.single-input {
	margin-bottom: 16px
}
.single-input .nice-select {
	border: 1px solid var(--n500);
	padding: 15px 20px
}
.single-input .nice-select:focus, .single-input .nice-select:hover {
	border: 1px solid var(--n500)
}
.single-input .nice-select .list {
	background-color: var(--n900);
	width: 100%;
	top: 100%;
	bottom: initial
}
.single-input .nice-select::after {
	display: block
}
input, textarea {
	padding: 15px 20px;
	color: var(--n0);
	width: 100%;
	font-family: var(--body-font);
	outline-color: rgba(0, 0, 0, 0);
	border-radius: 10px;
	font-size: 16px;
	background-color: inherit;
	border: 1px solid var(--n500)
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--n500);
	font-size: 16px
}
input::placeholder, textarea::placeholder {
	color: var(--n500);
	font-size: 16px
}
input:focus, textarea:focus {
	outline: none;
	box-shadow: none;
	border: 1px solid var(--p300)
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}
input[type=number] {
	-moz-appearance: textfield
}
input[type=checkbox] {
	width: initial;
	height: initial
}
select {
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	outline: none
}
span {
	display: inline-block
}
.table thead th, .table td, .table th {
	border: none
}
.b-none {
	border: none !important
}
.ovf-unset {
	overflow-x: unset !important
}
iframe {
	border: 0;
	width: 100%
}
.shadow-none {
	box-shadow: none
}
.display-one {
	font-size: 80px;
	line-height: 96.8px
}
.display-two {
	font-size: 72px;
	line-height: 86.4px
}
.display-three {
	font-size: 64px;
	line-height: 76.8px
}
.display-four {
	font-size: 56px;
	line-height: 67.2px
}
.display-five {
	font-size: 48px;
	line-height: 46.4px
}
.display-six {
	font-size: 42px;
	line-height: 54.6px
}
.fs-one, h1, h1>a {
	font-size: 48px;
	line-height: 57.6px
}
.fs-two, h2, h2>a {
	font-size: 40px;
	line-height: 48px
}
.fs-three, h3, h3>a {
	font-size: 32px;
	line-height: 38.4px
}
.fs-four, h4, h4>a {
	font-size: 24px;
	line-height: 31.2px
}
.fs-five, h5, h5>a {
	font-size: 20px;
	line-height: 26px
}
.fs-six, h6, h6>a {
	font-size: 16px;
	line-height: 20.8px
}
.fs-seven {
	font-size: 14px;
	line-height: 18.8px
}
table thead tr th {
	font-size: 18px;
	line-height: 30px
}
a, p, span, label, li {
	margin: 0;
	font-family: var(--body-font);
	color: var(--n50);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}
.alt-bg a, .alt-bg p, .alt-bg span, .alt-bg h1, .alt-bg h2, .alt-bg h3, .alt-bg h4, .alt-bg h5, .alt-bg h6 {
	color: var(--n800)
}
li {
	font-size: inherit
}
.d-center {
	display: flex;
	justify-content: center;
	align-items: center
}
.section-text {
	margin-bottom: 32px
}
.section-header {
	margin-bottom: 55px
}
.cus-mar {
	margin-bottom: -24px
}
.single-box {
	margin-bottom: 24px
}
.sub-title {
	margin-bottom: 16px
}
.title {
	margin-bottom: 10px
}
.cus-z0 {
	z-index: 0
}
.cus-z1 {
	z-index: 1
}
.cus-z2 {
	z-index: 2
}
.pt-120 {
	padding-top: 120px
}
@media(max-width: 991px) {
	.pt-120 {
		padding-top: 60px
	}
	.header-section {
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .3)
	}
}
@media(max-width: 575px) {
	.pt-120 {
		padding-top: 50px
	}
}
.pb-120 {
	padding-bottom: 120px
}
@media(max-width: 991px) {
	.pb-120 {
		padding-bottom: 60px
	}
}
@media(max-width: 575px) {
	.pb-120 {
		padding-bottom: 50px
	}
}
*::-webkit-scrollbar-track {
	background: var(--p300)
}
*::-webkit-scrollbar {
	width: 6px
}
*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb {
	background: var(--p500)
}
.cus-scrollbar {
	overflow-y: auto;
	overflow-x: hidden;
	position: sticky;
	max-height: 90vh;
	top: 100px
}
.cus-scrollbar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}
.cus-scrollbar::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(0, 0, 0, 0)
}
.cus-scrollbar::-webkit-scrollbar-button, .cus-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0)
}
.cus-scrollbar:hover::-webkit-scrollbar {
	width: 3px
}
.cus-scrollbar:hover::-webkit-scrollbar-track {
	background: rgba(255, 211, 198, .5)
}
.cus-scrollbar:hover::-webkit-scrollbar-button, .cus-scrollbar:hover::-webkit-scrollbar-thumb {
	background: var(--p300)
}
.scrollToTop {
	position: fixed;
	bottom: 0;
	right: 30px;
	color: var(--p300);
	line-height: 45px;
	font-size: 20px;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	transition: all 1s;
	transform: translateY(100%)
}
.scrollToTop.active {
	bottom: 120px;
	transform: translateY(0%) rotate(-90deg)
}
.scrollToTop::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	left: -50px;
	background: var(--p300)
}
.preloader {
	width: 100%;
	height: 100vh;
	background-color: var(--n800);
	position: fixed;
	display: flex;
	overflow: hidden;
	top: 0;
	z-index: 99999
}
.preloader .loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite
}
.preloader .loader::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid var(--danger-color);
	animation: prixClipFix 2s linear infinite
}
.accordion-button:focus {
	box-shadow: none
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.fadeInDown {
	animation-name: fadeInDown
}
.slick-arrow {
	position: absolute;
	outline: none;
	bottom: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n700);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1
}
.slick-arrow:hover {
	border-color: var(--p300);
	box-shadow: var(--box-shadow-one)
}
.slick-arrow:hover i {
	color: var(--n900)
}
.slick-arrow i {
	color: var(--n0);
	font-size: 24px;
	transition: .1s
}
.slick-arrow.arafat-prev {
	left: calc(50% - 60px);
	transform: rotate(180deg)
}
.slick-arrow.arafat-next {
	right: calc(50% - 60px)
}
.slick-arrow.top-right {
	bottom: initial;
	left: initial;
	top: -120px
}
.slick-arrow.top-right.arafat-prev {
	right: 70px
}
.slick-arrow.top-right.arafat-next {
	right: 0
}
.slick-arrow.bottom-right {
	width: 35px;
	height: 35px;
	bottom: 32px;
	border-color: var(--p300)
}
.slick-arrow.bottom-right.arafat-prev {
	left: initial;
	right: 84px
}
.slick-arrow.bottom-right.arafat-next {
	right: 32px
}
.slick-arrow.bottom-right:hover i {
	color: var(--n0)
}
@keyframes progressBar {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}
.slick-double-dots {
	display: flex;
	justify-content: end;
	align-items: center;
	bottom: 33px;
	position: absolute;
	width: calc(100% - 100px);
	right: 40px
}
.slick-double-dots .totalString {
	position: absolute;
	right: -20px
}
.slick-double-dots li {
	margin: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center
}
.slick-double-dots li::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 10px;
	border: 1px solid var(--n50);
	z-index: 2;
	transition: .3s
}
.slick-double-dots li::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0);
	z-index: 2;
	transition: .3s
}
.slick-double-dots li.slick-active::before {
	background-color: var(--p300);
	border-color: rgba(0, 0, 0, 0);
	z-index: 5
}
.slick-double-dots li.slick-active::after {
	border-color: var(--p300)
}
.slick-double-dots .progressBar {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 80px;
	left: 0
}
.slick-double-dots .progressBar::before {
	content: "";
	background-color: var(--n0);
	height: 1px;
	position: absolute;
	width: 100%;
	z-index: 4
}
.slick-double-dots .progressBar .string {
	position: absolute;
	opacity: 0;
	left: -20px
}
.slick-double-dots .progressBar span {
	font-size: inherit
}
.slick-double-dots .slick-active .string {
	opacity: 1
}
.slick-double-dots .slick-active .progressBar::after {
	content: "";
	background-color: var(--p300);
	height: 1px;
	position: absolute;
	width: 100%;
	animation: progressBar 2s ease-in-out;
	z-index: 5
}
.nice-select {
	background-color: rgba(0, 0, 0, 0);
	border: rgba(0, 0, 0, 0);
	float: initial;
	padding: 0;
	display: flex;
	align-items: center;
	line-height: initial;
	border-radius: 10px;
	height: 100%;
	width: 100%
}
.nice-select:focus, .nice-select:hover {
	border-color: rgba(0, 0, 0, 0)
}
.nice-select::after {
	height: 10px;
	width: 10px;
	right: 15px;
	top: initial;
	display: none
}
.nice-select .list {
	width: initial;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--p300);
	box-shadow: 0;
	top: initial;
	bottom: 100%;
	padding: 0
}
.nice-select .option {
	background-color: rgba(0, 0, 0, 0);
	font-size: 16px;
	line-height: 18px;
	padding: 4px 5px;
	min-height: initial
}
.nice-select .option:hover, .nice-select .option:focus, .nice-select .option.selected.focus {
	color: var(--p300);
	background-color: rgba(0, 0, 0, 0)
}
.single-radio {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.single-radio:hover input~.checkmark {
	background-color: rgba(0, 0, 0, 0)
}
.single-radio.checkbox .checkmark {
	border-radius: 0
}
.single-radio.checkbox .checkmark::after {
	border-radius: 0
}
.single-radio .checkmark {
	position: absolute;
	left: 20px;
	height: 18px;
	width: 18px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n0);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}
.single-radio .checkmark::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0)
}
.single-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.single-radio input:checked~.checkmark {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--p300)
}
.single-radio input:checked~.checkmark::after {
	display: block;
	background: var(--p300)
}
.input-area {
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n600)
}
.input-area:focus-within {
	outline: 1px solid var(--p300);
	border-color: rgba(0, 0, 0, 0)
}
.input-area.second {
	padding: 6px 10px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n500)
}
.input-area.second input {
	font-size: 16px
}
.input-area input, .input-area textarea {
	border-radius: 0;
	padding: 0;
	padding-right: 15px;
	border: none;
	background: rgba(0, 0, 0, 0)
}
@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}
@keyframes prixClipFix {
	0% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
	}
	25% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
	}
	50% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
	}
	75% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
	}
	100% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
	}
}
@keyframes leftToRight {
	0% {
		transform: rotateY(0deg)
	}
	100% {
		transform: rotateY(360deg)
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInOut {
	0% {
		transform: scale(0.9)
	}
	50% {
		transform: scale(1)
	}
	100% {
		transform: scale(0.9)
	}
}
@keyframes loading {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(180deg)
	}
}
@keyframes rotation {
	100% {
		transform: rotatey(360deg)
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}
@keyframes ripple2Ani {
	0% {
		transform: translate(0px, 0px)
	}
	33% {
		transform: translate(-5px, -5px)
	}
	66% {
		transform: translate(5px, 5px)
	}
	100% {
		transform: translate(0px, 0px)
	}
}
@keyframes stretch {
	0% {
		transform: scale(0.8, 0.8)
	}
	50% {
		transform: scale(1.1, 1.1)
	}
	100% {
		transform: scale(0.8, 0.8)
	}
}
@keyframes rippleAni {
	0% {
		transform: translate(0px, 0px)
	}
	33% {
		transform: translate(5px, -5px)
	}
	66% {
		transform: translate(-5px, 5px)
	}
	100% {
		transform: translate(0px, 0px)
	}
}
@keyframes rippleAni {
	0% {
		transform: translate(0px, 0px)
	}
	33% {
		transform: translate(5px, -5px)
	}
	66% {
		transform: translate(-5px, 5px)
	}
	100% {
		transform: translate(0px, 0px)
	}
}
@keyframes MoveUpDown {
	0% {
		transform: skew(-17deg) translateY(0)
	}
	100% {
		transform: skew(-17deg) translateY(100%)
	}
}
@keyframes MoveDownUp {
	100% {
		transform: skew(-17deg) translateY(0)
	}
	0% {
		transform: skew(-17deg) translateY(100%)
	}
}
.header-section {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: linear-gradient(153.32deg, rgba(255, 255, 255, 0.3) -65.62%, rgba(255, 255, 255, 0.1) 83.28%);
	box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px)
}
.header-section.header-fixed {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	border-color: rgba(0, 0, 0, 0)
}
.header-section .navbar-toggler {
	padding-right: 0;
	display: none;
	border: none
}
.header-section .navbar-toggler:focus {
	box-shadow: none
}
.header-section .navbar-toggler i {
	color: var(--p300)
}
.header-section .navbar {
	position: relative
}
.header-section .navbar::before {
	position: absolute;
	content: "";
	background: #161829;
	opacity: .4;
	width: 100%;
	height: 100%;
	opacity: .4;
	z-index: -1
}
.header-section .navbar .navbar-nav ul {
	padding: 10px 0
}
.header-section .navbar .navbar-nav li {
	padding: 5px 0
}
.header-section .navbar .navbar-nav a, .header-section .navbar .navbar-nav button {
	text-transform: capitalize;
	font-weight: 600;
	background-color: rgba(0, 0, 0, 0);
	color: var(--bs-white);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s
}
.header-section .navbar .navbar-nav a::before, .header-section .navbar .navbar-nav button::before {
	position: absolute;
	content: "";
	transform: rotate(0deg);
	transition: .3s;
	opacity: 0;
	background-color: var(--p300);
	width: 30px;
	height: 1px
}
.header-section .navbar .navbar-nav a.active, .header-section .navbar .navbar-nav a:hover, .header-section .navbar .navbar-nav button.active, .header-section .navbar .navbar-nav button:hover {
	color: var(--p300)
}
.header-section .navbar .navbar-nav a.active::before, .header-section .navbar .navbar-nav a:hover::before, .header-section .navbar .navbar-nav button.active::before, .header-section .navbar .navbar-nav button:hover::before {
	transform: rotate(-50deg);
	opacity: 1;
	transition: .3s
}
.header-section .navbar .navbar-nav .dropdown-menu a, .header-section .navbar .navbar-nav .dropdown-menu button {
	display: initial
}
.header-section .navbar .navbar-nav .dropdown-menu a:hover, .header-section .navbar .navbar-nav .dropdown-menu button:hover {
	letter-spacing: 1px;
	transition: .5s
}
.header-section .navbar .navbar-nav .dropdown-menu a::after, .header-section .navbar .navbar-nav .dropdown-menu button::after {
	right: initial
}
.header-section .navbar .navbar-nav .dropdown-menu a::before, .header-section .navbar .navbar-nav .dropdown-menu button::before {
	display: none
}
.header-section .navbar .dropdown-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 1
}
.header-section .navbar .dropdown-toggle::after {
	position: absolute;
	content: "";
	border: none;
	font-family: "FontAwesome";
	font-weight: 400;
	transform: rotate(90deg);
	font-size: 14px;
	right: -10px;
	z-index: -1
}
.header-section .navbar .dropdown-menu {
	padding-right: 20px;
	transition: all .5s;
	transform: translateY(50px) translateX(0)
}
.header-section .navbar .dropdown-menu button, .header-section .navbar .dropdown-menu a {
	padding: 0 10px
}
.header-section .navbar .dropdown-menu, .header-section .navbar .sub-menu {
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
	box-shadow: 0px 4px 24px 1px rgba(35, 16, 94, .25);
	display: block;
	opacity: 0;
	visibility: hidden
}
.header-section .navbar .navbar-toggler:focus {
	outline: 0;
	box-shadow: none
}
.header-section .navbar .show-dropdown {
	margin-right: 15px
}
.header-section .navbar .show-dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) translateX(0)
}
.header-section .navbar .sub-dropdown {
	position: relative
}
.header-section .navbar .sub-dropdown:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(-5px) translateX(0)
}
.header-section .navbar .sub-dropdown .dropdown-toggle::after {
	transform: rotate(0deg)
}
.header-section .navbar .sub-dropdown .sub-menu {
	position: absolute;
	left: 150px;
	top: 0;
	z-index: 1;
	transition: all .5s
}
.header-section .navbar .sub-dropdown .sub-menu a {
	font-weight: 500
}
@media(max-width: 1199px) {
	.header-section .navbar .navbar-toggler {
		display: inline-block
	}
	/* .header-section .navbar .navbar-brand img {
		max-width: initial
	} */
	.header-section .navbar .navbar-collapse .navbar-nav {
		max-height: 250px;
		margin: 20px 0;
		overflow-y: auto;
		margin-bottom: 10px;
		overflow-x: hidden
	}
	.header-section .navbar .navbar-collapse .navbar-nav a, .header-section .navbar .navbar-collapse .navbar-nav button {
		justify-content: start
	}
	.header-section .navbar .dropdown-menu {
		-moz-column-count: 1;
		column-count: 1
	}
	.header-section .navbar .sub-dropdown .sub-menu {
		position: initial;
		transition: initial
	}
	.header-section .navbar .dropdown-menu, .header-section .navbar .sub-menu {
		opacity: initial;
		visibility: initial;
		transition: initial;
		display: none
	}
	.header-section .navbar .dropdown-menu {
		transform: initial;
		transition: initial;
		display: none
	}
	.header-section .navbar .dropdown-toggle::after {
		z-index: 0
	}
	.header-section .navbar .dropend {
		margin-left: 18px
	}
	.header-section .navbar .navbar-collapse .right-area {
		margin-left: 0
	}
}
.header-section .contact-info i {
	color: var(--n0)
}
.header-section.header-menu {
	z-index: 999;
	overflow: unset
}
.header-section.header-menu .cmn-head {
	cursor: pointer
}
.header-section.header-menu .cmn-head .icon-area {
	width: 32px;
	height: 32px;
	border: 1px solid var(--n700);
	border-radius: 30px
}
.header-section.header-menu .cmn-head .icon-area i {
	color: var(--n0)
}
.header-section.header-menu .cmn-head .icon-area .abs-area {
	right: initial;
	top: -4px;
	left: -4px
}
.header-section.header-menu .single-item {
	position: relative
}
.header-section.header-menu .single-item.active .main-area {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}
.header-section.header-menu .single-item .main-area {
	position: absolute;
	top: 50px;
	white-space: nowrap;
	right: 0;
	transform: translateY(150px);
	background-color: var(--n700);
	border: 1px solid var(--n500);
	border-radius: 10px;
	opacity: 0;
	transition: .3s;
	visibility: hidden;
	overflow-x: auto;
	min-width: 300px;
	max-height: 70vh
}
.header-section.header-menu .single-item .avatar .avatar-img {
	border-radius: 15px
}
.header-section.header-menu .single-item.profile-area ul a {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0
}
.header-section.header-menu .single-item.profile-area ul li:last-child {
	border-top: 1px solid var(--n500);
	border-bottom: 1px solid var(--n500)
}
.header-section.header-menu .single-item.cart-area {
	padding-left: 200px
}
.header-section.header-menu .single-item.cart-area .close-btn {
	right: 15px;
	top: 15px;
	color: var(--n0)
}
.header-section.header-menu .single-item.cart-area .nav-items-wrapper {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	max-width: 500px;
	min-height: 100vh;
	overflow-y: auto;
	background: var(--n800);
	box-shadow: 0px 7px 16px -2px rgba(88, 82, 129, .12);
	-webkit-backdrop-filter: blur(22.5px);
	backdrop-filter: blur(22.5px);
	z-index: 999;
	transform: translateX(100%);
	transition: all 1.3s
}
.header-section.header-menu .single-item.cart-area.active .nav-items-wrapper {
	transform: translateX(0)
}
.header-section.header-menu .single-item.cart-area .single-box {
	border: 1px solid var(--n500);
	border-radius: 5px
}
.header-section.header-menu .single-item.cart-area .end-area {
	color: var(--n0)
}
.header-section.header-menu .single-item.cart-area .icon-box img {
	max-width: 200px;
	min-width: 90px
}
.header-section.header-menu .single-item.cart-area .footer-area .second-btn {
	background-color: var(--n700);
	color: var(--n0)
}
.header-section.header-menu .single-item.cart-area .qtySelector {
	border-radius: 10px
}
.header-section.header-menu .single-item.cart-area .qtySelector i {
	cursor: pointer;
	color: var(--n0);
	min-width: 32px;
	min-height: 32px;
	border-radius: 50%;
	background-color: var(--n100)
}
.header-section.header-menu .single-item.cart-area .qtySelector .qtyValue {
	border: none;
	padding: 5px;
	width: 50px;
	background: rgba(0, 0, 0, 0);
	font-weight: bold;
	color: var(--n0)
}
.sidebar-wrapper .side-menubar {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	height: 100vh;
	background: linear-gradient(153.32deg, rgba(255, 255, 255, 0.3) -65.62%, rgba(255, 255, 255, 0.1) 83.28%);
	box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-right: 1px solid var(--n500);
	width: 100px;
	height: 100vh
}
.sidebar-wrapper .side-menubar .sidebar-close span {
	font-size: 10px;
	margin-top: -8px
}
.sidebar-wrapper .side-menubar .sidebar-close i {
	color: var(--n50)
}
.sidebar-wrapper .sidebar-content {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.4) 100%);
	box-shadow: 0px 4px 24px 1px rgba(35, 16, 94, .25);
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	position: fixed;
	z-index: 9999;
	left: 100px;
	top: 0;
	height: 100vh;
	overflow: scroll;
	overflow-x: hidden;
	width: 95%;
	opacity: 0;
	visibility: hidden;
	transition: 1s all
}
.sidebar-wrapper .sidebar-content .footer-items {
	border-top: 1px solid var(--n300);
	position: absolute;
	max-height: 50vh
}
.sidebar-wrapper .sidebar-content .single-item {
	border-right: 1px solid var(--n300);
	height: 100%;
	opacity: 0;
	margin-bottom: -65px;
	transition: 1.5s all
}
.sidebar-wrapper .sidebar-content .navbar-nav {
	gap: 0 !important;
	transition: 1.5s all
}
.sidebar-wrapper .sidebar-content .header-fixed, .sidebar-wrapper .sidebar-content .header-section {
	height: 50vh;
	align-items: center;
	justify-content: center;
	display: flex !important;
	background: rgba(0, 0, 0, 0);
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	box-shadow: none
}
.sidebar-wrapper .sidebar-content .header-fixed .navbar::before, .sidebar-wrapper .sidebar-content .header-section .navbar::before {
	background-color: rgba(0, 0, 0, 0)
}
.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav {
	flex-direction: row
}
.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav li {
	position: relative
}
.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav ul {
	position: absolute
}
.sidebar-wrapper .sidebar-content .header-section .navbar .dropdown-toggle::after {
	font-size: 28px;
	right: -24px
}
.sidebar-wrapper.sidebar-active .sidebar-content {
	opacity: 1;
	visibility: visible
}
.sidebar-wrapper.sidebar-active .sidebar-content .single-item {
	opacity: 1;
	margin-bottom: 0;
	transition: 1.5s all
}
.sidebar-wrapper.sidebar-active .sidebar-content .navbar-nav {
	gap: 50px !important;
	transition: 1.5s all
}
.sidebar-wrapper .icon-box {
	width: 60px;
	height: 60px;
	background: var(--n700);
	border-radius: 30px
}
.sidebar-wrapper .icon-box i {
	color: var(--p300)
}
.sidebar-wrapper .header-section.header-fixed {
	box-shadow: none
}
.banner-section {
	background-color: var(--n800)
}
.banner-section .banner-content {
	padding: 160px 0
}
.banner-section .shape-area img {
	position: absolute
}
.banner-section .shape-area .shape-1 {
	top: 20%;
	left: 5%;
	animation: rotate 35s linear infinite
}
.banner-section .shape-area .shape-2 {
	left: calc(50% - 250px);
	bottom: 10%
}
.banner-section .shape-area .shape-3 {
	left: calc(50% - 250px);
	top: 5%
}
.banner-section .ellipse-area {
	width: 100px;
	height: 100px;
	animation: stretch 5s linear infinite
}
.banner-section .ellipse-area img {
	position: absolute
}
.banner-section .ellipse-area .ellipse-1 {
	right: 0
}
.banner-section .ellipse-area .ellipse-2 {
	right: 0;
	bottom: 0
}
.banner-section .ellipse-area .ellipse-3 {
	bottom: 0
}
.banner-section .ellipse-area.ellipse-one {
	top: 15%;
	left: 15%
}
.banner-section .ellipse-area.ellipse-two {
	top: 18%;
	left: 0%
}
.banner-section .ellipse-area.ellipse-two .ellipse-1 {
	right: 0
}
.banner-section .ellipse-area.ellipse-two .ellipse-2 {
	right: 0;
	bottom: 50%
}
.banner-section .ellipse-area.ellipse-two .ellipse-3 {
	bottom: 0
}
.banner-section .ellipse-area.ellipse-two .ellipse-5 {
	bottom: 0;
	right: 25%
}
.banner-section .ellipse-area.ellipse-three {
	top: 40%;
	left: 5%
}
.banner-section .ellipse-area.ellipse-three .ellipse-1 {
	right: 0
}
.banner-section .ellipse-area.ellipse-four {
	left: calc(50% + 50px);
	bottom: calc(50% - 160px)
}
.banner-section .single-slider {
    border-radius: 20px;
	background-color: var(--n0)
}
.banner-section .single-slider h3 {
	color: var(--n800)
}
.banner-section .single-slider img {
	width: 100%
}
.banner-section .slick-arrow {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--p75)
}
.banner-section .slick-arrow:hover {
	border-color: var(--p300)
}
.banner-section.index-one {
	position: relative;
	z-index: 1
}
.banner-section.index-one::before, .banner-section.index-one::after {
	position: absolute;
	content: "";
	width: 395px;
	height: 120%;
	bottom: 0;
	background: var(--p500);
	transform: skew(-17deg);
	z-index: -1
}
.banner-section.index-one::before {
	right: 15%;
	animation: MoveDownUp 5s linear alternate
}
.banner-section.index-one::after {
	width: 20px;
	right: 12%;
	animation: MoveUpDown 5s linear infinite alternate
}
.banner-section.index-one .overlay {
	position: relative;
	z-index: 1
}
.banner-section.index-one .overlay::before, .banner-section.index-one .overlay::after {
	position: absolute;
	content: "";
	width: 395px;
	height: 300px;
	bottom: 0;
	background: var(--gradient-one-color);
	transform: skew(-17deg);
	z-index: -1
}
.banner-section.index-one .overlay::before {
	left: 0;
	animation: MoveDownUp 5s linear infinite alternate
}
.banner-section.index-one .overlay::after {
	width: 20px;
	left: 22%;
	animation: MoveUpDown 5s linear infinite alternate
}
.banner-section.index-two {
	background-image: url(../images/index-2-bg.png);
	background-position: center left;
	background-repeat: no-repeat;
	position: relative
}
.banner-section.index-two::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
	background: var(--n800);
	opacity: .85
}
.banner-section.index-two .banner-content {
	padding-top: 100px;
    padding-bottom: 50px;
}
.banner-section.index-two .btn-item a {
	letter-spacing: 8px;
	text-transform: uppercase;
	font-weight: 600;
	z-index: 0;
	transition: all .3s
}
.banner-section.index-two .btn-item a span, .banner-section.index-two .btn-item a i {
	color: var(--n900);
	font-weight: 600;
	transition: all .5s
}
.banner-section.index-two .btn-item a::before, .banner-section.index-two .btn-item a::after {
	position: absolute;
	content: "";
	background-color: var(--p300);
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all .3s
}
.banner-section.index-two .btn-item a::after {
	background-color: var(--p500);
	bottom: -100%;
	visibility: hidden;
	opacity: 0
}
.banner-section.index-two .btn-item a:hover::before, .banner-section.index-two .btn-item a:hover::after {
	bottom: 0;
	height: 120%
}
.banner-section.index-two .btn-item a:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all .5s
}
.banner-section.index-two .btn-item a:hover i {
	color: var(--n0)
}
.banner-section.index-two .btn-item a:hover span {
	transform: translateY(-10px);
	letter-spacing: 12px;
	color: var(--n0);
	transition: all .5s
}
.banner-section.index-two .btn-item a.second::before {
	background-color: rgba(0, 0, 0, 0)
}
.banner-section.index-two .btn-item a.second span, .banner-section.index-two .btn-item a.second i {
	color: var(--n0)
}
.banner-section.index-two .btn-item a.second i {
	transform: rotate(45deg)
}
.banner-section.index-two .btn-item i {
	right: 10%;
	transform: rotate(180deg)
}
.banner-section.index-two .box-items {
	z-index: 0
}
.banner-section.index-two .shape-area .shape-1 {
	top: -5%;
	left: 18%;
	animation: rotate 35s linear infinite
}
.banner-section.index-two .shape-area .shape-2 {
	top: 15%;
	left: 1%;
	animation: rotate 35s linear infinite
}
.banner-section.index-three {
	background-image: url(../images/index-3-bg.png);
	background-position: center left;
	background-repeat: no-repeat;
	position: relative
}
.banner-section.index-three .playing-now .active-now span {
	position: relative
}
.banner-section.index-three .playing-now .active-now span::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--s300);
	right: -10px;
	top: 0
}
.banner-section.index-three .playing-now .active-now.now span::before {
	background-color: var(--p300)
}
.banner-section.index-three .banner-content {
	padding: 260px 0
}
.banner-section.index-three .shape-areas img {
	position: absolute
}
.banner-section.index-three .shape-areas .shape-1 {
	left: calc(50% - 250px);
	bottom: 5%
}
.banner-section.index-three .shape-areas .shape-2 {
	left: calc(50% - 190px);
	top: 3%
}
.banner-section.inner-banner .banner-content {
	padding: 210px 0 130px
}
.banner-section.inner-banner .banner-content .breadcrumb-area {
	background: var(--n700);
	border-radius: 12px 12px 0px 0px
}
.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb a {
	color: var(--n0)
}
.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb li {
	display: flex;
	align-items: center;
	color: var(--n0);
	padding-left: 32px;
	margin-left: 12px;
	position: relative
}
.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb li.active {
	color: var(--p300)
}
.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "chevron_right";
	font-family: "Material Symbols Outlined";
	z-index: 1;
	position: absolute;
	left: 0;
	font-size: 24px;
	color: var(--n0)
}
.banner-section.about {
	/* background-image: url(../images/about-banner-illus.png); */
	background-image: url(../images/car.png);
	background-position: center right;
	background-repeat: no-repeat
}
.banner-section.about .shape-area .shape-1 {
	top: -10%;
	left: 20%
}
.banner-section.about .shape-area .shape-2 {
	top: 30%;
	left: 5%;
	animation: rotate 35s linear infinite
}
.banner-section.career {
	background-image: url(../images/career-banner-illus.png)
}
.banner-section.game {
	background-image: url(../images/game-banner-illus.png)
}
.banner-section.services {
	background-image: url(../images/services-banner-illus.png)
}
.banner-section.services-details {
	background-image: url(../images/services-details-banner-illus.png)
}
.banner-section.pricing-plan {
	background-image: url(../images/pricing-plan-banner-illus.png)
}
.banner-section.store {
	background-image: url(../images/store-banner-illus.png);
	background-size: cover
}
.banner-section.store .shape-area .shape-1 {
	top: -10%;
	left: 20%
}
.banner-section.store .shape-area .shape-2 {
	top: 30%;
	left: 5%;
	animation: rotate 35s linear infinite
}
.banner-section.game-details {
	background-image: url(../images/game-details-banner-illus.png)
}
.banner-section.game-details .banner-content {
	padding: 450px 0 180px
}
.banner-section.game-details .playing-now {
	background: var(--n800);
	border-radius: 12px
}
.banner-section.game-details .playing-now .online {
	border-right: 1px solid var(--n0)
}
.banner-section.game-details .playing-now span {
	position: relative;
	color: var(--p300)
}
.banner-section.game-details .playing-now span::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--p300);
	right: -10px;
	top: 0
}
.banner-section.game-details .playing-now .now span::before {
	background-color: var(--warning-color)
}
.footer-section .social-items {
	background: var(--n700)
}
.footer-section .social-items li {
	width: 100%;
	padding-top: 24px;
	padding-bottom: 24px;
	border-right: 1px solid var(--n900)
}
.footer-section .location-area .icon-box {
	width: 60px;
	height: 60px;
	background: var(--n700);
	border-radius: 30px
}
.footer-section .location-area i {
	color: var(--p300)
}
.footer-section .brand-area {
	color: var(--n0);
	font-weight: 600;
	letter-spacing: .17em;
	text-transform: uppercase
}
.footer-section .form-group {
	border: 1px solid var(--n600);
	border-radius: 16px
}
.footer-section .content-right {
	background-color: var(--n800)
}
.footer-section .footer-bottom {
	background-color: var(--n900)
}
.footer-section .footer-bottom p a {
	color: var(--p300)
}
.footer-section .contact-location .icon-area {
	min-width: 60px;
	height: 60px;
	background: var(--n700);
	border-radius: 30px
}
.footer-section .contact-location .icon-area i {
	color: var(--p300)
}
.footer-section .footer-wrapper {
	background: var(--n800)
}
.footer-section .links li a {
	position: relative
}
.footer-section .links li a::before {
	content: "chevron_right";
	font-family: "Material Symbols Outlined";
	z-index: 1;
	position: absolute;
	left: -20px;
	font-size: 16px;
	width: initial;
	height: initial;
	background-image: none;
	transition: .3s all
}
.footer-section .links li a:hover {
	padding-left: 15px;
	transition: .3s all
}
.footer-section .links li a:hover::before {
	left: 0
}
.footer-section.index-two {
	position: relative;
	background-image: url(../images/abs-items/footer-ellipse-2.png);
	background-position: top 65px center
}
.footer-section .form-contact {
	background: var(--p500);
	border-radius: 16px
}
.footer-section .form-contact .input-area {
	border: 1px solid var(--n30)
}
.footer-section .get-start a {
	color: var(--p300);
	text-decoration: underline
}
.footer-section .footer-bottom {
	background: var(--n700);
	border-radius: 32px 32px 0px 0px
}
.box-items {
	z-index: -1;
	top: -35px
}
.box-items .single-item {
	width: 145px;
	height: 149px;
	border: 1px solid var(--n700);
	transition: .3s all
}
.box-items .single-item.active-item {
	background: var(--p500)
}
.box-items .single-item:hover {
	background: var(--p500);
	opacity: .3
}
.about-block .counter-item {
	position: relative
}
.about-block .counter-item::before {
	position: absolute;
	content: "";
	background-color: var(--p300);
	width: 86px;
	height: 1px;
	bottom: 0
}
.about-block .fs-three span, .about-block .display-four span {
	color: var(--n0)
}
.about-block .experience {
	border: 1px solid var(--p300)
}
.about-block .experience .experience-wrap {
	background-color: var(--p300)
}
.about-block .experience .experience-wrap .display-four span {
	color: var(--n800)
}
.about-block .experience .experience-wrap span {
	color: var(--n800)
}
.about-block .experience.second {
	border-color: var(--s200)
}
.about-block .experience.second .experience-wrap {
	background-color: var(--s200)
}
.about-block .experience.second .experience-wrap .display-four span {
	color: var(--n0)
}
.about-block .experience.second .experience-wrap span {
	color: var(--n0)
}
.about-block .symbol {
	color: var(--p300)
}
.about-block.index-two .sec-img img {
	border-radius: 50%
}
.about-block .shape-area img {
	position: absolute;
	animation: rotate 35s linear infinite
}
.about-block .shape-area img.shape-1 {
	top: 15%;
	left: 5%
}
.about-block .shape-area img.shape-2 {
	bottom: 15%;
	right: 5%
}
.about-block.index-three .fs-five {
	color: var(--n0)
}
.about-block.index-three .icon-box {
	min-width: 60px;
	height: 60px;
	background: var(--p500);
	border-radius: 40px
}
.about-block.index-three .icon-box i {
	color: var(--n0)
}
.our-games {
	background-color: var(--n800);
	/* background-image: url(../images/our-games-bg.png); */
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	position: relative
}
.our-games::before, .our-games::after {
	position: absolute;
	content: "";
	/* background-image: url(../images/abs-items/console-1.png); */
	/* background-image: url(../images/our-games-shape.png); */
	background-size: auto;
	background-repeat: no-repeat;
	z-index: -1;
	width: 625px;
	height: 440px;
	right: 0;
	top: 12%
}
.our-games::after {
	right: initial;
	top: initial;
	left: 0;
	bottom: 12%
}
.our-games .nav {
	border: 1px solid var(--n700)
}
.our-games .nav i {
	color: var(--n0)
}
.our-games .nav button {
	width: 60px;
	height: 60px;
	background: var(--n700);
	border-radius: 8px
}
.our-games .nav button.active {
	background-color: var(--p500)
}
.our-games .tabcontents li {
	position: relative;
	display: flex;
	align-items: center
}
.our-games .tabcontents li::before {
	position: absolute;
	content: "";
	background-color: var(--n40);
	width: 1px;
	height: 15px;
	right: -20px
}
.our-games .tabcontents li:last-child::before {
	background-color: rgba(0, 0, 0, 0)
}
.our-games .single-box {
	background-color: var(--n700);
	border: 1px solid var(--n500);
	border-radius: 12px
}
.our-games .single-box p>a {
	color: var(--p300)
}
.our-games .single-box:hover .thumb-img {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%)
}
.our-games .single-box .position-relative.d-center img {
	border-radius: 12px
}
.our-games .single-box .position-relative.d-center .mfp-iframe {
	opacity: 0;
	transition: .8s all
}
.our-games .single-box .position-relative.d-center:hover .mfp-iframe {
	opacity: 1
}
.our-games .feature-tag {
	right: 30px
}
.our-games .feature-tag.start {
	left: 30px
}
.our-games .review-box {
	background-color: var(--n600);
	border-radius: 10px
}
.our-games .review-box i {
	color: #edcb50
}
.our-games .thumb-img {
	margin-bottom: -70px;
	transition: all .8s;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%)
}
.our-games .shape-area img {
	position: absolute;
	animation: rotate 35s linear infinite
}
.our-games .shape-area img.shape-1 {
	top: 8%;
	left: 10%
}
.our-games .shape-area img.shape-2 {
	top: 22%;
	left: 8%;
	animation: leftToRight 35s linear infinite
}
.our-games .shape-area img.shape-3 {
	bottom: 4%;
	right: 4%
}
.our-games .shape-area img.shape-4 {
	bottom: 2%;
	left: 7%
}
.our-games .loading {
	background-color: var(--n600)
}
.our-games .loading i {
	color: var(--n50)
}
.our-games.index-two {
	/* background-image: url(../images/our-games-bg-2.png); */
	background-position: center
}
.our-games.index-two::before {
	background-image: url(../images/abs-items/console-1.png);
    width: 358px;
    height: 360px;
    right: -4%;
}
.our-games.index-two .single-box ul {
	row-gap: 8px !important
}
.our-games.all-games {
	background-image: url(../images/all-games-bg.png);
	background-position: center center;
	background-repeat: no-repeat
}
.our-games.all-games::before, .our-games.all-games:after {
	display: none
}
.our-games.all-games .single-box {
	border-radius: 16px;
	transition: all .3s
}
.our-games.all-games .single-box .img-area img {
	border-top-right-radius: 16px;
	border-top-left-radius: 16px
}
.our-games.all-games .single-box .footer-area {
	margin-top: -40px
}
.our-games.all-games .single-box:hover {
	box-shadow: 0px 8px 0px #313241, 0px 14px 0px #2a2b3d
}
.team-members .team-carousel .slide-area:nth-child(odd) {
	transform: translateY(60px);
	padding-bottom: 60px
}
.team-members .single-slider {
	margin: 0 12px
}
.team-members .nav {
	border: 1px solid var(--n700);
	border-radius: 12px
}
.team-members .nav li button {
	background: var(--n900);
	border: 1px solid var(--p300);
	font-weight: 600;
	border-radius: 16px;
	color: var(--n0);
	text-transform: capitalize
}
.team-members .nav li button.active {
	background-color: var(--p300);
	color: var(--n800)
}
.team-members .single-box .title-area {
	background-color: var(--n900)
}
.team-members.index-two {
	background-image: url(../images/team-members-bg.png);
	background-position: center top 120px;
	background-repeat: no-repeat
}
.team-members.index-two .thumb img {
	width: 100%
}
.counter-section .single-box.active-area:before {
	transform: translate(-50%, -50%);
	z-index: -1;
	background-color: var(--n700);
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transform: translate(0%, 0%);
	border-radius: 0
}
.counter-section .single-box p {
	color: var(--n0);
	font-weight: 400
}
.counter-section .display-one, .counter-section span {
	color: var(--n800)
}
.counter-section.index-two .single-box {
	background: var(--n800);
	border-radius: 16px
}
.counter-section.index-two .fs-two, .counter-section.index-two span {
	color: var(--n0)
}
.counter-section.index-two .icon-box {
	width: 60px;
	height: 60px;
	background: var(--p500);
	border-radius: 40px
}
.counter-section.index-two .icon-box i {
	color: var(--n0)
}
.our-services .slide-area {
	margin: 0 12px
}
.our-services .single-slider {
	background-color: var(--n800);
	border-radius: 8px
}
.our-services .icon-box {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-color: var(--p500)
}
.our-services .icon-box i {
	color: var(--n0)
}
.our-services .link-area a {
	color: var(--p300);
	gap: 4px;
	transition: .3s
}
.our-services .link-area a:hover {
	gap: 12px
}
.our-services .services-thumb .link-item a {
	background: var(--n900);
	color: var(--p300)
}
.our-services.index-two {
	background: var(--n800)
}
.our-services.index-two .end-area {
	min-width: 40px;
	min-height: 40px;
	background: var(--n700);
	border-radius: 40px;
	transition: all .3s
}
.our-services.index-two .end-area i {
	color: var(--p300);
	transition: all .3s
}
.our-services.index-two .single-box {
	border-color: var(--n600)
}
.our-services.index-two .single-box:hover h3 {
	color: var(--p300)
}
.our-services.index-two .single-box:hover .end-area {
	background: var(--p300)
}
.our-services.index-two .single-box:hover .end-area i {
	color: var(--n700)
}
.our-services.index-two .shape-area {
	animation: rotate 35s linear infinite;
	left: -60px;
	bottom: -30px
}
.our-services.index-three {
	background-color: var(--n900)
}
.our-services.service .single-box {
	background-color: var(--n800)
}
.our-services.service .single-box.head-content {
	background-color: var(--p300)
}
.our-services.service .btn-area a {
	background-color: var(--n800);
	color: var(--n0)
}
.our-services.service .icon-box {
	background-color: var(--n600)
}
.our-services.service .icon-box i {
	color: var(--p300)
}
.our-services.service .single-slide {
	margin: 0 10px
}
.how-it-works .icon-box {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-color: var(--n700);
	transition: .5s
}
.how-it-works .icon-box i {
	color: var(--p300)
}
.how-it-works .single-box {
	background: var(--n800);
	border-radius: 32px
}
.how-it-works .single-box:hover .icon-box {
	background-color: var(--p300)
}
.how-it-works .single-box:hover .icon-box i {
	color: var(--n900)
}
.how-it-works .abs-area {
	background-color: var(--p500);
	width: 40px;
	height: 40px;
	right: -5px;
	z-index: 1;
	border-radius: 50%
}
.how-it-works .abs-area i {
	color: var(--n0)
}
.life-gamestorm {
	position: relative
}
.life-gamestorm::before {
	position: absolute;
	content: "";
	background-image: url(../images/life-at-gamestorm.png);
	background-size: auto;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: var(--n800);
	z-index: -1;
	width: 100%;
	height: 50%;
	bottom: 0
}
.job-opens .single-box {
	border-radius: 12px
}
.job-opens .icon-box {
	width: 48px;
	height: 48px
}
.job-opens .icon-box i {
	color: var(--p300)
}
.job-opens .icon-box, .job-opens .end-area .fs-seven {
	background: var(--n500);
	border-radius: 12px
}
.job-opens .end-area .fs-seven {
	background: var(--p300);
	color: var(--n800);
	white-space: nowrap
}
.job-opens ul {
	width: -moz-max-content;
	width: max-content
}
.job-opens.index-two .end-area {
	min-width: 40px;
	height: 40px;
	background: var(--n700);
	border-radius: 40px;
	transition: all .3s
}
.job-opens.index-two .end-area i {
	color: var(--p300);
	transition: all .3s
}
.job-opens.index-two .single-box {
	border: 1px solid var(--n700)
}
.job-opens.index-two .single-box:hover h3 {
	color: var(--p300)
}
.job-opens.index-two .single-box:hover .end-area {
	background: var(--p300)
}
.job-opens.index-two .single-box:hover .end-area i {
	color: var(--n700)
}
.job-opens.index-two ul {
	width: 100%
}
.job-opens.details {
	overflow-x: initial
}
.job-opens.details ul {
	list-style: disc;
	width: initial
}
.job-opens.details .apply-area {
	background-color: var(--p300);
	border-radius: 60px
}
.job-opens.details .icon-box {
	width: 100px;
	height: 100px
}
.job-opens.details .btn-area a {
	color: var(--n0)
}
.job-opens.details .icon-box, .job-opens.details .btn-area a {
	background-color: var(--n700)
}
.testimonials {
	position: relative
}
.testimonials::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .2;
	background-image: url(../images/testimonial-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom
}
.testimonials .single-slider {
	background-color: var(--n800);
	border: 8px solid var(--p500);
	border-bottom: none
}
.testimonials .single-slider .img-box img {
	border-radius: 50%
}
.testimonials .single-slider i {
	color: var(--warning-color)
}
.testimonials .single-slider .location {
	color: var(--p300);
	border-right: 1px solid var(--n70)
}
.testimonials .string {
	color: var(--p300)
}
.testimonials .slick-double-dots li::before, .testimonials .slick-double-dots li::after {
	opacity: 0
}
.call-to-action {
	background-image: url(../images/call-to-action-object.png), url(../images/call-to-action-object-2.png);
	background-position: center left, center right;
	background-repeat: no-repeat
}
.call-to-action .sec-img .img-outline {
	animation: fadeInOut 5s linear infinite
}
@keyframes videoTwo {
	0% {
		transform: translate(-50%, -50%) scale(2.3);
		opacity: 1
	}
	100% {
		transform: translate(-50%, -50%) scale(5);
		opacity: 0
	}
}
.call-to-action .video-bg span {
	position: absolute;
	display: block;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	z-index: -1
}
.call-to-action .video-bg span:nth-child(1)::before {
	animation-delay: 5s
}
.call-to-action .video-bg span::after, .call-to-action .video-bg span::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--p300);
	animation: videoTwo 8s linear infinite
}
.call-to-action .video-bg span:nth-child(1)::after {
	animation-delay: 1s
}
.call-to-action .video-bg span:nth-child(2)::before {
	animation-delay: 6s
}
.call-to-action .video-bg span:nth-child(2)::after {
	animation-delay: 2s
}
.call-to-action .video-bg span:nth-child(3)::before {
	animation-delay: 7s
}
.call-to-action .video-bg span:nth-child(3)::after {
	animation-delay: 3s
}
.call-to-action .video-bg span:nth-child(4)::after {
	animation-delay: 4s
}
.call-to-action .contact-box {
	background-color: var(--n800);
	border-radius: 16px
}
.call-to-action .contact-box i, .call-to-action .contact-box span {
	color: var(--p300)
}
.call-to-action.index-two {
	background-image: url(../images/call-to-action-bg.png);
	background-size: cover
}
.call-to-action.index-two .box-style {
	border: 1px solid var(--n40)
}
.call-to-action .about {
	background-color: var(--p300)
}
.call-to-action .about .box-style {
	background-color: var(--n800);
	color: var(--n0)
}
.call-to-action .about .video-bg span::after, .call-to-action .about .video-bg span::before {
	border: 1px solid var(--n800)
}
.contact-us {
	background-image: url(../tool.webp), url(../5.png);
	background-position: center left, center right;
	background-repeat: no-repeat
}
.contact-us form {
	background: var(--n700);
	border-radius: 16px
}
.contact-us .form-inside {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px
}
.contact-us .icon-box {
	width: 40px;
	height: 40px;
	background: var(--n700);
	border-radius: 20px
}
.contact-us .icon-box i {
	color: var(--p300)
}
.contact-us .social-items {
	background: var(--n700)
}
.contact-us .contact-info {
	background-color: var(--n700)
}
.contact-us .contact-info .single-info {
	border-bottom: 1px solid var(--n500)
}
.contact-us .contact-info .single-info span:first-child {
	border-right: 1px solid var(--n500)
}
.contact-us .contact-info .single-info .icon-area {
	color: var(--n0)
}
.contact-us .contact-info .social-area {
	background-color: var(--n600);
	border-radius: 32px
}
.contact-us .get-in-touch {
	background-color: var(--n700)
}
.contact-us .get-in-touch .single-content {
	border-bottom: 1px solid var(--n500)
}
.contact-us .get-in-touch .single-content:first-child {
	border-top: 1px solid var(--n500)
}
.contact-us .get-in-touch i {
	color: var(--n0)
}
.contact-us .get-in-touch p span:nth-child(2) {
	border-left: 1px solid var(--n50);
	padding-left: 20px
}
.contact-us .social-area {
	background-color: var(--n600);
	border-radius: 32px
}
.contact-us .social-area a {
	border-color: var(--n200)
}
.contact-us.our-services-2 {
	background-color: var(--n800)
}
.map-section iframe {
	height: 300px
}
.recently-completed .slick-double-dots .progressBar {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 80px;
	left: 40px
}
.recently-completed .slick-double-dots {
	display: flex;
	justify-content: end;
	align-items: center;
	bottom: 0;
	position: absolute;
	width: calc(30% - 100px);
	right: 0;
	background: var(--n900);
	padding: 30px 15px
}
.recently-completed .slick-slide .content-box {
	transform: translateX(-120px);
	transition: all .6s;
	opacity: 0
}
.recently-completed .slick-slide .content-box h3, .recently-completed .slick-slide .content-box p {
	transform: translateY(30px);
	transition: all 1.4s;
	opacity: 0
}
.recently-completed .slick-slide .content-box p {
	transform: translateY(-30px)
}
.recently-completed .slick-slide.slick-active .content-box {
	transform: translateY(0);
	opacity: 1
}
.recently-completed .slick-slide.slick-active .content-box h3, .recently-completed .slick-slide.slick-active .content-box p {
	transform: translateY(0);
	opacity: 1
}
.recently-completed .content-box {
	background: var(--n900);
	max-width: 420px
}
.recently-completed .end-area {
	width: 40px;
	height: 40px;
	background: var(--n700);
	border-radius: 20px
}
.recently-completed .end-area i {
	color: var(--p300)
}
.recently-completed .box-style {
	border: 1px solid var(--n700);
	height: 140px;
	width: 140px
}
.recently-completed.blogs .content-box:hover h4 {
	color: var(--p300)
}
.recently-completed.blogs .content-box:hover a {
	background-color: var(--p300)
}
.recently-completed.blogs .content-box:hover a i {
	color: var(--n900)
}
.recently-completed .our-games {
	background-image: none
}
.recently-completed .our-games::before, .recently-completed .our-games::after {
	display: none
}
.recently-completed.blog-section {
	overflow-x: initial
}
.recently-completed.blog-section .content-box {
	max-width: 80%
}
.recently-completed.blog-section .box-style {
	width: initial;
	height: initial
}
.recently-completed.blog-section .article-info .single {
	border-left: 1px solid var(--n50)
}
.recently-completed.blog-section .article-info .single:first-child {
	border-color: rgba(0, 0, 0, 0)
}
.recently-completed.blog-section .article-info i {
	color: var(--n50)
}
.recently-completed.blog-section .quote {
	background-color: var(--p300);
	border-radius: 16px
}
.recently-completed.blog-section .quote i {
	font-family: "Material Symbols Outlined";
	color: var(--n900)
}
.recently-completed.blog-section .quote span {
	position: relative;
	display: inline-flex
}
.recently-completed.blog-section .quote span::before {
	content: "";
	position: absolute;
	background-color: var(--n900);
	height: 1px;
	width: 70px;
	right: -80px
}
.recently-completed.blog-section .tag-area {
	border-top: 1px solid var(--n500);
	border-bottom: 1px solid var(--n500)
}
.recently-completed.blog-section .tag-area .icon-box i {
	color: var(--n0)
}
.recently-completed.blog-section .comments-area .single-box {
	background-color: var(--n700);
	border-radius: 12px
}
.recently-completed.blog-section .comments-area .img-area img {
	border-radius: 50%
}
.recently-completed.blog-section .comments-area .btn-cmd {
	background-color: var(--n600);
	color: var(--n0)
}
.recently-completed.blog-section .comments-area .comment-form {
	display: none
}
.recently-completed.blog-section .add-review {
	background: var(--n800);
	border: 2px solid var(--n700);
	border-radius: 16px
}
.recently-completed.blog-section .add-review form {
	border: 2px solid var(--n700);
	border-radius: 16px
}
.our-partners {
	background-color: var(--n800)
}
.faqs-section {
	background-color: var(--n800)
}
.faqs-section .accordion-item {
	border: none;
	background: var(--n700)
}
.faqs-section .accordion-header, .faqs-section .accordion-collapse {
	background: var(--n700)
}
.faqs-section .shape-area img {
	position: absolute;
	animation: rotate 35s linear infinite
}
.faqs-section .shape-area .shape-1 {
	right: 8%;
	top: 10%
}
.faqs-section .shape-area .shape-2 {
	bottom: 10%;
	left: 4%
}
.faqs-section .accordion-button {
	color: var(--p300);
	font-size: inherit;
	font-weight: inherit;
	gap: 16px;
	box-shadow: none;
	background: var(--n700);
	padding-right: 15%
}
.faqs-section .accordion-button::after {
	content: "remove";
	font-family: "Material Symbols Outlined";
	z-index: 1;
	position: absolute;
	right: 20px;
	font-size: 16px;
	width: initial;
	height: initial;
	background-image: none
}
.faqs-section .accordion-button.collapsed {
	color: var(--n0)
}
.faqs-section .accordion-button.collapsed::after {
	content: "add"
}
.faqs-section .accordion {
	margin-top: -20px
}
.faqs-section .accordion .accordion-item {
	margin-top: 20px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0)
}
.faqs-section .accordion-body {
	padding: 20px;
	padding-right: 10%;
	padding-top: 0
}
.faqs-section .faq-bg {
	background-color: var(--n700)
}
.faqs-section.key-platforms .accordion-header, .faqs-section.key-platforms .accordion-body, .faqs-section.key-platforms .accordion-collapse, .faqs-section.key-platforms .accordion-button {
	background-color: rgba(0, 0, 0, 0);
	padding-left: 0;
	padding-right: 0
}
.faqs-section.key-platforms .accordion-header:after, .faqs-section.key-platforms .accordion-body:after, .faqs-section.key-platforms .accordion-collapse:after, .faqs-section.key-platforms .accordion-button:after {
	right: 0
}
.faqs-section.key-platforms .accordion-item {
	padding: 24px 0;
	margin: 0;
	border-bottom: 1px solid var(--n300);
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0)
}
.faqs-section.key-platforms .accordion-item:first-child {
	border-top: 1px solid var(--n300)
}
.features-games {
	background-color: var(--n800)
}
.features-games .btn-area {
	bottom: 15%;
	left: 15%
}
.gaming-character {
	background: var(--n800)
}
.gaming-character .slick-track {
	padding-bottom: 70px
}
.gaming-character .slick-arrow.bottom-right.arafat-prev {
	left: 10px;
	right: initial;
	bottom: 0
}
.gaming-character .slick-arrow.bottom-right.arafat-next {
	left: 60px;
	right: initial;
	bottom: 0
}
.gaming-character .single-slider {
	margin: 0 10px
}
.gaming-character .single-slider img {
	width: 100%
}
.gaming-character .section-dots {
	text-align: center;
	position: absolute;
	bottom: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--n500);
	height: 1px;
	width: 90%;
	right: 0
}
.gaming-character .section-dots li {
	margin: 0 5px;
	display: inline-block;
	list-style: none;
	width: 20%;
	transition: all .3s
}
.gaming-character .section-dots li .dot {
	display: block;
	width: 20%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	cursor: pointer;
	transition: all .3s;
	position: absolute
}
.gaming-character .section-dots li .dot .string {
	position: absolute;
	line-height: 0;
	opacity: 0
}
.gaming-character .section-dots li.slick-active .dot {
	background-color: var(--p300)
}
.gaming-character.ongoing-values .slide-area {
	width: 306px !important
}
.gaming-character.ongoing-values .slick-center .single-box {
	background-color: var(--n700)
}
.gaming-character.ongoing-values .section-dots {
	width: 60%;
	right: 15%
}
.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev {
	left: 15%
}
.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-next {
	left: 18%
}
.gaming-character.ongoing-values .icon-box {
	width: 80px;
	height: 80px;
	background: var(--p500);
	border-radius: 40px
}
.gaming-character.ongoing-values .icon-box i {
	color: var(--n0)
}
.gaming-character.what-we-offer .single-box {
	background-color: var(--n800)
}
.gaming-character.what-we-offer .slick-center .single-box {
	background-color: var(--n800)
}
.gaming-character.what-we-offer .slick-track {
	padding: 0
}
.gaming-character.our-story .section-dots {
	width: 80%
}
.gaming-character.our-story .single-area {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px
}
.gaming-character.our-story .single-area .text-box he {
	color: var(--p300)
}
.gaming-character.our-story .single-area .year-box {
	background-color: var(--warning-color);
	min-width: 120px;
	height: 120px;
	border-radius: 10px
}
.gaming-character.gallery .slide-area {
	width: initial !important
}
.our-teams .single-box.active .social-area {
	transform: rotateX(0deg)
}
.our-teams .single-box.active .social-hide-btn {
	background: var(--p300)
}
.our-teams .single-box.active .social-hide-btn i {
	color: var(--n900)
}
.our-teams .single-box:hover h4 {
	color: var(--p300)
}
.our-teams .single-box.single-area {
	border-radius: 430px;
	background-color: var(--n800)
}
.our-teams img {
	border-radius: 430px
}
.our-teams .social-area {
	transform: rotateX(90deg);
	bottom: 30px;
	transition: .5s all
}
.our-teams .social-area a {
	border-color: var(--n20)
}
.our-teams .social-hide-btn {
	width: 40px;
	height: 40px;
	background: var(--n600);
	border-radius: 40px;
	bottom: -20px
}
.our-teams .social-hide-btn i {
	color: var(--p300)
}
.our-teams .icon-area {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: var(--n600)
}
.our-teams .icon-area i {
	color: var(--p300)
}
.testimonial-area .container {
	background-color: var(--n800);
	background-image: url(../images/testimonial-sec-bg.png), url(../images/testimonial-sec2-bg.png);
	background-position: center left, right center;
	background-repeat: no-repeat
}
.testimonial-area .img-box img {
	margin: auto
}
.testimonial-area .star-area i {
	color: var(--warning-color)
}
.instagram-post .abs-area {
	opacity: 0;
	bottom: 20%;
	transition: .7s all
}
.instagram-post i, .instagram-post span {
	color: var(--p300)
}
.instagram-post .img-box {
	margin: 0 5px
}
.instagram-post .img-box img {
	width: 100%
}
.instagram-post .img-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(34, 36, 52, 0) 0%, #222434 88.54%);
	transition: .5s all
}
.instagram-post .img-box:hover::before {
	height: 100%
}
.instagram-post .img-box:hover .abs-area {
	bottom: 0;
	opacity: 1
}
.our-focus::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	top: 0;
	z-index: -1;
	background: var(--n800)
}
.our-focus .shape-area img {
	position: absolute
}
.our-focus .shape-area .shape-1 {
	right: 10%;
	top: 8%
}
.our-focus .shape-area .shape-2 {
	left: 13%;
	top: 25%;
	animation: rotate 35s linear infinite
}
.our-focus .top-features::before {
	background-color: var(--n700)
}
.our-focus.services-area .symbol {
	color: var(--p300)
}
.our-game-features .single-box {
	border: 1px solid var(--n700);
	border-radius: 12px
}
.our-game-features .single-box:hover h5 {
	color: var(--p300)
}
.our-game-features .icon-box {
	min-width: 80px;
	height: 80px;
	background: var(--n700);
	border-radius: 60px
}
.our-game-features .icon-box i {
	color: var(--p300)
}
.our-game-features.benefits {
	background-color: var(--n800)
}
.our-game-features.benefits .single-box {
	background-color: var(--n700)
}
.our-game-features.benefits .icon-box {
	background-color: var(--p500)
}
.our-game-features.benefits .icon-box i {
	color: var(--n0)
}
.our-game-features.specialize .single-box {
	background-color: var(--n800)
}
.our-game-features.specialize .icon-box {
	width: 80px
}
.our-game-features.specialize .icon-box h2 {
	color: var(--p300)
}
.our-game-features.fundamental-benefits .single-box {
	background-color: var(--n800)
}
.our-game-features.fundamental-benefits .single-box .icon-box {
	background-color: var(--n600);
	width: 80px
}
@keyframes comunity {
	0% {
		transform: translateY(100%);
		opacity: 1
	}
	50% {
		transform: translateY(0);
		opacity: .9
	}
	99.99% {
		transform: translateY(-100%);
		opacity: 1
	}
	100% {
		transform: translateY(0);
		opacity: 1
	}
}
.our-gaming-community .main-content {
	width: 526px;
	height: 526px;
	background: var(--warning-color);
	border-radius: 100%
}
.our-gaming-community .community-box .community-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: comunity 40s linear infinite;
	z-index: -1
}
.our-gaming-community .community-box .community-area .community-item {
	position: absolute
}
.our-gaming-community .community-box .community-area .community-item img {
	width: 80%
}
.our-gaming-community .community-box .community-area .community-item:nth-child(1) {
	right: calc(50% + 255px);
	bottom: 50px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(2) {
	left: calc(50% - 115px);
	top: 380px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(3) {
	left: calc(50% + 53px);
	top: 340px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(4) {
	left: calc(50% + 160px);
	top: 250px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(5) {
	left: calc(50% + 250px);
	top: 140px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(6) {
	left: calc(50% + 335px);
	top: 180px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(7) {
	left: calc(50% + 460px);
	top: 40px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(8) {
	right: calc(50% + 120px);
	top: 387px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(9) {
	right: calc(50% + 230px);
	bottom: 180px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(10) {
	right: calc(50% + 210px);
	top: 265px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(11) {
	left: calc(50% + 150px);
	bottom: 20px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(12) {
	left: calc(50% - 15px);
	top: 210px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(13) {
	left: calc(50% - 130px);
	top: 240px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(14) {
	left: calc(50% + 325px);
	top: 10px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(15) {
	left: calc(50% + 65px);
	top: 70px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(16) {
	right: calc(50% + 390px);
	top: 256px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(17) {
	left: 0;
	bottom: 0
}
.our-gaming-community .community-box .community-area .community-item:nth-child(18) {
	right: calc(50% + 340px);
	top: 205px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(19) {
	right: calc(50% + 213px);
	top: 133px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(20) {
	right: calc(50% - 16px);
	top: 10px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(21) {
	left: 240px;
	top: 50px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(22) {
	right: 150px;
	top: 20px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(23) {
	left: 255px;
	top: 310px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(24) {
	left: calc(50% - 270px);
	top: 20px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(25) {
	left: 53px;
	top: 340px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(26) {
	right: 0;
	bottom: 230px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(27) {
	left: 315px;
	bottom: 60px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(28) {
	right: 0;
	top: 100px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(29) {
	left: 460px;
	top: 70px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(30) {
	right: 320px;
	bottom: 30px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(31) {
	right: calc(50% - 25px);
	bottom: 30px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(32) {
	right: 87px;
	bottom: 0
}
.our-gaming-community .community-box .community-area .community-item:nth-child(33) {
	left: calc(50% - 15px);
	top: 210px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(34) {
	left: 80px;
	top: 40px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(35) {
	left: 325px;
	top: 10px
}
.our-gaming-community .community-box .community-area .community-item:nth-child(36) {
	left: 65px;
	top: 70px
}
.our-gaming-community .community-box .community-area:nth-child(1) {
	top: -100%
}
.our-gaming-community .community-box .community-area:nth-child(2) {
	top: 100%
}
.top-features {
	position: initial;
	background-image: none
}
.top-features .single-box ul {
	row-gap: 12px !important
}
.top-features .single-content li {
	position: relative
}
.top-features .single-content li::before {
	content: "check";
	position: absolute;
	font-family: "Material Symbols Outlined";
	z-index: 1;
	left: -40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--p300);
	width: 24px;
	height: 24px;
	background: var(--n800);
	border-radius: 12px
}
.top-features .app-download {
	border-bottom: 1px solid var(--n500)
}
.top-features .feature-tag {
	width: 60px;
	height: 75px;
	font-size: 12px
}
.join-our-community .main-content {
	background: var(--n800)
}
.services .abs-area {
	opacity: 0;
	top: 5%;
	left: 5%;
	transition: .7s all
}
.services .col-xl-4:nth-child(even) .abs-area {
	top: initial;
	bottom: 5%
}
.services i {
	transform: rotate(45deg)
}
.services i, .services span {
	font-weight: 600
}
.services h3 {
	opacity: 1;
	transition: 1.1s
}
.services .single-box img {
	width: 100%
}
.services .single-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background: var(--n800);
	transition: 1s all
}
.services .single-box:hover::before {
	height: 0;
	transform: rotateY(180deg)
}
.services .single-box:hover .abs-area {
	opacity: 1
}
.services .single-box:hover h3 {
	opacity: 0
}
.testimonial-customers .slide-area {
	margin: 0 10px
}
.testimonial-customers .single-slider {
	background-color: var(--n800)
}
.testimonial-customers .img-box img {
	border-radius: 50%
}
.testimonial-customers .icon-area i {
	color: var(--p300)
}
.testimonial-customers .profile-info p {
	color: var(--p300)
}
.service-details {
	overflow-x: initial
}
.service-details .main-content {
	border-bottom: 1px solid var(--n200)
}
.service-details .single-slide {
	margin: 0 10px
}
.service-details .list li {
	position: relative
}
.service-details .list li::before {
	position: absolute;
	content: "check";
	font-family: "Material Symbols Outlined";
	z-index: 1;
	position: absolute;
	left: -40px;
	font-size: 24px;
	color: var(--p300);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background: var(--n800);
	border-radius: 20px
}
.service-details .side-wrapper .sidebar-area {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px
}
.service-details .side-wrapper .sidebar-area .underwriters li {
	padding: 10px 20px;
	background: var(--n700);
	border-radius: 8px;
	transition: .3s
}
.service-details .side-wrapper .sidebar-area .underwriters li:hover, .service-details .side-wrapper .sidebar-area .underwriters li.active {
	background-color: var(--p300)
}
.service-details .side-wrapper .sidebar-area .underwriters li:hover span, .service-details .side-wrapper .sidebar-area .underwriters li:hover i, .service-details .side-wrapper .sidebar-area .underwriters li.active span, .service-details .side-wrapper .sidebar-area .underwriters li.active i {
	color: var(--n900)
}
.service-details .side-wrapper .sidebar-area .tags li {
	background: var(--n700);
	padding: 10px 20px
}
.service-details .side-wrapper .sidebar-area .tags li:hover a {
	color: var(--n0)
}
.service-details .side-wrapper .sidebar-area .call-number {
	color: var(--p300)
}
.pagination {
	display: inline-flex
}
.pagination .page-item .page-link {
	border-radius: 50%;
	background: var(--n800);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-white);
	border: none;
	font-weight: 600;
	margin: 0 8px
}
.pagination .page-item .page-link.active, .pagination .page-item .page-link:hover {
	background: var(--p300);
	color: var(--n900)
}
.pagination .page-item .page-link.previous {
	margin-right: 20px
}
.pagination .page-item .page-link.next {
	margin-left: 20px
}
.pricing-plan .single-box {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px;
	text-align: center
}
.pricing-plan .single-box .single-radio {
	background: var(--n700);
	border: 1px solid var(--n600);
	border-radius: 12px
}
.pricing-plan .single-box .single-radio:focus-within {
	border-color: var(--p300)
}
.pricing-plan .single-box span {
	color: var(--n0)
}
.pricing-plan .single-box .heading {
	color: var(--p300)
}
.store ul li {
	border-right: 1px solid var(--n50)
}
.store ul li:last-child {
	border: none
}
.store ul button {
	color: var(--n0);
	text-transform: capitalize;
	padding: 0 25px
}
.store ul button:hover, .store ul button.active {
	color: var(--p300)
}
.store .box-style.btn-box {
	border-radius: 50px;
	padding: 13px 18px
}
.store .single-box {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px
}
.store .single-box h5 {
	color: var(--p300)
}
.shop-details .container {
	border-bottom: 1px solid var(--n90)
}
.shop-details .slider-for img {
	width: 100%
}
.shop-details .slider-nav img {
	height: 120px;
	width: 100%
}
.shop-details .slider-nav .slide {
	margin: 0 10px
}
.shop-details .slider-nav .slick-arrow.arafat-next {
	right: 0;
	bottom: 30px
}
.shop-details .slider-nav .slick-arrow.arafat-prev {
	left: 0;
	bottom: 30px
}
.shop-details .star-head a, .shop-details .star-item a {
	font-size: inherit
}
.shop-details .star-head i, .shop-details .star-item i {
	color: var(--warning-color);
	font-size: inherit
}
.shop-details .star-head p, .shop-details .star-item p {
	color: var(--p300)
}
.shop-details .star-head i {
	color: var(--n90)
}
.shop-details .star-head .star-area {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid var(--n90)
}
.shop-details .star-head .star-area:last-child {
	border: none
}
.shop-details .price-area {
	border-top: 1px solid var(--n600);
	border-bottom: 1px solid var(--n600)
}
.shop-details .price-area .cur-price {
	color: var(--p300);
	font-weight: 600
}
.shop-details .btn-area .second-btn {
	background-color: var(--n700);
	color: var(--n0)
}
.shop-details .qtySelector {
	border: 1px solid var(--n700);
	border-radius: 44px
}
.shop-details .qtySelector i {
	cursor: pointer;
	color: var(--p300);
	min-width: 24px;
	min-height: 24px;
	font-size: 14px;
	border-radius: 50%;
	background-color: var(--n600)
}
.shop-details .qtySelector input {
	font-size: 18px
}
.shop-details .qtySelector .qtyValue {
	border: none;
	padding: 5px;
	width: 50px;
	background: rgba(0, 0, 0, 0);
	color: var(--n0)
}
.shop-details .shop-section {
	position: relative
}
.shop-details .shop-section::before {
	content: "";
	position: absolute;
	width: 78%;
	height: 1px;
	right: 0;
	z-index: -1;
	background: var(--n90)
}
.shop-details .single-box {
	background: var(--n800);
	border-radius: 12px
}
.shop-details .profile-area .img-area img {
	border-radius: 50%
}
.shop-details .review-box {
	background: var(--n800);
	border: 2px solid var(--n700);
	border-radius: 16px
}
.shop-details .comments-form {
	background: var(--n800);
	border: 1px solid var(--n600);
	border-radius: 16px
}
.shop-details.cart-details {
	overflow-x: initial
}
.shop-details.cart-details .shopping-cart {
	border-top: 1px solid var(--n500);
	border-bottom: 1px solid var(--n500)
}
.shop-details.cart-details .end-area i {
	color: var(--n0)
}
.shop-details.cart-details ul li span {
	font-size: inherit
}
.shop-details.cart-details ul li span:last-child {
	font-weight: 600;
	font-size: initial;
	color: var(--n0)
}
.shop-details.cart-details .main-content {
	background: var(--n800);
	border-radius: 16px
}
.shop-details.cart-details .sub-total {
	border-top: 1px solid var(--n500);
	border-bottom: 1px solid var(--n500)
}
.shop-details.cart-details .checkout-form {
	border: 1px solid var(--n500);
	border-radius: 16px
}
.shop-details.cart-details .item-list {
	border-top: 1px solid var(--n600)
}
.shop-details.cart-details .item-list .content-box {
	border-top: 1px solid var(--n600);
	border-bottom: 1px solid var(--n600)
}
.shop-details.cart-details .item-list .content-box p span:last-child {
	font-weight: 600;
	color: var(--n0)
}
.shop-details .personal-info {
	background: var(--n800)
}
.shop-details .personal-info .check i {
	color: var(--p300)
}
.shop-details .personal-info .edit i {
	color: var(--n50)
}
.shop-details .personal-info .address {
	background-color: var(--p300)
}
.shop-details .personal-info .address h4 {
	font-weight: 700
}
.shop-details .personal-info .payment {
	background-color: var(--n700)
}
.shop-details .personal-info .payment h4 {
	font-weight: 700
}
.shop-details .personal-info span span {
	color: var(--p300)
}
.related-products .single-slide {
	margin: 0 10px
}
.related-products .single-slide .single-box {
	border: none
}
.log-reg .modal-header {
	right: 24px;
	top: -30px
}
.log-reg .modal-header .btn-close {
	background-image: none
}
.log-reg .modal-header i {
	color: var(--n0);
	font-weight: 600
}
.log-reg .nav li {
	width: 100%
}
.log-reg .nav .nav-link {
	background-color: var(--n700);
	width: 100%;
	color: var(--n0);
	font-weight: 600
}
.log-reg .nav .nav-link.active {
	background-color: var(--p300);
	color: var(--n800)
}
.log-reg .show-hide-pass {
	cursor: pointer;
	color: var(--n0)
}
.log-reg .checkbox span span {
	color: var(--p300)
}
.log-reg .modal {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.4) 100%);
	box-shadow: 0px 4px 24px 1px rgba(35, 16, 94, .25);
	-webkit-backdrop-filter: blur(22.5px);
	backdrop-filter: blur(22.5px)
}
.log-reg .modal-content {
	background: var(--n800);
	border-radius: 16px
}
.log-reg .modal-dialog {
	max-width: 630px
}
.log-reg .form-inside {
	border: 1px solid var(--n500);
	border-radius: 16px
}
.privacy-content {
	overflow-x: initial
}
.privacy-content .top-wrapper {
	margin-top: -7px;
	margin-bottom: -7px
}
.privacy-content .top-wrapper h4 {
	text-transform: uppercase;
	margin-bottom: 30px
}
.privacy-content .top-wrapper p {
	margin-bottom: 30px
}
.privacy-content .top-wrapper ul {
	margin-bottom: 20px
}
.privacy-content .top-wrapper ul li {
	margin-bottom: 10px
}
.privacy-content .safe-data {
	margin: 55px 0
}
.privacy-content .safe-data ul {
	list-style-type: decimal;
	margin-left: 18px
}
.privacy-content .safe-data ul li {
	padding-left: 15px
}
.privacy-content .safe-data ul li::marker {
	font-weight: bold
}
.privacy-content .cookies {
	margin-bottom: -36px
}
.privacy-content.terms .safe-data {
	margin-bottom: -23px
}
@media(max-width: 1799px) {
	.header-section.header-menu .single-item.cart-area {
		padding-left: 30px
	}
	.banner-section .shape-area .shape-1 {
		width: 8%
	}
	.banner-section.index .overlay::after {
		left: 25%
	}
	.our-games::before, .our-games::after {
		width: 350px;
		/* height: 230px; */
		background-size: 90%;
		top: 20%
	}
	.our-focus .shape-area .shape-1 {
		top: 0
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 65%
	}
	.our-games.top-features::before, .our-games.top-features::after {
		display: none
	}
}
@media(max-width: 1699px) {
	.about-block .shape-area img.shape-2 {
		right: 0
	}
	.banner-section.about {
		background-size: 50%
	}
	.banner-section.about .shape-area .shape-2 {
		top: 5%
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 55%
	}
	.banner-section.pricing-plan {
		background-position: left;
		background-size: cover
	}
}
@media(max-width: 1599px) {
	.banner-section.index::before {
		right: 8%
	}
	.banner-section.index::after {
		right: 4%
	}
	.sidebar-wrapper .side-menubar {
		width: 40px
	}
}
@media(max-width: 1499px) {
	.sidebar-wrapper .sidebar-content {
		left: 40px;
		width: 100%
	}
	.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-next {
		left: 19%
	}
}
@media(max-width: 1399px) {
	.life-gamestorm .post-img {
		width: 100% !important
	}
	.life-gamestorm .post-img .single {
		flex: 0 0 calc(50% - 6px)
	}
	.banner-section.index-two .shape-area .shape-2 {
		top: 0
	}
	.banner-section.index-three .sec-image img {
		max-width: 55%
	}
	.our-games .thumb-img {
		margin-bottom: 0
	}
	.banner-section.game-details .banner-content {
		padding: 340px 0 180px
	}
	.shop-details .shop-section::before {
		width: 74%
	}
}
@media(max-width: 1199px) {
	h1, h1>a {
		font-size: 57px;
		line-height: 74.1px
	}
	h2, h2>a {
		font-size: 43px;
		line-height: 55.9px
	}
	.preloader {
		background-size: 30%
	}
	.scrollToTop {
		right: -15px
	}
	.sidebar-wrapper.sidebar-active .sidebar-content .navbar-nav {
		gap: 20px !important
	}
	.sidebar-wrapper .sidebar-content {
		position: absolute;
		z-index: 9999;
		left: 100px;
		top: 70px;
		height: calc(120vh - 160px);
		overflow: scroll;
		overflow-x: hidden;
		padding-bottom: 0
	}
	.sidebar-wrapper .side-menubar {
		position: absolute;
		top: 70px;
		width: 100px;
		height: calc(100vh - 70px)
	}
	.sidebar-wrapper {
		position: fixed;
		width: 100%;
		z-index: 5
	}
	.sidebar-wrapper .side-menubar {
		opacity: 0;
		transform: translateX(-100px);
		transition: .5s
	}
	.sidebar-wrapper.active-mobile .side-menubar {
		opacity: 1;
		transform: translateX(0);
		transition: .5s
	}
	.sidebar-wrapper .header-section {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 230px);
		z-index: 999;
		background-color: var(--body-color);
		display: flex !important;
		align-items: center;
		justify-content: center
	}
	.mobile-menu span {
		font-size: 12px
	}
	.mobile-menu i {
		color: var(--n0)
	}
	.header-section .navbar .navbar-nav li {
		position: initial !important
	}
	.header-section .navbar .navbar-nav ul {
		position: initial !important
	}
	.header-section.header-menu .single-item.cart-area {
		padding-left: 0
	}
	.sidebar-wrapper #navbar-clone .navbar-nav {
		display: flex !important
	}
	.header-section .navbar {
		width: 80%
	}
	.header-section .navbar .navbar-nav {
		overflow: auto;
		top: 50px;
		position: sticky;
		flex-direction: column !important;
		max-height: 40vh;
		width: 80%
	}
	.header-section .navbar .navbar-nav li button {
		justify-content: center !important;
		align-items: center !important
	}
	.header-section .navbar .navbar-nav li a {
		justify-content: start !important;
		align-items: center !important
	}
	.header-section .navbar .navbar-nav li ul li button, .header-section .navbar .navbar-nav li ul li a {
		justify-content: start !important;
		align-items: start !important
	}
	.header-section .navbar .navbar-nav a {
		justify-content: start !important;
		align-items: start !important
	}
	.header-section .navbar .navbar-nav button {
		display: inline-flex !important
	}
	.sidebar-wrapper .sidebar-content .footer-items {
		overflow: auto;
		overflow-x: hidden
	}
	.banner-section .shape-area .shape-2 {
		left: calc(50% - 220px);
		bottom: 5%
	}
	.about-block .shape-area img.shape-2 {
		bottom: 5%
	}
	.our-games.index-two::after, .our-games.index-two::before {
		display: none
	}
	.our-games .shape-area img.shape-1 {
		top: 12%;
		left: 2%;
		width: 10%
	}
	.recently-completed .slick-double-dots {
		width: 230px
	}
	.gaming-character .section-dots {
		width: 85%
	}
	.banner-section.index-one::before {
		right: -2%
	}
	.banner-section.index-one::after {
		right: -5%
	}
	.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev {
		left: 14%
	}
	.our-focus .shape-area img {
		display: none
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 40%
	}
	.our-focus.game-trailers .circle-text {
		width: 200px;
		height: 200px
	}
	.our-focus.game-trailers .circle-text .box-style.btn-box-second {
		width: 80px;
		height: 80px
	}
	.our-focus.game-trailers .circle-text .text span {
		font-size: 14px;
		transform-origin: 0 90px
	}
	.our-focus.game-trailers .circle-text .text p {
		transform: translate(50%, 10px)
	}
	.our-focus::before {
		height: 80%
	}
	.shop-details .shop-section::before {
		width: 70%
	}
	.banner-section.store .shape-area .shape-2 {
		top: 5%;
		width: 100px
	}
}
@media(max-width: 991px) {
	.display-one {
		font-size: 72px;
		line-height: 86.4px
	}
	.display-two {
		font-size: 64px;
		line-height: 76.8px
	}
	.display-three {
		font-size: 56px;
		line-height: 67.2px
	}
	.display-four {
		font-size: 48px;
		line-height: 46.4px
	}
	.display-five {
		font-size: 42px;
		line-height: 54.6px
	}
	.display-six {
		font-size: 32px;
		line-height: 38.4px
	}
	.fs-one, h1, h1>a {
		font-size: 40px;
		line-height: 48px
	}
	.fs-two, h2, h2>a {
		font-size: 32px;
		line-height: 38.4px
	}
	.fs-three, h3, h3>a {
		font-size: 24px;
		line-height: 31.2px
	}
	.fs-four, h4, h4>a {
		font-size: 20px;
		line-height: 26px
	}
	.fs-five, h5, h5>a {
		font-size: 16px;
		line-height: 20.8px
	}
	.fs-six, h6, h6>a {
		font-size: 14px;
		line-height: 18.8px
	}
	.fs-seven {
		font-size: 13px;
		line-height: 18.8px
	}
	table thead tr th {
		font-size: 15px;
		line-height: 20.8px
	}
	a, p, span, label, li {
		font-size: 14px;
		line-height: 22px
	}
	.banner-section.about {
		background-image: none
	}
	.section-header {
		margin-bottom: 40px
	}
	.title {
		margin-bottom: 20px
	}
	.sidebar-wrapper .sidebar-content .footer-items {
		height: 30vh
	}
	.banner-section .overlay .sec-img {
		display: none
	}
	.banner-section .overlay .banner-content {
		padding: 160px 0 110px
	}
	.banner-section.inner-banner .banner-content {
		padding: 160px 0 100px
	}
	.sec-img {
		text-align: center;
		margin-top: 30px;
		max-width: 65%
	}
	.sec-img img {
		max-width: 100% !important
	}
	.banner-section.index::after, .banner-section.index::before {
		display: none
	}
	.banner-section .shape-area .shape-3 {
		left: initial;
		width: 30%;
		right: 0
	}
	.banner-section .shape-area .shape-2 {
		left: initial;
		right: 0
	}
	.banner-section.index .overlay::after {
		left: 44%
	}
	.banner-section .ellipse-area.ellipse-one {
		top: 1%;
		left: 15%
	}
	.banner-section .ellipse-area.ellipse-two {
		top: 2%;
		left: 0
	}
	.call-to-action .video-bg span {
		width: 100px;
		height: 100px
	}
	.banner-section.index-two.index-three .overlay .banner-content {
		padding: 160px 0 110px
	}
	.banner-section.index-two .overlay .banner-content {
		padding-top: 60px ;
		padding-bottom: 60px;
	}
	.banner-section.index-two .btn-item i {
		right: 5%
	}
	.banner-section.index-two .btn-item a {
		letter-spacing: 1px
	}
	.banner-section.index-two .btn-item a:hover span {
		letter-spacing: 5px
	}
	.about-block .shape-area img.shape-1 {
		top: 5%;
		left: 0;
		width: 10%
	}
	.our-games .feature-tag.start {
		left: 15px
	}
	.box-style.btn-box-second {
		height: 60px;
		width: 60px
	}
	.our-games .thumb-img {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%)
	}
	.recently-completed .cus-position {
		position: initial !important;
		margin-top: -40px
	}
	.banner-section.index-three .sec-image img {
		display: none
	}
	.gaming-character .section-dots {
		width: 75%
	}
	.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev {
		left: 13%
	}
	.call-to-action .about .video-bg span {
		width: 60px;
		height: 60px
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 30%
	}
	.banner-section.inner-banner.game-details .banner-content {
		padding: 70px 0 100px
	}
	.our-focus.game-trailers .circle-text {
		width: 100px;
		height: 100px
	}
	.our-focus.game-trailers .circle-text .box-style.btn-box-second {
		width: 60px;
		height: 60px
	}
	.our-focus.game-trailers .circle-text .text span {
		font-size: 10px;
		transform-origin: 0 50px
	}
	.our-focus.game-trailers .circle-text .text p {
		transform: translate(50%, 0)
	}
	.services .single-box:hover .abs-area {
		width: 80px;
		height: 80px
	}
	.shop-details .shop-section::before {
		width: 62%
	}
}
@media(max-width: 767px) {
	.input-area {
		padding: 15px 10px
	}
	.banner-section .shape-area .shape-2 {
		bottom: 15%
	}
	.our-games .nav button {
		width: 45px;
		height: 45px
	}
	.our-games .tab-content li::before {
		right: -10px
	}
	.call-to-action .video-bg span {
		width: 75px;
		height: 75px
	}
	.scrollToTop {
		right: -30px
	}
	.gaming-character.ongoing-values .slick-arrow.slick-arrow {
		display: none !important
	}
	.gaming-character .slick-track {
		padding-bottom: 40px
	}
	.gaming-character.our-story .section-dots {
		width: 75%
	}
	.gaming-character.our-story .slick-track {
		padding-bottom: 60px
	}
	.our-gaming-community .main-content {
		width: 380px;
		height: 380px
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 25%
	}
	.our-focus::before {
		height: 90%
	}
	.our-game-features.benefits .icon-box {
		min-width: 45px;
		height: 45px
	}
	.store .single-box {
		display: inline-flex !important
	}
	.store .single-box .box-style.btn-box {
		padding: 10px 12px
	}
	.shop-details .shop-section::before {
		width: 48%
	}
	.our-games .tabcontents li::before {
		right: -10px
	}
	.recently-completed.blog-section .comment-form .box-style {
		width: 55px;
		height: 55px
	}
}
@media(max-width: 575px) {
	.display-one {
		font-size: 56px;
		line-height: 67.2px
	}
	.display-two {
		font-size: 48px;
		line-height: 46.4px
	}
	.display-three {
		font-size: 42px;
		line-height: 54.6px
	}
	.display-four {
		font-size: 32px;
		line-height: 38.4px
	}
	.display-five {
		font-size: 24px;
		line-height: 31.2px
	}
	.display-six {
		font-size: 32px;
		line-height: 38.4px
	}
	.section-header {
		margin-bottom: 35px
	}
	.title {
		margin-bottom: 15px
	}
	.sub-title {
		margin-bottom: 14px
	}
	.slick-double-dots {
		bottom: 30px;
		right: 55px
	}
	.call-to-action {
		background-size: 20%
	}
	.call-to-action .video-bg span {
		width: 65px;
		height: 65px
	}
	.gaming-character.our-story .single-area .year-box {
		min-width: 80px;
		height: 80px
	}
	.gaming-character.our-story .section-dots {
		width: 65%
	}
	.our-gaming-community .community-box .community-area .community-item img {
		width: 15%
	}
	.header-section.header-menu .single-item .main-area {
		right: -130px;
		min-width: 300px
	}
	.how-it-works .abs-area {
		right: 0
	}
	.store .single-box img {
		width: 100px
	}
}
@media(max-width: 480px) {
	.sidebar-wrapper .side-menubar {
		width: 50px
	}
	.sidebar-wrapper .sidebar-content {
		left: 60px
	}
	.banner-section .col-10 {
		width: 100% !important
	}
	.call-to-action .video-bg span {
		width: 50px;
		height: 50px
	}
	.footer-section .social-items li span {
		display: none
	}
	.footer-section .social-items li i {
		font-size: 20px
	}
	.our-games .shape-area img.shape-1 {
		display: none
	}
	.feature-tag {
		width: 60px;
		height: 85px;
		font-size: 12px
	}
	.our-games.all-games .col-8 {
		width: 100% !important
	}
	.team-members .col-6 {
		width: 80% !important
	}
	.gaming-character .section-dots {
		width: 60%
	}
	.banner-section.index-one::before, .banner-section.index-one::after {
		display: none
	}
	.sidebar-wrapper .sidebar-content .header-fixed, .sidebar-wrapper .sidebar-content .header-section {
		justify-content: flex-end
	}
	.header-section .navbar .navbar-nav {
		width: 100%
	}
	.our-gaming-community .main-content {
		width: 290px;
		height: 290px
	}
	.cart-details .content-box .icon-box img {
		width: 60px
	}
	.pagination .page-item .page-link {
		width: 35px;
		height: 35px;
		margin: 0 5px
	}
}
@media(max-width: 375px) {
	.col-6 {
		width: 70% !important
	}
	.shop-details .slider-nav img {
		height: 80px
	}
}
/*# sourceMappingURL=style.min.css.map */