.safe-neuron {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   transform: translateY(-56px);
   height: max-content;
   scroll-behavior: smooth;
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
   max-width: 100vw;
   overflow: hidden;
}

.safe-neuron_hero {
   width: 100%;
   height: 727px;
   border-top: 6px solid white;
   background-color: #fff;
   background-image: url("../images/safe_neuron_hero1.e3bdbf8bd4c7.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   color: #00122A;
}
 
.safe-neuron_hero-content {
   display: flex;
   flex-direction: column;
   width: 60%;
   height: 100%;
   justify-content: center;
   box-sizing: border-box;
   margin-left: 155px;
} 

.safe-neuron_hero-back {
   display: inline-block;
   width: fit-content;
   max-width: 100%;
   margin-bottom: 20px;
}

.safe-neuron_hero-back-link {
   display: flex;
   align-items: center;
   column-gap: 10px;
}

.safe-neuron_hero-subtitle {
   color: #00122A !important;
   margin-top: 100px;
   font-size: 30px;
   font-weight: 300;
}

.safe-neuron_hero-title {
   font-size: 82px !important;
   font-weight: bold;
   margin-left: 0 !important;
   margin-bottom: 22px !important;
   padding: 0 !important;
   text-align: left;
}

.safe-neuron_hero-text {
   width: 80%;
   font-size: 22px;
   line-height: 1.3;
   padding: 0 !important;
   margin-bottom: 40px;
   text-align: left;
}


@media (min-width: 1024px) {
   .safe-neuron_desktop-buttons {
     display: flex;
     flex-direction: row;
     gap: 24px;
     align-items: center;
   }
 }

 .safe-neuron_desktop-button {
   font-size: 20px;
   font-weight: bold;
   display: flex;
   text-align: center;
   align-items: center;
   justify-content: center;
   height: 65px;
   min-width: 260px;
   margin-top: 24px;

   box-shadow: 0  4px 4px 0 rgba(0, 0, 0, 0.25);
 }

@media (max-width: 1440px) {
   .safe-neuron_hero-back-link img {
     height: 50px;
   }
   .safe-neuron_hero-back {
      margin-bottom: 60px;
   }
   .safe-neuron_desktop-button {
      height: 70px;
      min-width: 240px;
   }
   .safe-neuron_hero-text {
      margin-bottom: 40px;
   }
}

@media (max-width: 1024px) {
   .safe-neuron_desktop-buttons {
     display: flex;
     gap: 24px;
   }
   .safe-neuron_hero-back-link img {
      height: 40px;
   }
    .safe-neuron_desktop-button {
       height: 65px;
       min-width: 200px;
   }
   .safe-neuron_hero-text {
      margin-bottom: 60px;
   }
}

@media (max-width: 768px) {
   .safe-neuron_hero-content {
     margin-left: 50px;
   }

   .safe-neuron_hero-title {
      font-size: 50px !important;
   }
   .safe-neuron_hero-subtitle {
      margin-top: 70px;
   }

   .safe-neuron_desktop-buttons {
     margin-left: -20px;
   }

   .safe-neuron_overview-container {
      flex-direction: column;
   }

   .safe-neuron_overview-title {
      text-align: center;
   }

   .safe-neuron_overview-description {
      width: 100%;
   }
}

 /* overview block */
.safe-neuron_overview {
   padding: 0 163px 100px;
   border-bottom: 2px solid #000;
}

.safe-neuron_overview-container {
   display: flex;
   justify-content: space-between;
   margin-top: 120px;
}

.safe-neuron_border {
   border-top: 2px solid #000;
   padding-top: 100px;
}

.safe-neuron_overview-title {
   font-weight: bold;
   font-size: 52px;
   color: #00122A;
   width: 30%;
   display: flex;
   align-items: center;
}

.safe-neuron_overview-description {
   font-size: 20px;
   text-align: justify;
   width: 60%;

}
 /* overview block nav */
.safe-neuron_overview-nav-title {
   font-weight: 500;
   font-size: 30px;
   color: #00122A;
   margin-top: 50px;
}

.safe-neuron_overview-nav-container {
   display: flex;
   justify-content: center;
   column-gap: 30px;
   width: 100%;
   color: #113362;
}

.safe-neuron_overview-nav-card {
   width: 35%;
}

.safe-neuron_overview-nav-item {
   width: 100%;
   background-color: #F2F4F9;
   border-left: 5px solid #113362;
   font-weight: bold;
   font-size: 29px;
   padding: 15px;
   margin-top: 50px;
}

/* .safe-neuron_overview-nav-item:hover,
.safe-neuron_neurotoxicity-nav-item:hover {
   background-color: #e1e6f0;
   cursor: pointer;
   box-shadow: inset 5px 0 0 #1a4a8c;
   color: #113362;
   transition: all 0.3s ease;
} */
.safe-neuron_overview-nav-sub-menu {
   max-height: 0;
   /* overflow: hidden; */
   transition: max-height 0.4s ease;
   max-height: 300px;
}

.safe-neuron_overview-nav-sub-menu.open {
   max-height: 500px;
 }

.safe-neuron_overview-nav-sub-menu li {
   list-style: none;
   font-weight: 500;
   font-size: 22px;
   margin-top: 10px;
   padding: 8px 12px;
   border-radius: 6px;
   color: #113362;
   cursor: pointer;
   transition: background-color 0.3s ease, color 0.3s ease;
}

.safe-neuron_overview-nav-sub-menu li.active,
.safe-neuron_overview-description a {
   color: #2ECC71;
}

.safe-neuron_overview-nav-sub-menu li:hover {
   background-color: #e8edf6;
   color: #0d2a50;
}

.safe-neuron_references {
   padding: 0 163px;
   border-top: 2px solid #000;
   margin-top: 100px;
}
.safe-neuron_references-list {
   margin: 20px 0 0 40px;
   font-weight: 500;
   font-size: 18px;
   color: #000;
}

.safe-neuron_references-list a:hover,
.safe-neuron_overview-description a:hover {
   text-decoration: underline;
   color: #113362;
}

.safe-neuron_references-list li {
   list-style: none;
   padding-left: 1.5em;
   position: relative;
   text-align: justify; 
   margin-bottom: 10px;
}

.safe-neuron_references-list li:before {
   content: "•"; 
   position: absolute;
   left: 0;
}

.safe-neuron-img-title {
   margin-top: 50px;
   font-size: 25px;
   text-align: center;
}

@media (max-width: 1440px) {
   .safe-neuron_overview {
      padding: 0 120px 100px;
   }
   .safe-neuron_overview-nav-card {
      width: 40%;
   }
   .safe-neuron_overview-nav-item {
      font-weight: 500;
      font-size: 25px;
      padding: 12px 8px;
   }
   .safe-neuron_overview-title {
      font-size: 48px;
      line-height: 1.5;
   }
   .safe-neuron_overview-description {
      font-size: 22px;
   }
}

@media (max-width: 1024px) {
   .safe-neuron_overview {
      padding: 0 80px 80px;
   }
   .safe-neuron_references {
      padding: 0 80px;
   }
   .safe-neuron_overview-nav-container {
      flex-direction: column;
      align-items: center;
   }
   .safe-neuron_overview-nav-card {
      width: 80%;
   }
   .safe-neuron_overview-nav-item {
      font-weight: 500;
      font-size: 25px;
      padding: 12px 8px;
      margin-top: 20px;
   }
   .safe-neuron_overview-title {
      font-size: 35px;
   }
   .safe-neuron_overview-description {
      font-size: 22px;
   }
   .safe-neuron_overview-nav-title {
      margin-top: 50px;
      font-size: 25px;
   }
}

@media (max-width: 768px) {
   .safe-neuron_overview-container {
      flex-direction: column;
   }
   .safe-neuron_overview-title {
      justify-content: center;
      width: 100%;
   }
   .safe-neuron_overview-description,
   .safe-neuron_hero-text {
      width: 100%;
   }
   .safe-neuron_references {
      padding: 0 20px;
   }

   .safe-neuron_references-list {
      margin: 20px 0 0 0;
   }
   .safe-neuron_overview {
      padding: 0 20px 80px;
   }
   .safe-neuron_hero-subtitle {
      margin-top: 0;
   }
}