body { padding-top: 0 !important; }
.main-header { background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.0));}
.main-menu-box .logo > a {position:relative;display:block;width:fit-content;}
.main-menu-box .logo > a>img {height:40px;transition:all .3s;}
.main-menu-box .logo > a > img.img { position:absolute; opacity:0;top:0;left:0;right:0;bottom:0; z-index:1;}
.main-menu-box .logo > a > img.bg { opacity:1; }
.main-menu .navigation > li > a { color: #eee; }

/*.main-header:has(li:hover div.dropdown):hover { background: linear-gradient(to bottom, rgba(224,226,228,1), rgba(224,226,228,1)); }
.main-header:has(li:hover div.dropdown):hover .navigation > li > a { color: #090807; }
.main-header:has(li:hover div.dropdown):hover .main-menu-box .logo > a > img.big { filter: brightness(1); opacity: 1; }
*/
.main-header:has(li:hover):hover { background: linear-gradient(to bottom, rgba(224,226,228,1), rgba(224,226,228,1)); }
.main-header:has(li:hover):hover .navigation > li > a { color: #090807; }

.main-header:has(li:hover):hover .main-menu-box .logo > a > img.img { opacity:1;}
.main-header:has(li:hover):hover .main-menu-box .logo > a > img.bg { opacity:0; }

.main-header.hover .navigation > li > a { color: #090807 !important; }
/*.main-header.hover .main-menu-box .logo > a > img.big { filter: brightness(1) !important; opacity: 1 !important; }*/
.main-header.hover .main-menu-box .logo > a > img.img { opacity:1;}
.main-header.hover .main-menu-box .logo > a > img.bg { opacity:0; }