.menu{height:55px;background-color:var(--bgSecondaryColor);color:#fff;.contain{display:flex;justify-content:space-between;align-items:center;height:inherit;.hamburger{display:none}}

  ;.mainMenu{display:flex;list-style:none;height:100%}}.mainMenu{.submenu{display:none;position:absolute;bottom:-35px;left:0;bottom:0;transform:translate(-5%,100%);min-width:200px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);color:#000;.submenu_item{cursor:pointer;font-size:1em;display:block;padding:5px 0;font-weight:500;&:hover{color:var(--hover-color)}}}.mainMenu_li{height:100%;display:flex;align-items:center;position:relative;padding:0 10px;&:not(:last-child){&:after{content:"";position:absolute;background:#727272;width:1px;height:1.1rem;right:0;top:50%;transform:translate(-50%,-50%)}}

    ;.menu_item{cursor:pointer;padding:8px 10px}}.megamenu{display:none;position:absolute;top:100%;right:0;overflow:hidden;transform:translateX(80%);min-width:200px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);color:#000;flex-wrap:wrap;flex-direction:column;.megamenu_list{display:flex;flex:1;.megamenu_li{display:flex;flex-direction:column;padding:5px 60px;.megamenu_item{cursor:pointer;text-wrap:nowrap;font-size:1em;display:block;padding:5px 0;font-weight:500;&:hover{color:var(--hover-color)}}}}.fullscreen_style{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:15px;padding:5px 60px;overflow:hidden;width:100%;flex:0;.megamenu_banner{position:relative;overflow:hidden;border-radius:10px;&:hover{.banner_image{transform:scale(1.02)}}}.banner_image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner_content{position:absolute;top:50%;transform:translateY(-50%);z-index:2;&:is(.left){left:5%}

        ;&:is(.right){right:5%}

        ;.banner_title{font-size:.75em;font-weight:500;width:80px;height:30px;line-height:30px;display:inline-block;text-align:center;clip-path:polygon(0 19%,97% 19%,85% 49%,100% 82%,0 82%,14% 51%);background-color:var(--secondary);color:var(--primary)}.banner_desc{.desc_inner{color:var(--secondary)}

          ;}

        ;.banner_desc,.banner_price{font-size:1.2em;font-weight:500;color:#fff}

        ;.banner_btn{cursor:pointer;padding:10px 20px;background-color:var(--secondary);color:#fff;border-radius:5px;font-weight:500;&:hover{background-color:var(--hover-color)}}}}}.mainMenu_li:hover{.submenu{display:flex;flex-direction:column;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px}.menu_item{color:var(--hover-color);border-radius:30px;outline:1px solid var(--hover-color)}.megamenu{display:flex;justify-content:space-between;gap:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px 45px}}}@media screen and (max-width:1100px){.mainMenu{.megamenu{padding:10px 0;.fullscreen_style,.megamenu_li{padding:5px 30px!important}}}}@media only screen and (max-width:991px){.mainMenu{font-size:.9em;line-height:1.5em;.megamenu{gap:5px;padding:10px 0;.megamenu_li{padding:10px 15px!important}.fullscreen_style{padding:0 15px!important}}}}@media screen and (max-width:768px){.mainMenu{display:none!important}.hamburger{display:flex!important;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;.hamburger--line{transition:transform .3s ease-in-out;width:30px;height:2px;background-color:#fff;margin:3px}&:is(.open){.hamburger--line{&:first-child{transform:rotate(45deg) translate(5px,5px)}&:nth-child(2){opacity:0}&:nth-child(3){transform:rotate(-45deg) translate(6px,-7px)}}}}}