.home-hero {
    position: relative;
    padding-top: 124px;
    padding-bottom: 80px;
}

.home-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-hero-bg:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 359px;
    height: 433px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU5IiBoZWlnaHQ9IjQzMyIgdmlld0JveD0iMCAwIDM1OSA0MzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF81ODI0XzE1NDc0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItNDAiIHk9Ii04MCIgd2lkdGg9IjM5OCIgaGVpZ2h0PSI1MTIiPgo8cmVjdCB4PSItNDAiIHk9Ii04MCIgd2lkdGg9IjM5OCIgaGVpZ2h0PSI1MTIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81ODI0XzE1NDc0KSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNTgyNF8xNTQ3NCkiPgo8cGF0aCBkPSJNLTQwIDM3MC43NDNMMTc4LjkzNCAtMTguNTI2NEgyNTkuODY2TDQ4LjEzNzIgMzcwLjc0M0gtNDBaIiBmaWxsPSIjMURCOTU0Ii8+CjxwYXRoIGQ9Ik0zOS4wMzcxIDEwMy42MTRMMTA5LjA3OSAtMTkuMTMyM0gxMzIuMzI2TDY0LjU4MTEgMTAzLjYxNEgzOS4wMzcxWiIgZmlsbD0iIzFEQjk1NCIvPgo8cGF0aCBkPSJNNDYuMjIwNSA3LjAyMTExTDc1LjU5MTYgLTQ1LjY3MDZIODUuMzQwMUw1Ni45MzIgNy4wMjExMUg0Ni4yMjA1WiIgZmlsbD0iIzFEQjk1NCIvPgo8cGF0aCBkPSJNMjY0Ljk3MyA0Mi43NDYzTDMzNS4wMTQgLTgwSDM1OC4yNjFMMjkwLjUxNyA0Mi43NDYzSDI2NC45NzNaIiBmaWxsPSIjMURCOTU0Ii8+CjxwYXRoIGQ9Ik01Ny4zOTg0IDQzMi4zNDZMMTI3LjQ0IDMwOS42SDE1MC42ODdMODIuOTQyNCA0MzIuMzQ2SDU3LjM5ODRaIiBmaWxsPSIjMURCOTU0Ii8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81ODI0XzE1NDc0IiB4MT0iMTQyLjUiIHkxPSItNTguNSIgeDI9IjczIiB5Mj0iNDMyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MzczNzMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-hero-bg:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 359px;
    height: 430px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU5IiBoZWlnaHQ9IjQzMCIgdmlld0JveD0iMCAwIDM1OSA0MzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF81ODI0XzE1NDgyIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxIiB5PSIxIiB3aWR0aD0iMzk4IiBoZWlnaHQ9IjUxMiI+CjxyZWN0IHg9IjM5OSIgeT0iNTEzIiB3aWR0aD0iMzk4IiBoZWlnaHQ9IjUxMiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDM5OSA1MTMpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTgyNF8xNTQ4MikiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzU4MjRfMTU0ODIpIj4KPHBhdGggZD0iTTM5OSA2Mi4yNTc0TDE4MC4wNjYgNDUxLjUyNkg5OS4xMzQxTDMxMC44NjMgNjIuMjU3NEgzOTlaIiBmaWxsPSIjNTkzM0IwIi8+CjxwYXRoIGQ9Ik0zMTkuOTYzIDMyOS4zODZMMjQ5LjkyMSA0NTIuMTMySDIyNi42NzRMMjk0LjQxOSAzMjkuMzg2SDMxOS45NjNaIiBmaWxsPSIjNTkzM0IwIi8+CjxwYXRoIGQ9Ik0zMTIuNzc5IDQyNS45NzlMMjgzLjQwOCA0NzguNjcxSDI3My42NkwzMDIuMDY4IDQyNS45NzlIMzEyLjc3OVoiIGZpbGw9IiM1OTMzQjAiLz4KPHBhdGggZD0iTTk0LjAyNzMgMzkwLjI1NEwyMy45ODU3IDUxM0gwLjczODUwM0w2OC40ODM0IDM5MC4yNTRIOTQuMDI3M1oiIGZpbGw9IiM1OTMzQjAiLz4KPHBhdGggZD0iTTMwMS42MDIgMC42NTQwNTNMMjMxLjU2IDEyMy40SDIwOC4zMTNMMjc2LjA1OCAwLjY1NDA1M0gzMDEuNjAyWiIgZmlsbD0iIzU5MzNCMCIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTgyNF8xNTQ4MiIgeDE9IjU4MS41IiB5MT0iNTM0LjUiIHgyPSI1MTIiIHkyPSIxMDI1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MzczNzMiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-hero-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-hero-wrapper {
    width: 1156px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    z-index: 5;
}

.home-hero .grid-container{
    position: relative;
    z-index: 5;
}

.home-hero-top-text {
    color: #FEFEFF;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 136%;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.home-hero-logo {
    width: 670px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.home-hero-logo img {
    display: flex;
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}

.home-hero-text {
    color: #E0DFE4;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 32px;
    width: 670px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.home-hero-top-btn-join {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
    height: 57px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 8px);
    transform: skewX(-10deg);
    border-radius: 8px;
    background: #1DB954;
    color: #FEFEFF !important;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    line-height: 132%;
    text-transform: uppercase;
}

.home-hero-top-btn-about {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    color: #A1A0AF !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 24px;
}

.home-hero-top-btn-about:after {
    content: '';
    display: block;
    width: 20px;
    min-width: 20px;
    margin-left: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IiMyRDJDNEUiLz4KPHBhdGggZD0iTTguNSAxNEwxMi41IDEwTDguNSA2IiBzdHJva2U9IiNFMERGRTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-hero-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 80px;
}

.home-hero-item {
    width: calc(33.33% - 40px / 3);
    padding: 20px 19px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #FEFEFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 88px;
    line-height: 140%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYxIiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMzYxIDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Zm9yZWlnbk9iamVjdCB4PSItMTYiIHk9Ii0xNiIgd2lkdGg9IjM5MyIgaGVpZ2h0PSIxMjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cig4cHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzU4MjRfMTU0OTlfY2xpcF9wYXRoKTtoZWlnaHQ6MTAwJTt3aWR0aDoxMDAlIj48L2Rpdj48L2ZvcmVpZ25PYmplY3Q+PGcgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iMTYiPgo8cGF0aCBkPSJNMzU1LjU0OCA4Mi42MDdMMzYwLjMyOCA0OC42MDdMMzYxIDQ0VjQwVjZDMzYxIDIuNjg2MjkgMzU4LjMxNCAwIDM1NSAwSDExLjQyMDhDOC4zNDIxMiAwIDUuNzYzMDQgMi4zMzAxIDUuNDUxNTYgNS4zOTI5NkwwLjY3MTkwMiAzOS4zOTNMMCA0NFY0OFY4MkMwIDg1LjMxMzcgMi42ODYyOSA4OCA2IDg4SDM0OS41NzlDMzUyLjY1OCA4OCAzNTUuMjM3IDg1LjY2OTkgMzU1LjU0OCA4Mi42MDdaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+CjxwYXRoIGQ9Ik0xMS40MjA5IDAuNUgzNTVDMzU4LjAzOCAwLjUgMzYwLjUgMi45NjI0MyAzNjAuNSA2VjQzLjk2MDlMMzU5LjgzMyA0OC41MzUyVjQ4LjUzNzFMMzU1LjA1NCA4Mi41MzcxTDM1NS4wNTIgODIuNTQ2OUwzNTUuMDUxIDgyLjU1NjZDMzU0Ljc2NSA4NS4zNjQyIDM1Mi40MDEgODcuNSAzNDkuNTc5IDg3LjVINkMyLjk2MjQzIDg3LjUgMC41IDg1LjAzNzYgMC41IDgyVjQ0LjAzNjFMMS4xNjY5OSAzOS40NjQ4VjM5LjQ2MjlMNS45NDYyOSA1LjQ2Mjg5TDUuOTQ4MjQgNS40NTMxMkw1Ljk0OTIyIDUuNDQzMzZDNi4yMzQ4NCAyLjYzNTg0IDguNTk4ODcgMC41IDExLjQyMDkgMC41WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImJnYmx1cl8wXzU4MjRfMTU0OTlfY2xpcF9wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNiAxNikiPjxwYXRoIGQ9Ik0zNTUuNTQ4IDgyLjYwN0wzNjAuMzI4IDQ4LjYwN0wzNjEgNDRWNDBWNkMzNjEgMi42ODYyOSAzNTguMzE0IDAgMzU1IDBIMTEuNDIwOEM4LjM0MjEyIDAgNS43NjMwNCAyLjMzMDEgNS40NTE1NiA1LjM5Mjk2TDAuNjcxOTAyIDM5LjM5M0wwIDQ0VjQ4VjgyQzAgODUuMzEzNyAyLjY4NjI5IDg4IDYgODhIMzQ5LjU3OUMzNTIuNjU4IDg4IDM1NS4yMzcgODUuNjY5OSAzNTUuNTQ4IDgyLjYwN1oiLz4KPC9jbGlwUGF0aD48L2RlZnM+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;


}

.home-hero-item p {
    margin-bottom: 0;
    margin-top: 0;
    color: #FEFEFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.home-hero-item-image {
    width: 56px;
    height: 48px;
    margin-right: 14px;
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1NiA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzQzMDMgNS4yNTU3OUM1LjcxODM1IDIuMjUzMjIgOC4yNzA3NSAwIDExLjI5NjcgMEg0OS4yMDMzQzUyLjgxMjMgMCA1NS42MDQ2IDMuMTYzMDkgNTUuMTU3IDYuNzQ0MjFMNTAuNjU3IDQyLjc0NDJDNTAuMjgxNyA0NS43NDY4IDQ3LjcyOTIgNDggNDQuNzAzMyA0OEg2Ljc5NjY5QzMuMTg3NyA0OCAwLjM5NTM4NiA0NC44MzY5IDAuODQzMDI2IDQxLjI1NThMNS4zNDMwMyA1LjI1NTc5WiIgZmlsbD0iI0YwRUZGOCIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+CjxwYXRoIGQ9Ik01LjM0MzAzIDUuMjU1NzlDNS43MTgzNSAyLjI1MzIyIDguMjcwNzUgMCAxMS4yOTY3IDBINDkuMjAzM0M1Mi44MTIzIDAgNTUuNjA0NiAzLjE2MzA5IDU1LjE1NyA2Ljc0NDIxTDUwLjY1NyA0Mi43NDQyQzUwLjI4MTcgNDUuNzQ2OCA0Ny43MjkyIDQ4IDQ0LjcwMzMgNDhINi43OTY2OUMzLjE4NzcgNDggMC4zOTUzODYgNDQuODM2OSAwLjg0MzAyNiA0MS4yNTU4TDUuMzQzMDMgNS4yNTU3OVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81ODI0XzE1NTAyKSIgZmlsbC1vcGFjaXR5PSIwLjA0Ii8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTgyNF8xNTUwMiIgeDE9Ii05LjY4MjU0ZS0wNyIgeTE9IjUwIiB4Mj0iNjMiIHkyPSItMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjOEI1REYzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhCNURGMyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-hero-item-image img {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
    object-position: center;
}

@media screen and (min-width: 992px) {
    .home-hero-top-btn-join:hover {
        background: #32CC32;
    }
}

@media screen and (max-width: 1060px) {
    .home-hero-list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 343px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 33px;
        position: relative;
    }

    .home-hero-item {
        display: none;
        height: 112px;
        width: 100%;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQzIiBoZWlnaHQ9IjExMiIgdmlld0JveD0iMCAwIDM0MyAxMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cjxmb3JlaWduT2JqZWN0IHg9Ii0xNiIgeT0iLTE2IiB3aWR0aD0iMzc1IiBoZWlnaHQ9IjE0NCI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tkcm9wLWZpbHRlcjpibHVyKDhweCk7Y2xpcC1wYXRoOnVybCgjYmdibHVyXzBfNTgzMV8xMDQ1X2NsaXBfcGF0aCk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjxnIGRhdGEtZmlnbWEtYmctYmx1ci1yYWRpdXM9IjE2Ij4KPHBhdGggZD0iTTMzNy41NDggMTA2LjYwN0wzNDIuMzI4IDYwLjYwN0wzNDMgNTZWNTJWNkMzNDMgMi42ODYyOSAzNDAuMzE0IDAgMzM3IDBIMTEuNDIwOEM4LjM0MjEyIDAgNS43NjMwNCAyLjMzMDEgNS40NTE1NiA1LjM5Mjk2TDAuNjcxOTAyIDUxLjM5M0wwIDU2VjYwVjEwNkMwIDEwOS4zMTQgMi42ODYyOSAxMTIgNiAxMTJIMzMxLjU3OUMzMzQuNjU4IDExMiAzMzcuMjM3IDEwOS42NyAzMzcuNTQ4IDEwNi42MDdaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+CjxwYXRoIGQ9Ik0xMS40MjA5IDAuNUgzMzdDMzQwLjAzOCAwLjUgMzQyLjUgMi45NjI0MyAzNDIuNSA2VjU1Ljk2MDlMMzQxLjgzMyA2MC41MzUyTDM0MS44MzIgNjAuNTQ0OUwzNDEuODMxIDYwLjU1NTdMMzM3LjA1MSAxMDYuNTU2VjEwNi41NTdDMzM2Ljc2NSAxMDkuMzY0IDMzNC40MDEgMTExLjUgMzMxLjU3OSAxMTEuNUg2QzIuOTYyNDMgMTExLjUgMC41IDEwOS4wMzggMC41IDEwNlY1Ni4wMzYxTDEuMTY2OTkgNTEuNDY0OEwxLjE2Nzk3IDUxLjQ1NTFMMS4xNjg5NSA1MS40NDQzTDUuOTQ5MjIgNS40NDQzNFY1LjQ0MzM2QzYuMjM0ODQgMi42MzU4NCA4LjU5ODg3IDAuNSAxMS40MjA5IDAuNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJiZ2JsdXJfMF81ODMxXzEwNDVfY2xpcF9wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNiAxNikiPjxwYXRoIGQ9Ik0zMzcuNTQ4IDEwNi42MDdMMzQyLjMyOCA2MC42MDdMMzQzIDU2VjUyVjZDMzQzIDIuNjg2MjkgMzQwLjMxNCAwIDMzNyAwSDExLjQyMDhDOC4zNDIxMiAwIDUuNzYzMDQgMi4zMzAxIDUuNDUxNTYgNS4zOTI5NkwwLjY3MTkwMiA1MS4zOTNMMCA1NlY2MFYxMDZDMCAxMDkuMzE0IDIuNjg2MjkgMTEyIDYgMTEySDMzMS41NzlDMzM0LjY1OCAxMTIgMzM3LjIzNyAxMDkuNjcgMzM3LjU0OCAxMDYuNjA3WiIvPgo8L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        align-items: flex-start;
        transform: scale(0);
    }

    .home-hero-list-wrap {
        position: relative;
    }

    .home-hero-item.active {
        display: flex;
        transform-origin: center;
        animation: slideOn 0.5s linear 0.1s 1 normal forwards;
    }

    @keyframes slideOn {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }

    .home-hero-item-text {
        min-height: 48px;
        display: flex;
        align-items: center;
    }

    .home-hero-list-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 16px;
        width: 100%;
        left: 0;
        gap: 8px;
    }

    .home-hero-list-dot {
        width: 8px;
        height: 8px;
        min-width: 8px;
        border-radius: 100%;
        cursor: pointer;
        transition: 0.25s;
        background: rgba(256, 256, 256, 0.2);
    }

    .home-hero-list-dot.active {
        background: #1DB954;
    }

    .home-hero {
        padding-top: 64px;
        padding-bottom: 48px;
    }

    .home-hero-top-text {
        font-size: 16px;
        font-style: italic;
        font-weight: 700;
        line-height: 136%;
        text-transform: uppercase;
    }

    .home-hero-logo {
        padding: 7.5px;
        height: 45px;
        margin-bottom: 20px;
    }

    .home-hero-text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin-bottom: 32px;
    }

    .home-hero-top-btn-join {
        width: 237px;
    }

    .home-hero-top-btn-about {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .home-hero-bg:before {
        width: 158px;
        height: 149px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU4IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDE1OCAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF81ODI0XzE3NDk1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMTAiIHk9Ii00MCIgd2lkdGg9IjE2OCIgaGVpZ2h0PSIxODkiPgo8cmVjdCB4PSItMTAiIHk9Ii00MCIgd2lkdGg9IjE2OCIgaGVpZ2h0PSIxODkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81ODI0XzE3NDk1KSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNTgyNF8xNzQ5NSkiPgo8cGF0aCBkPSJNODIuMzgwNCAtMTQuMDY0SDExNi4yODNMNjUuMTE5OSA4MEgyOS40NzY2TDgyLjM4MDQgLTE0LjA2NFoiIGZpbGw9IiMxREI5NTQiLz4KPHBhdGggZD0iTTIzLjc3NzMgMzcuMTAwNEw1My4xMTc3IC0xNC4zMTc5SDYyLjg1NTlMMzQuNDc3NyAzNy4xMDA0SDIzLjc3NzNaIiBmaWxsPSIjMURCOTU0Ii8+CjxwYXRoIGQ9Ik0xMTguNDIyIDExLjYwMjhMMTQ3Ljc2MiAtMzkuODE1NEgxNTcuNUwxMjkuMTIyIDExLjYwMjhIMTE4LjQyMloiIGZpbGw9IiMxREI5NTQiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU4MjRfMTc0OTUiIHgxPSI1MS41IiB5MT0iODAiIHgyPSI2NSIgeTI9Ii0xMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDlEOUQ5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzczNzM3MyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .home-hero-bg:after {
        width: 158px;
        height: 149px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU4IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDE1OCAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF81ODI0XzE3NTAyIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTY4IiBoZWlnaHQ9IjE4OSI+CjxyZWN0IHg9IjE2OCIgeT0iMTg5IiB3aWR0aD0iMTY4IiBoZWlnaHQ9IjE4OSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE2OCAxODkpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTgyNF8xNzUwMikiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzU4MjRfMTc1MDIpIj4KPHBhdGggZD0iTTc1LjYxOTYgMTYzLjA2NEg0MS43MTc0TDkyLjg4MDEgNjlIMTI4LjUyM0w3NS42MTk2IDE2My4wNjRaIiBmaWxsPSIjNTkzM0IwIi8+CjxwYXRoIGQ9Ik0xMzQuMjIzIDExMS45TDEwNC44ODIgMTYzLjMxOEg5NS4xNDQxTDEyMy41MjIgMTExLjlIMTM0LjIyM1oiIGZpbGw9IiM1OTMzQjAiLz4KPHBhdGggZD0iTTM5LjU3ODEgMTM3LjM5N0wxMC4yMzc4IDE4OC44MTVIMC40OTk1NjlMMjguODc3OCAxMzcuMzk3SDM5LjU3ODFaIiBmaWxsPSIjNTkzM0IwIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81ODI0XzE3NTAyIiB4MT0iMjI5LjUiIHkxPSIzMDkiIHgyPSIyNDMiIHkyPSIyMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MzczNzMiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
    }
}