/* ==========
HEADER CSS
============= */

/* header main cont bg color */
.header-top.header-scrolled {
         background: var(--e-global-color-44aaae6) !important;
         backdrop-filter: blur(4px);
         -webkit-backdrop-filter: blur(4px);
	     padding: 10px 0px !important;
	     min-height: 80px !important;
}

/* header talk btn */
.h-talk:hover{
	background-color: var(--e-global-color-accent) !important;
	transform: scale(1.1);
}

.h-talk:hover h2{
	color: var(--e-global-color-text) !important;
}

.h-talk:hover .item-1 {
    transform: translateX(250%) rotate(360deg); 
}

.h-talk .item-1 {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); 
    z-index: 2; 
}

.h-talk:hover .item-2 {
    transform: translateX(-50%); 
}

.h-talk .item-2 {
    transition: all 0.4s ease-in-out;
}






/* =========================
FOOTER NAV MENU CSS
========================= */
.f-nav-menu a:hover, .f-nav-menu img:hover {
	transform: translateX(6px);
}