.check {
    display: flex;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
}

/* FONTS */

/* Geologica */
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-SemiBold.ttf") format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-Medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-Light.ttf") format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: "Geologica";
    src: url("../fonts/Geologica_Main/Geologica-ExtraLight.ttf") format("truetype");
    font-weight: 300;
}

/* STIX Two Math */
@font-face {
    font-family: "STIX Two Math";
    src: url("../fonts/Stix_headline_Cyrillic/STIXTwoText-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "STIX Two Math";
    src: url("../fonts/Stix_headline_Cyrillic/STIXTwoText-SemiBold.ttf") format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: "STIX Two Math";
    src: url("../fonts/Stix_headline_Cyrillic/STIXTwoText-Medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "STIX Two Math";
    src: url("../fonts/Stix_headline_Cyrillic/STIXTwoText-Regular.ttf") format("truetype");
    font-weight: 400;
}

:root {
    --body-bg: #222a25;
    --primary-text-color: #ffffff;
    --secondary-text-color: #bfa069;
    --muted-text-color: #949191;

    --btn-bg-color: #bfa069;
    --btn-bg-color-hover: #d9b576;
    --btn-text-color: #111111;

    --card-bg-color: rgba(255, 255, 255, 0.05);

    --footer-bg-color: rgba(0, 0, 0, 1);

    --sidebar-bg-color: #23392c;

    --line-color: rgba(255, 255, 255, 0.2);

    --transition-duration: 0.3s;
    --transition-easing: ease-in;
}

body,
body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: var(--body-bg);
    color: var(--primary-text-color);
    position: relative;
    font-family: Geologica;
    --sidebar-width: 160px;
    padding-left: var(--sidebar-width);
    --container-padding-x: 40px;
}

h1,
h2 {
    font-family: STIX Two Math;
}

.main-container {
    padding: 0 var(--container-padding-x);
    max-width: 1580px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1900px) {
    .main-container {
        max-width: 1330px;
    }
}

@media (max-width: 1440px) {
    .main-container {
        max-width: 1130px;
    }
}

@media (max-width: 1025px) {
    body {
        padding-top: 106px;
    }
}

@media (max-width: 767px) {
    body {
        --container-padding-x: 21px;
    }

    /* .main-container {
        max-width: 700px;
    } */
}

.section-head .section-name-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-head .section-name-block h5 {
    font-size: 14px;
    font-weight: 400;
    min-width: 110px;
}

.section-head .section-name-block a {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-text-color);
    text-decoration: none;
}

.section-head .section-name-block a span {
    color: var(--primary-text-color);
}

.section-head .section-name-block span {
    color: var(--muted-text-color);
    font-size: 14px;
}

.section-head .section-name-block .line {
    width: 100px;
    background: var(--primary-text-color);
    opacity: 0.4;
    height: 1px;
}

.section-head h2,
.section-head h1 {
    font-size: 66px;
    line-height: 100%;
    margin-top: 30px;
    font-weight: 400;
}

.section-head h1 {
    margin-top: 54px;
}

.section-head h2 span,
.section-head h1 span {
    color: var(--secondary-text-color);
}

@media (max-width: 1024px) {
    .section-head .section-name-block {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .section-head .section-name-block h5 {
        font-size: 14px;
        font-weight: 400;
    }

    .section-head .section-name-block .line {
        width: 100px;
        background: var(--primary-text-color);
        opacity: 0.4;
        height: 1px;
    }

    .section-head h2 {
        font-size: 54px;
        line-height: 100%;
        margin-top: 30px;
        font-weight: 400;
    }
}

@media (max-width: 1024px) {
    .section-head h2 {
        font-size: 32px;
        margin-top: 23px;
    }
}

@media (max-width: 767px) {
    .section-head .section-name-block .line {
        display: none;
    }
}

.main-btn {
    background-color: var(--btn-bg-color);
    border-radius: 10px;
    color: var(--btn-text-color);
    padding: 20px 54px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    width: max-content;
    transition: background-color var(--transition-duration) var(--transition-easing);
}

.main-btn:hover {
    background-color: var(--btn-bg-color-hover);
}

@media (max-width: 392px) {
    .main-btn {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

.simple-link {
    display: flex;
    width: max-content;
    gap: 7px;
    color: var(--primary-text-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    
}

.sidebar {
    position: absolute;
    width: var(--sidebar-width);
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--sidebar-bg-color);
}

.sidebar-hero {
    height: 100vh;
    min-height: 800px;
    padding: 50px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.sidebar-hero .logo {
    width: 44px;
    height: 38px;
    object-fit: cover;
    display: flex;
}

.sidebar-hero .socials-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.sidebar-number-block {
    position: absolute;
    width: 100%;
    height: var(--sidebar-width);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.5);
    font-size: 120px;
}

@media (max-width: 1440px) {
    body {
        --sidebar-width: 0;
    }

    .sidebar {
        display: none;
    }
}

body.show-menu {
    height: 100vw;
    overflow: hidden;
}

/* ICONS */

a .social-icon path {
    transition: all var(--transition-duration) var(--transition-easing);
}

a:hover .social-icon path {
    fill: var(--secondary-text-color);
    fill-opacity: 1;
}

/* rtl */

[dir="rtl"] .arrow {
    transform: rotate(180deg);
}

[dir="rtl"] footer {
    right: 0;
}

[dir="rtl"] .header-menu .footer .policy {
    text-align: right;
}

[dir="rtl"] .header-menu .footer .policy > div {
    justify-content: right;
}