body{
 background-color: #8bbde3;


}

html {
  scroll-behavior: smooth;
}

.dnd-section > .row-fluid, .content-wrapper, .header__wrapper{
max-width: 100%!important;
}

.dnd-section {
    padding: 0px 0px!important;
}



.dnd-section > .row-fluid, .content-wrapper, .header__wrapper{
max-width: 100%!important;
}

.dnd-section {
    padding: 0px 0px!important;  
}

    .header1 {
  background: linear-gradient(128deg, #003965 0%, #003965 60.94%, #003965 100%);
    color: white; 
    padding: 14px 124px;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*     box-shadow: 0px 6px 12px 8px rgba(0, 0, 0, 0.58); 
    -webkit-box-shadow: 0px 6px 12px 8px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px 6px 12px 8px rgba(0,0,0,0.58); */
    z-index: 900;
    width: 100%;
    position: absolute;
    
box-shadow: -1px 8px 5px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 8px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 8px 5px -3px rgba(0,0,0,0.75);    
}

    .logo {
      font-size: 1.1em;
    }
.logosokso{
width:26%;
}

    nav {
      display: flex;
      gap: 20px;
    }

    nav a {
      color: white;
      text-decoration: none;
      position: relative;
      transition: color 0.3s;
    }

    nav a:hover {
      color: #f0a500;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
    }

    .hamburger div {
      width: 25px;
      height: 3px;
      background-color: white;
      transition: all 0.3s ease;
    }

    @media (max-width: 768px) {
      nav {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background-color: #333;
        flex-direction: column;
        align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out;
      }

      nav.active {
        max-height: 300px;
      }

      .hamburger {
        display: flex;
      }
    }

@media (max-width: 681px) {
  .header1{
  padding: 13px 49px;
  }

  .logosokso {
    width: 36%;
}
  
  @media (max-width: 502px) {
 
  .logosokso {
       width: 45%;
}
}