/* Header Start  */
header{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99999;
    transition: 0.2s linear;
    transform-origin: top;
    /* padding-block: 6px; */
}
.logi5_header_logo{
    max-width: var(--logo-max-width);
}
.logi5_logo img{
    max-width: 100%;
}
.nav_toggler{
    border-color: var(--border-color-white-100);
}
.nav_toggler span{
    color: #fff;
    font-size: 18px;
}
.nav_wrapper{
    column-gap: 20px;
}
.header_nav .nav_item{
    font-size: var(--heading-4-2);
    font-family: var(--font-rubik);
    font-weight: var(--nav-text-weight);
    line-height: var(--nav-text-line-height);
    color: var(--nav-text-color);
}
.header_nav .nav_item.active,
.header_nav .nav_item.show,
.header_nav .nav_item:hover,
.header_nav .current-menu-item .nav_item{
    color:var(--nav-text-active-color);
}
.header_nav .nav_item.dropdown-item{
    font-size: var(--nav-dropdown-text-size);
    color: var(--nav-dropdown-text-color);
    background-color: transparent;
}
.header_nav .nav_item.dropdown-item:hover{
    color: var(--nav-dropdown-text-active-color);
}
.header_nav .dropdown-menu .logi5-item a{
    border-bottom: 1px solid #5325b038;
    padding-left: 0;
}
.header_nav .nav-item.dropdown .dropdown-menu{
    position: absolute;
    display: block;
    visibility: hidden;
    transition: 0.2s linear;
    opacity: 0;
    top: 57px;
    background-color: #ffffffe3;

    min-width: 270px;
    padding-inline: 10px;
    border-radius: 0 0 10px 10px;
}
.header_nav .nav-item.dropdown .dropdown-menu.grid_2_col{
    /* display: grid; */
    /* grid-template-columns: repeat(2,1fr); */
    /* column-gap: 10px; */
}
.header_nav .nav-item.dropdown:hover .dropdown-menu{
    visibility: visible;
    opacity: 1;
}
.header_nav .dropdown-menu .logi5-item.nav-item a{
    color: #000;
}
.header_nav .dropdown-menu .logi5-item.nav-item.current_page_item a,
.header_nav .dropdown-menu .logi5-item.nav-item.current-menu-item a{
    color: #4F6BE8;
    font-weight: var(--font-weight-600);
}
.logi5_menu_arrow{
    transition: 0.2s linear;
}
.header_nav .nav-item.dropdown_toggle:hover .logi5_menu_arrow,
.header_nav .nav-item.dropdown_toggle.show .logi5_menu_arrow{
    transform: rotate(-180deg);
}
.nav_wrapper .navbar-nav{
    column-gap: 20px;
}
.nav_button .nav_button_link{
    padding: 12px 20px;
    text-decoration: none;
    font-family: var(--font-rubik);
    font-size: var(--nav-button-text-size);
    color: var(--nav-button-text-color);
    display: flex;
    align-content: center;
    column-gap: 10px;
    border: var(--border-width-2) solid var(--border-color-white-100);
    border-radius: var(--button-border-redius-1);
    font-weight: var(--nav-button-text-weight);
}
.nav_button .nav_button_link:hover{
    color: var(--nav-button-hover-color);
}
.header_nav .dropdown_toggle{
    display: flex;
    column-gap: 5px;
    align-items: center;
    color: var(--nav-text-color);
}


/* Buttons border  */
.button_border_gradient_1{
    border:none;
    background:var(--button-border-gradient-1);
    margin:0;
    padding:1px;
    z-index:1;
    border-radius:10px;
  }
  .border_gradient_inner_wrap{
    padding:10px;
    display:block;
    border-radius:inherit;
  }
  .header_nav_border{
    border:none;
    /* background:var(--nav-border-gradient-1); */
    background: transparent;
    /* border: 1px solid #3E1D86; */
    border: 1px solid #fff;
    margin:0;
    padding:1px;
    z-index:1;
    border-radius:10px;
    border-radius: 85px;
  }
  .nav_ul_btn_wrap{
    display: flex;
    align-items: center;
    column-gap: 15px;
    background-color: transparent;
    border-radius: inherit;
    padding: 8px 8px;
  }

  /* nav buttons bar  */
.header_nav .nav_button{
    border: none;
}
  .bars_wrap,
  .cross_bars_wrap{
    position: relative;
    background-color: transparent;
    padding: 10px;
    display: block;
  }
  .bars_wrap .bars{
    width: 25px;
    height: 2px;
    background-color: #fff;
    display: block;
  }
  .bars_wrap .bars:not(:last-child){
    margin-bottom: 4px;
  }
  .bars_wrap .bars:first-child{
    width: 20px;
  }
  .bars_wrap .bars:last-child{
    width: 15px;
  }
  .btn-close,
  .btn-close:not(:focus-visible){
    margin-right: 10px;
    width: auto;
    height: auto;
    border: none;
    outline: none;
    box-shadow: unset;
  }
  .cross_bars_wrap{
    color: #fff;
    font-size: 18px;
    transform: translateX(18px);
    transition: 0.2s linear;
    
  }
  .offcanvas.show .cross_bars_wrap{
    transform: translateX(0);
  }


/* Header fixed START */
header.header_fixed{
    position: fixed;
    background: linear-gradient(180deg, rgb(68,10,123) 0%, rgb(124,18,225) 100% );
}
/* Header fixed END */

.offcanvas.show:not(.hiding), .offcanvas.showing{
    transform: translateX(30px);
}

@media only screen and (min-width:1024px){
    /* header{
        position: fixed;
        width: 100%;
        z-index: 888;
    } */
}

/* === MEDIA MOBILE === */
@media only screen and (max-width:991px){
    .offcanvas{
        background-color: #040417;
    }
    .header_nav .header_nav_border{
        border-radius: 10px;
        border: none;
    }
    .header_nav .dropdown_toggle{
        display: block;
    }
    .header_nav .nav-item.dropdown .dropdown-menu{
        top: 0;
    }
    .nav_wrapper .navbar-nav{
        row-gap: 10px;
        width: 100%;
    }
    .header_nav .nav-item.dropdown .dropdown-menu,
    .header_nav .nav-item.dropdown .dropdown-menu.grid_2_col{
        position: relative;
        display: none;
        visibility: visible;
        transition: 0.2s linear;
        opacity: 1;
    }
    .header_nav .nav-item.dropdown .dropdown-menu.show{
        display: block;
    }
    .header_nav .nav_ul_btn_wrap{
        flex-direction: column;
        align-items: start;
        row-gap: 15px;
    }
}



/* Header END */