html #header .header-logo .logo {
    transition: ease opacity 300ms, ease transform 300ms;
    width: 100%;
}
html #header .header-logo.custom-header-logo {
    position: relative;
    width: 190px;
    top: -9px;
}
html #header .header-logo .logo{
    position: relative;
    left: 4px;
    top: 20px;
    width: 170px;
}
html.sticky-header-active #header .header-logo .logo-sticky{
    position: relative;
    top: -15px;
    left: 330px;
    width: 400px;
}
html #header .header-logo.custom-header-logo:before {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 55px;
}
li.social-icons-shopee:hover .cls-1 {
    fill: rgb(255, 255, 255); /
}
svg{
    width: 25px;
    margin-bottom: 5px;
}
html #header .header-container{
    height: 100px;
}
#header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu{
    margin-top: -5px;
}
html #header .header-logo.custom-header-logo:before{
    left: 56px;
    width: 170px;
    height: 350px;
}
.body{
    cursor: default;
}

#shopee-logo{
    fill: #32383e;
}
@media (max-width: 1600px){
    html.sticky-header-active #header .header-logo .logo-sticky{
        width: 335px;
    }
}
@media (max-width: 1440px){
    html.sticky-header-active #header .header-logo .logo-sticky{
        top: -8px;
        left: 270px;
    }
}
@media (max-width: 1200px){
    html.sticky-header-active #header .header-logo .logo-sticky{
        top: -11px;
        left: 230px;
        width: 260px;
    }
}
@media (max-width: 996px){
    html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body{
    background-color: #ffffffeb !important
}
#header .header-nav-main:before{
    background: #fff0;
}
#header .header-nav-main.header-nav-main-square nav > ul > li a{
    padding: 20px 0;
    font-weight: 800;
}
#header .header-nav-main nav > ul li{
    border-bottom:0px;
}
html #header .header-container {
    height: 70px;
}
#header .header-nav-main nav {
    max-height: 100vh;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color:#f8f9fa00;
}
.fa-bars:before, .fa-navicon:before{
    color: #356eac;
}
#header .header-btn-collapse-nav {
    background: #ffffff00;
}
}
@media (min-width: 996px){
    .banner .container {
    top: 15%;
}
}
@media (min-width: 1200px){
    .banner .container {
        top: 20%;
    }
}
@media (min-width: 1500px){
    .banner .container {
        top: 15%;
    }
}


@media (max-width: 996px){
.banner .container{
    top: none;
    justify-content: center;
}
}
@media (max-width: 991px){
    #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu{
        margin-left: 15px;
    }
    #header .header-nav-main nav > ul li a{
        font-size: 0.9rem;

    }
    .dropdown-menu{
        --bs-dropdown-link-color: #356eac;
        --bs-dropdown-link-active-bg: #356eac;
        --bs-dropdown-link-hover-bg: #356eac;
        --bs-dropdown-link-hover-color: #ffffff;
    }
}
.fa-chevron-down{
    padding: 20px;
    color: #fff;
    background-color: #356eac;
}
#header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down{
    height: 30px;
}

html .scroll-to-top {
	transition: all ease-in-out 0.3s;
	background: #356eac;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	bottom: 8px;
	color: var(--light);
	display: block;
	height: 9px;
	opacity: 0.7;
	padding: 10px 10px 34px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	min-width: 45px;
	z-index: 1040;
	font-size: 0.8em;
}
html .scroll-to-top:hover{
	opacity: 1;
    color: var(--light);
}