/* Import Chaney font */
@font-face {
    font-family: 'Chaney';
    src: url('fonts/chaney.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-bold-webfont.woff2') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-regular-webfont.woff2') format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

body {
    font-family: 'Chaney', Arial, sans-serif; /* Apply the Chaney font */
    background-color: #f2a20d;
}

a {
color:#110E0D;
text-decoration: none;
}

.logo {
width: 128px;
}
.hero {
   
    height: 100vh;
    display: flex;
    }
    
    .hero__left {
    width: 50%;
    background-color: #110E0D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .hero__right {
    width: 50%;
    height: 100%;
    background-color: #F6A410;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    }

    .hero__content {
    display: flex;
    flex-direction: column;
    }

    .hero__download {
        font-size: 48px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0.49584174156188965px;
        text-align: center;   
    }


    .hero__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 50px 0 0;
    }

    .nav {
    display: flex;
    align-items: center;
    gap: 15px;
    height: 20%;
    }

    .nav__link {
    font-family: 'Geomanist',sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-decoration: underline;
    letter-spacing: -0.3199999928474426px;
    }

    hr {
    width: 1px;
    height: 20px;
    background-color: #110E0D;
    border: 0;
    }


    .switcher {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 15px 50px 0 0;
    height: 20%;
    }

    .switcher__lang {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    }

    .switcher__lang-item {
    width: 104px;
    height: 50px;
    border-radius: 15px;
    background-color: #fff;
    list-style: none;
    align-items: center;
    padding: 0 0 0 23px;
    font-size: 14px;
    cursor: pointer;
    border: 2px solid #F6A410;
    }

    .switcher__lang-item.first {
    color: #F6A410;
    display: flex;
    }

    .second {
    display: none;
    position:absolute;
    top: 65px;
    }
    .second.show {
    display: flex;
    }

    .switcher__lang-icon {
    margin: 0 0 0 10px;
    }

    .mobile-logo {
    display: none;
    }


    @media (max-width: 920px) {
    .logo {
    display: none;
    }
    .mobile-logo {
    display: block;
    width: 48px;
    }
    .hero {
    flex-direction: column;
    }
    .hero__left, .hero__right {
    width: 100%;
    }

    .hero__right {
    justify-content: center;
    }

    .hero__left {
    height: auto;
    padding: 25px;
    justify-content: flex-start;
    }

    .hero__right .switcher {
    position: absolute;
    top: 25px;
    right:25px;
    margin: 0;
    }

    }

    @media (max-width: 480px) {
    
        .hero__download {
        font-size: 32px;
        line-height: 1;
        }
    
    }

    @media (max-width: 380px) {
    
        .hero__buttons {
        flex-direction: column;
        }

    }