/* Style all input fields */
 

body{
    overflow-x: hidden; 
   }
  
  /* The message box is shown when the user clicks on the password field */
  #message2 {
    display:none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
  }
  
  #message2 p {
    padding: 1px 10px;
    font-size: 12px;
  }
  
  /* Add a green text color and a checkmark when the requirements are right */
  .valid {
    color: #50C878;
  }
  
  .valid:before {
    position: relative;
    left: -35px;
    content: "✔";
  }
  
  /* Add a red text color and an "x" when the requirements are wrong */
  .invalid {
    color: red;
  }
  
  .invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
  }
 
          body {
              padding: 20px;
              background-color: #f8f9fa;
  
              font-family: 'Roboto';
              /*font-size: 22px;*/
  
          }
          #facilitie {
    font-size: 12px;
  }
  
  #facilitie .register-button {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    color: white;
    background-color: #50C878;
    text-align: center;
    border-radius: 25px;
    width: fit-content;
    text-decoration: none;
    transition: background-color 0.3s ease;
  }
  
  #facilitie .register-button:hover {
    background-color: #008000; /* Full green color on hover */
  }
  
          .container_sort {
              border: 2px solid #50C878;
              padding: 20px;
              border-radius: 10px;
              background-color: white;
          }
          .category-container {
              display: flex;
              justify-content: space-between;
              margin-bottom: 20px;
          }
          .category-section {
              flex: 1;
              padding: 10px;
              border-radius: 5px;
              cursor: pointer;
              text-align: center;
          }
          .active-section {
              background-color: rgba(0, 128, 0, 0.3);
          }
          .inactive-section {
              background-color: #50C878;
              color: white;
          }
          .form-group select {
              border: 2px solid green;
              border-radius: 5px;
          }
          .hospital-cards-container {
              display: flex;
              flex-wrap: wrap;
              gap: 20px;
          }
          .hospital-card {
              border: 1px solid #ddd;
              border-radius: 10px;
              padding: 15px;
            width: 100%;
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
              background-color: white;
              color: black;
              text-align: center;
          }
          .hospital-card2 {
  
              width: calc(33.333% - 20px);
          }
          .hospital-card img {
              width: 100%;
              height: 200px;
              object-fit: cover;
              border-radius: 10px;
          }
          .hospital-title {
              font-size: 1.5rem;
              font-weight: bold;
              margin-top: 10px;
              color: #50C878;
          }
           
          .book-btn {
              margin-top: 10px;
              width: 100%;
              background-color: red;
              color: white;
              border: none;
              padding: 10px;
              border-radius: 5px;
          }
          .loader-container {
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              z-index: 1000;
          }
          .loader-container img {
              width: 50px;
          }
          .row_sort {
              display: flex;
              gap: 10px;
          }
          .location, .depandserv {
              flex: 1;
          }
          .location-sort, .service-department-sort {
              display: flex;
              align-items: center;
              gap: 10px;
          }
          .spacer {
              flex-basis: 10%; /* Adjust the space as needed */
          }

          
            .heading2 {
              color: #50C878;
              font-weight: bold;
              text-align: center;
              margin-top: 20px;
              font-size: 24px;
          }
  
          @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
  
          :root {
              --line-border-fill: #3498db;
              --line-border-empty: #e0e0e0;
          }
  
          .progress-container {
              display: flex;
              justify-content: space-between;
              margin-bottom: 30px;
              max-width: 100%;
              width: 350px;
              position: relative;
              margin: auto;
          }
  
          .progress-container::before {
              content: "";
              background-color: var(--line-border-empty);
              position: absolute;
              top: 50%;
              left: 0;
              height: 4px;
              width: 100%;
              transform: translateY(-50%);
              z-index: -1;
          }
  
          .progress {
              background-color: var(--line-border-fill);
              position: absolute;
              top: 50%;
              left: 0;
              height: 4px;
              width: 0%;
              transform: translateY(-50%);
              z-index: -1;
              transition: .4s ease;
          }
  
          .circle {
              background-color: white;
              color: #999;
              border-radius: 50%;
              height: 30px;
              width: 30px;
              display: flex;
              align-items: center;
              justify-content: center;
              border: 3px solid var(--line-border-empty);
              transition: .4s ease;
          }
  
          .circle.active {
              border-color: var(--line-border-fill);
          }
  
          .container_sort {
              margin-top: 20px;
          }
  
          .steps-container {
              cursor: pointer;
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
              padding: 10px;
              margin-bottom: 20px;
              background-color: #f9f9f9;
              text-align: center;
          }
  
          .steps-container h4 {
              margin: 0;
              color: #333;
          }
  
          .steps-content {
              display: none;
              padding: 10px;
              background-color: #fff;
              border: 1px solid #ddd;
              border-radius: 5px;
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
              margin-top: 10px;
          }
  
          .steps-content p {
              margin-bottom: 10px;
              color: #666;
          }
  
          .loader-container {
              text-align: center;
          }
  
          .loader-container img {
              width: 50px;
              height: 50px;
          }
  
          .hospital-cards-container {
              margin-top: 20px;
          }
     
  
   
  
  
  /*---------------------------------------   PHARMACY-----------------------------------------------------*/
  
  
          .container-custom {
              background-color: white;
              padding: 30px;
              border-radius: 8px;
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          }
          .header {
              text-align: center;
              font-size: 24px;
              font-weight: bold;
              margin-bottom: 30px;
          }
          .header span {
              color: #50C878;
          }
          .step {
              text-align: center;
              margin-bottom: 30px;
          }
          .step-number {
              background-color: #343A40;
              color: white;
              border-radius: 50%;
              width: 40px;
              height: 40px;
              line-height: 40px;
              display: inline-block;
              margin-bottom: 10px;
              font-weight: bold;
          }
          .step-header {
              font-weight: bold;
              margin-bottom: 10px;
          }
          .step-description {
              color: gray;
          }
          .order-button {
              text-align: center;
              margin-top: 30px;
          }
          .order-button button {
              background-color: white;
              border: 2px solid #50C878;
              color: #50C878;
              padding: 10px 20px;
              border-radius: 20px;
              font-size: 16px;
              font-weight: bold;
          }

          


    #Youtube {
    padding: 20px;
  }
  
  #Youtube .text-green-600 {
    color: #50C878;
  }
  
  #Youtube .feature-item {
  
  }
  
  #Youtube .feature-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
  }
  
  #Youtube .join-network-button {
    display: inline-block;
    padding: 15px 30px;
    color: white;
    background-color: #50C878;
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    transition: background-color 0.3s ease;
  }
  
  #Youtube .join-network-button:hover {
    background-color: #008000; /* Full green color on hover */
  }
  

  

  .icon-container {
    width: 80px;
    height: 80px;
    background-color: rgba(34, 197, 94, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
  }
  
  .icon {
    width: 40px;
    height: 40px;
  }
  
  .small-paragraph {
    font-size: 0.875rem;
    color: #333;
  }
  
  .brand_color {
    color: #22c55e;
  }
  .brand_color2 {
    color: #013220;
  }
  .section_title2 p {
    margin-bottom: -10px;
    font-size: 0.7rem;
  }
  
  .row.mb-4 {
    margin-bottom: 30px !important;
  }
  
  .list-practice-button {
    display: inline-block;
    background-color: #22c55e;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }
  
  .list-practice-button:hover {
    background-color: #1e9b4b;
  }
  

  
          .nav-pills .nav-link {
              color: white;
              background-color: #50C878;
              border-radius: 0;
              margin-bottom: 5px;
          }
  
          .nav-pills .nav-link.active {
              background-color: #3b8d64;
          }
  
          .nav-pills .nav-link:hover {
              background-color: #469d73;
          }
  
          .icon-container {
              border-radius: 50%;
              padding: 10px;
              background-color: #e8f5e9;
          }
  
          .icon {
              width: 50px;
              height: 50px;
          }
  
          h3.text-green-600 {
              color: #50C878;
          }
  
          .small-paragraph {
              font-size: 0.9rem;
          }
  
          .list-practice-button {
              background-color: #50C878;
              color: white;
              padding: 10px 20px;
              border-radius: 5px;
              text-decoration: none;
              font-weight: bold;
              transition: background-color 0.3s ease;
          }
  
          .list-practice-button:hover {
              background-color: #3b8d64;
          }
  
          .section_title p, .section_title2 p {
              font-size: 1.5rem;
          }
  
          .section_title span {
              font-size: 1.5rem;
              color: #50C878;
              font-weight: bold;
          }
  
          @media (max-width: 768px) {
              .nav-pills {
                  flex-direction: row;
                  justify-content: space-between;
              }
  
              .nav-pills .nav-link {
                  flex-grow: 1;
                  text-align: center;
                  margin-bottom: 0;
              }
  
              .icon-container {
                  margin-bottom: 10px;
              }
          }

          
   .container-wrapper {
      background-color: white;
      padding: 20px;
      border-radius: 10px;
  }
  
  .nav-pills .nav-link {
      color: #000;
      border-radius: 0;
  }
  .nav-pills {
    margin-top:1.3%;
  }
  .nav-pills .nav-link.active {
      background-color: #50C878;
  }
  
  .section_title, .section_title2 {
      margin-bottom: 0;
  }
  
  .section_title p {
      font-weight: bold;
      font-size: 1.5rem;
  }
  
  .section_title2 p {
      font-weight: normal;
      font-size: 1rem;
      margin-top: 0.5rem;
      margin-bottom: 1rem;
  }
  
  .icon-container {
  
    margin-bottom: 0.5rem;
      border-radius: 50%;
      width: 60px;
    height: 60px;
    background-color: rgba(34, 197, 94, 0.4);
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .icon {
      width: 60%;
      height: 60%;
  }
  
  h5 {
     /* font-size: 1.1rem;*/
      font-weight: bold;
  }
  
  .text-green-600 {
      color: #8bc34a;
  }
  
  .small-paragraph {
      font-size: 0.875rem;
  }
  
  .section-container {
      margin-top: 1rem;
  }
  
  .tab-pane {
      padding-top: 10px;
  }
  
  @media (min-width: 768px) {
    .text-align-justify {
    text-align: justify;
    color: #343A40;
  }
  
   
  .text-align-center {
    text-align: center;
  }
  
  .centered-text {
    margin: 0 auto; /* Center the paragraph horizontally */
    max-width: 600px; /* Set a maximum width for the text block */
  }
  
      .nav-pills {
          flex-direction: column;
          width: 200px;
      }
      .nav-link {
          padding: 10px;
          font-weight: bold;
          text-align: left;
      }
      .tab-content {
          flex-grow: 1;
      }
  }
  
  
  
  /*********************************************************** */
  /* Add this to your custom CSS file or inside a <style> tag */
  .footer .flex.flex-col.space-y-2.justify-start.items-start p {
      font-size: 14px; /* Adjust the font size as needed */
      line-height: 1.2; /* Optional: Adjust line height for better spacing */
      white-space: nowrap; /* Prevent text from wrapping */
      overflow: hidden; /* Hide overflow text if it still overflows */
      text-overflow: ellipsis; /* Add ellipsis to indicate overflowed text */
  }
  
  @media (max-width: 768px) {
              .contact-info span {
                  color: #50C878; /* Green color for email, WhatsApp, and address on smaller screens */
              }
          }
  
          .clickable-link {
              cursor: pointer;
              text-decoration:none;
          }
          .highlight {
              color: #50C878; /* Green color */
              font-weight: bold; /* Bold text */
          }
  
          .clickable-link {
              cursor: pointer;
              text-decoration: none;
          }
  
          /**** */
  .d-flex {
      display: flex;
      justify-content: space-between;
      align-items: start; /* Align items to the start */
      padding: 1rem 0; /* Reduce padding to decrease height */
  }
  
  .rounded-image {
      width: 70%; /* Reduce the width of the image */
      border-radius: 15px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .reduced-image {
      max-height: 20%; /* Reduce image height */
  }
  
  .reduced-title {
      font-size: 0.9rem; /* Reduce title font size */
      font-weight: bold;
  }
  
  .reduced-paragraph {
      font-size: 0.75rem; /* Reduce paragraph font size */
      text-align: left; /* Align text to the left */
      margin-top: 0.5rem; /* Adjust margin for spacing */
      line-height: 1.4; /* Adjust line height for better readability */
  }
  
  .reduced-icon {
      width: 40px; /* Reduce icon size */
      height: 40px; /* Ensure square dimensions */
      margin-bottom: 0.5rem; /* Add margin below icons */
  }
  
  /* Media Query for Mobile */
  @media (max-width: 767px) {
      .container-wrapper .d-flex {
          flex-direction: column; /* Stack content vertically */
          align-items: center; /* Center align for aesthetics */
      }
  
      .tab-pane .col-12 {
          width: 100%; /* Ensure full width for points */
      }
  
      .tab-pane .order-md-1, .tab-pane .order-md-2 {
          order: initial; /* Override order-md class in mobile view */
      }
  
      .rounded-image {
          width: 100%; /* Make image full width */
          max-height: none; /* Remove max-height restriction */
          margin-bottom: 1rem; /* Add spacing below the image */
      }
  
      .icon-container, .reduced-title, .reduced-paragraph {
          text-align: center; /* Center align text */
      }
  }
  

  
          .speedyui-partner {
              --ss-primary-color: #156ff3;
          }
  
          .speedyui-partner .partner-wrapper {
              transition: all .3s;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #fff;
              border-radius: 15px;
              padding: 20px;
              box-sizing: border-box;
          }
  
          .speedyui-partner .partner-wrapper img {
              filter: grayscale(100%);
              transition: all .3s;
              opacity: .8;
              width: 100%;
              height: auto;
              max-height: 100px; /* Adjust the max-height as needed */
              max-width: 180px; /* Adjust the max-width as needed */
              object-fit: contain;
          }
  
          .speedyui-partner .partner-wrapper.show img,
          .speedyui-partner .partner-wrapper:hover img {
              filter: grayscale(0%);
              opacity: 1;
          }

          


    /* Custom modal width */
  .custom-modal-width {
      max-width: 95%; /* Adjust this percentage to control the width */
      width: 95%;
  }
  
  @media (max-width: 768px) {
      .custom-modal-width {
          max-width: 100%;
          width: 100%;
      }
  }
  

  
    .modal-header {
      background-color: #28a745; /* Main color (Green) */
      color: white;
  }
  
  .nav-tabs .nav-link.active {
      background-color: #28a745; /* Active tab background */
      color: white;
  }
  
  .register-option {
      border: 1px solid #28a745;
      padding: 15px;
      text-align: center;
      cursor: pointer;
      margin-bottom: 10px;
  }
  
  .register-option h5 {
      margin: 0;
      color: #28a745;
  }
  
  .register-option:hover {
      background-color: #28a745;
      color: white;
  }
  
  .form-group {
      margin-bottom: 1rem;
  }
  
  .btn-info {
      background-color: #28a745; /* Submit button color */
      border: none;
  }
  
  .btn-info:hover {
      background-color: #218838;
  }
  

  
  .modal-header {
      background-color: #28a745;
      color: white;
  }
  
  .nav-tabs .nav-link {
      color: #28a745;
  }
  
  .nav-tabs .nav-link.active {
      background-color: #28a745;
      color: white;
  }
  
  .card {
      border: 2px solid #28a745;
      cursor: pointer;
  }
  
  .card-body {
      font-size: 18px;
      color: #28a745;
      font-weight: bold;
  }
  
  .form-control {
      border: 2px solid #28a745;
      padding: 10px;
  }
  
  .form-group label {
      color: #28a745;
      font-weight: bold;
  }
  
  .btn-primary, .btn-info {
      width: 100%;
      background-color: #28a745;
      border-color: #28a745;
      font-weight: bold;
      transition: background-color 0.3s ease;
  }
  
  .btn-primary:hover, .btn-info:hover {
      background-color: #218838;
  }
  
  .form-group {
      display: flex;
      align-items: center;
  }
  
  .form-group label {
      flex: 1;
  }
  
  .form-group input, .form-group select, .form-group .fileupload {
      flex: 2;
      margin-left: 10px;
  }

  

    .circle1 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    border: 4px rgba(0, 0, 0, 0.25) solid;
    border-top: 4px black solid;
    border-bottom: 4px black solid;
    border-radius: 50%;
    -webkit-animation: spin1 1s infinite linear;
            animation: spin1 1s infinite linear;
  }
  
  @-webkit-keyframes spin1 {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
              transform: rotate(359deg);
    }
  }
  @keyframes spin1 {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
              transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
              transform: rotate(359deg);
    }
  }
  .container { margin: 150px auto; max-width: 640px; }

  
  /** CSS RESET **/
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
      display: block;
  }
  body {
      line-height: 1.6;
  }
  ol, ul {
      list-style: none;
  }
  blockquote, q {
      quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
      content: '';
      content: none;
  }
  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  body{
    font-family: "Inter";
    background: #fafaf7;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.4285em;
  }
  
  
  
  
  .custom-toast-container {
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 1050;
      margin-bottom: 1rem;
  }
  
  .custom-toast {
      opacity: 0;
      transform: translateY(100%);
      transition: opacity 0.3s, transform 0.3s;
      width: 330px;
      height: auto;
      padding: 10px 15px;
      background-color: #ffffff;
      border-radius: 140px;
      box-shadow: 0 9px 10px rgb(0 0 0 / 29%);
      margin-right: 1rem;
      align-items: center;
      display: flex;
      margin-bottom: 0.5rem;
  }
  
  .custom-toast.show {
      opacity: 1;
      transform: translateY(0);
  }
  
  .custom-toast .icon-container {
      display: flex;
      align-items: center;
      margin-right: 10px;
  }
  
  .custom-toast .icon-container > svg {
      height: 34px;
  }
  
  .custom-toast .content-container {
      display: flex;
      flex-direction: column;
      flex: 1;
  }
  
  .custom-toast .content-container .title {
      font-weight: 600;
      font-size: 15px;
  }
  
  .custom-toast .content-container .message {
      font-size: 14px;
      font-weight: 400;
      color: #111215;
  }
  
  .custom-toast > button {
      background-color: transparent;
      font-size: 25px;
      color: #9b9dab;
      cursor: pointer;
      border: 0;
      padding: 0;
      margin: 0;
      height: 34px;
      width: 34px;
  }
  
  .custom-toast.success .icon-container > svg {
      fill: #47D764;
  }
  
  .custom-toast.success .content-container .title {
      color: #47d764;
  }
  
  .custom-toast.error .icon-container > svg {
      fill: #ff355b;
  }
  
  .custom-toast.error .content-container .title {
      color: #ff355b;
  }
  
  .custom-toast.info .icon-container > svg {
      fill: #2F86EB;
  }
  
  .custom-toast.info .content-container .title {
      color: #2F86EB;
  }
  
  .custom-toast.warning .icon-container > svg {
      fill: #FFC021;
  }
  
  .custom-toast.warning .content-container .title {
      color: #FFC021;
  }
  
  .custom-toast-container .custom-toast:last-child {
      margin-bottom: 1rem;
  }
  
  @media (max-width: 568px) {
      .custom-toast {
          margin: auto 0.5rem;
          left: 0;
          right: 0;
          width: calc(100% - 1rem);
          margin-bottom: 0.5rem;
      }
  
      .custom-toast-container {
          margin: 0;
      }
  }
  .lead { font-size: 1.5rem; font-weight: 300;background: linear-gradient(to right, #000000 0%, #000000 50%,#999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent; margin: 3rem auto;}
  .container { margin: 20px auto; max-width: 960px; }
  h1 {
    background: linear-gradient( 120deg, #bd34fe 30%, #41d1ff );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5rem;
    margin: 3rem auto;
  }

  
  
  .dropdown__ {
    position: relative;
    display: inline-block;
  }
  .services-dropdown {
      display: flex;
      align-items: center;
      cursor: pointer;
  }
  
  .dropdown-icon {
      width: 20px;
      height: 20px;
      margin-left: 5px; /* Adds a small space between the text and the icon */
  }
  .drop_data {
    display: none;
    width:300px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }
  
  .dropdown__:hover .drop_data {
    display: block;
  }
  .py-2:hover {
    color:#50C878;
    
  }
  a:link {
    text-decoration: none;
  }
  
 
  /* Global Styles */
  nav a, nav p {
    text-decoration: none;
    color: inherit;
  }
  
  nav {
    width: 100%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  nav img {
    max-width: 200px;
  }
  
  /* Desktop Navigation */
  nav .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
  }
  
  nav .flex a, nav .flex p {
    margin-right: 1rem;
    font-size: 0.875rem; /* Decreased font size */
  }
  
  nav .dropdown__ {
    position: relative;
    display: inline-block;
  }
  
  nav .drop_data {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }
  
  nav .dropdown__:hover .drop_data {
    display: block;
  }
  
  nav .brand_color {
    background-color: #00B838;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  
  nav .brand_color a, nav .brand_color p {
    color: white;
    margin: 0;
  }
  
  nav .flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  nav .fa-arrow-right-long {
    margin-left: 0.5rem;
  }
  
  /* Mobile Navigation */
  nav #menu {
    cursor: pointer;
  }
  
  nav .menu_items {
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  
  nav .menu_items a, nav .menu_items p {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  
  @media (max-width: 1024px) {
    nav .flex {
      display: none;
    }
    nav .menu_items {
      display: flex;
    }
    .text___{
    margin-top:20%;
    }
  }
  
  @media (min-width: 1025px) {
    nav .menu_items {
      display: none;
    }
    .text___{
    margin-top:20%;
    }
  }
  ul.a {
    list-style-type: circle;
  }