@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');html {scroll-behavior: smooth;}body {display: flex;justify-content: center;margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: 'Exo', sans-serif;line-height: 1.2;letter-spacing: normal;font-weight: 400;color: var(--font-color-default);background-color: var(--background-color-white-1);}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: var(--background-scrool-color);}::-webkit-scrollbar-thumb {background: var(--secondary-color);border-radius: 8px;}::-webkit-scrollbar-thumb:hover {background: #f4ff0e;}:root {--primary-color: #000;--secondary-color: #E8F03B;--terciary-color: #9FA700;--font-color-black: #000;--font-color-white: #fff;--font-color-neutral-400: #A9ADB1;--font-color-neutral-300: #C5C9CD;--font-color-neutral-200: #E0E4E9;--font-color-neutral-500: #8F9296;--font-color-neutral-800: #46494C;--font-color-neutral-950: #1b1d20;--background-color-gray-100: #EFF3F7;--background-color-white: #fff;--background-color-black: #000;--background-scrool-color: #f1f1f1;--background-color-white-1: #fff;--background-color-white-2: #fbfdff;--background-color-white-3: #F9F9FB;--shadow-header: 0px 24.58px 58.52px 0px #95959514;--color-hover-primary: #6c5984;}* {box-sizing: border-box;}a {text-decoration: none;cursor: pointer;}img {-webkit-user-drag: none;object-fit: contain;width: 100%;}.container-area {display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 1080px;}.container {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1400px;margin: 0px 5%;height: 100%;@media screen and (min-width:1921px) {margin: 0px 5%;}}h1, h2, h3, h4, h5, h6, p {margin: 0px;}section, header, main, footer {display: flex;justify-content: center;width: 100%;}.button {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;transition: all 0.3s;&.top-left {max-width: 330px;min-height: 38px;border: 1px solid var(--secondary-color);border-radius: 0px;font-family: 'Open Sans', sans-serif;color: var(--font-color-neutral-300);font-size: 16px;text-align: center;height: fit-content;&:hover {color: var(--font-color-black);background: #f4ff0e;}}&.top-right {min-height: 24px;display: flex;gap: 3px;color: var(--font-color-white);font-family: 'Open Sans', sans-serif;width: fit-content;}&.default {background: var(--secondary-color);min-height: 59px;max-width: 295px;width: 100%;display: flex;justify-content: center;align-items: center;color: var(--font-color-black);font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 18px;text-align: center;&:hover {background: #f4ff0e;}}}.area-1 {background: var(--background-color-black);.container {flex-direction: row;align-items: center;justify-content: space-between;padding: 10px 0px;min-height: 80px;.box-left {display: flex;align-items: center;justify-content: center;gap: 20px;svg {@media screen and (max-width:768px) {height: 40px;}}p {font-family: 'Open Sans', sans-serif;color: #fff;font-size: 16px;}}.box-right {display: flex;justify-content: flex-end;align-items: center;width: 100%;gap: 20px;@media screen and (max-width:768px) {.button {&.top-left {display: none;}}}@media screen and (max-width:400px) {gap: 10px;}button {border: none;display: none;height: 24px;background: transparent;@media screen and (max-width:768px) {display: flex;}svg {height: 24px;}&:hover {cursor: pointer;}}}}}.overlay-menu {position: fixed;width: 100vw;overflow: hidden;height: 100vh;background: #0000007a;display: flex;justify-content: center;align-items: center;z-index: 1;&.hidden {height: 0px;position: absolute;.menu {margin-right: -100%;}}.menu {position: fixed;z-index: 1;top: 0px;right: 0px;height: 100vh;max-width: 305px;width: 100%;background: var(--background-color-black);display: flex;flex-direction: column;justify-content: space-between;margin: 0px;margin-right: 0px;transition: all 0.5s;padding: 24px;.button {font-size: 14px;margin-bottom: auto;margin-top: 25px;}.close {&:hover {cursor: pointer;svg {path {fill: var(--background-color-white);}}}}.box-footer {display: flex;flex-direction: column;gap: 15px;.line {display: flex;flex-direction: column;align-items: flex-start;gap: 25px;width: 100%;max-width: 1280px;.column {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;&:nth-child(2) {gap: 5px;}span {color: var(--font-color-white);font-family: "Open Sans", sans-serif;font-style: normal;line-height: 1.5;font-weight: 300;font-size: 12px;}.list-box {display: flex;gap: 32px;}a {color: var(--secondary-color);font-family: "Open Sans", sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 1.5;text-decoration-line: none;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}}&:nth-child(2) {.column {flex-direction: column;align-items: flex-start;gap: 10px;.logo {display: flex;flex-direction: column;gap: 8px;svg {max-width: 80px;}span {color: var(var(--font-color-white));font-family: "Open Sans", sans-serif;font-size: 11px;font-style: normal;font-weight: 400;line-height: 1.5;}}a {color: var(--font-color-neutral-400);font-family: "Open Sans", sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 1.5;}&:last-child {color: var(--font-color-white);font-family: "Open Sans", sans-serif;font-size: 12px;font-style: normal;font-weight: 300;line-height: 1.5;gap: 15px;}}}}}}}