* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: "Roboto", sans-serif;
            overflow: hidden; /* Prevent scrollbar from Particles.js */
        }
        
        .nav {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            position: relative;
            background-color: #002142;
            text-align: center;
            padding: 0 2em;
        }

        .nav-logo {
            margin-bottom: 2rem; /* Adjusted to raise the logo */
            width: 50%;
            max-width: 300px;
        }
        
        .synergy-title {
            font-family: "Josefin Sans", sans-serif;
            font-size: 8vw;
            letter-spacing: 0.5rem;
            color: #0086b7;
            z-index: 3;
        }
        
        .synergy-title:hover {
            color: #ff8502;
        }
        
        .synergy-subtitle {
            font-size: 4vw;
            letter-spacing: 0.3rem;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #CCCCCC;
            z-index: 4;
        }
        
        .synergy-subtitle:hover {
            color: #ff8502;
        }
        
        h3.span {
            font-size: 5vw;
            letter-spacing: 0.7em;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #CCCCCC;
            z-index: 4;
            margin-bottom: 2rem;
        }
        
        span:hover {
            color: #ff8502;
        }
        
        a {
            text-decoration: none;
        }
        
        /* Language Switcher */
        .language-switcher {
            display: flex;
            gap: 1rem;
            margin-top: 1rem;
            z-index: 5;
        }
        
        .lang-btn {
            font-size: 1.5rem;
            font-weight: 500;
            color: #00c1cc;
            transition: color 0.3s ease;
            cursor: pointer;
        }
        
        .lang-btn:hover {
            color: #ff8502;
        }
        
        /* Sticky Nav */
        .nav-container {
            display: flex;
            flex-direction: row;
            position: fixed;
            top: 0;
            width: 100%;
            height: 75px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            background: #002142;
            z-index: 1000;
        }
        
        .nav-tab {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
            color: #00c1cc;
            letter-spacing: 0.1rem;
            transition: all 0.5s ease;
            font-size: 4vw; /* Mobile-first font size */
        }
        
        .nav-tab:hover {
            color: #1e1f26;
            background: #0086b7;
        }
        
        .nav-tab-slider {
            position: absolute;
            bottom: 0;
            width: 0;
            height: 2px;
            background: #0086b7;
            transition: left 0.3s ease;
        }
        
        /* Background */
        .background {
            position: fixed;
            height: 100vh;
            width: 100vw;
            top: 0;
            left: 0;
            right: 0;
            z-index: 0;
        }
        
        /* Contact Cards (formerly .branches) */
        .card {
            background-color: #1f2937;
            padding: 1.5rem;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            text-align: center;
            transition: background-color 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #ffffff;
        }
        
        .card:hover {
            background-color: #ea580c;
        }
        
        /* Loader Animation */
        .loader span {
            color: #faebd7;
            text-shadow: 0 0 0 #faebd7;
            -webkit-animation: loading 1s ease-in-out infinite alternate;
        }
        
        @-webkit-keyframes loading {
            to {
                text-shadow: 20px 0 70px #ff8502;
                color: #ff8502;
            }
        }
        
        .loader span:nth-child(2) { -webkit-animation-delay: 0.1s; }
        .loader span:nth-child(3) { -webkit-animation-delay: 0.2s; }
        .loader span:nth-child(4) { -webkit-animation-delay: 0.3s; }
        .loader span:nth-child(5) { -webkit-animation-delay: 0.4s; }
        .loader span:nth-child(6) { -webkit-animation-delay: 0.5s; }
        .loader span:nth-child(7) { -webkit-animation-delay: 0.6s; }
        .loader span:nth-child(8) { -webkit-animation-delay: 0.7s; }
        .loader span:nth-child(9) { -webkit-animation-delay: 0.8s; }
        .loader span:nth-child(10) { -webkit-animation-delay: 0.9s; }
        .loader span:nth-child(11) { -webkit-animation-delay: 1.0s; }
        .loader span:nth-child(12) { -webkit-animation-delay: 1.1s; }
        .loader span:nth-child(13) { -webkit-animation-delay: 1.2s; }
        .loader span:nth-child(14) { -webkit-animation-delay: 1.3s; }
        .loader span:nth-child(15) { -webkit-animation-delay: 1.4s; }
        .loader span:nth-child(16) { -webkit-animation-delay: 1.5s; }
        .loader span:nth-child(17) { -webkit-animation-delay: 1.6s; }
        .loader span:nth-child(18) { -webkit-animation-delay: 1.7s; }
        .loader span:nth-child(19) { -webkit-animation-delay: 1.8s; }
        .loader span:nth-child(20) { -webkit-animation-delay: 1.9s; }
        .loader span:nth-child(21) { -webkit-animation-delay: 2.0s; }
        .loader span:nth-child(22) { -webkit-animation-delay: 2.1s; }
        
        /* Responsive */
        @media (min-width: 768px) {
            .nav-logo {
                width: 30%;
            }
            .synergy-title {
                font-size: 5vw;
            }
            .synergy-subtitle {
                font-size: 2vw;
            }
            .nav-tab {
                font-size: 1.5vw;
            }
            h3.span {
                font-size: 2vw;
            }
        }

/** {*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  box-sizing: border-box;*/
/*}*/

/*body {*/
/*  font-family: "ROBOTO", sans-serif;*/
/*}*/

/*.nav,*/
/*.slider {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  height: 100vh;*/
/*  position: relative;*/
/*  background-color: #002142;*/
/*  text-align: center;*/
/*  padding: 0 2em;*/
/*}*/

/*.nav h1,*/
/*.slider h1 {*/
/*  font-family: "Josefin Sans", sans-serif;*/
/*  font-size: 5vw;*/
/*  letter-spacing: 0.5rem;*/
/*  color: #0086b7;*/
/*  z-index: 3;*/
/*}*/

/*.synergy-title {*/
  /* This class is now empty as the text is directly in h3.span. 
     You can remove the h1 tag completely if it's not needed for other purposes. */
/*}*/

/*h1:hover {*/
/*  color: #ff8502;*/
/*}*/

/*.slider h2 {*/
/*  font-size: 3vw;*/
/*  letter-spacing: 0.3rem;*/
/*  font-family: "ROBOTO", sans-serif;*/
/*  font-weight: 300;*/
/*  color: #CCCCCC;*/
/*  z-index: 4;*/
/*}*/

/*h3.span {*/
/*  font-size: 2vw;*/
/*  letter-spacing: 0.7em;*/
/*  font-family: "ROBOTO", sans-serif;*/
/*  font-weight: 300;*/
/*  color: #CCCCCC;*/
/*  z-index: 4;*/
/*}*/

/*span:hover {*/
/*  color: #ff8502;*/
/*}*/

/*a {*/
/*  text-decoration: none;*/
/*}*/

/* Sticky Nav */
/*.nav-container {*/
/*  display: flex;*/
/*  flex-direction: row;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 75px;*/
/*  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);*/
/*  background: #002142;*/
/*  z-index: 1000;*/
/*}*/

/*.nav-tab {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  flex: 1;*/
/*  color: #00c1cc;*/
/*  letter-spacing: 0.1rem;*/
/*  transition: all 0.5s ease;*/
/*  font-size: 3vw;*/
/*}*/

/*.nav-tab:hover {*/
/*  color: #1e1f26;*/
/*  background: #0086b7;*/
/*}*/

/*.nav-tab-slider {*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  width: 0;*/
/*  height: 2px;*/
/*  background: #0086b7;*/
/*  transition: left 0.3s ease;*/
/*}*/

/* Background */
/*.background {*/
/*  position: absolute;*/
/*  height: 100vh;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  z-index: 0;*/
/*}*/

/* Contact Cards (formerly .branches) */
/*.card {*/
  background-color: #1f2937; /* Equivalent to bg-gray-700 */
  padding: 1.5rem; /* Equivalent to p-6 */
  border-radius: 0.75rem; /* Equivalent to rounded-xl */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Equivalent to shadow-md */
/*  text-align: center;*/
  transition: background-color 0.3s ease; /* Equivalent to transition hover:bg-orange-600 */
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
  color: #ffffff; /* Equivalent to text-white */
/*}*/

/*.card:hover {*/
  background-color: #ea580c; /* Equivalent to hover:bg-orange-600 */
/*}*/

/* Loader Animation */
/*.loader span {*/
/*  color: #faebd7;*/
/*  text-shadow: 0 0 0 #faebd7;*/
/*  -webkit-animation: loading 1s ease-in-out infinite alternate;*/
/*}*/

/*@-webkit-keyframes loading {*/
/*  to {*/
/*    text-shadow: 20px 0 70px #ff8502;*/
/*    color: #ff8502;*/
/*  }*/
/*}*/

/*.loader span:nth-child(2) { -webkit-animation-delay: 0.1s; }*/
/*.loader span:nth-child(3) { -webkit-animation-delay: 0.2s; }*/
/*.loader span:nth-child(4) { -webkit-animation-delay: 0.3s; }*/
/*.loader span:nth-child(5) { -webkit-animation-delay: 0.4s; }*/
/*.loader span:nth-child(6) { -webkit-animation-delay: 0.5s; }*/
/*.loader span:nth-child(7) { -webkit-animation-delay: 0.6s; }*/
/*.loader span:nth-child(8) { -webkit-animation-delay: 0.7s; }*/
/*.loader span:nth-child(9) { -webkit-animation-delay: 0.8s; }*/
/*.loader span:nth-child(10) { -webkit-animation-delay: 0.9s; }*/
/*.loader span:nth-child(11) { -webkit-animation-delay: 1.0s; }*/
/*.loader span:nth-child(12) { -webkit-animation-delay: 1.1s; }*/
/*.loader span:nth-child(13) { -webkit-animation-delay: 1.2s; }*/
/*.loader span:nth-child(14) { -webkit-animation-delay: 1.3s; }*/
/*.loader span:nth-child(15) { -webkit-animation-delay: 1.4s; }*/
/*.loader span:nth-child(16) { -webkit-animation-delay: 1.5s; }*/
/*.loader span:nth-child(17) { -webkit-animation-delay: 1.6s; }*/
/*.loader span:nth-child(18) { -webkit-animation-delay: 1.7s; }*/
/*.loader span:nth-child(19) { -webkit-animation-delay: 1.8s; }*/
/*.loader span:nth-child(20) { -webkit-animation-delay: 1.9s; }*/
/*.loader span:nth-child(21) { -webkit-animation-delay: 2.0s; }*/
/*.loader span:nth-child(22) { -webkit-animation-delay: 2.1s; }*/

/* Responsive */
/*@media (min-width: 800px) {*/
/*  .nav h1, .slider h1 {*/
/*    font-size: 5vw;*/
/*  }*/
/*  .nav h2, .slider h2 {*/
/*    font-size: 2vw;*/
/*  }*/
/*  .nav-tab {*/
/*    font-size: 2vw;*/
/*  }*/
/*}*/

/*@media screen and (min-width: 360px) {*/
/*  .nav h1, .slider h1 {*/
/*    font-size: 8vw;*/
/*  }*/
/*  .nav h2, .slider h2 {*/
/*    font-size: 2vw;*/
/*    letter-spacing: 0.2vw;*/
/*  }*/
/*  .nav-tab {*/
/*    font-size: 1.2vw;*/
/*  }*/
/*}*/