ProfessionalWebsite/Export/assets/css/bss-overrides.css

:root, [data-bs-theme=light] {
  --bs-primary: #154854;
  --bs-primary-rgb: 21,72,84;
  --bs-primary-text-emphasis: #081D22;
  --bs-primary-bg-subtle: #D0DADD;
  --bs-primary-border-subtle: #A1B6BB;
  --bs-secondary: #60C401;
  --bs-secondary-rgb: 96,196,1;
  --bs-secondary-text-emphasis: #264E00;
  --bs-secondary-bg-subtle: #DFF3CC;
  --bs-secondary-border-subtle: #BFE799;
  --bs-link-color: #154854;
  --bs-link-color-rgb: 21,72,84;
  --bs-link-hover-color: #60C401;
  --bs-link-hover-color-rgb: 96,196,1;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #154854;
  --bs-btn-border-color: #154854;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #123D47;
  --bs-btn-hover-border-color: #113A43;
  --bs-btn-focus-shadow-rgb: 220,228,229;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #113A43;
  --bs-btn-active-border-color: #10363F;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #154854;
  --bs-btn-disabled-border-color: #154854;
}

.btn-outline-primary {
  --bs-btn-color: #154854;
  --bs-btn-border-color: #154854;
  --bs-btn-focus-shadow-rgb: 21,72,84;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #154854;
  --bs-btn-hover-border-color: #154854;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #154854;
  --bs-btn-active-border-color: #154854;
  --bs-btn-disabled-color: #154854;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #154854;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #60C401;
  --bs-btn-border-color: #60C401;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #78CD27;
  --bs-btn-hover-border-color: #70CA1A;
  --bs-btn-focus-shadow-rgb: 14,29,0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #80D034;
  --bs-btn-active-border-color: #70CA1A;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #60C401;
  --bs-btn-disabled-border-color: #60C401;
}

.btn-outline-secondary {
  --bs-btn-color: #60C401;
  --bs-btn-border-color: #60C401;
  --bs-btn-focus-shadow-rgb: 96,196,1;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #60C401;
  --bs-btn-hover-border-color: #60C401;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #60C401;
  --bs-btn-active-border-color: #60C401;
  --bs-btn-disabled-color: #60C401;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #60C401;
}

[data-bs-theme=dark] {
  --bs-primary: #60C401;
  --bs-primary-rgb: 96,196,1;
  --bs-primary-text-emphasis: #A0DC67;
  --bs-primary-bg-subtle: #132700;
  --bs-primary-border-subtle: #3A7601;
  --bs-link-color: #ffffff;
  --bs-link-color-rgb: 255,255,255;
  --bs-link-hover-color: #60C401;
  --bs-link-hover-color-rgb: 96,196,1;
}

[data-bs-theme=dark] .btn-primary, .btn-primary[data-bs-theme=dark] {
  --bs-btn-color: #000000;
  --bs-btn-bg: #60C401;
  --bs-btn-border-color: #60C401;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #78CD27;
  --bs-btn-hover-border-color: #70CA1A;
  --bs-btn-focus-shadow-rgb: 14,29,0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #80D034;
  --bs-btn-active-border-color: #70CA1A;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #60C401;
  --bs-btn-disabled-border-color: #60C401;
}

[data-bs-theme=dark] .btn-outline-primary, .btn-outline-primary[data-bs-theme=dark] {
  --bs-btn-color: #60C401;
  --bs-btn-border-color: #60C401;
  --bs-btn-focus-shadow-rgb: 96,196,1;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #60C401;
  --bs-btn-hover-border-color: #60C401;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #60C401;
  --bs-btn-active-border-color: #60C401;
  --bs-btn-disabled-color: #60C401;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #60C401;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

@media (min-width: 992px) {
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.swiper-vertical {
  max-height: 100vh;
}

.swiper-nav-standalone .swiper-button-prev, .swiper-nav-standalone .swiper-button-next {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.swiper-nav-standalone .swiper-button-prev:after, .swiper-nav-standalone .swiper-button-next:after {
  content: "";
}

.swiper-nav-custom .swiper-button-prev:after, .swiper-nav-custom .swiper-button-next:after {
  content: "";
}