.discord_svg {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M18.59 5.89c-1.23-.57-2.54-.99-3.92-1.23-.17.3-.37.71-.5 1.04-1.46-.22-2.91-.22-4.34 0-.14-.33-.34-.74-.51-1.04-1.38.24-2.69.66-3.92 1.23-2.48 3.74-3.15 7.39-2.82 10.98 1.65 1.23 3.24 1.97 4.81 2.46.39-.53.73-1.1 1.03-1.69-.57-.21-1.11-.48-1.62-.79.14-.1.27-.21.4-.31 3.13 1.46 6.52 1.46 9.61 0 .13.11.26.21.4.31-.51.31-1.06.57-1.62.79.3.59.64 1.16 1.03 1.69 1.57-.49 3.17-1.23 4.81-2.46.39-4.17-.67-7.78-2.82-10.98h-.02zm-9.75 8.78c-.94 0-1.71-.87-1.71-1.94 0-1.07.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94zm6.31 0c-.94 0-1.71-.87-1.71-1.94 0-1.07.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50% /80%;
}

.youtube_svg {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M501.303 132.765c-5.887-22.03-23.235-39.377-45.265-45.265C416.106 76.8 256 76.8 256 76.8s-160.107 0-200.039 10.7c-22.026 5.888-39.377 23.235-45.264 45.265C0 172.693 0 256.003 0 256.003s0 83.308 10.697 123.232c5.887 22.03 23.238 39.382 45.264 45.269C95.893 435.2 256 435.2 256 435.2s160.106 0 200.038-10.696c22.03-5.887 39.378-23.239 45.265-45.269 10.696-39.924 10.696-123.232 10.696-123.232s0-83.31-10.696-123.238zM204.797 332.804V179.201l133.019 76.802-133.019 76.801z'/%3E%3C/svg%3E") no-repeat 50% 50% / 50%;
}

.twitter_svg {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath d='M714.163 519.284L1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026zM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50% / 50%;
}

.facebook_svg {
    background: url("data:image/svg+xml,%3Csvg fill='%23fff' width='64' height='64' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' stroke='%23fff'%3E%3Cpath d='M15.12 5.32H17V2.14A26.11 26.11 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.05.28-1.73 1.76-1.73z'/%3E%3C/svg%3E") no-repeat 50% 50% / 70%;
}

.whatsapp_svg {
    background: url("data:image/svg+xml,%3Csvg fill='%23FFF' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8-10.1-3.8-17.5-5.6-24.8 5.6-7.4 11.1-28.4 35.8-35 43.3-6.4 7.4-12.9 8.3-23.8 2.8-64.8-32.4-107.3-57.8-150-131.1-11.3-19.5 11.3-18.1 32.4-60.2 3.6-7.4 1.8-13.7-1-19.3-2.8-5.6-24.8-59.8-34-81.9-8.9-21.5-18.1-18.5-24.8-18.9-6.4-.4-13.7-.4-21.1-.4-7.4 0-19.3 2.8-29.4 13.7-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5 70 30.2 97.4 32.8 132.4 27.6 21.3-3.2 65.2-26.6 74.3-52.5 9.1-25.8 9.1-47.9 6.4-52.5-2.7-4.9-10.1-7.7-21-13z'/%3E%3Cpath d='M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9-53.3 22.8-101.1 55.2-142 96.5-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3 53.5-22.3 101.6-54.3 142.8-95.2 41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z'/%3E%3C/svg%3E") no-repeat 50% 50% / 70%;
}

.reddit_svg {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' d='M154.04 60.36c2.22 9.41 10.67 16.42 20.76 16.42 11.78 0 21.33-9.55 21.33-21.33s-9.55-21.33-21.33-21.33c-10.3 0-18.89 7.3-20.89 17.01-17.25 1.85-30.72 16.48-30.72 34.21v.11c-18.76.79-35.89 6.13-49.49 14.56a29.746 29.746 0 0 0-18.27-6.24c-16.51 0-29.89 13.38-29.89 29.89 0 11.98 7.04 22.3 17.21 27.07.99 34.7 38.8 62.61 85.31 62.61s84.37-27.94 85.31-62.67c10.09-4.8 17.07-15.09 17.07-27 0-16.51-13.38-29.89-29.89-29.89-6.85 0-13.16 2.31-18.2 6.19-13.72-8.49-31.04-13.83-49.99-14.54v-.08c0-12.7 9.44-23.24 21.68-24.97zM72.5 142.63c.5-10.84 7.7-19.16 16.07-19.16s14.77 8.79 14.27 19.63-6.75 14.78-15.13 14.78S72 153.47 72.5 142.63zm95.06-19.16c8.38 0 15.58 8.32 16.07 19.16.5 10.84-6.84 15.25-15.21 15.25s-14.63-3.93-15.13-14.78c-.5-10.84 5.89-19.63 14.27-19.63zm-9.96 44.24c1.57.16 2.57 1.79 1.96 3.25-5.15 12.31-17.31 20.96-31.5 20.96s-26.34-8.65-31.5-20.96c-.61-1.46.39-3.09 1.96-3.25 9.2-.93 19.15-1.44 29.54-1.44s20.33.51 29.54 1.44z'/%3E%3C/svg%3E") no-repeat 50% 50% / 80%;
}

.windows_icon {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 11.35L17.81 10v9.49H8m11-9.67l13-1.9v11.49H19M8 20.49h9.81V30L8 28.63m11-8h13V32l-13-1.84'/%3E%3C/svg%3E") no-repeat 50% 50% / 130%;
    cursor: default;
}

.steam_icon {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23d7d7d7' d='M496 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5v1.2L176.6 279c-15.5-.9-30.7 3.4-43.5 12.1L0 236.1C10.2 108.4 117.1 8 247.6 8 384.8 8 496 119 496 256zM155.7 384.3l-30.5-12.6a52.79 52.79 0 0 0 27.2 25.8c26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3.1-40.3-5.4-13-15.5-23.2-28.5-28.6-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zm173.8-129.9c-34.4 0-62.4-28-62.4-62.3s28-62.3 62.4-62.3 62.4 28 62.4 62.3-27.9 62.3-62.4 62.3zm.1-15.6c25.9 0 46.9-21 46.9-46.8 0-25.9-21-46.8-46.9-46.8s-46.9 21-46.9 46.8c.1 25.8 21.1 46.8 46.9 46.8z'/%3E%3C/svg%3E") no-repeat 50% 50% / 80%;
}

.google_play_icon {
    background: url("data:image/svg+xml,%3Csvg fill='%23d7d7d7' viewBox='-1 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.751.61l13.124 7.546-2.813 2.813zM1.032 0l12.047 12L1.033 24a1.72 1.72 0 0 1-1.032-1.643v.003V1.641L0 1.576C0 .875.42.272 1.022.005l.011-.004zm19.922 10.594c.414.307.679.795.679 1.344l-.001.065V12a1.558 1.558 0 0 1-.629 1.403l-.004.003-2.813 1.593L15.14 12l3.047-3.047zM3.751 23.39l10.312-10.359 2.813 2.813z'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
}

.apple_stone_icon {
    background: url("data:image/svg+xml,%3Csvg fill='%23d7d7d7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M248.644 123.476c-5.45-29.71 8.598-60.285 25.516-80.89C292.805 19.851 324.802 2.416 352.146.5c4.619 31.149-8.093 61.498-24.826 82.965-17.95 23.062-48.812 40.946-78.676 40.011zm160.39 107.655c8.461-23.606 25.223-44.845 51.227-59.175-26.278-32.792-63.173-51.83-97.99-51.83-46.065 0-65.542 21.947-97.538 21.947-32.96 0-57.965-21.947-97.866-21.947-39.127 0-80.776 23.848-107.19 64.577-9.712 15.055-16.291 33.758-19.879 54.59-9.956 58.439 4.916 134.557 49.279 202.144 21.57 32.796 50.321 69.737 87.881 70.059 33.459.327 42.951-21.392 88.246-21.616 45.362-.258 53.959 21.841 87.372 21.522 37.571-.317 67.906-41.199 89.476-73.991 15.359-23.532 21.167-35.418 33.11-62.023-60.727-22.901-85.703-89.817-66.128-144.257z'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
}

.tiktok_svg {
    background: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M16.656 1.029c1.637-.025 3.262-.012 4.886-.025a7.762 7.762 0 0 0 2.189 5.213l-.002-.002A8.77 8.77 0 0 0 29 8.45l.028.002v5.036a13.327 13.327 0 0 1-5.331-1.247l.082.034a15.385 15.385 0 0 1-2.077-1.196l.052.034c-.012 3.649.012 7.298-.025 10.934a9.513 9.513 0 0 1-1.707 4.954l.02-.031c-1.652 2.366-4.328 3.919-7.371 4.011h-.014a9.071 9.071 0 0 1-5.139-1.31l.04.023C5.05 28.185 3.32 25.603 3 22.6l-.004-.041a23.163 23.163 0 0 1-.012-1.862c.49-4.779 4.494-8.476 9.361-8.476.547 0 1.083.047 1.604.136l-.056-.008c.025 1.849-.05 3.699-.05 5.548a4.29 4.29 0 0 0-5.465 2.619l-.009.03c-.133.427-.21.918-.21 1.426 0 .206.013.41.037.61l-.002-.024a4.26 4.26 0 0 0 4.382 3.586h-.009a4.198 4.198 0 0 0 3.451-1.994l.01-.018c.267-.372.45-.822.511-1.311l.001-.014c.125-2.237.075-4.461.087-6.698.012-5.036-.012-10.06.025-15.083z'/%3E%3C/svg%3E") no-repeat 50% 50% / 60%;
}

.twitch_svg {
    background: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M26.711 14.929l-4.284 4.284h-4.285l-3.749 3.749v-3.749h-4.82V3.146h17.138zM8.502 1.004L3.146 6.36v19.279h6.427v5.356l5.356-5.356h4.284l9.641-9.64V1.003zm12.854 5.891h2.142v6.427h-2.142zm-5.892 0h2.143v6.427h-2.144z'/%3E%3C/svg%3E") no-repeat 50% 50% / 60%;
}

.instagram_svg {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='%23fff'%3E%3Cg stroke='none' fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0h24zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018zm.265-.113l-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092z'/%3E%3Cpath d='M16 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8zm0 2H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3zm-4 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm4.5-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50% / 80%;
}

.vk_svg {
    background: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 49 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M3.87 3.37C.5 6.75.5 12.17.5 23.04v1.92c0 10.86 0 16.3 3.37 19.67C7.25 48 12.67 48 23.54 48h1.92c10.86 0 16.3 0 19.67-3.37 3.37-3.38 3.37-8.8 3.37-19.67v-1.92c0-10.86 0-16.3-3.37-19.67C41.75 0 36.33 0 25.46 0h-1.92C12.68 0 7.24 0 3.87 3.37zm4.74 11.3c.25 12.48 6.82 20 17.65 20h.63v-7.15c3.95.4 6.89 3.35 8.09 7.15h5.69a15.8 15.8 0 0 0-8.03-10.03c2.48-1.49 6-5.09 6.83-9.97h-5.18c-1.08 3.97-4.31 7.57-7.4 7.91v-7.91h-5.26v13.85c-3.2-.8-7.37-4.68-7.54-13.85z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50% / 60%;
}

.scr_box {
    max-height: var(--mh);
    overflow-y: auto;
    margin: 0.1rem 0;
}

.scr_box::-webkit-scrollbar {
    width: 10px;
}

.scr_box::-webkit-scrollbar-track {
    background: rgb(16, 19, 20);
}

.scr_box::-webkit-scrollbar-thumb {
    background: rgb(54, 54, 57);
}

.scr_box::-webkit-scrollbar-thumb:hover {
    background: rgb(180, 91, 62);
}

.scr_box::-webkit-scrollbar-thumb:active {
    background: rgb(163, 65, 50);
}

.triangle_arrow {
    --fl: var(--clr-05);
    height: 50%;
    fill: var(--fl);
    margin-left: .2vw;
}

.triangle_arrow .triangle {
    transition: transform 0.3s ease-in-out;
    transform-origin: 8px 8px;

}

.lang_dropdown,
.lang_dropdown_text {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.lang_dropdown_text,
.lang_dropdown {
    padding: 0 .5vw;
}

.lang_icon,
.lang {
    --h: 1.223vw;
    height: var(--h);
}

.lang_icon {
    width: auto;
}

.lang_dropdown_list {
    --t: 1.223vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    background-color: rgba(0, 0, 0, .2);
    padding: .2rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute;
    z-index: 10;
    right: 0;
    top: var(--t);
}

.lang_dropdown_list a {
    --gap: .1rem;
    --fs:.16rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
    display: block;
    padding-bottom: var(--gap);
    margin-bottom: var(--gap);
    width: 80%;
    text-align: center;
    position: relative;
    font-size: var(--fs);
    z-index: 13;
}
.font_en .lang_dropdown_list a {
    --fs:.2rem;
}
.lang_dropdown {
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.footer {
    --fs: .12rem;
    background-color: rgba(0, 0, 0, .3);
    padding:.4rem;
    display: flex;
    justify-content: space-between;
    font-size: var(--fs);
    margin-top: 2rem;
}
.font_en .footer {
    --fs:.14rem;
}

.logo_copyright {
    --h: 3vw;
    display: flex;
    align-items: center;
    height: var(--h);
}

.footer_logo img {
    --w: 12vw;
    display: block;
    width: var(--w);
    opacity: .4;
    height: auto;
}

.footer_copyright {
    text-align: left;
    border-left: .01rem solid rgba(255, 255, 255, .1);
    padding-left: .4rem;
    margin-left: .2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer_copyright p {
    display: block;
    line-height: 1.6;
}

.join_community .social_media {
    padding-top: 0.1rem;
    display: flex;
    gap: .1rem;
}

.footer .social_media a {
    opacity: .5;
    --sz: .4rem;
    width: var(--sz);
    height: var(--sz);
    border-radius: 15rem;
    z-index: 1;
    overflow: hidden;
    display: flex;
    background-color: #282828;
    justify-content: center;
    align-items: center;
    position: relative;
    text-indent: -9999vw;
}

.footer .social_media a::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    background-color: var(--clr-org);
    transform: translateY(120%);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
}

.footer .social_media a div {
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 0;
}



@media screen and (max-width: 1336px) {

    .lang_icon,
    .lang {
        --h: .4rem;
    }
    .menu_list.active,
    .active .lang_dropdown_list {
        opacity: 1;
        visibility: visible;
    }
    .menu_list{
        top: 0;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }
    .menu_list a{
        --fs:.56rem;
        font-size: var(--fs);
        line-height: 2;
        display: block;
        border-bottom: .01rem solid rgba(255, 255, 255, .1);
        padding-bottom: .2rem;
        position: relative;
        z-index: 99;
    }
    .menu_list,
    .lang_dropdown_list {
        --fs: .62rem;
        --t: 0;
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 0;
        background-color: rgba(0, 0, 0, 1);
        z-index: 11;
        padding: 1rem;
    }

    .close_dropdown_icon {
        --sz: 1rem;
        position: absolute;
        top: calc(var(--sz) / 2);
        right: calc(var(--sz) / 2);
        width: var(--sz);
        height: var(--sz);
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Crect transform='rotate(45)' ry='0' y='-1' x='4.314' height='2' width='14'/%3E%3Crect transform='rotate(-45)' ry='0' y='10.314' x='-7' height='2' width='14'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
        cursor: pointer;
        z-index: 12;
    }
    .menu_list::after,
    .lang_dropdown_list::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:calc(100vw - 1rem);
        height:calc(100vh - 1rem);
        z-index: 0;
        border: 0.02rem solid rgba(255, 255, 255, .2);
    }

    .lang_dropdown_list a {
        --fs:.56rem;
        --gap: .3rem;
    }

    .footer {
        --fs: .16rem;
        flex-flow: column-reverse;
        gap: 1vw;
        padding-bottom: 10vw;
    }

    .logo_copyright {
        --h: auto;
        flex-direction: column;
    }

    .footer_logo {
        width: 100%;
        height: 1rem;
        margin: .2rem 0;
    }

    .footer_logo img {
        width: 60%;
        height: auto;
        margin: auto;
    }

    .footer_copyright {
        text-align: center;
        padding: 0;
        margin: 0;
        align-items: center;
    }

    .join_community {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .join_community h6{
        padding-bottom: .2rem;
        font-size: .3rem;
    }

    .join_community .social_media a {
        --sz: .6rem;
    }


    @media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {}

    @media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (pointer: coarse) {
        .close_dropdown_icon{
            transform: scale(.6);
        }
        .lang_dropdown_list {
            gap: 3vw;
            flex-wrap: wrap;
            flex-direction: inherit;
        }

        .lang_dropdown_list {
            --fs: .32rem;
        }

        .lang_dropdown_list a {
            width: 20%;
            display: flex;
        }

        .lang_dropdown_list::before {
            --sz: .5rem;
        }

        .lang_dropdown_list::after {
            width: 98vw;
        }
    }

}



@media screen and (min-width: 1337px) {
    .lang_dropdown_list a:hover {
        text-decoration: none;
        border-color: var(--clr-01);
    }

    .lang_dropdown:hover .lang_dropdown_list {
        opacity: 1;
        visibility: visible;
    }

    .lang_dropdown:hover .triangle {
        transform: rotate(180deg);
    }

}

@media screen and (min-width: 3840px) and (min-height: 1080px) {}

@media screen and (min-width: 3841px) {}