nav {
  position: relative;
  z-index: 99;
  padding: 32px 64px;
  background: var(--Primary-Gold-Brown-GB-25, #D0CCC6);
}
.language-switcher-container2 img {
    width: 16px;
    height: auto !important;
    object-fit: cover;
  
}



  .dropdown-container2 {
    display: none;
    position: absolute;
    background-color: var(--Primary-Gold-Brown-GB-75,#988d79)!important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 16px;
    z-index: 1000;
  }

.dropdown-container2 a {
  
    color: var(--Accent-Black, #000);
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none;
  font-family: Roboto Mono;
    display: flex;
    align-items: center;
    justify-content: start;
  
  
}

.dropdown-container2 a:hover {
  color: #FFF;
}

  .language-switcher-container2:hover .dropdown-container2 {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
        right: -6px;
    top: 16px;
  }

  .language-switcher-container2 {
    position: relative;
  }

  .language-switcher-button2 {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
        color: var(--Accent-Black, #000);
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none;
  font-family: Roboto Mono;
  }






  .nav-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.nav-cmaxwidth {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exologo img {
  width: 46px;
  height: 50px;
  flex-shrink: 0;
  object-fit: cover;
}

.menu {
  display: flex;
  align-items: center;
}
.menu-wrapper {
  display: flex;
  list-style: none;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  align-items: center;
}

.menu li {
  position: relative;
  margin: 0 24px;
}

.menu a {
  cursor: pointer;
  color: var(--Accent-Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 100% */
  text-decoration: none;
}
.menu a.dropdown-button {
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #D1AD86;
  list-style: none;
  padding: 10px 0;
  min-width: 150px;
  border-radius: 5px;
  transition: visibility 0s, opacity 0.3s ease;
}

.dropdown li {
  text-align: center;
  margin: 5px 0;
}

.dropdown a {
  color: #000;
  text-decoration: none;
  font-size: 0.9em;
  display: block;
  padding: 5px 10px;
}

.menu li:hover .dropdown {
  visibility: visible;
  opacity: 1;
}

.actions button {
  background: var(--Primary-Gold-Brown-GB-75, #988D79);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 14px 20px;
  color: var(--Accent-White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
  border: none;
}

.actions button:hover {
  background-color: #b89265;
}

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

.hamburger div {
  width: 25px;
  height: 3px;
  background-color: white;
}

/* Responsive Design */
@media (max-width: 1090px) {
  nav {
    position: relative;
  }

  .menu {
    flex-direction: column;
    background-color: #d0ccc6;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    border-radius: 0;
    padding: 10px 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    gap: 32px;
  }

  .menu-wrapper {
    flex-direction: column;
  }

  .menu.show {
    max-height: 500px;
    opacity: 1;
    margin-top: 15px;
    z-index: 99;
    padding: 32px;
  }

  .menu li {
    margin: 10px 0;
    text-align: center;
  }

  .dropdown {
    position: static;
    visibility: hidden;
    opacity: 0;
    background-color: #D1AD86;
    padding: 5px 0;
    border-radius: 0;
    transition: visibility 0s, opacity 0.3s ease;
  }

  .menu li:hover .dropdown {
    visibility: visible;
    opacity: 1;
  }

  .actions {
    display: flex;
    margin-top: 10px;
    gap: 20px;
    width: 100%;
  }
  
  .nav-btn-wrapper {
   width: 100%;
   flex-direction: column;
    margin-bottom: 100px;
  }

  .hamburger {
    display: flex;
  }
}


        .modal {
            display: none;
            position: fixed;
            z-index: 99;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.4);
            justify-content: center;
            align-items: center;
        }
        .modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            max-width: 1200px;
            display: flex;
            flex-wrap: wrap;
            position: relative; /* Add this line */
            padding: 64px;
            z-index
        }
        .close {
            color: #aaa;
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 28px;
            font-weight: bold;
        }

   .closegravity {
            color: #aaa;
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 28px;
            font-weight: bold;
        }

.closeexoquad {
    color: #aaa;
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 28px;
            font-weight: bold;
}


        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

  .closegravity:hover,
        .closegravity:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

  .closeexoquad:hover,
        .closeexoquad:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }


        .sliderm {
            display: none; 
            overflow: hidden;
            width: 100%;
        }
        .slidesm {
            display: flex;
            width: 100%;
            transition: transform 0.5s ease-in-out;
        }
        .slidem {
            min-width: 100%;
            box-sizing: border-box;
        }
        .nav-buttons {
            display: none; /* Hide navigation buttons by default */
            position: absolute;
            top: 50%;
            width: 100%;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .nav-buttons button {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
        }
        @media (max-width: 900px) {
             .rideimg {
              width: 100%; 
              max-width: 250px; 
              height: auto; 
              max-height: 250px; 
              object-fit: cover;  
          }
                .coligner {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
          }
          
            .modal-content {
                flex-direction: column;
            }
          
            .column {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }
          
    
            .sliderm {
                display: flex !important; 
            }
            .nav-buttons {
                display: flex; /* Show navigation buttons in mobile view */
                width: 87%;
                top: 40%;
            }
            .mobhide {
                display: none;
            }
            .modal-content {
           padding: 24px;   
          }
        }
        @media (min-width: 901px) {
          .rideimg {
              width: 100%; 
              max-width: 286px; 
              height: auto; 
              max-height: 268px; 
              object-fit: cover;  
          }
            .columns {
                display: flex; /* Ensure columns are visible in desktop and tablet view */
                width: 100%;
                gap: 32px;
            }
            .column {
                flex: 1;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: column;
                height: auto;
                
            }
          
          .coligner {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
          }
            
        }
nav .menu-wrapper > li {
  position: relative;
}
nav .dropdown-container {
  position: absolute;
  background: #b4ad9f;
  padding: 24px;
  display: none;
  flex-direction: column;
  gap: 16px;
  min-width: 368px;
  bottom: -49px;
  transform: translateY(100%);
}
@media screen and (max-width: 1200px) {
nav .dropdown-container {
  bottom: -53px;
}
}
nav .dropdown-container.active {
  display: flex;
}
nav .dropdown-container li {
  margin: 0;
  position: relative;
  width: 100%;
  list-style-type: none;
}
nav .dropdown-container li:before, 
nav .menu-wrapper > li > a:before {
  transition: all 0.4s ease;
  background-color: #7d6f54;
  content: "";
  height: 3px;
  opacity: 0;
  width: 100%;
  max-width: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: -3px;
}
nav .dropdown-container li a { 
  transition: all 0.4s ease;
  padding: 4px;
  color: var(--Accent-Black, #000);
  font-family: "BC Falster Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
}
nav .dropdown-container li:hover:before,
nav .menu-wrapper > li > a:hover:before {
  max-width: 100%;
  opacity: 1;
}
@media screen and (max-width: 1090px) {
  nav .menu-wrapper > li > a:before {
    display: none;
  }
}
nav .dropdown-container li:hover a,
nav .menu-wrapper > li > a:hover {
  color: #7d6f54;
}
nav .menu-wrapper > li > a svg path,
nav .menu-wrapper > li > a {
  transition: all 0.3s ease;
}
nav .menu-wrapper > li > a:hover svg path {
  fill: #7d6f54;
}
@media screen and (max-width: 1090px) {
  nav .menu {
    z-index:-1;
    transition: all 0.3s ease;
    top: unset;
    bottom: 2px;
    transform: translate(-100%, 100%);
    max-height: unset;
    opacity: 1;
    padding: 16px 32px;
    padding-bottom: 32px;
  }
  nav .menu.active {
    transform: translate(0%, 100%);
  }
  nav .menu-wrapper {
    width: 100%;
    align-items: flex-start;
  }
  nav .menu-wrapper li {
    text-align: left;
  }
  nav .dropdown-container {
    margin-top: 16px;
    transform: unset;
    position: relative;
    bottom: unset;
  }
  nav .menu a.dropdown-button {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1091px) {
  nav .menu, nav .menu > .menu-wrapper {
      flex-grow: 1;
  }
  nav .menu > .menu-wrapper {
    display: flex;
    justify-content: center;
  }
}
/* Hide this wrapper on Desktop */
.mobile-only-language-wrapper {
  display: none;
  position: relative;
  margin-right: 15px; /* Space between language and hamburger */
}

@media (max-width: 767px) {
  .mobile-only-language-wrapper {
    display: flex;
    align-items: center;
  }
  
  .mobile-lang-trigger {
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }

  .mobile-lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 120px;
    border-radius: 4px;
    margin-top: 10px;
  }

  .mobile-lang-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
  }
}