:root {



  --mm-bg: #dbe3dd;



  --mm-text: #202020;



  --mm-border: rgba(32, 32, 32, 0.12);



  --mm-accent: #f95a00;



  --mm-accent-hover: #df4f00;



  --mm-panel-radius: 18px;



  --mm-image-radius: 14px;



  --mm-shadow: 0 24px 20px rgba(0, 0, 0, 0.08);



}







.mega-menu-trigger-wrap .nav-link.mega-menu-link-text {



  color: var(--theme-text-color);



}







.mega-menu-trigger-wrap:hover .mega-menu-link-text,



.mega-menu-trigger-wrap:hover .mega-menu-chevron i {



  color: var(--theme-btn-primary-color);



}







.mega-menu-item {



  position: static;



}







.mega-menu-trigger-wrap {



  display: flex;



  align-items: center;



}







.mega-menu-link-text {



  display: inline-flex;



  align-items: center;



}







.mega-menu-chevron-btn {



  border: 0;



  background: transparent;



  padding: 0;



  line-height: 1;



  color: inherit;



  cursor: pointer;



}







.mega-menu-chevron {



  display: inline-block;



  font-size: 16px;



  transform: translateY(-1px);



}







.mega-menu-panel {



  position: absolute;



  left: 0;



  right: 0;



  top: 100%;



  z-index: 999;



  opacity: 0;



  visibility: hidden;



  pointer-events: none;



  transform: translateY(12px);



  transition: all 0.22s ease;



  padding: 24px 32px 32px;



  background: var(--theme-secondary-color);



  box-shadow: var(--mm-shadow);



}







.mega-menu-item.is-open>.mega-menu-panel {



  opacity: 1;



  visibility: visible;



  pointer-events: auto;



  transform: translateY(0);



}







.mega-menu-layout {



  display: grid;



  grid-template-columns: minmax(320px, 480px) minmax(420px, 1fr);



  gap: 48px;



  align-items: start;



}







.mega-menu-left {



  display: flex;



  flex-direction: column;



  min-height: 100%;



  padding-top: 28px;



}







.mega-menu-eyebrow {



  display: inline-flex;



  align-self: flex-start;



  background: var(--mm-accent);



  color: #fff;



  font-size: 13px;



  font-weight: 600;



  letter-spacing: 0.04em;



  text-transform: uppercase;



  border-radius: 8px;



  padding: 8px 16px;



  margin-bottom: 24px;



}







.mega-menu-links {



  list-style: none;



  margin: 0;



  padding: 0 0 50px;



  border-bottom: 1px solid var(--mm-border);



  text-align: left;



}







.mega-menu-links-item+.mega-menu-links-item {



  margin-top: 18px;



}







.mega-menu-links-link {



  font-size: clamp(28px, 2.1vw, 38px);



  line-height: 1.15;



  font-weight: 400;



  color: var(--mm-text);



  text-decoration: none;



  font-family: Playfair Display !important;



}







.mega-menu-links-link:hover,



.mega-menu-links-link:focus {



  color: var(--mm-accent);



  text-decoration: none;



}







.mega-menu-actions {



  display: flex;



  flex-wrap: wrap;



  gap: 18px;



  padding-top: 34px;



}







.mega-menu-action-btn {



  display: inline-flex;



  align-items: center;



  gap: 14px;



  background: var(--mm-accent);



  color: #fff;



  text-decoration: none;



  padding: 18px 28px;



  border-radius: 999px;



  font-size: 18px;



  font-weight: 500;



  line-height: 1;



}







.mega-menu-action-btn:hover,



.mega-menu-action-btn:focus {



  background: var(--mm-accent-hover);



  color: #fff;



  text-decoration: none;



}







.mega-menu-right {



  padding-top: 6px;



}







.mega-menu-image-wrap {



  border-radius: var(--mm-image-radius);



  overflow: hidden;



  background: rgba(255, 255, 255, 0.45);



  height: 400px;



  max-height: 50vh;



}







.mega-menu-image {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: cover;



  object-position: bottom;



}







@media (max-width: 991.98px) {



  .mega-menu-panel {



    position: static;



    left: auto;



    right: auto;



    top: auto;



    padding: 20px 0 0;



    background: transparent;



    box-shadow: none;



    opacity: 1;



    visibility: visible;



    pointer-events: auto;



    transform: none;



    display: none;



  }







  .mega-menu-item.is-open>.mega-menu-panel {



    display: block;



  }







  .mega-menu-layout {



    grid-template-columns: 1fr;



    gap: 24px;



  }







  .mega-menu-left {



    padding-top: 0;



  }







  .mega-menu-links-link {



    font-size: 24px;



  }







  .mega-menu-action-btn {



    font-size: 16px;



    padding: 16px 22px;



  }



}







@media (max-width: 991.98px) {



  .navbar-nav {



    position: relative;



  }







  .mega-menu-item {



    position: static;



  }







  .mega-menu-trigger-wrap {



    width: 100%;



    justify-content: space-between;



  }







  .mega-menu-chevron-btn {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 32px;



    height: 32px;



  }







  .mega-menu-panel {



    position: absolute;



    inset: 0;



    z-index: 20;



    padding: 0;



    background: var(--theme-secondary-color);



    box-shadow: none;



    display: none;



    overflow-y: auto;



  }







  .mega-menu-item.is-open>.mega-menu-panel {



    display: block;



  }







  .navbar-nav.mobile-submenu-active>li:not(.is-open) {



    display: none;



  }







  .navbar-nav.mobile-submenu-active>li.is-open {



    display: block;



    width: 100%;



  }







  .mega-menu-layout {



    display: block;



    padding: 24px 28px 40px;



  }







  .mega-menu-left,



  .mega-menu-right {



    padding-top: 0;



  }







  .mega-menu-mobile-back {



    display: inline-flex;



    align-items: center;



    gap: 8px;



    border: 0;



    background: transparent;



    color: rgba(32, 32, 32, 0.55);



    font-size: 28px;



    line-height: 1;



    padding: 0;



    margin: 0 0 40px;



  }







  .mega-menu-mobile-back span {



    font-size: 36px;



    line-height: 1;



    transform: translateY(-1px);



  }







  .mega-menu-eyebrow {



    margin-bottom: 20px;



  }







  .mega-menu-links {



    padding-bottom: 24px;



    margin-bottom: 24px;



  }







  .mega-menu-links-item+.mega-menu-links-item {



    margin-top: 16px;



  }







  .mega-menu-links-link {



    font-size: 24px;



    line-height: 1.15;



  }







  .mega-menu-actions {



    gap: 12px;



    padding-top: 0;



    margin-bottom: 28px;



  }







  .mega-menu-action-btn {



    width: fit-content;



    min-width: 180px;



    justify-content: center;



  }







  .mega-menu-image-wrap {



    margin-top: 0;



  }







  .mega-menu-image {



    width: 100%;



    border-radius: 14px;



  }



}



@media (min-width: 992px) {



  .mega-menu-mobile-back {



    display: none;



  }



}