html{margin: 0!important;}
.header{position: fixed; top: 0;z-index: 10000; width: 100%;background: #0c0c12;}
body{padding-top: 206px;position: relative;}
.body-before{z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 206px;background-color: #0c0c12;}
.nav-top{border-bottom:1px solid #3d330f;background:#0c0c12;color:#8b8b87;font-weight:600;font-size:var(--fs-14);transition:all .3s ease;max-height: 45px;}
.nav-top .inner{max-width:1680px;}
.nav-top-box{padding:10px 0;}
.nav-top-left{margin:0 0 0 -15px;}
.nav-top-left>a{padding:0 15px;text-transform:uppercase;}
.nav-top-right span{padding:0 8px;}
/* .nav-top-right li:first-child span{padding-right:0px;} */
.nav-top-right-ul li a{padding: 0 15px;gap:8px;}
.nav-top-right li:nth-child(2) span{padding-left:4px;padding-right:10px;}
.nav-top-right-ul li{position:relative;}
.nav-top-right .nav-top-regulated span{position:relative;text-transform:uppercase;font-weight:400;}
.nav-top-regulated span::before{position:absolute;top:3px;left:0;width:1px;height:10px;}
.nav-top-language{padding:0 8px;text-transform:uppercase;cursor:pointer;}
.nav-top-language span{font-size:16px;padding:0 8px;}
.nav-top-language img:nth-child(1){width:22px;}

.language-down-box{position:absolute;top:calc(100% + 10px);right:0;z-index:10001;}
.language-down-box.show .language-down-inner{display:block;visibility:visible;opacity:1;}
.language-down{display:grid;grid-auto-flow:column;gap:55px;}
.language-down>div{display:flex;flex-direction:column;gap:7px;}
.language-down-item{display:flex;align-items:center;gap:14px;}
.language-down-item .language-down-title{padding:0;font-weight:300;}
.language-down-flag{display:flex;width:22px;height:16px;}
.language-down-inner{display:none;visibility:hidden;margin:14px 0 0;padding:25px 40px;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);color:#1e1e1e;white-space:nowrap;font-size:16px;opacity:0;transition:all .3s ease;transition-delay:.25s;}
/* .language-down-inner::after{position:absolute;top:0;top:5px;right:28px;z-index:-1;clear:both;width:20px;height:20px;background:#fff;box-shadow:0 0 6px rgb(0 0 0 / 40%);content:"";transform:rotate(45deg);} */
.language-down-inner::before{position:absolute;top:0;top:5px;right:28px;z-index:1;clear:both;width:20px;height:20px;background:#fff;content:"";transform:rotate(45deg);}

.language-down-inner p{font-weight: 500;}
.nav{padding:20px 0;background:#0c0c12;color:#fff;}
.nav .inner{position:relative;max-width:1680px;}
.nav .nav-menu-button .hover-color-change:hover {color: #ffcd05;}
.nav-scroll-left{display:none;}
.nav-scroll-right{display:none;}
.nav-box{gap:60px;position: relative;}
.nav-logo{flex:0 0 204px;}
.nav-logo{width: 100%;}
.nav-menu{flex:1;gap:10px 15px;flex-wrap:wrap;}
.nav-menu-ul{gap:25px;}
.nav-menu-ul .nav-menu-first{text-transform:uppercase;white-space:nowrap;gap:8px;position: relative;}
.nav-menu-ul .nav-menu-first:hover{color: #ccc;}
.nav-menu-ul .nav-menu-first.selected{text-decoration: underline;-webkit-text-decoration-color: #ffbd13;text-decoration-color: #ffbd13;text-underline-offset: 5px;}


.nav-menu-ul .nav-menu-first span.new{position: relative; top: -7px; left: -4px; background: #ffcd05;font-weight: 600;white-space: nowrap;border-radius: 5px; color: #0c0c12; font-size: var(--fs-12);padding: 0px 7px;}
.header a{position: relative;}
.header span.new{position: relative; top: -7px; left: 1px; background: #ffcd05;font-weight: 600;white-space: nowrap;border-radius: 5px; color: #0c0c12; font-size: var(--fs-12);padding: 0px 7px;}
.nav-menu-ul .nav-menu-ul-li{position:relative;}
.nav-menu-ul .nav-menu-ul-li .nav-menu-first img{width:10px;}
/* .no-arrow-down img{opacity:0;} */

.nav-menu-button{text-align:right;flex:1;gap:0 20px;white-space: nowrap;}

.nav-menu-hide{position:absolute;left:0;z-index:10001;display:none;padding-top:10px;}
.nav-menu-hide.show{display: block;}
.nav-menu-hide .inner{padding:0 30px;}
.nav-menu-hide p{color:#1e1e1e;}
.nav-menu-hide a{color:#1e1e1e;transition:color .3s ease;}
.nav-menu-hide a:hover{color:#ffcd05;}
/* .nav-menu-hide-left{margin-bottom: 10px;} */
.nav-menu-hide h2{font-size:var(--fs-16);padding: 6px 20px 13px; display: flex;}
.nav-menu-hide h3{margin:0 0 7px;font-weight:400;font-size:var(--fs-16);}
.nav-menu-hide h3 .new{position: relative; top: -7px; left: 0; background: #ffcd05;font-weight: 600;white-space: nowrap;border-radius: 5px; color: #0c0c12; font-size: var(--fs-12);padding: 0px 7px;line-height: 1.5; display: inline-block;}
.nav-menu-hide-right-item{padding-left: 10px;}
.nav-menu-hide-right-item ul{margin-bottom: 10px;}
.nav-menu-hide-right-item ul li{padding-left: 10px;}

.nav-menu-hide-item{display: none;border-radius:5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);color:#1e1e1e;padding: 20px 0;}
.nav-menu-hide-item a{white-space: nowrap;font-weight: 300;}
.nav-menu-hide-item.show{display: block;}
.nav-menu-hide-item ul.flex{flex-wrap: wrap;gap:5px;}
.nav-menu-hide-item ul.flex li{flex: 0 0 100%;}
.nav-phone-menu{display: none;}


.header.scroll .nav-top{max-height: 0;overflow: hidden; opacity: 0; border: none;}
/* .header.scroll .nav-menu{display: none;} */
.header.scroll .nav-menu-hide{display: none !important;}
/* .header.scroll .nav-scroll-left,.header.scroll .nav-scroll-right{display: flex; gap: 20px;} */


/* .header.scroll .nav-logo{position: absolute;left: 50%;top: 50%;margin-left: -78.5px;margin-top: -13px;} */



body.nav-mobile-scroll{overflow-y: hidden;}
.nav-mobile{display: none;color:#ffffff;}
.nav-mobile-top{padding:0 20px;min-height: 70px;}
.nav-mobile-language{position: relative;}
.nav-mobile-language .nav-top-language{padding: 0;}
.header.scroll .nav-logo{max-width: 204px;}
.nav-mobile-logo{max-width: 204px;width: 100%;}

.nav-mobile-top-icon{cursor: pointer;}
.nav-mobile-hide-box > li{padding:15px 20px;border-top: 1px solid #8b8b87;}
.nav-mobile-hide .nav-mobile-menu{flex-wrap: wrap;padding:0 0px;}
.nav-mobile-menu a{min-height: 70px; width: 100%;padding:15px 20px;}
.nav-mobile-menu-a-first{width:100%;text-transform: uppercase;}
.nav-mobile-menu-a-first img{width: 20px;transition: all 0.2s;}
.nav-mobile-menu-a-first img.active{transform: rotateX(180deg);}
.nav-mobile-menu-a-second img{width: 18px;transition: all 0.2s;}
.nav-mobile-menu-a-second img.active{transform: rotateX(180deg);}

.nav-mobile-menu .new{background: #ffcd05;font-weight: 600;white-space: nowrap;border-radius: 5px;color: #0c0c12;font-size: var(--fs-12);padding: 0px 7px;}
.nav-mobile-hide{display: none;overflow-y: auto;height: calc(100vh - 300px);position: absolute;z-index: 1000000;background-color: #0c0c12;width: 100%;}
.nav-mobile-menu-second{width: 100%;padding: 0 20px; background-color: #1e1e1e;border-top: 1px solid hsla(0,0%,100%,.2);display: none;font-weight: 300;}
.nav-mobile-menu-second > li{border-top: 1px solid hsla(0,0%,100%,.2);    flex-wrap: wrap;}
.nav-mobile-menu-second > li:first-of-type{border-top: none;}

.nav-mobile-menu-third{padding:0 20px;display: none;width: 100%;border-top: 1px solid hsla(0,0%,100%,.2);}
.nav-mobile-menu-third a{min-height: 60px;}

.nav-mobile-regulated{color: #8b8b87;font-size: var(--fs-14);font-weight: 600;}
.nav-mobile-regulated span{padding: 0 5px;}
.nav-mobile-regulated .nav-mobile-regulated-span{border-left: 1px solid #2d2510;text-transform: uppercase;font-weight: 400;}
.nav-mobile-share{color: #8b8b87;font-weight: 600;font-size: var(--fs-14);}
.nav-mobile-share a{ padding: 0 5px;display: inline-block;}
.nav-mobile-share a .new{ left: 3px;}


.nav-top-left{display: flex;}
.newsletter_signup{position: relative;}
.message{position: relative;top: -5px;left:4px;width: 13px;height: 10px;background: url('/wp-content/themes/global/images/message.svg?v=1') center no-repeat;display: inline-block;}

/* Third Level Dropdown */
.third_level_menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1001;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    color: #1e1e1e;
    padding: 20px 20px 13px;
}

.nav-menu-hide-left ul li:hover > .third_level_menu {
    display: block;
}

.nav-menu-hide-left ul li {
    position: relative;
}

.third_level_menu li a {
    display: block;
    padding: 8px 15px;
    color: #444;
    text-decoration: none;
    transition: background 0.3s ease;
}

/* Arrow Icon for Nested Menus */
.third_level_menu img {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.nav-menu-hide-left ul li h2 img {
    transform: rotate(275deg);
    padding: 0 10px;
}



@media(max-width:1400px){
    .nav-scroll-left .secondary-button,.nav-scroll-right .primary-button{padding:10px 20px;}
}

@media(max-width:1350px){
    .header.scroll .nav-logo{left: 45%;}
}
@media(max-width:1200px){
    
    .nav-menu-ul{gap: 10px;}

    .nav-menu-button{display: flex;justify-content: flex-end;}
    .nav-scroll-right{display:none}

    .nav-box{gap:20px;}
}


@media (max-width:990px) {
    body{padding-top: 163px;}
    .body-before{display: none;}
    .nav-top{display: none !important;}

    .nav{display: none !important;}
    .nav-mobile{display: block;}

    .nav-phone-menu-box {width: 100%;position: absolute;right: 0;top: 50px;z-index: 50;display: none;}

    .nav-phone-menu{display: block; cursor: pointer; width: 30px; height: 30px; background: url(/wp-content/themes/global/images/nav_phone_menu_icon.webp) center center no-repeat;background-size: cover;margin: 0px 20px;}
    .nav-phone-menu .nav-menu-ul{width: 100%;background-color: #0c0c12;border-top: 1px solid #8b8b87;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li {text-transform:uppercase;border-top: 1px solid #8b8b87;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .dropdown{cursor: pointer; display: flex;justify-content: space-between;width: 100%;padding: 25px 34px 25px 20px;color:#fff!important;font-size: 14px;font-weight: 400;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .dropdown .sign-up{padding: 8px 25px;background-color: #fff; color: #0c0c12;border-radius: 2px;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .dropdown img{transition: all .3s ease-in-out;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .selcetarea-btn{ cursor: pointer; display: inline-block; padding: 8px 25px;color: #fff!important; border: 2px solid #fff;border-radius: 2px;transition: .3s all;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .selcetarea-btn:hover{background-color: #fff;color: #0c0c12 !important;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .selcetarea-flag-box .selcetarea-flag{padding:8px 0;width: 70px;display: flex;align-items: center;justify-content: space-between;color: #8b8b87;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .selcetarea-flag-box .selcetarea-flag img:first-child{height: 16px;width: 22px;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .selcetarea-flag-box .selcetarea-flag img:last-child img:last-child{height: 16px;width: 16px;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box-wrap{display: none;width: 100%;background-color: #fff;color: #0c0c12; position: absolute;top: 83px;left:0;z-index: 51;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box{display: flex; flex-direction: column;justify-content: space-between;gap: 20px; padding: 15px 30px 30px;width: 100%;background-color: #fff;text-transform: capitalize}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box::after{content: '';position: absolute;left: auto !important;right: 50px !important;top: -14px;width: 0;height: 0;border-right: 15px solid transparent; border-left: 15px solid transparent;border-bottom: 15px solid #fff;clear: both;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box:first-child{font-size: 16px; line-height: 1.2;font-weight: 500;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list{display: flex; grid-auto-flow: row;gap: 20px;justify-content: space-between;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list .language-down-list-box{display: flex;flex-direction: column;gap: 20px;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list .language-down-item{display: flex;align-items: center;justify-content: flex-start;flex-direction: row;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list .language-down-item .language-down-flag img{height: 16px;width: 22px;box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .sign-up-box{display: flex;justify-content: flex-start;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li-marking span{color: #8b8b87;font-size: 14px;font-weight: 600;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li-marking span:nth-child(n+2){padding: 0 8px;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li-marking span:nth-child(2),.nav-menu-li-marking span:nth-child(3){border-right:1px solid #545051;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li-marking .dropdown{justify-content: flex-start;}
    .nav-phone-menu .nav-menu-ul .item-list{ width: 100%;background-color: #1e1e1e;padding: 0 15px 0 15px;text-align: left;position: relative;right: 0;display: none;}
    .nav-phone-menu .nav-menu-ul .item-list .nav-item{width: 100%;padding: 25px 18px 25px 20px;border-bottom: 1px solid #4b4b4b;}
}

@media (max-width:768px){
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list .language-down-item{display: flex;align-items: center;flex-direction: column;}
    .nav-phone-menu .nav-menu-ul .nav-menu-li .language-down-box .language-down-list{display: flex; grid-auto-flow: row;gap: 20px;justify-content: space-between;flex-direction: column;}

    .nav-mobile-language .language-down-box{right: -20px;width: 100vw; }
    .nav-mobile-language .language-down-inner{ border: 1px solid #1e1e1e;}
    .nav-mobile-language .language-down{grid-auto-flow: row;gap: 7px;}
}