/*color*/
#sp-header {
    background: transparent;
}

#sp-header {
    height: 80px;
    width: 100%;
    position: fixed;
    height: 80px;
    z-index: 99;
    border-right: 1px solid rgba(45, 52, 55, 0.4);
    -webkit-animation: spFadeIn 0.5s;
    animation: spFadeIn 0.5s;
    padding-top: 0px;
}

.cls-login {margin-right: 30px;}#sp-header .sp-module {margin-right: 80px;}

.gtranslate_wrapper a {font-weight: bold!important;}


@media (max-width: 991px){
#sp-header .container-inner>.row {display: flex;}
.sp-module.projectlogin {margin-right: 110px;}
#sp-header .sp-module {margin-right: 70px;line-height: 30px;}
a.glink.nturl.notranslate {margin-right: 10px;}
}

@media (min-width: 768px) and (max-width: 991px){.project-header{height:800px!important;}}



/*logo*/
#sp-header #sp-logo {
    height: auto;
}
@media (max-width: 991px){
#sp-header .logo {
    transform: rotate(0deg);
    min-width: 90px!important;
    height: auto!important;
  }}

/*social*/
#sp-menu .social-wrap {
    position: relative;
    padding-left: 60px;
    display: none!important;
}



/*login*/
.cls-login a {display: flex;align-items: center;font-size: 16px;}
#sp-header .sp-module.projectlogin{position: inherit;margin-right: 50px;}
img.login-icon {height: 18px;width: auto;margin-right: 10px;}
div#gt-wrapper-165 a:nth-child(1) {margin-right: 10px;}

/*language*/
#sp-header .sp-module {margin-left: 0px;position: absolute;bottom: 30px;left: unset;right: 0!important;transform: translateX(0%);}


/*offcanvas*/
.burger-icon>span {
    display: block;
    background-color: #fff;
}

.offcanvas-active .burger-icon>span,#modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

.offcanvas-menu .social-icons a {font-size: 22px;}

.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.offcanvas-menu .offcanvas-inner {
    height: 100vh;
    display: flex;
    align-items: flex-start;
    padding-left: 65px;
    flex-direction: column;
    justify-content: center;
}

.close-offcanvas {
    display: block;
}

@media (max-width: 767px){
.offcanvas-menu .offcanvas-inner {
    padding: 0px 25px;
}}



/*scrolled*/
#sp-header {
  /* background-color: #333; */
  transition: background-color 0.5s ease;
}

/* Styling when the "scrolled" class is added */
#sp-header.scrolled {
  background-color: #272521; /* Change to your desired style */
}

/*end of header*/