/* ===================================================================
   SIMPLIFIED FONTS - Latin only
   Reduced from 628 lines to ~70 lines (89% reduction)
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* ===================================================================
    TOKENS & RESET
    =================================================================== */

:root {
     --motion-fast: 180ms;
     --motion-medium: 260ms;
     --motion-slow: 380ms;
     --motion-ease: cubic-bezier(0.2, 0, 0, 1);
     --shadow-1: 0 2px 6px rgba(0, 0, 0, 0.18);
     --shadow-2: 0 6px 18px rgba(0, 0, 0, 0.22);
     --shadow-3: 0 12px 28px rgba(0, 0, 0, 0.26);
}

*, *:before, *:after {
     box-sizing: border-box;
}

body {
     margin: 0;
     background-color: #e6e6e6;
     font-size: 1rem;
     font-family: "Montserrat", sans-serif;
}

button {
     -webkit-appearance: button;
     cursor: pointer;
     text-transform: none;
}

/* ===================================================================
    BUTTONS
    =================================================================== */

.btn {
     background-image: none;
     border: 1px solid transparent;
     border-radius: 0;
     box-shadow: var(--shadow-1);
     cursor: pointer;
     display: inline-block;
     font-family: "Montserrat", sans-serif;
     font-size: 2rem;
     font-weight: 200;
     letter-spacing: 2px;
     line-height: 1.428571429;
     margin-bottom: 0;
     padding: 1.5rem 3rem;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     transition: transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);
     user-select: none;
     vertical-align: middle;
     white-space: nowrap;
}

@media screen and (min-width: 1024px) {
     .btn {
          padding: .5rem 2.375rem;
          font-size: 1rem;
          font-weight: 700;
     }
}

.btn:focus,
.btn:active:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}

.btn:hover,
.btn:focus {
     color: #333;
     text-decoration: none;
     box-shadow: var(--shadow-2);
     transform: translateY(-1px);
}

.btn:active {
     outline: 0;
     background-image: none;
     box-shadow: var(--shadow-1);
     transform: translateY(0);
}

.btn.btn-ghost {
     color: white;
     border: 1px solid white;
     margin-block: 12px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
}

.ripple {
     position: relative;
     overflow: hidden;
}

.ripple::after {
     content: "";
     position: absolute;
     width: var(--ripple-size, 0);
     height: var(--ripple-size, 0);
     left: calc(var(--ripple-x, 50%) - (var(--ripple-size, 0) / 2));
     top: calc(var(--ripple-y, 50%) - (var(--ripple-size, 0) / 2));
     background: rgba(255, 255, 255, 0.35);
     border-radius: 999px;
     transform: scale(0);
     opacity: 0.35;
     pointer-events: none;
     transition: transform var(--motion-slow) var(--motion-ease), opacity var(--motion-slow) linear;
}

.ripple-animating::after {
     transform: scale(1);
     opacity: 0;
}

/* ===================================================================
    TYPOGRAPHY
    =================================================================== */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 4px;
}

/* ===================================================================
    HEADER & NAVIGATION
    =================================================================== */

header {
     width: 100%;
     position: fixed;
     -webkit-backdrop-filter: blur(12px);
     backdrop-filter: blur(12px);
     transition: background-color 200ms ease-in-out;
     z-index: 100;
     background-color: rgba(0, 0, 0, 0.4);
     box-shadow: var(--shadow-1);
}

@supports (scroll-timeline-name: --mainScroll) {
     .main-bg-cover {
          scroll-timeline-name: --mainScroll;
          scroll-timeline-axis: block;
     }

     header {
          animation: headerAfterHero 1s linear both;
          animation-timeline: --mainScroll;
          animation-range: 0 100vh;
     }

     @keyframes headerAfterHero {
          0%, 99% {
               background-color: rgba(255, 255, 255, 0);
          }
          100% {
               background-color: rgba(0, 0, 0, 0.7);
          }
     }
}

header .navbar {
     align-items: center;
     background: transparent;
     border: none;
     display: flex;
     flex-direction: row;
     height: 10vh;
     justify-content: space-evenly;
     margin: 0;
     min-height: 72px;
     position: relative;
}

@media screen and (min-width: 1024px) {
     header .navbar {
          min-height: 72px;
          height: auto;
     }
}

header .navbar-heading {
     background-color: #000;
     color: white;
     display: block;
     font-family: 'Montserrat', sans-serif;
     font-size: 1rem;
     font-weight: 600;
     letter-spacing: 2px;
     padding: .75rem 0;
     position: relative;
     text-align: center;
     text-decoration: none !important;
     text-transform: uppercase;
     z-index: 20;
}

header .navbar-heading:hover,
header .navbar-heading:focus {
     color: #73a2b0;
     text-decoration: none;
}

@media screen and (min-width: 1024px) {
     header .navbar-heading {
          background-color: transparent;
          font-size: 1.625rem;
          margin: 0;
          width: 156px;
          z-index: 100;
     }
}

.font-nav {
     font-size: 3rem !important;
     text-decoration: none !important;
}

@media screen and (min-width: 1024px) {
     .font-nav {
          font-size: 1.125rem !important;
     }
}

/* ===================================================================
    BURGER MENU - MOBILE NAVIGATION
    =================================================================== */

.burger-menu {
     align-items: center;
     background: transparent;
     border: none;
     cursor: pointer;
     display: none;
     flex-direction: column;
     gap: 1rem;
     height: 5.5rem;
     justify-content: center;
     left: 1rem;
     padding: 0.75rem;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 5.5rem;
     z-index: 1000;
}

.burger-line {
     background-color: white;
     border-radius: 0.4rem;
     display: block;
     height: 0.4rem;
     transform-origin: center;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     width: 4rem;
}

.burger-menu.active .burger-line:nth-child(1) {
     transform: translateY(1.25rem) rotate(45deg);
}

.burger-menu.active .burger-line:nth-child(2) {
     opacity: 0;
     transform: scaleX(0);
}

.burger-menu.active .burger-line:nth-child(3) {
     transform: translateY(-1.5rem) rotate(-45deg);
}

.burger-menu:hover .burger-line {
     background-color: #73a2b0;
}

.burger-menu:focus {
     outline: 2px solid rgba(255, 255, 255, 0.5);
     outline-offset: 4px;
}

.nav-links {
     align-items: center;
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     width: 100%;
}

.navbar-brand-mobile {
     display: none !important;
}

@media (max-width: 1023px) {
     .burger-menu {
          display: flex;
     }
     
     .navbar-brand-mobile {
          color: white;
          display: flex !important;
          font-family: 'Montserrat';
          font-size: 2.75rem;
          font-weight: 600;
          letter-spacing: 3px;
          padding: 1rem;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
     }

     .navbar-brand-mobile:hover {
          color: #73a2b0;
          text-decoration: none;
     }

     .nav-links a.navbar-heading:not(.font-nav) {
          display: none;
     }
     
     .nav-links {
          align-items: center;
          background-color: rgba(0, 0, 0, 0.95);
          flex-direction: column;
          height: 100vh;
          justify-content: center;
          left: 0;
          opacity: 0;
          padding: 4rem 2rem;
          position: fixed;
          top: 0;
          transform: translateY(-20px);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          visibility: hidden;
          width: 100%;
          z-index: 998;
     }
     
     .nav-links.active {
          opacity: 1;
          transform: translateY(0);
          visibility: visible;
     }
     
     .nav-links .navbar-heading {
          font-size: 1.25rem;
          letter-spacing: 3px;
          text-align: center;
     }
     
     .nav-links.active .navbar-heading {
          animation: slideInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          opacity: 0;
          transform: translateY(20px);
     }
     
     .nav-links.active .navbar-heading:nth-child(1) { animation-delay: 0.1s; }
     .nav-links.active .navbar-heading:nth-child(2) { animation-delay: 0.15s; }
     .nav-links.active .navbar-heading:nth-child(3) { animation-delay: 0.2s; }
     .nav-links.active .navbar-heading:nth-child(4) { animation-delay: 0.25s; }
     .nav-links.active .navbar-heading:nth-child(5) { animation-delay: 0.3s; }
     .nav-links.active .navbar-heading:nth-child(6) { animation-delay: 0.35s; }
     .nav-links.active .navbar-heading:nth-child(7) { animation-delay: 0.4s; }
     
     .nav-links .navbar-heading:hover {
          color: #73a2b0;
          transform: translateY(20px) scale(1.05);
     }
     
     .nav-links .navbar-heading:not(:last-child)::after {
          background-color: rgba(255, 255, 255, 0.15);
          content: '';
          display: block;
          height: 1px;
          margin: 3rem auto;
          width: 6rem;
     }
}

@media (min-width: 1024px) {
     .burger-menu {
          display: none;
     }
     
     .navbar-brand-mobile {
          display: none !important;
     }
     
     .nav-links {
          align-items: center;
          background-color: transparent;
          display: flex;
          flex-direction: row;
          gap: 48px;
          height: auto;
          justify-content: center;
          opacity: 1;
          padding: 0 15vw;
          position: static;
          transform: none;
          visibility: visible;
          width: 100%;
     }
}

@keyframes slideInUp {
     to {
          opacity: 1;
          transform: translateY(0);
     }
}

body.menu-open {
     overflow: hidden;
}

/* ===================================================================
    MAIN CONTENT & SECTIONS
    =================================================================== */

main {
     background-color: #e6e6e6;
     min-height: 100%;
     overflow: hidden;
     position: relative;
}

.main-bg-cover {
     -webkit-overflow-scrolling: touch;
     background-attachment: fixed;
     background-image: url('/wwwroot/home.jpg');
     background-position: center;
     background-size: 205%;
     height: 100vh;
     overflow-y: scroll;
     scroll-behavior: smooth;
     scroll-snap-type: y mandatory;
     width: 100vw;
}

@media (max-width: 1023px) {
     .main-bg-cover {
          background-size: 505%;
     }
}

.snap-section {
     height: 100vh;
     scroll-snap-align: start;
     width: 100%;
}

@media (max-width: 1023px) {
     .snap-section {
          height: auto;
          min-height: 100vh;
          scroll-snap-align: start;
     }
}

.snap-section-2 {
     height: 100vh;
     scroll-snap-align: start;
     padding: 24px;
}

@media (max-width: 1023px) {
     .snap-section-2 {
          height: auto;
          min-height: 100vh;
          scroll-snap-align: center;
          padding: 0;
     }
}

/* ===================================================================
    HERO SECTION
    =================================================================== */

.hero-content-flex {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100vh;
     justify-content: center;
}

.hero-content-flex > * {
     animation: fadeUp var(--motion-slow) var(--motion-ease) forwards;
     opacity: 0;
     transform: translateY(16px);
}

.hero-content-flex > *:nth-child(2) {
     animation-delay: 120ms;
}

.hero-content-flex > *:nth-child(3) {
     animation-delay: 220ms;
}

@keyframes fadeUp {
     to {
          opacity: 1;
          transform: translateY(0);
     }
}

.hero-title {
     border-bottom: 1px solid white;
     color: white;
     font-family:'Montserrat', sans-serif;
     font-size: 116.3px;
     font-weight: 600 !important;
     margin: 0;
     padding: 48px;
}

.font-hero-subtitle {
     color: white;
     font-family:'Montserrat', sans-serif;
     font-size: 41.7px;
     font-weight: 400;
     margin: 24px;
     margin-top: 0px;
     padding: 24px;
}

/* ===================================================================
    MENU SECTIONS
    =================================================================== */

.menu-section {
     height: 50vh;
     width: 100%;
}

.menu-section.tiles {
     flex-direction: row;
     gap: 24px;
     width: 100%;
}

.menu-section.tiles .menu-tile {
     background-position: center;
     background-repeat: no-repeat;
     background-size: 0 0;
     box-shadow: var(--shadow-1);
     cursor: pointer;
     flex: 1 1 0;
     height: 100%;
     min-width: 0;
     overflow: hidden;
     position: relative;
     transition: box-shadow var(--motion-medium) var(--motion-ease);
}

.menu-section.tiles .menu-tile::before {
     background-image: inherit;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     content: "";
     inset: 0;
     position: absolute;
     transform: scale(1);
     transition: none;
     will-change: auto;
     z-index: 0;
}

.menu-section.tiles .menu-tile.menu-map .nav-content {
     z-index: 20;
}

.menu-section.tiles .menu-tile.menu-map .nav-toggle,
.menu-section.tiles .menu-tile.menu-map .nav-toggle:before {
     z-index: 5;
}

@media screen and (min-width: 1024px) {
     .menu-section {
          display: block;
          height: 100vh;
          padding-top: 144px;
          padding-bottom: 72px;
     }

     .menu-section.tiles {
          display: flex;
     }
}

@media (max-width: 1023px) {
     .menu-section.tiles {
          display: flex;
          align-items: center;
          flex-wrap: nowrap;
          gap: 16px;
          min-height: 100vh;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x mandatory;

          --tile-width: 80vw;
          --tile-height: 60vh;
          padding-inline: calc((100vw - var(--tile-width)) / 2);
          scroll-padding-inline: calc((100vw - var(--tile-width)) / 2);
     }

     .menu-section.tiles .menu-tile {
          flex: 0 0 var(--tile-width);
          height: var(--tile-height);
          max-height: var(--tile-height);
          scroll-snap-align: center;
          scroll-snap-stop: always;
     }

     .menu-section.tiles {
          scrollbar-width: none;
     }
     .menu-section.tiles::-webkit-scrollbar {
          display: none;
     }
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
     .menu-section.tiles .menu-tile {
          will-change: auto;
     }

     .menu-section.tiles .menu-tile:hover,
     .menu-section.tiles .menu-tile:focus-within {
          box-shadow: var(--shadow-2);
     }

     .menu-section.tiles .menu-tile:hover .nav-toggle:before,
     .menu-section.tiles .menu-tile:focus-within .nav-toggle:before {
          background-color: rgba(0, 0, 0, 0.2);
     }
}

.menu-section .nav-toggle {
     display: block;
     height: 100%;
     padding: 0;
     position: relative;
     transition: opacity 200ms, transform 200ms;
     width: 100%;
     z-index: 10;
}

.menu-section .nav-toggle:before {
     background-color: rgba(0, 0, 0, 0.12);
     content: "";
     display: block;
     inset: 0;
     position: absolute;
     transition: background-color var(--motion-fast) var(--motion-ease);
     z-index: 10;
}

.menu-section .nav-toggle img {
     bottom: 0;
     height: 100%;
     left: 0;
     object-fit: cover;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
}

.nav-content {
     bottom: 0;
     left: 0;
     overflow: hidden;
     padding: 1.125rem;
     position: absolute;
     right: 0;
     transition: opacity 200ms;
     white-space: normal;
     z-index: 10;
}

@media screen and (min-width: 1024px) {
     .nav-content {
          padding: 2rem;
     }
}

@media screen and (max-width: 1023px) {
     .nav-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 100%;
          text-align: center;
          gap: 12px;
          background-color: rgba(0, 0, 0, 0.3);
          -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
          padding: 3rem;
     }
}

.nav-content .nav-title {
     color: white;
     display: block;
     font-size: 1.25rem;
     font-weight: 700;
     letter-spacing: 2px;
     line-height: 1.4;
     margin: 0;
     text-transform: uppercase;
}

@media (max-width: 1023px) {
     .nav-content .nav-title {
          font-size: 3rem;
          font-weight: 500;
     }
}

@media screen and (min-width: 1024px) {
     .nav-content .nav-title {
          font-size: 1.625rem;
     }
}

.nav-content .btn {
     display: none;
}

@media (max-width: 1023px) {
     .nav-content .btn {
          display: inline-block;
          margin-top: 16px;
     }
}

@media screen and (min-width: 1024px) {
     .nav-content .btn {
          display: inline-block;
          margin-top: 30px;
          margin-bottom: -80px;
          opacity: 0;
          transition: all 200ms ease-in-out;
     }
}

@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
     .menu-section ul.menu li:hover .nav-content .btn,
     .menu-section ul.menu li:focus-within .nav-content .btn,
     .menu-section .menu-tile:hover .nav-content .btn,
     .menu-section .menu-tile:focus-within .nav-content .btn {
          margin-bottom: 0;
          opacity: 1;
     }
}

/* ===================================================================
    ACCESSIBILITY
    =================================================================== */

@media (prefers-reduced-motion: reduce) {
     *,
     *::before,
     *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
     }
     
     .burger-menu,
     .burger-line,
     .nav-links,
     .nav-links .navbar-heading {
          animation: none !important;
          transition: none !important;
     }
}

/* ===================================================================
    PAGE-SPECIFIC LAYOUT HELPERS
    =================================================================== */

.about-hero {
     width: 100vw;
     height: 25vh;
     min-height: 400px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
}

.about-hero-title {
     font-size: 5.625rem;
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 4px;
     padding: 24px;
     margin: 24px;
}

.about-main-content {
     background: white;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}

.about-main-inner {
     width: 60vw;
     padding: 48px;
}

@media (max-width: 1023px) {
     .about-main-inner {
          width: 100vw;
     }
}

.about-page-heading {
     line-height: 2;
}

.about-secure-section {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 48px;
}

.about-secure-title {
     font-size: 3.75rem;
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 4px;
     padding: 24px;
     margin: 24px;
}

.about-secure-text {
     color: white;
     width: 60vw;
     max-width: 600px;
     text-align: center;
     padding-block-end: 48px;
}

.about-core-values-section {
     background: #e6e6e6;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 48px;
}

.about-core-values-title {
     color: #04293c;
     font-size: 3.75rem;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 4px;
     padding: 24px;
     margin: 24px;
}

.section-title-underline {
     border-bottom: 1px solid currentColor;
}

.info-row {
     display: flex;
     flex-direction: row;
     width: 60vw;
     padding: 48px;
     gap: 48px;
     align-items: center;
     justify-content: center;
}

.info-row--white {
     color: white;
}

.info-text {
     display: flex;
     flex-direction: row;
     width: 30vw;
}

.info-num {
     padding: 24px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
}

.info-num p {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 1.75rem;
}

.info-body {
     padding: 24px;
}

.info-body-text {
     border-bottom: 1px solid #73a2b0;
     padding-block-end: 12px;
}

.info-icon {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 24px;
     width: 30vw;
}

.remedies-row {
     display: flex;
     flex-direction: row;
     gap: 48px;
     width: 60vw;
     align-items: center;
     justify-content: center;
     text-align: center;
}

.remedy-card {
     padding: 24px;
}

.text-accent {
     color: #73a2b0;
}

@media (max-width: 1023px) {
     .info-row {
          flex-direction: column;
          width: 100vw;
          padding: 48px;
          gap: 48px;
     }

     .info-row > .info-icon {
          order: -1;
     }

     .info-row > .info-text {
          order: 0;
     }

     .info-text {
          width: 100%;
          flex-direction: column;
          align-items: center;
          padding: 24px;
     }

     .info-num {
          padding: 24px;
     }

     .info-body {
          padding: 0;
          width: 100%;
     }

     .info-icon {
          width: 100%;
          padding: 24px;
     }

     .remedies-row {
          flex-direction: column;
          width: 100vw;
          padding: 24px;
          gap: 24px;
     }
}

.panel-breadcrumb {
     padding-bottom: 15px;
     font-family: "Roboto", "Montserrat", sans-serif;
     text-transform: uppercase;
     font-size: 1rem;
     letter-spacing: 1px;
}

.panel {
     position: relative;
     margin: 0;
     border: 0;
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
     z-index: 0;
}

.panel-breadcrumb .breadcrumb {
     background-color: transparent;
     border-radius: 0;
     margin: 0;
     padding-right: 0;
     padding-left: 0;
}

.breadcrumb {
     padding: 8px 15px;
     margin-bottom: 20px;
     list-style: none;
     background-color: #f5f5f5;
     border-radius: 4px;
}

.breadcrumb>li {
     display: inline-block;
}

.breadcrumb>.active {
     color: #777;
}

.breadcrumb>li>a {
     color: #0069b4;
     text-decoration: none;
}

.panel-breadcrumb .breadcrumb li+li:before {
     content: "/";
}

.breadcrumb>li+li:before {
     content: "/ ";
     padding: 0 5px;
     color: #ccc;
}

p {
     font-family: "Roboto", "Montserrat", sans-serif;
     letter-spacing: 1px;
     line-height: 2;
     margin: auto;
     font-size: 1.125rem;
     text-align: left;
}

.paragraph-spacer {
     margin-top: 12px;
}

.about-values-grid {
     display: flex;
     flex-direction: column;
     gap: 32px;
     align-items: center;
     margin-block: 48px;
     padding-block: 48px;
}

.about-value-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     max-width: 260px;
}

.about-value-item p {
     text-align: center;
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0 auto 1.6875rem;
     letter-spacing: 1px;
     color: #04293c;
     max-width: 250px;
}

.about-value-item img {
     width: 150px;
     height: 150px;
     object-fit: contain;
     margin-bottom: 12px;
}

@media (min-width: 1024px) {
     .about-values-grid {
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto;
          row-gap: 48px;
     }

     .about-value-item {
          padding: 0 24px;
          width: 300px;
     }
}

.footer-links {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 48px 20vw;
     width: 100vw;
     -webkit-backdrop-filter: blur(12px);
     backdrop-filter: blur(12px);
     transition: background-color 200ms ease-in-out;
     background-color: rgba(0, 0, 0, 0.4);
}

.footer-links a {
     letter-spacing: 3px;
     padding: 1rem;
     display: flex !important;
     font-size: 1rem;
     color: white;
     text-transform: uppercase;
     text-align: center;
     text-decoration: none;
     font-family: 'Montserrat';
     font-weight: 600;
}

.footer-links a:hover {
     color: #73a2b0;
}

@media (max-width: 1023px) {
     .footer-links {
          flex-direction: column;
          justify-content: center;
          gap: 12px;
          padding: 24px;
     }
}