@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Golos+Text:wght@400..900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gotu&display=swap");

.hanken-grotesk-font {
    font-family: "Hanken Grotesk", sans-serif;
    font-optical-sizing: auto;
}

.golos-font {
    font-family: "Golos Text", sans-serif;
    font-optical-sizing: auto;
}

.afacad-font {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
}

.sora-font {
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
}

.plus-jakarta-font {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
}

.anek-bangla-font {
    font-family: "Anek Bangla", sans-serif;
    font-optical-sizing: auto;
}

.alexandria-font {
    font-family: "Alexandria", sans-serif;
    font-optical-sizing: auto;
}

.gotu-font {
    font-family: "Gotu", sans-serif;
}

body {
    --sb-track-color: #ffffff;
    --sb-thumb-color: #006d88;
    --sb-size: 9px;
}

body::-webkit-scrollbar {
    width: var(--sb-size);
}

body::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.tarik {
    translate: -350px 0;
}

.clip-slanted {
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
}