.header__container {
    padding: 12px 50px 12px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
}

@media (max-width: 1279px) {

.header {
    padding-bottom: 0px;
}

}

.nav-bar{
 display: flex;
}

.dropdown-content{
  display: none;
  position: absolute ;
  z-index: 1;
}

.dropbtn:hover .dropdown-content {
   display: grid;
  
}

.child-text{
  color: #fff;
  padding: 1em 0;
}

.child-text:hover{
  color: #0085ff;
}


 .navtext-header{
   font-size: 16px;
   color: #fff;
   text-transform: uppercase;
   padding-right: 3.5em;
  }

 .navtext-header:hover{
   color: #0085ff;
  }

.nav-bar{
 position: absolute;
 right: 32px;
}

.navigation {
display: flex;
}



nav, {
float: right;
}


nav ul {
list-style: none;
margin: 0;
padding: 0;
}


nav ul li {
float: left;
position: relative;
 margin-right: 50px;
}

nav ul li a, nav ul li a:visited {
  display: block;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;  
  color: #fff;
  font-size: 16px;
  font-family: 'Poppins','sans-serif';

}
nav ul li a:hover, nav ul li a:visited:hover {
color: #0085ff;
}
.nav-dropdown-title:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
padding-left: 4px;
content: ' ▾';
}
nav ul li ul li {
min-width: 190px;
}
nav ul li ul li a {
padding: 15px;
line-height: 20px;
}

.nav-dropdown {
position: absolute;
display: none;
z-index: 1;
padding: 25px 0px;
  transition: max-height .3s ease-in-out;
  max-height
}

.dropdown-container {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dropdown-container:hover svg path {
  fill: #0085ff;
}

.dropdown-container svg {
  transition: transform .3s ease-in-out;
  transform: rotate(-90deg);
}

.dropdown-container.clicked svg {
  transform: rotate(0deg);
}

.dropdown-padding {
/*   margin-left: 4px; */
}

/* Mobile navigation */
.nav-mobile {
display: none;
position: absolute;
    top: 15px;
    right: 40px;
    width: 70px;
}

@media only screen and (max-width: 798px) {
.nav-mobile {
  display: block;
}
  
  .header__container {
    padding: 12px 30px 12px 0px;
}
  
nav {
  width: 100%;
  padding: 70px 0 15px;
}

nav ul {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0px;
    background: #000;
    z-index: 100;
    padding: 60px 90px 60px 40px;
    width: 100vw;
    display: none;
}

nav ul li {
  float: none;
}
nav ul li a {
  padding: 15px;
  line-height: 20px;
}
nav ul li ul li a {
  padding-left: 30px;
}
.nav-dropdown {
  position: static;
}
}
@media screen and (min-width: 799px) {
.nav-list {
  display: block !important;
}
}
#nav-toggle {
position: absolute;
left: 18px;
top: 22px;
cursor: pointer;
padding: 10px 35px 16px 0px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 5px;
width: 35px;
background: #ffffff;
position: absolute;
display: block;
content: '';
transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
top: -10px;
}
#nav-toggle span:after {
bottom: -10px;
}
#nav-toggle.active span {
background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
top: 0;
}
#nav-toggle.active span:before {
transform: rotate(45deg);
}
#nav-toggle.active span:after {
transform: rotate(-45deg);
}