/* Header */


header {
	height: 122px;
	position: fixed;
	top: 0;
	transition: transform 0.4s ease;
	width: 100%;
	left: 0;
	z-index: 9999;
}
.site-main, #site-content {
    margin-top: 150px;
}
.nav-up {
  transform: translateY(-100%);
}
.nav-down {
  transform: translateY(0);
}


.no-scroll {
    overflow: hidden;
    height: 100%;
}

div#custom-country-modal {
    margin-top: 40px;
}

.owl-carousel-faqs {
    display: inline !important;
}

.navbar-links li,
.drawer-links li {
  display: inline-block;
}
.navbar-links li a, .drawer-links li a {
	text-decoration: none;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}

.owl-carousel-grid .owl-dots.disabled {
    display: block !important;
    bottom: -48px;
}

#scrollContainer_slider img {
    height: 240px !important;
    width: auto !important;
}

#scrollContainer_slider .owl-dots {
    margin-top: 29px;
    position: absolute;
    bottom: -45px;
    right: auto;
    margin: 0 auto;
    left: inherit;
}
div#scrollContainer_slider {
    margin-top: 30px !important;
}
.navbar {
    /* position: static; */
    width: 100%;
    transition: all 0.3s ease;
    z-index: 1000;
    background: #0A400C;
    padding-top: 0 !important;
}
.navbar-container {
	background: rgba(32, 176, 56, 0.4);
}
.brand_Logo {
	border-right: solid 1px rgba(32, 176, 56, 0.5);
	padding-right: 20px;
}
.owl-dots button span{
    width: 32px !important;
    height: 4px !important;
    background-color: #092d16 !important;
    border-radius: 2px;
    opacity: 1;
    transition: background-color 0.3s ease;
}

.home_banner_slider .owl-dots {
    position: absolute;
    right: 45px;
    bottom: 15px;
}
#home_banner_slider {
	margin-top: 40px;
}
.owl-dots {
    right: 45px;
    bottom: 15px;
}

.owl-dots button.active span{
    background-color: #1cbc2d !important;
    background: #1cbc2d !important;
}


.navbar.scrolled {
    /* background: linear-gradient(180deg, rgba(255, 150, 45, 0.5) 0%, rgba(255, 150, 45, 0) 90%); */
    background: linear-gradient(180deg,
            rgba(32, 176, 56, 0.5) 0%,
            rgba(32, 176, 56, 0) 90%);

    /* position: fixed;
    top: 0; */
    z-index: 9999;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* for Safari support */
    background-color: rgba(0, 0, 0, 0.6);
    /* semi-transparent black */
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}


.icon-container {
    gap: 10px;
    justify-content: center;
    cursor: pointer;
}

.lang-flag {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.navbar-container {
    gap: 30px;
}

.description-logo {
    width: 140px;
}

.navbar-links {
    gap: 30px;
}

.navbar-links a {
    color: #fff;
    text-decoration: none;
}

.navbar-links a:hover,
.drawer-links a:hover {
    text-shadow: 0px 0px 2px #20B038, 0px 0px 6.91px #20B038, 0px 0px 12.1px #20B038;
}
.submenu-list__item-link:hover span{
    color: #D5CEA3;
}
.submenu-list__item-link:hover {
    text-shadow: none !important;
}

.search-box {
    width: 300px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border: 1px solid hsla(0%, 0%, 100%, .12);
    background-color: #252F45;
    border-radius: 3px;
}

.input-box {
    flex: 1;
    background-color: #252F45;
    border: none;
    color: #fff;
    outline: none;
    /* width:100% */
}

.sign-btn {
	display: flex;
	flex: 1;
	margin-left: 20px;
	text-align: center;
	justify-content: end;
	align-items: center;
}
.sign-btn a {
	color: #fff;
	text-transform: capitalize;
	letter-spacing: .75px;
	font-weight: 500;
	background-color: #20B038;
	border-radius: 8px;
	width: 140px;
	padding: 7px 15px;
	font-size: 14px;
}
.sign-btn a:hover, .sign-btn a:focus {
	opacity: 0.9;
}

/* Mobile Navbar */

.mobile-navbar {	
    display: none;
    position: static;
    width: 100%;
    /*transition: all 0.3s ease;*/
    background: linear-gradient(180deg,
            rgba(32, 176, 56, 0.5) 0%,
            rgba(32, 176, 56, 0) 90%);
	transition: 
        background-color 0.35s ease,
        backdrop-filter 0.35s ease,
        transform 0.35s ease,
        opacity 0.35s ease;

}

.mobile-navbar.scrolled {
    background: linear-gradient(180deg,
            rgba(32, 176, 56, 0.5) 0%,
            rgba(32, 176, 56, 0) 90%);

    position: fixed;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);    
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
	transform: translateY(0);
}

.mobile-top {
    padding: 0.5rem 1rem;
}

.top-text {
    font-size: 10px;
}

.lang-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mobile-main {
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-group {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.logo {
    width: 100px;
}

.mobile-sign-btn {
    background-color: #20B038;
    border: none;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Drawer Menu */
.mobile-drawer {
    position: fixed;
    top: 0;
    left: -90%;
    width: 90%;
    height: 100%;
    backdrop-filter: blur(24px);
    background: linear-gradient(0deg, rgba(45, 150, 255, .08), rgba(45, 150, 255, .08)), rgb(35 34 52 / 60%);
    z-index: 1050;
    padding: 1rem;
    transition: left 0.3s ease;
    overflow-y: auto;
}

.mobile-drawer.open {
    left: 0;
}

.drawer-header {
    margin-bottom: 2rem;
}

#drawer-close {
    cursor: pointer;
}

#drawer-close:hover {
    color: #20B038;
}

.drawer-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    padding: 0.75rem 0;
    font-weight: 500;
}

/* Overlay */
.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 1049;
}

.drawer-overlay.show {
    display: block;
}

.trending-card-container .item {
	padding: 20px 0;
}




@media (max-width: 991px) {
.site-main, #site-content {
	margin-top: 0;
}    
.mobile-sign-btn {
	padding: 4px 15px;
	font-weight: 500;
	font-size: 13px;
}
.div_mobile_search {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: start;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0px;
	z-index: 1000;
	top: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	padding: 100px 15px;
}
.html_search_boxclose {
	position: absolute;
	right: 20px;
	top: 60px;
	font-size: 26px;
}
.html_search_box {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.WebgamocoinSearch.trigger_WebSearchModal {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.trigger_WebSearchModal .input_search_tt, .WebgamocoinSearch.trigger_WebSearchModal div.result {
	max-width: 98% !important;
	height: 240px;
	overflow-y: auto;
	margin-right: 0 !important;
}
}
@media (max-width: 767px) {
    .desktop-navbar {
        display: none !important;
    }

    .mobile-navbar {
        display: block !important;
    }

}

@media (min-width: 768px) {

    .desktop-navbar {
        display: none !important;
    }

    .mobile-navbar {
        display: block !important;
    }
}



@media (min-width: 992px) {

    .desktop-navbar {
        display: block !important;
    }

    .mobile-navbar {
        display: none !important;
    }

}