html.has-scroll-smooth{
    overflow:hidden
}
html.has-scroll-dragging{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.has-scroll-smooth body{
    overflow:hidden
}
.has-scroll-smooth [data-scroll-container]{
    min-height:100vh
}
[data-scroll-direction=horizontal] [data-scroll-container]{
    display:inline-block;
    height:100vh;
    white-space:nowrap
}
[data-scroll-direction=horizontal] [data-scroll-section]{
    display:inline-block;
    height:100%;
    vertical-align:top;
    white-space:nowrap
}
.c-scrollbar{
    height:100%;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transform-origin:center right;
    transition:transform .3s,opacity .3s;
    width:11px;
	/*background-color:#99CC00;*/
    z-index: 9999; /* Ensure scrollbar is on top */
}
.c-scrollbar:hover{
    transform:scaleX(1.45)
}
.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{
    opacity:1
}
[data-scroll-direction=horizontal] .c-scrollbar{
    bottom:0;
    height:10px;
    top:auto;
    transform:scaleY(1);
    width:100%
}
[data-scroll-direction=horizontal] .c-scrollbar:hover{
    transform:scaleY(1.3)
}
.c-scrollbar_thumb{
    background-color:var(--primary-color);
    border-radius:20px;
    cursor:-webkit-grab;
    cursor:grab;
    margin:2px;
    opacity:.8;
    position:absolute;
    right:0;
    top:0;
    width:4px
}
.has-scroll-dragging .c-scrollbar_thumb{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb{
    bottom:0;
    right:auto
}
/************************************* 640px *************************************/

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

 
}