.main-header{width:100vw;overflow-x:initial;overflow-y:initial;z-index:100;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed}.header-bg{background-color:var(--theme-white-1);transition:all .2s}.header-bg .top-header-box{border-bottom:var(--theme-white-2) solid 1px}.header-bg .main-header-box{background-color:#0000}.header-bg .top-header-box div a{color:var(--text-color-1)}.header-bg .top-header-box div:first-child a>img,.header-bg .top-header-box div:nth-child(2) a>img{background-color:var(--secondary-color-2);border-radius:var(--border-radius-1)}.top-header{background:#1e293287;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;padding:.7rem 1rem;display:flex;overflow-x:hidden}.top-header-box{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;width:90%;max-width:1450px;padding:1rem 0;transition:all .2s;display:flex}.top-header-box .item{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:fit-content;display:flex}.top-header-box .item:nth-child(2),.top-header-box .item:nth-child(4){border-left:1px solid #fff;padding-left:1rem}.top-header-box .item:last-of-type{flex-direction:row;gap:.5rem}.top-header-box .item a{max-width:fit-content;color:var(--text-color-white-1);font-size:var(--text-size-2-m);flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.main-header-box{width:90%;max-width:1450px;overflow-x:initial;overflow-y:initial;border-radius:var(--border-radius-1);background-color:var(--theme-white-1);border-bottom:1px solid #fff3;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.main-header .logo-box{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:fit-content;display:flex}.main-header .logo-box a{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.main-header .logo-box a img{width:100%;max-width:150px}.main-header-box nav{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.main-header-box .wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:750px;display:flex}.main-header-box ul{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.main-header-box ul li{list-style-type:none;position:relative}.main-header-box ul li a{font-size:var(--text-size-2);font-weight:700;text-decoration:none;transition:all .2s;position:relative}.main-header-box ul li a:hover,.main-header-box ul li.current-menu-item a{color:var(--secondary-color-1)}.header-buttons>button a{background-image:var(--linear-gradient-1)}.main-header-box ul li a:has(span){flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:fit-content;display:flex}.main-header-box ul li span{min-width:fit-content;display:inline-block;transform:rotate(90deg)}.main-header-box ul.dropdown-menu{opacity:0;border-radius:var(--border-radius-1);background-color:var(--theme-white-1);z-index:1000;flex-direction:column;gap:.5rem;min-width:200px;height:0;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 2px 5px #0000001a}.main-header-box ul li:hover>.dropdown-menu{opacity:1;height:fit-content}.main-header-box ul.dropdown-menu li{width:100%;padding:.5rem}.main-header-box ul.dropdown-menu li a{width:100%;color:var(--text-color-1);display:block}.main-header-box ul.dropdown-menu li a:hover{color:var(--secondary-color-1)}.second-header.base-style-section{background-color:var(--main-color-2);padding:10rem 0 2rem}.second-header.base-style-section .box{color:var(--theme-white-1);flex-direction:column;align-items:flex-start}#second-header-id>h1{font-size:var(--subtitle-size-1)!important}@media screen and (max-width:900px){.second-header.base-style-section{padding:10rem 0 1rem}}.main-header .header-buttons{flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.main-header .menu-button{cursor:pointer;flex-direction:column;gap:.5rem;width:fit-content;transition:all .5s;display:none}.main-header .menu-button:hover>span{background-color:var(--secondary-color-1);transition:all .2s}.main-header .menu-button span{background-color:var(--main-color-2);flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2px;display:flex}.main-header .nav-menu-button{cursor:pointer;flex-direction:column;gap:.5rem;width:fit-content;transition:all .5s;display:none}.main-header .nav-menu-button:hover>span{background-color:var(--secondary-color-1);transition:all .2s}.main-header .nav-menu-button span{background-color:var(--text-color-white-1);flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2px;display:flex}@media screen and (min-width:0) and (max-width:900px){.top-header-box{display:none}.main-header .logo-box img{width:100%;max-width:170px}.main-header-box{margin-top:1rem}.main-header-box .wrapper{max-width:fit-content}.main-header nav{border-bottom:var(--first-color-5) solid 5px;background:var(--linear-gradient-1);z-index:10;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:70%;height:100%;padding:5rem 2rem;transition:all .5s;display:none;position:fixed;top:0;left:0}.main-header nav ul{flex-direction:column;justify-content:center;align-items:flex-start}.main-header nav ul li a{color:var(--text-color-white-1);font-size:1.2rem;font-weight:500}.main-header .menu-button{display:flex}@keyframes navmenu-animation{0%{transform:translate(-100%)}to{transform:translate(0%)}}nav.header-mobile-menu{opacity:1;gap:.5rem;transition:all .5s;animation:.5s navmenu-animation;display:flex}@keyframes navmenu-button-gap-animation{0%{gap:.5rem}to{gap:0}}@keyframes navmenu-button-first-span-animation{0%{transform:rotate(0)}to{transform:rotate(50deg)}}@keyframes navmenu-button-last-span-animation{0%{transform:rotate(0)}to{transform:rotate(-50deg)}}.main-header .nav-menu-button{height:fit-content;transition:all .2s;animation:.5s .5s forwards navmenu-button-gap-animation;display:flex;position:absolute;top:5rem;right:2rem}.nav-menu-button-box{padding:2rem}.main-header .nav-menu-button:hover{transform:rotate(50deg)}.main-header .nav-menu-button span:nth-child(2){display:none}.main-header .nav-menu-button span:first-child{animation:1s 1s forwards navmenu-button-first-span-animation}.main-header .nav-menu-button span:nth-child(3){animation:1s 1s forwards navmenu-button-last-span-animation}}
