@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 {
    padding: 100px 0px;	
}
.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;
}