.header-section{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 20px 0px 20px 0px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
}

@media screen and (max-width: 991px){
    .header-section{
        padding: 0px 0px 0px 0px;
    }    
}

.clienteklogo {
  margin-left:20px;
}

.logo-svg {
  height: 60px;           /* Adjust as needed */
  width: auto;
  display: block;
}

.navbar-brand {
  display: flex;
  align-items: center;
}

.dropdown-content{
    border: none;
}

.Company{
    border: 1px solid #335D9D;
}

.Resources{
    border: 1px solid #618C03;
}

.Resources a:hover{
    color:#618C03 ;
}

.Company a:hover{
    color:#335D9D ;
}

.navbar-right-logo {
    margin-left: 0px; 
    display: flex;
    align-items: center;
}

.navbar-right-logo img {
    height: 90px;
    width: auto;
}

    :root {
        --main-color: #111;
        --loader-color:#739edf;
        --back-color: white;
        --time: 1s;
        --size: 3px;
      }
      
      .loader {
        /* background-color: rgba(0, 0, 0, 0.5); */
          overflow: hidden;
        width: 100%;
        /* height: 100%; */
        position: fixed;
        top: 0; left: 0;
        display: flex;
        align-items: center;
        align-content: center; 
        justify-content: flex-start;  
          z-index: 100000;
      }
      #loader{
          display: none;
      }
      .loader__element {
          height: var(--size);
          width: 100%;
          background: var(--back-color);
      
      }
      
      .loader__element:before {
          content: '';
          display: block;
          background-color: var(--loader-color);
          height: var(--size);
          width: 0;
        animation: getWidth var(--time) ease-in infinite;
      }
      
      @keyframes getWidth {
          100% { width: 100%; }
      }