/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

.light-mode .assesment-icon {
    display: block;
    background-color: #f9f9fb;
    border-radius: 0.5rem;
    border: 1px solid #eaecf0;
    padding: 6px 8px 6px 8px;
    text-align: center;
    gap: 1rem;
}

.light-mode .dark-assesment-icon,
.light-mode .heading3 {
    display: none;
}

.light-mode .display {
    display: none;
}

.light-mode .heading4 {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 600;
}

.light-mode .table-header {
    background: #f9f9fb;
}

.light-mode .view-profile-btn {
    border-color: var(--primary-color);
}

.light-mode .cost-details {
    background: #f0f0f0;
}

.light-mode .border-color-cost {
    border-color: #e5e5e5 !important;
}

/* dark mode */

.dark-mode .border-color-cost {
    border-color: var(--border-color) !important;
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .view-profile-btn {
    border-color: var(--secondary-btn-border-color);
    background: var(--active-main-nav-bg-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .assesment-icon,
.dark-mode .heading3 {
    display: none;
}

.display .display {
    display: none;
}

.dark-mode .cost-details {
    background: var(--background-modal-swimmer-profile);
}

.dark-mode .heading4 {
    color: #f0f0f0;
    font-weight: 600px;
    font-size: 14px;
}

.dark-mode .dark-assesment-icon {
    display: block;
    background-color: #2a2e31;
    border-radius: 0.5rem;
    border: 1px solid #2a2e31;
    padding: 6px 8px 6px 8px;
    text-align: center;
    color: #000;
}

.dark-mode .table-header {
    background: #2a2e31;
}

/* venue Css */
/* light mode */

.light-mode .card-background {
    background: var(--card-background-color-light);
}

.light-mode .primary-btn {
    background: var(--primary-color);
}

.light-mode .secondary-btn {
    background: var(--secondary-btn-bg-color);
}

.light-mode .view-profile-btn {
    border: 1px solid #e5e5e5;
}

.light-mode .action-btn {
    z-index: 1;
    background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
    color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
    border-color: #ecedf0;
}

.light-mode .progress-light {
    display: block;
}

.light-mode .progress-dark {
    display: none;
}

.light-mode .swimmer-info {
    border-color: #ecedf0;
}

.light-mode .completed-progress {
    border-color: #e5e7eb;
    background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
    color: #2e2e2e;
}

.light-mode .stages-completed {
    color: #969696;
}

.light-mode .view-stages-completed {
    color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
    color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

.light-mode .assesment-icon {
    display: block;
    margin-bottom: 3px;
}

.light-mode .dark-assesment-icon {
    display: none;
}

.light-mode .title-data {
    color: #1f1f1f;
}

.light-mode .description-data {
    color: var(--border-color);
}

.light-mode .table-header {
    background: #f9f9fb;
}

.light-mode .container2 {
    border-left: 1px solid;
}

.light-mode .heading1 {
    display: none;
}

/* dark mode */

.dark-mode .card-background {
    background: var(--card-background-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
    color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
    border-color: var(--border-color);
}

.dark-mode .progress-dark {
    display: block;
}

.dark-mode .swimmer-info {
    border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .task-done {
    color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .completed-progress {
    background: var(--card-background-color);
    border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
    color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
    color: #ad9b55;
}

.dark-mode .assesment-icon,
.dark-mode .progress-light {
    display: none;
}

.dark-mode .dark-assesment-icon {
    display: block;
    margin-bottom: 3px;
}

.dark-mode .form-group input {
    background-color: #1f2224;
    border: 1px solid #777777;
}

.dark-mode .name-heading,
.dark-mode .card-number,
.dark-mode .card-styling-heading {
    color: var(--primary-text-color);
}

.dark-mode .location-heading,
.dark-mode .venue-card-name,
.dark-mode .card-styling-paragraph {
    color: var(--secondary-text-color);
}

.dark-mode .background {
    background-color: #22262a;
    border: 1px solid #2a2e31;
}

.dark-mode .background1 {
    background-color: #2A2E31;
    border: 1px solid #2A2E31;
}

.dark-mode .card1 {
    background-color: #2A2E31 !important;
}

.dark-mode .map-styling {
    background-color: #22262a;
    border: 1px solid #22262a;
    padding: 0.5rem;
    color: #bfa355;
}

.dark-mode .container2 {
    border-left: 1px solid #525252;
}

.dark-mode .card {
    border: 1px solid #525252;
}

.dark-mode li::marker {
    color: #bdb187;
}

/* user-profile */
/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

/* .light-mode .assesment-icon {
  display: block;
  width: 7.7rem;
  height: 3.2rem;
  margin-bottom: 1rem;
  border: 1px solid #bdb187;
  background-color: #fff;
  color: #151515;
  border-radius: 0.5rem;
} */

.light-mode .dark-assesment-icon,
.light-mode .dark-heading1,
.light-mode .dark-name-icon {
    display: none;
}

.light-mode .display {
    display: none;
}

.light-mode .form input {
    background-color: #ffffff;
}

.light-mode .name-icon {
    color: #404144;
    font-size: 28px;
    background-image: url(../assets-ap/icons/Mask\ group.svg);
    background-size: cover;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 77px;
    width: 77px;
    padding: 1rem;
    border-radius: 50%;
}

.light-mode .heading1 {
    color: #707895;
}

.light-mode .table-header {
    background: #f9f9fb;
}

.light-mode .form-group input {
    /* width: 31rem; */
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
}

.light-mode .form-group select {
    /* width: 31rem; */
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
}

.light-mode .form-group {
    position: relative;
}

.light-mode .control {
    display: flex;
}

.light-mode .span {
    position: absolute;
    top: -0.6rem;
    left: 1rem;
    background-color: #fff;
    font-size: 12px;
    color: #b9b9ba;
}

/* dark mode */

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .assesment-icon {
    display: none;
}

.dark-mode .heading1 {
    color: #f0f0f0;
}

.dark-mode .dark-form {
    background-color: #151515;
    border: 1px solid black;
}

/* .dark-mode .dark-assesment-icon {
  display: block;
  width: 7.7rem;
  height: 3.2rem;
  margin-bottom: 1rem;
  border: 1px solid #bdb187;
  background-color: #1f2224;
  color: #bdb187;
  border-radius: 0.5rem;
} */

.dark-mode .dark-name-icon {
    color: #404144;
    font-size: 28px;
    background-image: url(../assets-ap/icons/Mask\ group.svg);
    background-size: cover;
}

.dark-mode .control {
    display: flex;
}

.dark-mode .form-group input {
    /* width: 31rem; */
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
    background-color: #1f2224;
    color: #f0f0f0;
}

.dark-mode .form-group select {
    /* width: 31rem; */
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
    background-color: #1f2224;
    color: #f0f0f0;
}

.dark-mode .form-group {
    position: relative;
    display: block;
}

.dark-mode .timetable-box .bg-error,
.light-mode .timetable-box .bg-error {
    background-color: #b2beb5 !important;
    color: #fff !important;
}

.dark-mode .span {
    position: absolute;
    top: -0.6rem;
    left: 1rem;
    background-color: #1f2224;
    font-size: 12px;
    color: #b9b9ba;
}

.dark-mode .bg-color {
    background-color: #1f2224;
}

.dark-mode .tab-link {
    width: 165px;
    height: 49px;
    padding: 1rem;
}

.dark-mode .modal-background {
    background-color: #22262a;
}

.dark-mode .stroke {
    border: 1px solid #525252;
}

/* swimmers */
/* light mode */

.light-mode .assesment-icon {
    display: block;
}

.light-mode .secondary-btn {
    border: 1px solid #bdb187;
    color: #bdb187;
    background-color: #fff;
}

.light-mode .dark-assesment-icon,
.light-mode .dark-heading {
    display: none;
}

.light-mode .secondary-btn1 {
    background-color: #fff;
    border: 1px solid #bdb187;
    color: #bdb187;
    /* width: 210px;
  height: 44px; */
}

.light-mode .primary-btn1 {
    background-color: #ff9090;
    border: 1px solid #ff9090;
    color: #2a2e31;
    /* width: 210px; */
    height: 44px;
}

.light-mode .display {
    display: none;
}

.light-mode .heading {
    color: #707895;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
    color: #2e2e2e;
}

.light-mode .table-header {
    background: #f9f9fb;
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

/* dark mode */

.dark-mode .assesment-icon {
    display: none;
}

.dark-mode .form-group input {
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
    background-color: #1f2224 !important;
    color: #f0f0f0;
}

.dark-mode .form-group select {
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
    background-color: #1f2224;
    color: #f0f0f0;
}

.dark-mode .span {
    position: absolute;
    top: -0.6rem;
    left: 1rem;
    background-color: #1f2224;
    font-size: 12px;
    color: #b9b9ba;
}

.dark-mode .vertical {
    border: 1px solid #525252;
}

.dark-mode .paragraph-style {
    color: var(--primary-text-color);
}

.dark-mode .heading1 {
    color: #404144;
}

.dark-mode .dark-assesment-icon {
    display: block;
}

.dark-mode .name {
    color: var(--secondary-text-color);
}

.dark-mode .heading {
    color: #f0f0f0;
}

.dark-mode .table-header {
    background: #2a2e31;
}

.dark-mode .modal-paragraph {
    color: #b9b9ba;
}

.dark-mode .secondary-btn1 {
    background-color: #22262a;
    border: 1px solid #bdb187;
    color: #bdb187;
    width: 227px;
    height: 44px;
}

.light-mode .primary-btn1 {
    background-color: #ff9090;
    border: 1px solid #ff9090;
    color: #2a2e31;
    width: 227px;
    height: 44px;
}

/* profile  */
/* light mode */

.light-mode .card-background {
    background: var(--card-background-color-light);
}

.light-mode .primary-btn {
    background: var(--primary-color);
}

.light-mode .secondary-btn {
    background: var(--secondary-btn-bg-color);
}

.light-mode .view-profile-btn {
    border: 1px solid #e5e5e5;
}

.light-mode .action-btn {
    z-index: 1;
    background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
    color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
    border-color: #ecedf0;
}

.light-mode .gradient-light,
.light-mode .progress-light {
    display: block;
}

.light-mode .gradient-dark,
.light-mode .dark-reminder,
.light-mode .progress-dark {
    display: none;
}

.light-mode .swimmer-info {
    border-color: #ecedf0;
}

.light-mode .completed-progress {
    border-color: #e5e7eb;
    background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
    color: #2e2e2e;
}

.light-mode .stages-completed {
    color: #969696;
}

.light-mode .view-stages-completed {
    color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
    color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

.light-mode .swimmer-progress .light-mode .assesment-icon {
    display: block;
}

.light-mode .icon {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    padding: 0.6rem;
}

.light-mode .dark-swimmer-progress,
.light-mode .dark-assesment-icon {
    display: none;
}

.light-mode .title-data {
    color: #1f1f1f;
}

.light-mode .description-data {
    color: var(--border-color);
}

.light-mode .table-header {
    background: #f9f9fb;
}

/* dark mode */

.dark-mode .card-background {
    background: var(--card-background-color);
}

.dark-mode .main-heading-color {
    color: var(--primary-text-color);
}

.dark-mode .secondary-btn,
.dark-mode .view-profile-btn {
    border: 1px solid var(--secondary-btn-border-color);
    background: transparent;
    color: var(--golden);
}

.dark-mode .action-btn {
    z-index: 1;
    border: 1px solid var(--border-color) !important;
    background: var(--card-background-color) !important;
}

.dark-mode .text-color {
    color: var(--primary-text-color);
}

.dark-mode .profile-view {
    background: #22262A;
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
    color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
    border-color: var(--border-color);
}

.dark-mode .gradient-dark,
.dark-mode .dark-swimmer-progress,
.dark-mode .dark-reminder,
.dark-mode .progress-dark {
    display: block;
}

.dark-mode .swimmer-info {
    border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .task-done {
    color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .completed-progress {
    background: var(--card-background-color);
    border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
    color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
    color: #ad9b55;
}

.dark-mode .gradient-light,
.dark-mode .swimmer-progress,
.dark-mode .light-reminder,
.dark-mode .assesment-icon,
.dark-mode .progress-light {
    display: none;
}

.dark-mode .dark-assesment-icon {
    display: block;
}

.dark-mode .table-header {
    background: #2a2e31;
}

.dark-mode .paragraph {
    color: var(--secondary-text-color);
}

.dark-mode .heading1 {
    color: var(--primary-text-color);
}

/* header  */

/* Light mode */
.light-mode {
    background-color: #f8f9fa;
    transition: all 0.5s;
}

.light-mode .header {
    background: var(--black);
    transition: all 0.5s;
}

.light-mode nav .links a {
    color: var(--nav-text-color);
}

.light-mode header ul li a,
.light-mode header ul li {
    color: var(--main-nav-text-color);
}

.light-mode header,
.light-mode nav {
    background: #ffffff;
    transition: all 0.5s;
}

.light-mode nav .profile a {
    color: var(--nav-text-color);
}

.profile .dropdown-item:active {
    background-color: var(--primary-color);
    color: #151515;
}

.light-mode nav .links .active-link {
    color: var(--activeTab-light-color);
    background: var(--primary-color);
}

.light-mode nav .links a:hover {
    color: var(--activeTab-light-color);
    background: var(--primary-color);
}

.light-mode .bell-icon .light-bell {
    display: block;
}

.light-mode .bell-icon .dark-bell {
    display: none;
}

/* Dark mode  */
.dark-mode {
    background-color: var(--background-color);
    color: var(--secondary-text-color) !important;
    transition: all 0.5s;
}

.dark-mode header,
.dark-mode nav {
    background: var(--black);
    transition: all 0.5s;
}

.dark-mode nav .links a {
    color: var(--secondary-text-color);
}

.dark-mode nav .links .active-link {
    color: var(--primary-color);
    background: var(--activeTab-background-color);
}

.dark-mode nav .links a:hover {
    color: var(--primary-color);
    background: var(--activeTab-background-color);
}

.dark-mode nav .profile a {
    color: var(--secondary-text-color);
}

.dark-mode .bell-icon .light-bell {
    display: none;
}

.dark-mode .bell-icon .dark-bell {
    display: block;
}

/* dashboard */
/* light mode */

.light-mode .card-background {
    background: var(--card-background-color-light);
}

.light-mode .primary-btn-dashboard {
    background: var(--primary-color);
}

.light-mode .secondary-btn-dashboard {
    background: var(--secondary-btn-bg-color);
}

.light-mode .view-profile-btn {
    border: 1px solid #e5e5e5;
    height: 38px;
}

.light-mode .action-btn {
    z-index: 1;
    background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
    color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
    border-color: #ecedf0;
}

.light-mode .gradient-light,
.light-mode .progress-light {
    display: block;
}

.light-mode .gradient-dark,
.light-mode .dark-reminder,
.light-mode .progress-dark {
    display: none;
}

.light-mode .swimmer-info {
    border-color: #ecedf0;
}

.light-mode .completed-progress {
    border-color: #e5e7eb;
    background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
    color: #2e2e2e;
}

.light-mode .stages-completed {
    color: #969696;
}

.light-mode .view-stages-completed {
    color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
    color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

.light-mode .swimmer-progress .light-mode .assesment-icon {
    display: block;
}

.light-mode .dark-swimmer-progress,
.light-mode .dark-assesment-icon {
    display: none;
}

.light-mode .title-data {
    color: #1f1f1f;
}

.light-mode .description-data {
    color: var(--border-color);
}

.light-mode .table-header {
    background: #f9f9fb;
}

/* dark mode */

.dark-mode .card-background {
    background: var(--card-background-color);
}

.dark-mode .main-heading-color {
    color: var(--primary-text-color);
}

.dark-mode .secondary-btn-dashboard,
.dark-mode .view-profile-btn {
    border: 1px solid var(--secondary-btn-border-color);
    background: transparent;
    color: var(--golden);
}


.light-mode .text-color {
    color: #212529;
}

.text-gold {
    color: #bfa355;
}

.text-gold:hover {
    color: #bfa355;
    text-decoration: none;
}

.indoor-style {
    background-color: white;
    color: #212529;
}

.dark-mode .indoor-style {
    background-color: #22262A;
    color: #bfa355;
}

.dark-mode .action-btn {
    z-index: 1;
    border: 1px solid var(--border-color) !important;
    background: var(--card-background-color) !important;
}

.dark-mode .text-color {
    color: var(--primary-text-color);
}

.dark-mode .profile-view {
    background: #22262A;
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
    color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
    border-color: var(--border-color);
}

.dark-mode .gradient-dark,
.dark-mode .dark-swimmer-progress,
.dark-mode .dark-reminder,
.dark-mode .progress-dark {
    display: block;
}

.dark-mode .swimmer-info {
    border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .task-done {
    color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .completed-progress {
    background: var(--card-background-color);
    border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
    color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
    color: #ad9b55;
}

.dark-mode .gradient-light,
.dark-mode .swimmer-progress,
.dark-mode .light-reminder,
.dark-mode .assesment-icon,
.dark-mode .progress-light {
    display: none;
}

.dark-mode .dark-assesment-icon {
    display: block;
}

.dark-mode .table-header {
    background: #2a2e31;
}

/* booking */

/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
    color: #707070;
}

.light-mode .assesment-icon {
    display: block;
}

.light-mode .dark-assesment-icon {
    display: none;
}

.light-mode .display {
    display: none;
}

.light-mode .table-header {
    background: #f9f9fb;
}

.light-mode .selected-swimmer {
    border-color: var(--primary-color) !important;
}

.light-mode .swimmer-profile {
    background: #f0f0f0;
}

/* dark mode */

.dark-mode .swimmer-name,
.dark-mode .table-heading {
    color: var(--primary-text-color);
}

.dark-mode .swimmer-profile {
    background: var(--background-modal-swimmer-profile);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
    color: var(--primary-text-color);
}

.dark-mode .selected-swimmer {
    border-color: var(--selected-swimmer-border-color) !important;
}

.dark-mode .selected-swimmer {
    background-color: #2a2e31 !important;
}

.dark-mode .table {
    border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
    color: var(--secondary-text-color);
}

.dark-mode .assesment-icon {
    display: none;
}

.display .display {
    display: none;
}

.dark-mode .heading4 {
    color: #f0f0f0;
    font-weight: 600px;
    font-size: 14px;
}

.dark-mode .dark-assesment-icon {
    display: block;
}

.dark-mode .table-header {
    background: #2a2e31;
}

.dark-mode .btn-change {
    width: 82px;
    height: 41px;
    background-color: #212529;
    color: var(--golden);
    border-radius: 8px;
}

.dark-mode .swimmers-card,
.dark-mode .card-day,
.dark-mode .venue-style,
.dark-mode .form-group input,
.dark-mode .day-container-style2,
.dark-mode .day-container-style3,
.dark-mode .timer-container {
    background-color: #2a2e31;
    border: 1px solid #2a2e31;
}

.dark-mode .day-container-style {
    color: var(--normal-btn-color);
}

.dark-mode .cancel-btn {
    background-color: #2a2e31;
}

.dark-mode .vertical {
    border: 1px solid #525252;
}

.dark-mode .day-heading,
.dark-mode .heading1,
.dark-mode .name-color,
.dark-mode .available-venue-color,
.dark-mode .card-name,
.dark-mode .swimmer-name,
.dark-mode .day-container-style2,
.dark-mode .day-container-style3,
.dark-mode .timer-container,
.dark-mode .span-color2 {
    color: var(--primary-text-color);
}

.dark-mode .profile-dropdown .dropdown-item {
    color: #fff;
}