.sectionbackground {
    background: #d4edda; /* Light green background */
    height: 1430px;
    align-content: end;
  }
  
  
.d-flex.subscription1 {
    margin-bottom: 30px;
  }

.card-titleff{
  font-size: 40px;
  font-weight: 500;
  /* margin: 25px 0; */
  font-family: "Epilogue";

}

.dashboardbtn{
  height: 37px;
  display: flex; 
  
  align-items: center;
  justify-content: center;
  font-family: 'Rubik', sans-serif;
  color: rgb(58, 56, 56) !important; 
  font-size: 16px;
  text-decoration: none;
  background: linear-gradient(to right, #FFD166, #FF8C42);
  border: none;
  border-radius: 5px; /* Optional: Adds slight rounding for a better look */
  cursor: pointer; /* Optional: Changes cursor to pointer on hover */
  transition: background 0.3s ease-in-out; /* Optional: Smooth background transition */
}
/* py-3 mt-4 mb-4 */

.dashboard_section{
  margin-top:20px;
  margin-bottom: 30px;
  padding-top: 12px; /* Equivalent to py-3 in Bootstrap */
  padding-bottom: 12px;
}

.common-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px; /* Adjust padding for spacing */
  /* background-color: #f8f9fa; Light background */
  /* border-bottom: 2px solid #3a3838; */
  border-radius: 6px 6px 0 0; /* Rounded top corners */
  margin-bottom: 16px;
}

.common-header h4 {
  color: #003366; /* Dark blue for better visibility */
  font-weight: 600;
  margin-bottom: 0;
}


/* added 13march */

@media (max-width: 992px) {
  .navbar-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: white;
      padding: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .navbar-nav {
      flex-direction: column;
      align-items: flex-start;
  }
  .navbar-nav {
   gap: 10px;
}

}

.navbar {
  z-index: 1050; /* Ensures it stays above other elements */
}

/* Ensures navbar items align properly in mobile view */
.navbar-toggler {
  display: flex;
  align-items: center;
}



/* Fixes dropdown visibility issue */
.dropdown-menu {
  z-index: 1051;
}

/* Prevents overlapping issues */
body {
  padding-top: 40px; /* Adjust to navbar height */
}
@media (max-width: 768px) { 
  .loginbutton {
      display: block; /* Make buttons full-width */
      width: 100%; 
      margin-bottom: 10px; /* Add spacing between buttons */
  }
}


.navbar {
  z-index: 1050; /* Ensures it stays above other elements */
}

/* Ensures navbar items align properly in mobile view */
.navbar-toggler {
  align-items: center;
}

/* Fixes dropdown visibility issue */
.dropdown-menu {
  z-index: 1051;
}

/* Prevents overlapping issues */
body {
  padding-top: 80px; /* Adjust to navbar height */
}

@media (max-width: 768px) {
  .container {
      flex-direction: row;
      width: 90%;
  }
}



/* added 13march for responsive view */

@media (max-width: 992px) {
  .navbar-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: white;
      padding: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .navbar-nav {
      flex-direction: column;
      align-items: flex-start;
  }
  .navbar-nav {
   gap: 10px;
}

}

.navbar {
  z-index: 1050; /* Ensures it stays above other elements */
}

/* Ensures navbar items align properly in mobile view */
.navbar-toggler {
  display: flex;
  align-items: center;
}



/* Fixes dropdown visibility issue */
.dropdown-menu {
  z-index: 1051;
}

/* Prevents overlapping issues */
body {
  padding-top: 40px; /* Adjust to navbar height */
}
@media (max-width: 768px) { 
  .loginbutton {
      display: block; /* Make buttons full-width */
      width: 100%; 
      margin-bottom: 10px; /* Add spacing between buttons */
  }
}


.navbar {
  z-index: 1050; /* Ensures it stays above other elements */
}

/* Ensures navbar items align properly in mobile view */
.navbar-toggler {
  align-items: center;
}

/* Fixes dropdown visibility issue */
.dropdown-menu {
  z-index: 1051;
}

/* Prevents overlapping issues */
body {
  padding-top: 80px; /* Adjust to navbar height */
}

@media (max-width: 768px) {
  .container {
      flex-direction: row;
      width: 90%;
  }
}


/* for the spacing  */


    /* Reduce vertical spacing between columns inside a row */
.tight-row > .col-md-3 {
    margin-bottom: -7px; /* adjust as needed (e.g., 4px, 8px, 12px) */
}


/* patietn sidebarr csss/ */

/* for icd codes */

.loading-indicator-container{
  width: 100% !important;
}