@font-face {
	font-family: "Faro";
	src: url("../fonts/faro/Faro-DisplayLucky.eot");
	src: local("Faro Display Lucky"), local("Faro-DisplayLucky"),
		url("../fonts/faro/Faro-DisplayLucky.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/faro/Faro-DisplayLucky.woff2") format("woff2"),
		url("../fonts/faro/Faro-DisplayLucky.woff") format("woff"),
		url("../fonts/faro/Faro-DisplayLucky.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sofia";
	src: url("../fonts/sofiapro/Fonts/sofiapro-light.otf");
}

:root,
[data-bs-theme="light"] {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	/* --bs-gray-dark: #343a40; */
	--bs-gray-dark: #000;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	/* --bs-dark: #212529; */
	--bs-dark: #000;

	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	/* --bs-dark-rgb: 33, 37, 41; */
	--bs-dark-rgb: 0, 0, 0;
	--bs-primary-text-emphasis: #052c65;
	--bs-secondary-text-emphasis: #2b2f32;
	--bs-success-text-emphasis: #0a3622;
	--bs-info-text-emphasis: #055160;
	--bs-warning-text-emphasis: #664d03;
	--bs-danger-text-emphasis: #58151c;
	--bs-light-text-emphasis: #495057;
	--bs-dark-text-emphasis: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #e2e3e5;
	--bs-success-bg-subtle: #d1e7dd;
	/* --bs-info-bg-subtle: #62e0e4; */
	--bs-info-bg-subtle: #6feafa;
	--bs-warning-bg-subtle: #f9ec6c;
	--bs-danger-bg-subtle: #f963c1;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #c4c8cb;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0)
	);
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	/* --bs-body-color: #212529; */
	--bs-body-color: #000;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-emphasis-color: #000;
	--bs-emphasis-color-rgb: 0, 0, 0;
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;
	--bs-tertiary-color: rgba(33, 37, 41, 0.5);
	--bs-tertiary-color-rgb: 33, 37, 41;
	--bs-tertiary-bg: #f8f9fa;
	--bs-tertiary-bg-rgb: 248, 249, 250;
	--bs-heading-color: inherit;
	--bs-link-color: #0d6efd;
	--bs-link-color-rgb: 13, 110, 253;
	--bs-link-decoration: underline;
	--bs-link-hover-color: #0a58ca;
	--bs-link-hover-color-rgb: 10, 88, 202;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
	--bs-form-valid-color: #198754;
	--bs-form-valid-border-color: #198754;
	--bs-form-invalid-color: #dc3545;
	--bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme="dark"] {
	--bs-body-color: var(--bs-white);
	--bs-warning-bg-subtle: #554e34;
}
/* font family stsrts here */
h2 {
	font-size: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Faro";
	text-transform: capitalize;
}
p {
	font-family: "sofia";
}
/* font family ends here */
/* lazy loading css starts here */
.img-loader {
	background-size: cover;
	background-repeat: no-repeat;
	filter: blur(10px);
	position: relative;
}
.img-loader img {
	opacity: 0;
	transition: opacity 250ms ease-in-out;
}
.img-loader.loaded img {
	opacity: 1;
}
.img-loader.loaded {
	filter: blur(0px);
	background-image: none !important;
}
.after-ban-wrapper img {
	height: 64px;
	object-fit: contain;
}
[data-bs-theme="dark"] .after-ban-wrapper img {
	filter: invert(1);
}
[data-bs-theme="dark"] .video-btn-wrapper text textPath {
	filter: invert(1);
}
/* lazy loading css ends here */
/* off canvas starts here */
.offcanvas-body::-webkit-scrollbar {
	width: 0px;
}
/* off canvas ends here */

/*  btn css starts here */
.btn-danger {
	align-items: center !important;
	background: #fa63c2;
	border: 0 !important;
	border-radius: 29px !important;
	box-shadow: inset 1px 4px 5px #ffffff9e, 0 3px 3px #87878794 !important;
	color: #fff !important;
	display: inline-flex !important;
	padding: 4px 0px 4px 33px !important;
}

.btn-danger span {
	margin-left: 20px;
	background: var(--accent-color-1);
	width: 42px;
	height: 42px;
	margin-right: 6px;
	line-height: 2;
	font-size: 19px;
	border-radius: 50%;
	box-shadow: 1px 4px 5px #ffffff9e inset;
}

.btn-danger:hover {
	background: #f640b2;
}

.btn-blue {
	background: var(--bs-info-bg-subtle) !important;
	color: #000 !important;
}

.btn-blue span {
	background: var(--bs-danger-bg-subtle) !important;
}
/*  btn css ends here */
/* newsletter starts here */

.newsletter-fields-wrapper {
	padding: 5px 11px;
	background-color: var(--bs-light-bg-subtle);
	border-radius: 41px;
	border: 1px solid #000000;
	box-shadow: -4px 12px 22px -10px rgba(0, 0, 0, 0.31);
}

/* .newsletter-fields-wrapper .news-input-wrapper {
	flex: 0 0 72%;
} */

.newsletter-fields-wrapper button.btn {
	height: 51px;
}

.newsletter-fields-wrapper input {
	border: 0px;
	background-color: transparent;
}
.newsletter-fields-wrapper input:focus-visible {
	outline: none;
	box-shadow: none;
	background-color: transparent;
	border: 0px;
}
/* newsletter ends here */

.hide_when_animated {
	opacity: 1;
}

body {
	font-family: "sofia", sans-serif;
	transition: all 0.5s ease;
	overflow-x: hidden;
}
body::-webkit-scrollbar {
	width: 0em;
}
div {
	transition: background-color 0.5s ease;
}

.border-dashed {
	border-style: dashed !important;
}

.border-bottom-right-radius {
	border-bottom-right-radius: var(--border-bottom-right-radius);
}

.border-bottom-left-radius {
	border-bottom-left-radius: var(--border-bottom-left-radius);
}

.max-width {
	max-width: var(--max-width);
}

.image_grid > img {
	position: absolute;
	max-width: 15%;
}

.image_grid > img:nth-child(1) {
	left: 20%;
}

.image_grid > img:nth-child(2) {
	left: 35%;
	margin-top: 40px;
}

.image_grid > img:nth-child(3) {
	left: 50%;
	margin-top: 80px;
}

.image_grid > img:nth-child(4) {
	left: 65%;
}

.image_grid > .animate_content {
	position: absolute;
	max-width: 35%;
	top: 40%;
	left: 0%;
	opacity: 0;
	display: none;
}

.text-justify {
	text-align: justify;
}

.menuList > li {
	border-bottom: 1px dashed black;
}
.off-canvas-wrapper .menu-item-wrapper p.menu-heading {
	font-weight: 900;
	font-family: "Faro";
}
/* body[data-bs-theme="dark"]
	.off-canvas-wrapper
	.menu-item-wrapper
	p.menu-heading {
	color: #000;
}
body[data-bs-theme="dark"] .off-canvas-wrapper .terms-links-wrap a {
	color: #000;
} */
body[data-bs-theme="dark"] .menuList > li {
	border-bottom: 1px dashed #fff;
}
.seperator {
	border-bottom: 1px dashed black;
}
.koze-app-img-wrapper img.app-scanner-img {
	height: 111px;
	left: -9%;
	position: absolute;
	right: 0;
	top: 41%;
}
.menu-sec button.bg-danger-subtle.active {
	border: 0px;
}
.menu-sec button.bg-danger-subtle.active:active {
	border: 0px;
}
.menu-sec .bg-body.active {
	border: 0px;
	background-color: var(--bs-warning-bg-subtle) !important;
}
.menu-sec .bg-body.active:hover {
	border: 0px;
	background-color: var(--bs-warning-bg-subtle) !important;
}

#section6 {
	overflow-x: hidden;
}

#section7 {
	overflow-x: hidden;
}

#section9 {
	overflow-x: hidden;
}

#section10 {
	overflow-x: hidden;
}
.locationButton img {
	mix-blend-mode: darken;
}
@media (max-width: 1366px) {
	.koze-app-img-wrapper img {
		left: 7%;
	}
}
@media (max-width: 1100px) {
	.koze-app-img-wrapper img {
		left: 10%;
		width: 80px;
		object-fit: cover;
		top: 33%;
	}
}
@media (max-width: 480px) {
	.koze-app-img-wrapper img.app-scanner-img {
		left: 13%;
	}
}
/* Prelaoder */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #62e0e4;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #000;
	border-top: 6px solid #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* homepage background starts here */
.banner-sec {
	background-image: url("../images/banner-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.about-sec {
	background-image: url("../images/about-elemnet-sec.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.get-koze {
	background-image: url("../images/get-koze-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.print-sec {
	background-image: url("../images/print-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.emotion-sec {
	background-image: url("../images/emotion-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.game-sec {
	background-image: url("../images/game-elemnt-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.point-sec {
	background-image: url("../images/point-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.meet-sec {
	background-image: url("../images/meet-element.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.shake-sec {
	background-image: url("../images/shake-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.cookie-sec {
	background-image: url("../images/cookie-element-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
}
/* homepage background ends here */
/* banner social links starts here */
.banner-social-links-wrapper ul li {
	text-align: center;
	margin: 0px 0px;
}
.banner-social-links-wrapper {
	position: absolute;
	left: 2%;
	/* transform: rotate(-90deg); */
	top: 50%;
}
.banner-social-links-wrapper img {
	height: 36px;
	width: 36px;
	object-fit: contain;
}
.banner-social-links-wrapper ul {
	flex-direction: column;
	gap: 19px;
}
.banner-social-links-wrapper ul li a {
	/*color: #000;*/
	font-size: 22px;
	font-weight: 600;
	padding: 5px 20px 4px 6px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
}
/* banner social links ends here */
.not-found-img {
	background-image: url("../images/404-side.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	background: #fa63c2 !important;
}
.invalid-feedback-newsletter {
	width: 100%;
	margin-top: 1rem;
	font-size: 0.875em;
	color: var(--bs-form-invalid-color);
	margin-left: 1.5rem;
}

/* off canvas css starts here */
.button-wrapper button {
	align-items: center;
	background: #c0f3f4;
	border: 0;
	border-radius: 0 0 14px 0;
	display: flex;
	height: 65px;
	justify-content: center;
	line-height: 1.2;
	text-align: center;
	width: 65px;
	cursor: pointer;
	z-index: 9;
}
.button-wrapper button svg {
	position: relative;
	z-index: 3;
}
.button-wrapper {
	/* position: relative; */
}
/* overlay css starts here */
.canvas-overlay {
	background: #c0f3f4;
	border: 0;
	border-radius: 0 0 14px 0;
	display: flex;
	height: 65px;
	justify-content: center;
	line-height: 1.2;
	text-align: center;
	width: 65px;
	position: fixed;
	z-index: 0;
}
/* .canvas-btn {
	position: fixed;
} */
body[data-bs-theme="dark"] .new-banner-sec .video-btn-wrapper text textPath {
	color: #000;
}
/* overlay css ends here */
.off-canvas-wrapper {
	/* background: #f9ec6c; */
	/* background-image: url("../images/canvas-bg.png"); */
	background-image: url("../images/banner-bg.webp");
	border-radius: 0;
	opacity: 0;
	visibility: visible;
	/* position: absolute; */
	position: fixed;
	top: 0%;
	padding: 30px;
	z-index: -1;
	overflow-y: scroll;
	height: 100%;
	width: 100%;
}
.off-canvas-wrapper::-webkit-scrollbar {
	width: 0em;
}
.off-canvas-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.off-canvas-wrapper .terms-links-wrap a {
	font-family: "Faro";
}
.off-canvas-wrapper::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}
body[data-bs-theme="dark"] .off-canvas-wrapper {
	background-color: #212529;
}
/* off canvas css ends here */
.new-banner-sec {
	padding: 0px 0px 50px 0px;
	background-image: url("../images/banner-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow-x: hidden;
}
.new-banner-sec .video-btn-wrapper {
	position: relative;
	height: 174px;
	width: 174px;
	background: #fff;
	border-radius: 50%;
}
.new-banner-sec .video-btn-wrapper img#watch-img {
	padding: 8px;
	animation: rotateAnimation 17s linear infinite;
	border-radius: 50%;
	height: 174px;
	width: 174px;
}
.new-banner-sec .video-btn-wrapper img#video-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 4px 4px 0px #7a7575ba;
	border-radius: 50%;
	height: 110px;
	width: 110px;
}
.new-banner-sec .video-btn-wrapper text textPath {
	font-size: 8.7px;
	font-weight: 900;
}
@-moz-document url-prefix() {
	.new-banner-sec .video-btn-wrapper text textPath {
		font-size: 8.2px;
		font-weight: 900;
	}
}
.new-banner-sec .video-btn-wrap {
	position: absolute;
	left: 20px;
	bottom: 19px;
}
.new-banner-sec .scroll-down-wrap a span {
	font-family: "sofia";
	color: #808080;
	font-size: 14px;
}
.new-banner-sec .scroll-down-wrap a {
	display: flex;
	align-items: center;
	gap: 4px;
}
.new-banner-sec .scroll-down-wrap a i {
	font-size: 20px;
}
.new-banner-sec .scroll-down-wrap a i.gary-angle {
	color: #808080 !important;
}
.new-banner-sec .scroll-down-wrap {
	position: absolute;
	right: 0px;
	transform: rotate(-90deg);
	bottom: 21%;
}
.new-banner-sec .scroll-down-wrap i.icon-back {
	position: relative;
	left: 7px;
}
/* responsive starts here */
@media (max-width: 480px) {
	.marquee div {
		display: flex;
	}
	.marquee span:first-child {
		display: none;
	}
	.marquee span {
		float: none !important;
		width: 100%;
	}
	.new-banner-sec .video-btn-wrapper img#watch-img {
		width: 100px;
		height: 100px;
	}
	.new-banner-sec .video-btn-wrapper {
		height: 100px;
		width: 100px;
	}
	.new-banner-sec .video-btn-wrapper img#video-btn {
		height: 56px;
		width: 56px;
	}
	.after-ban-wrapper figure {
		margin: 0px;
	}
	.after-ban-wrapper figure img {
		height: 47px;
		object-fit: cover;
	}
}
/* responsive ends here */
/* quick starts here */
.quik-sec {
	padding: 100px 0px;
}
.quik-sec .cookies-heart-wrapper img {
	height: 224px;
	object-fit: cover;
}
/* responsive starts here */
@media (max-width: 480px) {
	.quik-sec h2 {
		font-size: 38px;
	}
	.skip-sec h2 {
		font-size: 38px;
	}
	.experience-btn-wrapper a {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 375px) {
	.experience-btn-wrapper a {
		display: block;
		margin: 10px;
	}
}
/* responsive ends here */
/* quick ends here */
/* skip starts here */
.skip-sec {
	padding: 100px 0px 0px 0px;
}
/* skip ends here */
/* signature starts here */
.signature-sec {
	padding: 100px 0px;
}
.signature-sec .signature-list-wrapper ul {
	display: flex;
	flex-wrap: wrap;
}
.signature-sec .signature-list-wrapper ul li {
	flex: 0 0 33%;
}
.signature-sec .signature-list-wrapper ul li .single-signature {
	text-align: center;
}
.signature-sec .video-btn-wrapper {
	position: relative;
	/* height: 194px;
	width: 194px; */
}
.signature-sec .video-btn-wrapper img#view-img {
	animation: rotateAnimation 17s linear infinite;
	height: 181px;
	width: 181px;
}
body[data-bs-theme="dark"] .signature-sec .video-btn-wrapper img#view-img {
	filter: invert(1);
}
body[data-bs-theme="dark"] .koze-cookie-sec .video-btn-wrapper img#viewimg {
	filter: invert(1);
}
.signature-sec .video-btn-wrapper img#sin-img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 130px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: -4px 12px 22px -10px rgba(0, 0, 0, 0.31);
}
.signature-sec .video-btn-wrapper text textPath {
	font-size: 8px;
	font-weight: 900;
	font-family: "Faro";
}
@media (max-width: 1440px) {
	.signature-sec .video-btn-wrapper img#sin-img {
		height: 119px;
	}
	.signature-sec .signature-list-wrapper ul li .single-signature h5 {
		font-size: 17px;
	}
	.signature-sec .signature-list-wrapper ul li {
		flex: 0 0 28%;
	}
}
@media (max-width: 1366px) {
	.signature-sec .signature-list-wrapper ul li {
		flex: 0 0 33%;
	}
	.signature-sec .video-btn-wrapper img#sin-img {
		height: 116px;
	}
}
@media (max-width: 800px) {
	/* .signature-sec .video-btn-wrapper img#sin-img {
		left: 42%;
	} */
}
@media (max-width: 480px) {
	.signature-sec .video-btn-wrapper {
		height: unset;
		width: unset;
	}
	.signature-sec .signature-list-wrapper ul li {
		flex: 0 0 50%;
	}
	.signature-sec .video-btn-wrapper img#view-img {
		width: 150px;
		height: 150px;
	}
	.signature-sec .video-btn-wrapper img#sin-img {
		height: 89px;
	}
	.signature-sec .content-wrapper h2 {
		font-size: 40px;
	}
}
/* @media (max-width: 414px) {
	.signature-sec .video-btn-wrapper img#sin-img {
		left: 47%;
	}
} */
@media (max-width: 375px) {
	.signature-sec .video-btn-wrapper img#view-img {
		width: 156px;
		height: 132px;
	}
	.signature-sec .video-btn-wrapper img#sin-img {
		height: 79px;
		/* left: 45%; */
	}
}
/* signature ends here */
/* koze cookies starts here */

.cookie-list-wrapper ul {
	display: flex;
	flex-wrap: wrap;
}
.cookie-list-wrapper ul li {
	flex: 0 0 33%;
}
.cookie-list-wrapper ul li .single-cookie {
	text-align: center;
}
.cookie-list-wrapper ul li .single-cookie img {
	height: 190px;
}
.koze-cookie-sec .video-btn-wrapper {
	position: relative;
	height: 194px;
	width: 194px;
}
.koze-cookie-sec .video-btn-wrapper img#viewimg {
	animation: rotateAnimation 17s linear infinite;
	height: 194px;
	width: 194px;
}
.koze-cookie-sec .video-btn-wrapper img#cooki-img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 130px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: -4px 12px 22px -10px rgba(0, 0, 0, 0.31);
}
.koze-cookie-sec .video-btn-wrapper text textPath {
	font-size: 7.5px;
	font-weight: 900;
	font-family: "Faro";
}
.canvas-icon img {
	height: 38px;
	width: 38px;
	object-fit: contain;
}
@media (max-width: 1440px) {
	.banner-social-links-wrapper {
		left: 1%;
	}
	.cookie-list-wrapper ul li .single-cookie img {
		height: 146px;
	}
	.cookie-list-wrapper ul li {
		flex: 0 0 28%;
	}
	.koze-cookies-content-wrapper .signature-heading h5 {
		font-size: 17px;
	}
	.cookie-list-wrapper ul {
		justify-content: space-between;
	}
	.koze-cookie-sec .video-btn-wrapper img#cooki-img {
		left: 50%;
		/* height: 111px; */
	}
}
/* @media (max-width: 800px) {
	.koze-cookie-sec .video-btn-wrapper img#cooki-img {
		left: 43%;
	}
} */
@media (max-width: 480px) {
	.koze-cookie-sec .video-btn-wrapper {
		height: unset;
		width: unset;
	}
	.koze-cookie-sec .cookie-list-wrapper ul li {
		flex: 0 0 50%;
	}
	.koze-cookie-sec .video-btn-wrapper img#viewimg {
		width: 173px;
		height: 150px;
	}
	.koze-cookie-sec .video-btn-wrapper img#cooki-img {
		height: 89px;
	}
	.cookie-list-wrapper ul li .single-cookie img {
		height: 139px;
	}
	.koze-cookie-sec .single-cookie .signature-heading h5 {
		font-size: 14px;
	}
}
/* @media (max-width: 414px) {
	.koze-cookie-sec .video-btn-wrapper img#cooki-img {
		left: 47%;
	}
} */
@media (max-width: 375px) {
	.koze-cookie-sec .video-btn-wrapper img#viewimg {
		width: 156px;
		height: 132px;
	}
	.koze-cookie-sec .video-btn-wrapper img#cooki-img {
		height: 79px;
		/* left: 45%; */
	}
}
/* koze cookies ends here */
/* combo starts here */
.koze-combos-sec .video-btn-wrapper {
	position: relative;
}
.koze-combos-sec .video-btn-wrapper img {
	position: absolute;
	left: 47%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 130px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: -4px 12px 22px -10px rgba(0, 0, 0, 0.31);
}
.koze-combos-sec .video-btn-wrapper text textPath {
	font-size: 9px;
	font-weight: 900;
	font-family: "Faro";
}
.combo-list-wrapper ul {
	display: flex;
	flex-wrap: wrap;
}
.combo-list-wrapper ul li {
	flex: 0 0 50%;
}
.combo-list-wrapper ul li .single-combo img {
	height: 140px;
}
.combo-list-wrapper ul li .single-combo {
	text-align: center;
}
/* .combo-list-wrapper ul li .single-combo img {
	height: 190px;
} */
.signature-heading span.box-info {
	font-size: 15px;
}
/* responsive starts here */
@media (max-width: 800px) {
	.koze-combos-sec .video-btn-wrapper img {
		left: 42%;
	}
}
@media (max-width: 480px) {
	.combo-list-wrapper ul li {
		flex: 0 0 50%;
	}
	.koze-combos-sec .video-btn-wrapper svg {
		width: 173px;
		height: 150px;
	}
	.koze-combos-sec .video-btn-wrapper img {
		height: 89px;
	}
}
@media (max-width: 414px) {
	.koze-combos-sec .video-btn-wrapper img {
		left: 45%;
	}
}
@media (max-width: 375px) {
	.koze-combos-sec .video-btn-wrapper svg {
		width: 156px;
		height: 132px;
	}
	.koze-combos-sec .video-btn-wrapper img {
		height: 79px;
	}
}
/* responsiove ends here */
/* combo ends here */
/* collage starts here */
.collage-sec {
	padding: 100px 0px;
}
.collage-sec .collage-card-wrapper {
	background: #ffffff57;
	border: 2px solid #c4eff5;
	padding: 6px 20px 20px 20px;
	border-radius: 20px;
}
.collage-sec .collage-card-wrapper figure {
	margin-bottom: 0px;
}
.collage-sec .collage-card-wrapper .collage-content-wrapper p {
	margin-bottom: 0px;
}
.collage-sec .collage-card-wrapper .collage-content-wrapper {
	padding: 12px 0px;
}
.collage-sec .collage-card-wrapper .collage-content-wrapper h3 {
	font-size: 27px;
}
.collage-sec .collage-card-wrap {
	background: #ffffff57;
	border: 2px solid #c4eff5;
	padding: 20px 20px 20px 20px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	/* gap: 20px; */
}
.collage-sec .collage-card-wrap .img-wrapper {
	flex: 0 0 30%;
}
.collage-sec .collage-card-wrap .collage-content-wrap {
	text-align: center;
	flex: 0 0 40%;
	padding: 0px 33px;
	align-self: center;
}

/* responsive starts here */
@media (max-width: 800px) {
	.collage-sec .collage-card-wrap .img-wrapper {
		flex: 0 0 100%;
		padding: 10px;
	}
	.collage-sec .collage-card-wrap .img-wrapper img {
		width: 100%;
	}
	.collage-sec .collage-card-wrap .collage-content-wrap {
		flex: 0 0 100%;
		margin: 30px 0px 20px 0px;
	}
}
@media (max-width: 480px) {
	.collage-sec .collage-card-wrap {
		padding: 0px;
	}
}
/* responsive ends here */
/* collage ends here */
/* experience sec starts here */
.experience-sec {
	padding: 126px 0px 0px 0px;
	/* background-image: url("../images/experience-img.png"); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
	overflow: hidden;
}
.experience-sec h2 {
	font-size: 50px;
}
.experience-sec .experience-img-wrapper {
	margin-top: -7%;
}
/* responsive starts here */
@media (max-width: 1440px) {
	.experience-sec h2 {
		font-size: 42px;
	}
	.experience-sec .experience-img-wrapper {
		margin-top: 0%;
	}
}
@media (max-width: 800px) {
	.experience-sec .experience-img-wrapper {
		margin-top: 0%;
	}
}
@media (max-width: 480px) {
	.experience-sec h2 {
		font-size: 31px;
	}
}
/* responsive ends here */
/* experience sec ends here */
.marquee div {
	display: block;
	width: 200%;
	position: absolute;
	overflow: hidden;
	animation: marquee 22s linear infinite;
}
@media (max-width: 480px) {
	.marquee div {
		animation: marquee 18s linear infinite;
	}
}
/* span with text */
.marquee span {
	float: left;
	width: 50%;
}

/* keyframe */
@keyframes marquee {
	0% {
		left: 0;
	}

	100% {
		left: -100%;
	}
}
.marquee {
	height: 64px;
	overflow: hidden;
	position: relative;
}
div#footer {
	overflow-x: hidden;
}
.footerBottomCenterContentFirstSection,
.footerBottomCenterContentSecondSection,
.footerBottomCenterContentThirdSection {
	font-family: "Faro";
}
@media (max-width: 480px) {
	.marquee {
		height: 43px;
	}
	.after-ban-wrapper figure img {
		height: 42px;
	}
}
/* Define the rotation animation */
@keyframes rotateAnimation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.regis-content-wrapper h2 {
	font-size: 3.5rem;
	margin-bottom: 24px;
}