:root {
	--button-border-gradient-angle: 262deg;
    --button-gradient-colorstop-1: 14.51%;
    --button-gradient-colorstop-2: 95.96%;
}

.custom-menu-class {
	list-style: none;
	margin-top:24px;
}

.custom-menu-class li {
	margin: 0 !important;
}
.custom-menu-class li a {
	color: #fff;
}

.row-top-footer {
	padding: 80px 0;
	border-bottom: 1px solid #FFFFFF1A;
}
.footer-bottom {
	padding: 40px 0;
        color: #fff;
        display: flex;
        justify-content: space-between;
    }
    .list-icon {
        display: flex;
        gap: 40px;
    }

/*-------------------------CSS HEADER----------------------------------------*/
.header-main .nav > li > a {
    line-height: 40px;
    height: 40px;
    padding: 0px 21px 0px 22px;
	font-size: 14px;
}
.header-main .nav>li>a:hover {
	background-color: #f0f2f4;
	
}
.header:not(.transparent) .header-nav-main.nav > li > a[aria-current="page"] {
	color: #fff;
}

.header-main .nav > li > a[aria-current="page"]:hover {
    background-color: #333 !important;
    /* Hoặc là background-color giống như khi không hover */
}
.header-nav-main.nav-left {
	justify-content: center;
}
.account-item .account-link {
	border: 1px solid;
	border-color: linear-gradient(var(--button-border-gradient-angle), #e24c4a var(--button-gradient-colorstop-1), #386bb7 var(--button-gradient-colorstop-2));
}
.account-item .account-link:hover {
    background: linear-gradient(var(--button-border-gradient-angle), #e24c4a var(--button-gradient-colorstop-1), #386bb7 var(--button-gradient-colorstop-2));
    border-color: linear-gradient(var(--button-border-gradient-angle), #e24c4a var(--button-gradient-colorstop-1), #386bb7 var(--button-gradient-colorstop-2));
    color: #fff;
}
a.account-link {
	    padding: 6px 16px;
    font-weight: 600;
}

.slider-content-bottom {
	margin-top: -150px;
}