body::-webkit-scrollbar {
    width: 0;
    height: 0;
}
body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
html, body {
    height: 100%;
    overflow: auto;
}
.tm-header .uk-navbar-container {
    max-height: 1px;
    opacity: 0;
    transition: all 0.5s ease;
}
.tm-header .uk-navbar-container.active {
    max-height: 500px; 
    opacity: 1;
}

#panel-desktop .uk-panel.uk-width-1-1 {
    transition: transform 1s ease-out, opacity 1s ease-out;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

#panel-desktop .uk-panel.uk-width-1-1.active {
    transform: translateY(calc(100vh - 100%)) scale(0.75);
    opacity: 1; 
}

#panel-desktop .uk-panel.uk-width-1-1.remove {
    transform: translateY(140vh);
    opacity: 0;
    pointer-events: none;
}
.uk-offcanvas-close {
    top: 11px;
}
.uk-offcanvas-close svg{
    width: 30px;
    height: 30px;
}

.scroll-container {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.uk-section-default {
    min-height: 100vh;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
/*     overflow: hidden; */
  }
.html 
{
    overflow: hidden !important;
}
@media(max-width: 960px) {

    header .uk-sticky {
        background: linear-gradient(0deg, #212121, #212121),
        linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        
    }
    .uk-logo {
        font-size: 24px;
    }
    .uk-navbar-toggle {
        min-height: 62px;
    }
    .uk-offcanvas-bar {
        background: linear-gradient(0deg, #212121, #212121),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    }

    #panel-mobile .letter-first,
    #panel-mobile .letter-second,
    #panel-mobile .letter-third {
        transition: transform 1s ease-out, opacity 1s ease-out;
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    #panel-mobile.active .letter-first {
        transform: translate(-120px, calc(100vh - 150% + 121px)) scale(0.75);
    }

    #panel-mobile.active .letter-second {
        transform: translateY(calc(100vh - 150%)) scale(0.75);
    }

    #panel-mobile.active .letter-third {
        transform: translate(130px, calc(100vh - 150% - 71px)) scale(0.75);
    }

}