@charset "utf-8";
@font-face {
		font-family: 'EngraversGothic BT';
		src: url('../fonts/engraversgothic_bt-webfont.woff') format('woff'), url('../fonts/engraversgothic_bt-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Tiro Tamil';
		src: url('../fonts/tirotamil-regular-webfont.woff') format('woff'), url('../fonts/tirotamil-regular-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'OCR-B 10 BT';
		src: url('../fonts/ocr-b_10_bt-webfont.woff') format('woff'), url('../fonts/ocr-b_10_bt-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
:root {
		--font-text: "OCR-B 10 BT", -apple-system, "Open Sans", system-ui, "sans-serif";
		--font-title: "Tiro Tamil", -apple-system, "Open Sans", system-ui, "sans-serif";
		--font-menu: "EngraversGothic BT", -apple-system, "Open Sans", system-ui, "sans-serif";
		--white: #fff;
		--beige: #CEB498;
		--bg: #000000;
		font-size: 1.1134308vw;
		--padding: 15vw;
}
@media only screen and (max-width: 1078px) {
		:root {
				font-size: 12px;
				--angle: 10vw;
		}
}
@media only screen and (max-width: 600px) {
		:root {
				--padding: 75px;
		}
}
@media only screen and (min-width: 1437px) {
		:root {
				font-size: 16px;
				--padding: 288px;
				--padding: 216px;
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
}
body {
		margin: 0;
		padding: 0;
		background: var(--bg);
		font: normal 1.4375rem/1.2 var(--font-text);
		color: var(--beige);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button {
		font: normal 15px/24px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		outline: none;
		text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
		-webkit-appearance: none;
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #e0e0e0;
		background: #fff;
		margin: 0;
		padding: 12px 25px 13px 25px;
		width: 100%;
		display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
.outtaHere {
		overflow: hidden;
		max-width: 100vw;
		position: fixed !important;
		transform: scale(0) !important;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: var(--white);
		text-decoration: none;
		outline: none;
		cursor: pointer;
}
strong {
		font-weight: bold;
}
p, ol, ul {
		margin: 1em 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0.5em 0;
		padding: 0 0 0 2em;
}
ul > li:before {
		content: '•';
		width: 2em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 2em;
		margin: 0 0 0 -2em;
		padding: 0 0.25em 0 0;
}
.break-word {
		word-break: break-all;
}
.nowrap {
		white-space: nowrap;
}
.uppercase {
		text-transform: uppercase;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
}
.swiper-arrow {
		cursor: pointer;
		user-select: none;
		outline: none;
		border: 0;
		position: absolute;
		z-index: 5;
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
		backface-visibility: hidden;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-arrow.swiper-button-disabled {
		pointer-events: none;
		opacity: 0.25;
}
.swiper-arrow:before, .swiper-arrow:after {
		content: '';
}
.swiper-arrow:before, .swiper-arrow:after, .swiper-arrow * {
		position: absolute;
		width: 2.5rem;
		height: 2.5rem;
		border-left: 1px solid var(--beige);
		left: 50%;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.swiper-arrow:hover:before, .swiper-arrow:hover:after, .swiper-arrow:hover * {
				border-color: var(--white);
		}
}
.swiper-arrow:before, .swiper-arrow:after {
		bottom: 50%;
		transform-origin: 0 100%;
		transform: rotate(10deg);
}
.swiper-arrow:after {
		margin-left: -0.75rem;
}
.swiper-arrow * {
		top: 50%;
		transform-origin: 0 0;
		transform: rotate(-10deg);
}
.swiper-prev {
		left: 0;
		transform: scale(1);
}
.swiper-next {
		right: 0;
		transform: scale(-1, -1);
}
.swiper-pagination {
		position: absolute !important;
		bottom: calc(var(--padding) / -2) !important;
		font-size: 0;
		line-height: 0;
}
.swiper-pagination-bullet {
		opacity: 1 !important;
		width: 0.875rem !important;
		height: 0.875rem !important;
		border: 1px solid var(--beige) !important;
		background: none !important;
		border-radius: 0 !important;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: 0 0.875rem !important;
}
@media (pointer:fine) {
		.swiper-pagination-bullet:hover {
				border-color: var(--white);
		}
}
.swiper-pagination-bullet-active {
		background: var(--beige) !important;
		pointer-events: none;
}
.h2 {
		font: normal 3.125rem/1.06 var(--font-title);
		color: var(--white);
		margin: 0 0 2rem 0;
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		max-width: 1440px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		background: var(--bg) url("../img/bg2-mobile.webp") repeat 50% 0;
		background-size: 100% auto;
}
@media only screen and (min-width: 801px) {
		.mainwrap {
				background-image: url("../img/bg2.webp");
		}
}
.content {
		flex: 1 0 auto;
}
.header, .footer {
		flex: 0 0 auto;
}
.container {
		padding: 0 2rem;
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		margin: 0 auto;
		max-width: 67.25rem;
}
.menu-line {
		text-align: left;
		font-size: 1.75rem;
		font-family: var(--font-menu);
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 41.875rem;
		margin: 0 auto;
}
.menu-line .name {
		color: var(--white);
}
.menu {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: end;
		gap: 4ex;
		margin: 0;
		padding: 0;
		color: var(--beige);
}
.menu a {
		color: inherit;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.menu a:hover {
				color: var(--white);
		}
}
.menu li {
		margin: 0;
		padding: 0;
		position: relative;
}
.menu li:before {
		content: '';
		position: absolute;
		top: 50%;
		left: -2ex;
		width: 1px;
		height: 1em;
		background: var(--beige);
		transform: translate3d(0, -50%, 0);
}
.menu li:first-child:before {
		display: none;
}
.header {
		background: linear-gradient(to right, #000 0%, #000 40%, rgba(255, 255, 255, 0) 100%);
		padding-top: calc(var(--padding) / 2);
}
.header .logo {
		pointer-events: none;
		user-select: none;
		margin-top: 2rem;
}
.header .logo img {
		width: 100%;
		position: relative;
		height: auto;
		vertical-align: top;
		margin-bottom: -0.87%;
		display: block;
}
.image {
		position: relative;
		margin: calc(var(--padding) * -1) 0;
		--s: 0;
}
.image.ltr {
		--angle: 10deg;
}
.image.rtl {
		--angle: -10deg;
}
.image:before {
		pointer-events: none;
		content: '';
		position: absolute;
		width: 122%;
		height: 100%;
		left: -11%;
		top: 0;
		transform: rotate(calc(var(--angle) * -1));
}
.image:after {
		content: '';
		position: absolute;
		top: 50%;
		height: 122%;
		width: 60%;
		left: 50%;
		border-style: solid;
		border-width: 1px 0;
		border-color: var(--beige);
		z-index: 3;
		pointer-events: none;
		transform: translate3d(-50%, -50%, 0) rotate(var(--angle));
}
.image.ltr:before {
		background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0.75) 100%);
}
.image.rtl:before {
		background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
}
.image.ltr:after {
		clip-path: polygon(30% 0, 100% 0, 70% 100%, 0% 100%);
}
.image.rtl:after {
		clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
}
.image .wrap {
		width: 122%;
		position: relative;
		left: -11%;
		backface-visibility: hidden;
		overflow: hidden;
		transform: rotate(var(--angle));
		z-index: 1;
		background: #000;
}
.image .wrap:before, .image .wrap:after {
		content: '';
		position: absolute;
		width: 122%;
		left: -11%;
		height: 100%;
		transform: rotate(calc(var(--angle) * -2));
		z-index: 2;
}
.image .wrap:before {
		background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0.75) 100%);
		bottom: 100%;
		transform-origin: 50% 150%;
}
.image .wrap:after {
		background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75) 100%);
		top: 100%;
		transform-origin: 50% -50%;
}
.image img {
		display: block;
		margin: -10% 0;
		width: 100%;
		height: 76vw;
		max-height: 1094px;
		transform: rotate(calc(var(--angle) * -1));
		object-fit: cover;
		object-position: 50% calc(20% - 30% * var(--s));
		will-change: object-position;
		backface-visibility: hidden;
}
@media only screen and (orientation: portrait) {
		.image img {
				height: 77.5vw;
				max-height: 1116px;
		}
}
.saving, .only {
		display: flex;
		margin-bottom: calc(var(--padding) * -1);
}
.saving > *, .only > * {
		flex: 0 0 auto;
		width: 100%;
		margin: 0;
}
.saving .wrapper, .only .wrapper {
		transform: translate3d(-100%, 0, 0);
		position: relative;
		z-index: 2;
}
.saving, .only {
		align-items: flex-start;
		position: relative;
}
.saving .wrapper {
		padding-top: calc(var(--padding) / 1.5);
}
@media only screen and (min-width: 1280px) {
		.saving .wrapper {
				padding-top: calc(var(--padding) / 2);
		}
}
@media only screen and (min-width: 768px) {
		.saving .image img {
				min-height: 800px;
				min-width: 1286px;
        min-width: 0; /*29.06.23*/
		}
}
.saving .image:before {
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 1) 100%), linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
}
.saving .image:after {
		transform: translate3d(-50%, -50%, 0) rotate(var(--angle));
		width: 80%;
		height: 80%;
		clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
		border-bottom-width: 0;
}
.saving .image img {
		object-position: 50% calc(100% - 30% * var(--s));
}
.saving .container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 2rem;
}
.saving .h2 {
		flex: 0 0 auto;
		max-width: 8em;
		order: 2;
		margin: 0;
}
.saving .text-block {
		flex: 1;
		order: 1;
		position: relative;
}
@media only screen and (min-width: 901px) {
		.saving .text-block {
				margin-top: 4rem;
		}
}
.saving .text-block:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: var(--beige);
		transform: translate3d(80%, 0, 0) rotate(-10deg);
}
.only {
		align-items: center;
		margin-top: calc(var(--padding) * -1);
}
.only .h2 {
		text-align: center;
		margin: 0 auto;
		max-width: 17.8em;
}
.why {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
		padding: calc(var(--padding) * 2) 0;
}
.why .h2 {
		text-align: center;
}
.why .container {
		max-width: 55.93rem;
}
.why2 {
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 100%);
		padding: calc(var(--padding) * 2) 0;
}
.why2 .container {
		display: flex;
		align-items: center;
		gap: 2rem;
}
.why2 .h2 {
		flex: 0 0 auto;
		width: 7em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.why2 .h2 {
				margin-left: 4rem;
		}
}
.why2 .text-block {
		flex: 1;
}
.created, .source, .what, .benefits {
		padding-top: calc(var(--padding) * 2);
		padding-bottom: calc(var(--padding) * 2);
}
.created {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
}
.created .container, .what .container {
		max-width: 58.4375rem;
}
.created .h2 {
		margin-left: 4rem;
}
.source {
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 100%);
}
.source .container {
		padding-left: 6rem;
		max-width: 69.75rem;
}
.source .h2 {
		margin-top: 4rem;
		margin-left: -4rem;
}
.source .h2:first-child {
		margin-top: 0 !important;
}
.what {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
		font: normal 3.125rem/1.06 var(--font-title);
}
.what .h2 {
		text-align: center;
}
.what .text-block {
		max-width: 18em;
		margin: 0 auto;
}
.benefits {
		position: relative;
		overflow: hidden;
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 100%);
}
.benefits .swiper {
		margin: 0 -2.5rem !important;
		width: auto !important;
		overflow: visible !important;
}
.benefits .swiper-slide {
		height: auto !important;
		width: 50%;
		padding: 0 2.5rem;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (max-width: 1000px) {
		.benefits .swiper-slide {
				width: 100%;
		}
}
@media only screen and (min-width: 541px) {
		.benefits .swiper-slide:not(.swiper-slide-visible) {
				opacity: 0;
				pointer-events: none;
		}
}
.benefits .swiper-arrow {
		top: calc((100% - 8.625rem) / 2 + 8.625rem);
		margin: 0 2.5rem;
}
.benefits .swiper-prev {
		left: 0;
		transform: translate3d(0, -50%, 0);
}
.benefits .swiper-next {
		right: 0;
		transform: translate3d(0, -50%, 0) scale(-1, -1);
}
.benefits .container {
		padding-left: 10rem;
		padding-right: 10rem;
		max-width: 89.8125rem;
		position: relative;
		margin-bottom: calc(var(--padding) / 4);
}
.benefits .h2 {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 2.12em;
		margin-left: 3rem;
}
.slider-benefits {
		counter-reset: be;
}
.slider-benefits .text-block:before {
		content: counters(be, ".") ". ";
		counter-increment: be;
		font-size: 3.125rem;
		line-height: 0.552;
		font-family: var(--font-title);
		position: relative;
		top: -0.15em;
		min-width: 3rem;
		display: inline-block;
		vertical-align: top;
}
.footer {
		text-align: right;
		padding-top: calc(var(--padding) * 2);
		padding-bottom: calc(var(--padding) * 1);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
		overflow: hidden;
		position: relative;
}
.footer .menu-line {
		margin-bottom: 1.5rem;
}
.footer:before {
		width: 122%;
		left: -11%;
		background: var(--bg);
		transform: rotate(-10deg);
		content: '';
		position: absolute;
		height: calc(var(--padding) * 2);
		bottom: calc(var(--padding) * -1.5);
}
.footer:after {
		content: '';
		position: absolute;
		top: 50%;
		height: 80%;
		width: 60%;
		left: 50%;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: var(--beige);
		z-index: 3;
		pointer-events: none;
		transform: translate3d(-50%, -50%, 0) rotate(-10deg);
		clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
}
/*Mobile start*/
@media only screen and (max-width: 767px) {
		.header .logo img {
				margin-bottom: -0.5%;
		}
}
@media only screen and (max-width: 480px) {
		.header .logo img {
				margin-bottom: 0.15%;
		}
}
@media only screen and (max-width: 767px) {
		.saving {
				margin-bottom: 0;
				background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
		}
		.saving .container {
				flex-direction: column-reverse;
				align-items: flex-start;
		}
		.saving .h2 {
				align-self: flex-end;
		}
		.saving .text-block {
				max-width: 25em;
		}
		.saving .text-block:after {
				display: none;
		}
		.saving .image:after {
				display: none;
		}
		.saving .image .wrap {
				background-color: #000;
		}
		.saving .image .wrap img {
				opacity: 0.7;
				min-height: 900px;
				min-width: 1400px;
        min-width: 0; /*29.06.23*/
        object-position: 70% 50%; /*29.06.23*/
				max-height: none;
				margin-top: -100px;
		}
		.saving .image:before, .saving .image .wrap, .saving .image .wrap:before, .saving .image .wrap:after {
				width: 140%;
				left: -20%;
		}
		.why {
				padding-top: var(--padding);
				padding-bottom: calc(var(--padding) * 2);
		}
		.why2 .container {
				display: block;
		}
		.why2 .h2 {
				max-width: none;
				width: auto;
				margin: 0 0 2rem 0;
		}
		.created .h2, .source .h2, .what .h2 {
				margin-left: 0;
		}
		.source .container {
				padding-left: 2rem;
				max-width: 58.4375rem;
		}
		.footer {
				text-align: center;
		}
		.footer .menu-line {
				text-align: center;
				flex-direction: column;
				align-items: center;
				gap: 1rem;
		}
		.footer .menu {
				flex: 0 0 auto;
				width: 100%;
				justify-content: center;
		}
}
@media only screen and (max-width: 640px) {
		.footer .menu {
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 0;
		}
		.footer .menu li:before {
				display: none;
		}
}
@media only screen and (max-width: 540px) {
		.benefits .container {
				padding-left: 2rem;
				padding-right: 2rem;
		}
		.benefits .swiper-arrow {
				margin: 0;
				top: 3.3125rem;
		}
		.benefits .h2 {
				margin-left: 3rem;
				margin-right: 3rem;
		}
		.h2, .what {
				font-size: 2.75rem;
		}
}
/*Mobile end*/
/*Header responsive start*/
@media only screen and (max-width: 767px) {
		.toggle-menu {
				flex: 0 0 auto;
				align-self: stretch;
				cursor: pointer;
				user-select: none;
				margin: -1.5rem -2rem -1.5rem auto;
				width: 4.5rem;
				position: relative;
		}
		.toggle-menu:before, .toggle-menu:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				width: 1.5rem;
				height: 2px;
				background: var(--beige);
				border-radius: 1px;
				transition-property: transform, background;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.toggle-menu:before {
				transform: translate3d(-50%, calc(-50% - 0.325rem), 0) rotate(0deg);
		}
		.toggle-menu:after {
				transform: translate3d(-50%, calc(-50% + 0.325rem), 0) rotate(0deg);
		}
		@media (pointer:fine) {
				.toggle-menu:hover:before, .toggle-menu:hover:after {
						background-color: var(--white);
				}
		}
		html.open-menu {
				overflow: hidden;
		}
		html.open-menu .toggle-menu:before {
				transform: translate3d(-50%, -50%, 0) rotate(-135deg);
		}
		html.open-menu .toggle-menu:after {
				transform: translate3d(-50%, -50%, 0) rotate(135deg);
		}
		.header-none {
				padding-top: var(--padding);
		}
		.header-none .menu-line-none {
				max-width: none;
				padding: 1.5rem 2rem;
				background: var(--bg);
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 100;
		}
		.header-none .menu-none {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.1);
				backdrop-filter: blur(20px);
				-webkit-backdrop-filter: blur(20px);
				backface-visibility: hidden;
				flex-direction: column;
				gap: 2rem;
				font: normal 3.125rem/1.06 var(--font-title);
				color: var(--white);
				text-align: center;
				align-items: center;
				justify-content: center;
				text-transform: capitalize;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		/*
		html:not(.open-menu) .header .menu {
				opacity: 0;
				pointer-events: none;
		} */

		html:not(.open-menu) .d-menu {
				display: none;
		}
		.header-none .menu-none li:before {
				display: none;
		}
}
/*Header responsive end*/