@charset "UTF-8";
/* General variations*/
.grid-container--no-gutter .grid-container__cols {
  --bs-gutter-x: 0;
}

/* GIT ID $Id: 8ec72e288032a0d68e66a21cf4064d6744726b27 $ */
/** MIXINS  are functions or partial styles shared across many comonents*/
/** Grid breakpoint alias*/
.btn-info,
.btn-info:active,
.btn-info:hover {
  color: white;
}

.btn-primary,
.stepped-form__control--next {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-focus-shadow-rgb: 38, 122, 136;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary-hover);
  --bs-btn-disabled-border-color: var(--bs-primary-hover);
  min-width: 200px;
}
@media screen and (max-width: 991px) {
  .btn-primary,
.stepped-form__control--next {
    width: 100%;
  }
}

.stepped-form__control--prev {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--bs-light-hover);
  --bs-btn-hover-border-color: var(--bs-light-hover);
  --bs-btn-focus-shadow-rgb: 38, 122, 136;
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--bs-light);
  --bs-btn-active-border-color: var(--bs-light);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-body-color);
  --bs-btn-disabled-bg: var(--bs-light-hover);
  --bs-btn-disabled-border-color: var(--bs-light-hover);
  min-width: 200px;
}
@media screen and (max-width: 991px) {
  .stepped-form__control--prev {
    width: 100%;
  }
}

.btn-secondary, .modal .modal-content .cp-service--login .cp-service__links-enrol--login a,
.btn-default {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 38, 122, 136;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-secondary-hover);
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
}

.btn-tertiary {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-tertiary);
  --bs-btn-border-color: var(--bs-tertiary);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-tertiary-hover);
  --bs-btn-hover-border-color: var(--bs-tertiary-hover);
  --bs-btn-focus-shadow-rgb: 38, 122, 136;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-tertiary);
  --bs-btn-active-border-color: var(--bs-tertiary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-tertiary-hover);
  --bs-btn-disabled-border-color: var(--bs-tertiary-hover);
}

.btn-link {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
}

/* TypoGraphy */
:root {
  --bs-font-sans-serif: "Noto Sans", Apis, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-size: calc(0.8vw + 0.3em);
  --small-font: 14px;
}
@media screen and (max-width: 991px) {
  :root {
    --bs-body-font-size: 14px;
  }
}

.navbar {
  --bs-navbar-active-color: #6197ae;
}

html {
  font-size: var(--bs-body-font-size);
}

h1 {
  color: var(--dksh-black);
  line-height: 1.4;
  margin-bottom: 2rem;
}

h2 {
  color: var(--dksh-red);
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

h3 {
  color: var(--dksh-blue);
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}
h3 site-logo .logo-wegovy {
  height: 1.7rem;
  margin-bottom: -0.15rem;
}

h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: var(--bs-primary);
  font-weight: 500;
}
h4 site-logo .logo-wegovy {
  height: 1.5rem;
  margin-bottom: -0.2rem;
}

h5 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: var(--bs-primary);
  font-weight: 500;
}
h5 .modal-title site-logo .logo-wegovy {
  height: 2.5rem;
  margin-bottom: -0.2rem;
}

.logo {
  display: inline-block;
}
.logo .logo-wegovy {
  vertical-align: bottom;
  margin-bottom: 1px;
  margin-left: -5px;
  height: 2.5rem;
}

h2 .logo .logo-wegovy {
  height: 1.8rem;
}

h3 novo-logo .logo-wegovy,
h5 novo-logo .logo-wegovy {
  height: 1.5rem;
}

div.right {
  text-align: right;
}

.secondary-link, .modal .modal-content .cp-service--login .cp-service__links-reset--login a {
  color: rgba(var(--bs-secondary-rgb), 1) !important;
}

picture {
  display: flex;
}

.tooltip {
  --bs-tooltip-bg: var(--bs-gray-300);
  --bs-tooltip-max-width: 400px;
  --bs-tooltip-color: #000;
}

ol li {
  margin-bottom: 1rem;
}

.navbar .navbar-nav {
  justify-content: space-evenly;
  flex-grow: 1;
}

.global-header {
  position: sticky;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.global-header a {
  z-index: 10;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .global-header a {
    color: var(--bs-primary);
  }
}
.global-header__navbar {
  background: var(--bs-white);
  display: flex;
  align-items: center;
  /*margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
  */
  justify-content: space-between;
  width: 100%;
}
.global-header__navbar.navbar {
  padding: 10px 26px;
}
.global-header__navbar.navbar .nav-item,
.global-header__navbar.navbar .nav-link {
  color: var(--bs-body-color);
}
.global-header__navbar.navbar .nav-item.active, .global-header__navbar.navbar .nav-item.active a,
.global-header__navbar.navbar .nav-link.active,
.global-header__navbar.navbar .nav-link.active a {
  font-weight: 700;
  color: var(--dksh-red);
}
@media (max-width: 1199px) {
  .global-header__navbar {
    margin: 0;
  }
}
.global-header__navbar .global-header__header-link--icon {
  color: #d52b1e;
  width: auto;
}
.global-header__navbar .global-header__header-link--icon img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .global-header__navbar .global-header__header-link--icon img {
    height: 20px;
  }
}
.global-header__navbar .global-header__header-link--icon svg {
  fill: currentColor;
}
.global-header .navbar-toggler {
  margin-left: auto;
  border: none;
  color: #0e0e0e;
}
.global-header .navbar-toggler span.navbar-toggler-icon {
  background-image: none;
  width: unset;
  height: unset;
}
.global-header .navbar-toggler span.navbar-toggler-icon::after {
  font-size: 28px;
  content: "\f479";
  font-family: "bootstrap-icons";
  vertical-align: middle;
}
.global-header .navbar-toggler[aria-expanded=true] span.navbar-toggler-icon::after {
  font-size: 28px;
  content: "\f62a";
  font-family: "bootstrap-icons";
}
.global-header .navbar-toggler:focus {
  box-shadow: none;
}
@media screen and (max-width: 991px) {
  .global-header .navbar-toggler {
    display: block;
  }
}
.global-header .navbar-collapse {
  flex-grow: 0;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .global-header .navbar-collapse {
    position: absolute;
    top: 60px;
    left: 0px;
    background: #fff;
    width: 100%;
    padding: 30px;
  }
}

footer.global-footer {
  margin: 0;
  max-width: unset;
  /* custom alignment of last block on mobile MHG*/
}
footer.global-footer p {
  font-size: 15px;
}
footer.global-footer ul {
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  padding: 0;
  list-style: none;
}
footer.global-footer ul li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid var(--bs-body-color);
}
footer.global-footer ul a {
  color: var(--bs-body-color);
  padding: 0;
  font-size: 15px;
}
@media screen and (max-width: 991px) {
  footer.global-footer .grid-container__col--2 {
    max-width: 50%;
    margin: 0 auto;
  }
}

.form-group label {
  font-size: 15px;
}

.form-control[type=text],
.form-control[type=textbox],
.form-control[type=password],
.form-control[type=date],
.form-control[type=email],
select.form-control {
  font-size: 15px;
  padding: 13px 15px;
}
.form-control[type=text]:disabled, .form-control[type=text]:required:has(option[readonly][value=""]:checked),
.form-control[type=textbox]:disabled,
.form-control[type=textbox]:required:has(option[readonly][value=""]:checked),
.form-control[type=password]:disabled,
.form-control[type=password]:required:has(option[readonly][value=""]:checked),
.form-control[type=date]:disabled,
.form-control[type=date]:required:has(option[readonly][value=""]:checked),
.form-control[type=email]:disabled,
.form-control[type=email]:required:has(option[readonly][value=""]:checked),
select.form-control:disabled,
select.form-control:required:has(option[readonly][value=""]:checked) {
  color: var(--bs-disabled-color);
  border-color: transparent;
  background-color: var(--bs-secondary-bg);
  pointer-events: none;
}
.form-control[type=text]::-webkit-input-placeholder,
.form-control[type=textbox]::-webkit-input-placeholder,
.form-control[type=password]::-webkit-input-placeholder,
.form-control[type=date]::-webkit-input-placeholder,
.form-control[type=email]::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: #949494;
}
.form-control[type=text]:-moz-placeholder,
.form-control[type=textbox]:-moz-placeholder,
.form-control[type=password]:-moz-placeholder,
.form-control[type=date]:-moz-placeholder,
.form-control[type=email]:-moz-placeholder,
select.form-control:-moz-placeholder {
  color: #949494;
}
.form-control[type=text]::-moz-placeholder,
.form-control[type=textbox]::-moz-placeholder,
.form-control[type=password]::-moz-placeholder,
.form-control[type=date]::-moz-placeholder,
.form-control[type=email]::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: #949494;
}
.form-control[type=text]:-ms-input-placeholder,
.form-control[type=textbox]:-ms-input-placeholder,
.form-control[type=password]:-ms-input-placeholder,
.form-control[type=date]:-ms-input-placeholder,
.form-control[type=email]:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: #949494;
}
.form-control[type=text]::-ms-input-placeholder,
.form-control[type=textbox]::-ms-input-placeholder,
.form-control[type=password]::-ms-input-placeholder,
.form-control[type=date]::-ms-input-placeholder,
.form-control[type=email]::-ms-input-placeholder,
select.form-control::-ms-input-placeholder {
  color: #949494;
}
.form-control[type=text]::placeholder,
.form-control[type=textbox]::placeholder,
.form-control[type=password]::placeholder,
.form-control[type=date]::placeholder,
.form-control[type=email]::placeholder,
select.form-control::placeholder {
  color: #949494;
}

.was-validated input.form-check-input:invalid {
  border-color: var(--bs-form-invalid-color);
}
.was-validated input.form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.was-validated input.form-check-input:valid ~ .form-check-label {
  color: inherit;
}

.field-validation-error,
.field-validation-error span {
  color: var(--bs-form-invalid-color);
  border-color: var(--bs-form-invalid-color);
  padding-left: 0.5rem;
}

.was-validated .form-control:invalid,
.was-validated .form-control:invalid:focus,
.was-validated .form-control.input-validation-error,
.was-validated input.form-control.input-validation-error.InputType-Date[name=DateOfBirth] {
  background-image: none !important;
  border-color: var(--bs-form-invalid-color);
  color: var(--bs-form-invalid-color);
}

.was-validated select.form-control:invalid,
.was-validated select.form-control:valid,
.was-validated select.form-control:valid:focus {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=") !important;
}

.form-control:focus {
  box-shadow: none;
}

.was-validated .form-control:valid,
.was-validated input.form-control:valid,
.was-validated .form-control:valid:focus {
  border-color: #d1d1d1;
  box-shadow: none;
  padding-right: 0;
}

.was-validated div.checkbox input[type=checkbox]:invalid:checked ~ .checkbox-label::before {
  border-color: var(--bs-form-invalid-color);
}
.was-validated div.checkbox input[type=checkbox]:invalid:focus ~ .checkbox-label::before {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-form-invalid-color), 0.25);
}
.was-validated div.checkbox input[type=checkbox]:invalid:focus:not(:checked) ~ .checkbox-label::before {
  border-color: var(--bs-form-invalid-color);
}
.was-validated div.checkbox input[type=checkbox]:valid ~ .checkbox-label {
  color: inherit;
}
.was-validated div.checkbox input[type=checkbox]:valid ~ .checkbox-label::before {
  border-color: inherit;
}
.was-validated div.checkbox input[type=checkbox]:valid:checked ~ .checkbox-label::before {
  border-color: inherit;
}
.was-validated div.checkbox input[type=checkbox]:valid:focus ~ .checkbox-label::before {
  box-shadow: none;
}
.was-validated div.checkbox input[type=checkbox]:valid:focus:not(:checked) ~ .checkbox-label::before {
  border-color: inherit;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right 22px center;
}

/* input.form-control.InputType-Date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e7175' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z'/%3E%3C/svg%3E");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: right 10px center;
} */
input.form-control.InputType-Date[name=DateOfBirth] {
  background-image: none !important;
}

.stepped-form .stepped-form__indicators {
  position: absolute;
  top: -4.25rem;
  right: 0;
  display: inline-flex;
  justify-content: flex-end;
  margin: 0;
  height: 45px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .stepped-form .stepped-form__indicators {
    position: relative;
  }
}
.stepped-form .stepped-form__indicators li {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
  opacity: 1;
  font-size: 0;
  border: none;
  margin-right: 13px;
}
.stepped-form .stepped-form__indicators li.active {
  background-color: #00b4d8;
}
.stepped-form .stepped-form__indicators li:after {
  content: attr(data-step);
  font-size: 20px;
  color: white;
  font-weight: 700;
  top: 0;
  right: 0;
}
.stepped-form .stepped-form__inner .form-group__header .col {
  justify-content: space-between;
  vertical-align: bottom;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .stepped-form .stepped-form__inner .stepped-form__stepHeader {
    padding-right: 200px;
  }
  .stepped-form .stepped-form__inner .content-block--card {
    float: right;
    width: 50%;
  }
}
.stepped-form .stepped-form__controls {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .stepped-form .cp-service__form .col {
    flex-basis: 100%;
  }
  .stepped-form .cp-service__form .btn-group {
    flex-wrap: wrap;
  }
  .stepped-form .cp-service__form .btn-group .btn {
    min-width: 50%;
  }
}

#service-ResetPassword .cp-service__title {
  display: block;
  margin: 1rem 0;
}

.invalid-feedback {
  color: var(--bs-form-invalid-color);
  font-size: 0.875rem;
}
.invalid-feedback:not(input) {
  margin-left: 15px;
}

.was-validated .field-holder:has(+ .invalid-feedback:not(:empty)) input {
  color: var(--bs-form-invalid-color);
  border-color: var(--bs-form-invalid-color) !important;
}

.was-validated div.checkbox input[type=checkbox]:invalid ~ label .field-label {
  color: var(--bs-form-invalid-color);
}

.was-validated div.checkbox input[type=checkbox]:valid ~ label .field-label {
  color: inherit;
}

div.checkbox input[type=checkbox]:checked {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.radio-buttons {
  display: flex;
}
.radio-buttons .radio:not(:first-of-type) {
  padding-left: 1rem;
}

.was-validated .form-check-input:valid:checked,
.was-validated input.form-check-input.valid:checked,
.was-validated div.checkbox input[type=checkbox]:valid:checked,
.was-validated div.checkbox input[type=checkbox].valid:checked,
div.checkbox .was-validated input[type=checkbox]:valid:checked,
div.checkbox .was-validated input[type=checkbox].valid:checked,
.form-check-input.is-valid:checked,
div.checkbox input.is-valid[type=checkbox]:checked {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

[data-for=CoMorbidity] .checkbox-inline {
  min-width: 45%;
}

#section-unsubscribe .content-block__content {
  text-align: center;
}

#unsubIframe {
  height: 400px;
  width: 400px;
}

.service-content {
  background-color: white;
}
.service-content .modal-service-container {
  padding: 32px 58px;
}

[id^=service-] .radio-buttons .radio:not(:first-of-type) {
  padding-left: 0px;
}
[id^=service-] .radio-buttons {
  display: block;
}
[id^=service-] .stepped-form__stepHeader {
  position: absolute;
  top: -75px;
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  [id^=service-] .stepped-form__stepHeader {
    font-size: 22px;
    top: -50px;
  }
}
[id^=service-] .form-group[data-for-field=MobilePhone] .field-holder {
  width: 50%;
}
[id^=service-] .form-group[data-for-field=MobilePhone] .field-holder + .invalid-feedback {
  display: inline-block;
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  [id^=service-] .form-group[data-for-field=MobilePhone] .field-holder {
    width: 100%;
  }
}
[id^=service-] .checkbox-label {
  margin-bottom: 0.25rem;
}
[id^=service-] .content-block {
  font-size: 15px;
}
[id^=service-][data-active-step="3"] .stepped-form__step.active[data-step="3"] .content-block:nth-last-of-type(2) {
  margin-top: 10px;
}
[id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .stepped-form__step[data-step="1"] .form-row {
  margin: 0;
}
@media screen and (max-width: 767px) {
  [id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .stepped-form__step[data-step="1"] .form-row {
    width: 100%;
  }
}
[id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .stepped-form__step[data-step="1"] .form-row:has(> .form-group[data-for-field=CarerNominated]) {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  [id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .stepped-form__step[data-step="1"] .form-row:not(:has(.form-group[style*="display: none"])) {
    margin-bottom: 0px;
  }
  [id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .stepped-form__step[data-step="1"] .form-group {
    margin-bottom: 16px !important;
  }
}
[id^=service-][data-active-step="1"] .stepped-form .stepped-form__inner .form-group[data-for-field=CarerNominated] .checkbox {
  margin-top: 20px;
  margin-bottom: 12px;
}
[id^=service-][data-active-step="2"] .stepped-form__step.active[data-step="2"] > .form-row {
  margin-bottom: 20px;
}
[id^=service-][data-active-step="2"] .stepped-form__controls {
  margin-top: 40px;
}
[id^=service-] .stepped-form__controls {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  [id^=service-] .stepped-form__controls {
    flex-direction: column-reverse;
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  [id^=service-] .stepped-form__indicators {
    position: absolute;
    top: -140px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  [id^=service-] .stepped-form__indicators {
    top: -110px;
  }
}

#service-RegisterCode .invalid-feedback:not(:empty) {
  font-weight: 700;
  margin-bottom: 24px;
}

#service-EnrolmentCompletion .cp-service__content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 36px;
}
@media screen and (max-width: 991px) {
  #service-EnrolmentCompletion .cp-service__content {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
#service-EnrolmentCompletion .cp-service__body {
  width: 100%;
}
#service-EnrolmentCompletion .cp-service__form {
  position: relative;
  width: 100%;
}
#service-EnrolmentCompletion .cp-service__form .form-row {
  display: flex;
  flex-direction: column;
}
#service-EnrolmentCompletion .cp-service__form .cp-service__submit {
  margin-top: 56px;
}
@media screen and (max-width: 991px) {
  #service-EnrolmentCompletion .cp-service__form .cp-service__submit {
    position: absolute;
    bottom: -320px;
  }
}

cp-dob.form-control.InputType-Date, cp-dob.form-control.InputType-TextBox,
dksh-refdata-selector.form-control.InputType-Date,
dksh-refdata-selector.form-control.InputType-TextBox {
  padding: 0;
  border: none;
  box-shadow: none;
}
cp-dob.form-control.InputType-Date:focus, cp-dob.form-control.InputType-TextBox:focus,
dksh-refdata-selector.form-control.InputType-Date:focus,
dksh-refdata-selector.form-control.InputType-TextBox:focus {
  box-shadow: none !important;
}

dksh-refdata-selector > .form-row {
  margin-bottom: 20px;
}
dksh-refdata-selector > .form-row:nth-of-type(2) {
  width: 50%;
}
@media screen and (min-width: 992px) {
  dksh-refdata-selector > .form-row:nth-of-type(2) > .col {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  dksh-refdata-selector > .form-row:nth-of-type(2) {
    width: 100%;
  }
}

.was-validated .form-control:valid,
.was-validated input.form-control:valid,
.was-validated .form-control:valid:focus {
  border-color: #d1d1d1;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23006373' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.was-validated .form-control:invalid:focus,
.was-validated input.form-control.input-validation-error:valid {
  border-color: #DA0812;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DA0812'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DA0812' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.field-validation-error {
  color: var(--bs-red);
  font-weight: 700;
}

.modal {
  --bs-modal-width: 75vw;
  --bs-modal-footer-border-width: 0;
}
.modal form.cp-service__form {
  margin-top: 0px;
}
.modal .modal-dialog {
  max-width: 54rem;
}
.modal .modal-content .modal-header {
  padding: 58px 58px 0;
  padding-bottom: 0;
  border-bottom: 0;
  align-items: normal;
}
@media screen and (max-width: 767px) {
  .modal .modal-content .modal-header {
    padding: 12px 10px;
  }
}
.modal .modal-content .modal-header .close {
  position: absolute;
  top: 4px;
  right: 20px;
  border: 0;
  font-size: 28px;
  background: none;
  color: #949494;
}
@media screen and (max-width: 767px) {
  .modal .modal-content .modal-header .close {
    right: 10px;
  }
}
.modal .modal-content .modal-header .modal-title {
  font-size: 30px;
  color: var(--bs-body-color);
  font-weight: 700;
}
.modal .modal-content .modal-body {
  padding: 32px 58px;
}
@media screen and (max-width: 767px) {
  .modal .modal-content .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.modal .modal-content .modal-footer {
  justify-content: flex-start;
  padding: 0 55px 86px;
}
.modal .modal-content .cp-service__buttons {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
.modal .modal-content .cp-service__buttons .btn {
  margin: 0 1rem;
}
.modal .modal-content .cp-service__buttons .btn:last-of-type {
  margin-right: 0;
}
.modal .modal-content .cp-service__buttons .btn:first-of-type {
  margin-left: 0;
}
.modal .modal-content .stepped-form__indicators {
  position: absolute;
  top: -4.25rem;
  right: 0;
  display: inline-flex;
  justify-content: flex-end;
  margin: 0;
  height: 45px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .modal .modal-content .stepped-form__indicators {
    position: relative;
  }
}
.modal .modal-content .stepped-form__indicators li {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
  opacity: 1;
  font-size: 0;
  border: none;
  margin-right: 13px;
}
.modal .modal-content .stepped-form__indicators li.active {
  background-color: #00b4d8;
}
.modal .modal-content .stepped-form__indicators li:after {
  content: attr(data-step);
  font-size: 20px;
  color: white;
  font-weight: 700;
  top: 0;
  right: 0;
}
.modal .modal-content .cp-service--login .btn {
  min-width: 14rem;
}
.modal .modal-content .cp-service--login .cp-service__links-reset--login {
  margin-left: 2rem;
}
.modal .modal-content .cp-service--login .cp-service__links--login {
  margin: 1rem 0;
}
.modal .modal-content .cp-service--login .cp-service__links-enrol--login a {
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .modal .modal-content .cp-service--login .cp-service__buttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .modal .modal-content .cp-service--login .cp-service__buttons .btn:first-of-type {
    width: 100%;
  }
  .modal .modal-content .cp-service--login .cp-service__links-reset--login {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .modal .modal-content .cp-service--reset .cp-service__btnReset {
    margin-left: 0;
  }
}
.modal.axsvc-success .modal-dialog {
  max-width: 684px;
}
.modal.axsvc-success h5.modal-title {
  font-style: 40px;
}
.modal.axsvc-success h5.modal-title:before {
  content: "\f26a";
  font-family: "bootstrap-icons";
  color: #01c76a;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 58px;
}
.modal.axsvc-success .modal-body {
  font-size: 15px;
}
.modal.axsvc-success .modal-footer button {
  min-width: 170px;
  background-color: var(--dksh-red);
  margin: 0;
  border-color: var(--dksh-red);
}
.modal.axsvc-p-sg-el-enrol .modal-header {
  min-height: 100px;
}
@media screen and (max-width: 767px) {
  .modal.axsvc-p-sg-el-enrol .modal-header {
    padding-top: 82px;
    padding-bottom: 0;
  }
}
.modal#LoginPopup .modal-dialog {
  max-width: 492px;
}
.modal#LoginPopup .modal-dialog form#login {
  padding: 0;
  width: 100% !important;
}
.modal#LoginPopup .modal-dialog .form-control {
  margin-bottom: 20px;
}
.modal#LoginPopup .modal-dialog button[type=submit] {
  margin-top: 46px;
  width: 200px !important;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .modal#LoginPopup .modal-dialog button[type=submit] {
    width: 100% !important;
  }
}
.modal#LoginPopup .modal-dialog p {
  font-size: 15px;
}
.modal#LoginPopup .modal-dialog a {
  color: var(--dksh-red);
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .modal#LoginPopup .modal-dialog {
    margin: 1.75rem auto;
  }
}

.video-block {
  border-radius: 8px;
  padding: 2rem;
  padding-bottom: 1rem;
  /*P has bottom margin so need remove 1rem off bottom*/
  margin-bottom: 2rem;
  background: #F0F0F0;
  padding: 1rem;
}
.video-block .video-block__content iframe {
  display: block;
  height: 290px;
  width: 100%;
}
.video-block .video-block__image {
  display: none;
}
.video-block .video-block__content {
  margin-bottom: 1rem;
}

.content-block--card-highlight {
  border-radius: 8px;
  padding: 2rem;
  padding-bottom: 1rem;
  /*P has bottom margin so need remove 1rem off bottom*/
  margin-bottom: 2rem;
  background: #E2F1FA;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.content-block--card-highlight .content-block__inner {
  display: flex;
  align-items: center;
}
.content-block--card-highlight .content-block__inner h3 {
  margin-left: 3rem;
  margin-bottom: 0;
}
.content-block--card-highlight .btn-light {
  color: var(--bs-teal);
  font-weight: bold;
}
.content-block--card-callout {
  border-radius: 8px;
  padding: 2rem;
  padding-bottom: 1rem;
  /*P has bottom margin so need remove 1rem off bottom*/
  margin-bottom: 2rem;
  font-weight: 500;
  text-align: center;
  background-color: white;
  border-color: var(--bs-secondary);
  border-style: solid;
}
.content-block--callout {
  padding: 12px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.content-block--callout h3 {
  color: var(--bs-body-color);
  font-weight: 700;
  font-size: 22px;
}
.content-block--callout .help-content__phone,
.content-block--callout .help-content__mail {
  display: flex;
  align-items: center;
  gap: 10px;
}
.content-block--callout i {
  color: var(--dksh-red);
  font-size: 24px;
}
.content-block--callout ol li {
  margin-bottom: 0px;
}
.content-block--card {
  border-radius: 8px;
  padding: 2rem;
  padding-bottom: 1rem;
  /*P has bottom margin so need remove 1rem off bottom*/
  margin-bottom: 2rem;
  /* Panel is a small white box inside card*/
  /* buttons is a row of buttons*/
}
.content-block--card p {
  color: #000000;
}
.content-block--card h2 {
  color: var(--bs-teal);
}
.content-block--card h3 {
  color: var(--bs-red);
}
.content-block--card a {
  color: var(--bs-link-color);
  text-decoration: none;
  font-weight: 500;
}
.content-block--card a:hover {
  color: var(--bs-link-hover-color);
}
.content-block--card .content-block__link p:last-of-type {
  font-size: 0.9rem;
  color: var(--bs-primary);
  margin-bottom: 0;
}
.content-block--card .content-block__link p:last-of-type::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-weight: 400;
  margin-left: 0.7rem;
}
.content-block--card .content-block__link .content-block__content {
  padding: 1rem;
}
.content-block--card .content-block__link .content-block__inner {
  border-radius: var(--bs-border-radius-large);
  display: flex;
  flex-direction: column;
}
.content-block--card .content-block__link .content-block__inner .content-block__image {
  border-radius: var(--bs-border-radius-large);
  overflow: hidden;
}
.content-block--card .content-block__link .content-block__inner .content-block__image img {
  transition: 0.5s ease;
  object-fit: cover;
  object-position: top;
}
.content-block--card .content-block__link .content-block__inner:hover {
  box-shadow: 0 0 10px 1px #ccc;
}
.content-block--card .content-block__link .content-block__inner:hover .content-block__image img {
  transition: 0.5s ease;
  transform: scale(1.15);
}
.content-block--card .form-control {
  margin: 1rem 0;
  background-color: white;
}
.content-block--card .panel {
  border-radius: 8px;
  margin-bottom: 1rem;
  background: white;
  padding: 1rem;
}
.content-block--card .panel a {
  color: var(--bs-teal);
}
.content-block--card .buttons {
  display: flex;
}
.content-block--card.has-image {
  padding: 0;
}
.content-block--card.has-image .content-block__image img, .content-block--card.has-image .content-block__image picture {
  border-radius: var(--bs-border-radius-large);
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: cover;
  transition: 0.5s ease;
}
.content-block--border {
  background-color: #f5e4e6;
  border-radius: 8px;
  padding: 20px;
}
.content-block--border p {
  font-size: 15px;
  font-weight: 400;
}
.content-block--border button.btn {
  justify-self: flex-end;
  display: flex;
  --bs-border-radius: 20px;
  --bs-btn-padding-x: 3rem;
}

table .carousel-indicators[data-bs-target] {
  position: relative;
  bottom: 0;
  margin: 0;
  justify-content: center;
}
table .carousel-indicators[data-bs-target] button {
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #eeeeee;
  opacity: 1;
}
table .carousel-indicators[data-bs-target] button.active {
  background-color: var(--dksh-red);
}
table .carousel-indicators[data-bs-target] button:first-of-type {
  display: none;
}
table .carousel-item {
  transition: transform 0s;
}
table .carousel-fade .active.carousel-item-start,
table .carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0s;
}

a {
  text-decoration: none;
}

.custom-tooltip-wrapper {
  position: relative;
}
.custom-tooltip-wrapper .custom-tooltip {
  background: #f7eced;
  top: 50%;
  color: var(--bs-body-color);
  display: block;
  left: -314px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 294px;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(-30%) translateY(-50%);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}
.custom-tooltip-wrapper .custom-tooltip:before {
  bottom: -20px;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.custom-tooltip-wrapper .custom-tooltip:after {
  border-left: solid transparent 20px;
  border-right: solid transparent 20px;
  border-top: solid #f7eced 25px;
  top: 50%;
  content: " ";
  height: 0;
  left: 95%;
  margin-left: 0;
  position: absolute;
  width: 0;
  transform: translateY(-50%) rotate(270deg);
}
@media screen and (max-width: 991px) {
  .custom-tooltip-wrapper .custom-tooltip:after {
    left: 50%;
    top: -10px;
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
  }
}
@media screen and (max-width: 991px) {
  .custom-tooltip-wrapper .custom-tooltip {
    left: 0;
    transform: none !important;
    top: 200%;
  }
}
.custom-tooltip-wrapper:hover .custom-tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0) translateY(-50%);
}

.bi-chat-right-text {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://stsgsgpartizan01d.blob.core.windows.net/dksh/content/images/my/Messages-Empty.png");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  /* hides the old icon */
  width: 30px;
  height: 30px;
}

p:has(i.bi-chat-right-text) {
  display: flex;
  font-size: 24px;
  align-items: center;
  /* vertical centering */
  gap: 6px;
  /* horizontal space between icon and text */
  font-weight: 700;
  margin: 0;
}

dksh-login input,
dksh-login p,
dksh-login div,
dksh-login button {
  margin-top: 10px;
  margin-bottom: 10px;
}

dksh-reset-pwd .reset-validator .checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-right: 8px;
  vertical-align: middle;
}
dksh-reset-pwd .reset-validator .checkbox.valid {
  background-color: #28a745;
  border-color: #28a745;
}
dksh-reset-pwd .reset-validator .checkbox.invalid {
  background-color: #dc3545;
  border-color: #dc3545;
}
dksh-reset-pwd .reset-validator .checkbox::after {
  content: "✓";
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}
dksh-reset-pwd .reset-validator ul {
  padding: 0;
  margin: 0;
}
dksh-reset-pwd .reset-validator li {
  list-style-type: none;
}

.cp-service .cp-service__body--reset {
  margin-bottom: 0px !important;
}

.cp-service__title {
  display: block;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 46px;
}
@media screen and (max-width: 991px) {
  .cp-service__title {
    font-size: 22px;
  }
}

.cp-service__title:empty {
  display: none;
}

/**Pages**/
#page-start > .row {
  margin: 0;
  padding: 60px 130px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  #page-start > .row {
    padding: 85px 20px 28px;
  }
}
#page-start > .row > .col-8,
#page-start > .row > .col-4 {
  width: 50%;
  padding: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  #page-start > .row > .col-8,
#page-start > .row > .col-4 {
    width: 100%;
  }
}
#page-start #welcome-to-dksh,
#page-start #welcome-to-dksh-hcp {
  font-weight: 700;
  margin-bottom: 25px;
  font-size: 40px;
}
@media screen and (max-width: 991px) {
  #page-start #welcome-to-dksh,
#page-start #welcome-to-dksh-hcp {
    margin-bottom: 10px;
    font-size: 30px;
  }
}
#page-start #block-7736,
#page-start #block-7154 {
  padding-right: 150px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  #page-start #block-7736,
#page-start #block-7154 {
    padding-right: 0;
  }
}
#page-start #block-7163,
#page-start #block-7737 {
  padding: 48px 95px 54px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  max-width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  #page-start #block-7163,
#page-start #block-7737 {
    padding: 26px 20px 24px;
  }
}
#page-start #acme-program-registration,
#page-start #hcp-registration {
  margin-bottom: 14px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #page-start #acme-program-registration,
#page-start #hcp-registration {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
#page-start p {
  margin-bottom: 0;
}
#page-start p,
#page-start label {
  font-size: 15px;
}
#page-start #service-container-RegisterCode {
  margin-top: 24px;
}
#page-start #service-container-RegisterCode .cp-service a {
  color: var(--dksh-red);
  font-weight: 600;
}
#page-start #service-container-RegisterCode .cp-service__submit {
  min-width: 200px;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  #page-start #service-container-RegisterCode .cp-service__submit {
    margin-top: 28px;
    margin-bottom: 32px;
  }
}
#page-start #service-container-RegisterCode .cp-service__form .form-group {
  margin-bottom: 0.5rem !important;
}
@media screen and (max-width: 991px) {
  #page-start #service-container-RegisterCode {
    margin-top: 20px;
  }
}
#page-start dksh-register-code > .row {
  margin: 12px 0;
  gap: 24px;
}
#page-start a:not(.btn) {
  color: var(--dksh-red);
  font-weight: 700;
  text-decoration: none;
}
#page-start .custom-tooltip-wrapper {
  font-size: 13px;
  font-weight: 600;
  color: var(--dksh-red);
  cursor: pointer;
}
#page-start .custom-tooltip-wrapper i {
  color: #000000;
  margin-left: 6px;
}
#page-start .custom-tooltip-wrapper i::before {
  font-size: 17px;
}
#page-start .custom-tooltip-wrapper .tooltip-content-title {
  font-weight: 700;
  margin-bottom: 6px;
}
#page-start .custom-tooltip-wrapper .tooltip-content-desc {
  font-weight: 400;
}

:root {
  --teal-rgb: 0, 99, 115;
  --dksh-red: #be0028;
  --dksh-red-rgb: 190, 0, 40;
  --dksh-blue: rgb(0, 119, 182);
  --dksh-dark-blue: hsl(201, 95%, 30%);
  --dksh-green: rgb(1, 199, 106);
  --dksh-black: rgb(26, 26, 26);
  --bs-primary: var(--dksh-red);
  --bs-primary-hover: rgba(var(--dksh-red-rgb), 0.8);
  --bs-secondary: var(--dksh-blue);
  --bs-secondary-bg: #f5f5f5;
  --bs-secondary-hover: var(--dksh-dark-blue);
  --bs-tertiary: var(--dksh-green);
  --bs-tertiary-hover: rgb(137, 140, 141);
  --bs-light: #eeeeee;
  --bs-light-hover: #dedede;
  --bs-body-font-size: 18px;
  --bs-body-color: #1a1a1a;
  --bs-body-font-weight: 400;
  --bs-form-invalid-color: #ef233c;
  --bs-form-invalid-border-color: #ef233c;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-primary-hover);
  --bs-border-radius-large: 15px;
  --bs-border-radius: 8px;
  --bs-border-color: #949494;
  --bs-disabled-color: #949494;
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-table-border-color: #010101;
  --bs-table-bg: inherit;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #fff;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-color: #fff;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 #fff;
  --bs-navbar-color: var(--bs-primary);
  --bs-navbar-hover-color: var(--bs-primary);
  --loader-col: var(--dksh-green);
  --bs-body-font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

body {
  background-color: #faf8f7;
}

/* master layout width for all pages smaller than laptop*/
.container-md {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: unset;
}
@media (max-width: 576px) {
  .container-md {
    --bs-gutter-x: 1.5rem;
  }
}

.img-fluid {
  width: 100%;
}

#layout-base {
  position: relative;
  min-height: 100vh;
}
#layout-base::after {
  background-image: url("data:image/svg+xml,%3Csvg width='665' height='504' viewBox='0 0 665 504' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.08'%3E%3Cpath d='M647.016 346.65C643.33 371.738 636.687 393.523 627.087 412.004C617.487 430.485 605.518 445.558 591.181 457.223C576.844 468.888 560.353 476.985 541.709 481.514C523.12 485.669 502.779 486.124 480.687 482.879C460.467 479.908 442.24 473.788 426.005 464.518C409.826 454.873 396.36 442.375 385.609 427.025C375.233 411.73 367.917 393.824 363.663 373.307C359.409 352.791 359.152 329.802 362.893 304.339C367.788 271.013 377.558 243.568 392.202 222.002C407.22 200.492 426.281 185.313 449.384 176.466C472.918 167.299 499.288 164.861 528.495 169.152C556.204 173.222 579.635 182.976 598.789 198.413C618.372 213.531 632.45 233.578 641.022 258.554C649.968 283.585 651.966 312.95 647.016 346.65ZM424.032 313.894C420.732 336.361 420.68 356.245 423.876 373.546C427.128 390.472 434.112 404.121 444.829 414.494C455.546 424.866 470.266 431.428 488.989 434.178C507.711 436.928 523.696 434.878 536.943 428.025C550.191 421.173 560.806 410.109 568.788 394.833C576.824 379.182 582.493 360.124 585.794 337.657C589.204 314.441 589.069 294.53 585.388 277.923C582.081 261.371 575.042 248.096 564.27 238.098C553.927 227.781 539.207 221.219 520.11 218.414C492.027 214.288 470.244 220.652 454.763 237.504C439.281 254.356 429.038 279.82 424.032 313.894Z' fill='%23BE0028'/%3E%3Cpath d='M243.857 80.2885C224.012 77.3732 205.703 78.3176 188.931 83.1219C172.214 87.5517 157.249 95.6815 144.035 107.511C131.196 119.396 120.378 134.447 111.582 152.664C103.16 170.936 97.1884 192.054 93.668 216.019C89.0475 247.472 89.7127 275.494 95.6635 300.085C101.669 324.302 113.126 343.963 130.033 359.07C146.94 374.178 169.623 383.821 198.081 388.002C215.305 390.532 232.001 391.455 248.168 390.769C295.303 393.52 350.68 348.464 372.105 262.96L368.649 377.391C334.231 430.266 279.348 441.785 241.056 443.087C224.14 443.662 204.824 442.355 183.106 439.165C142.291 433.169 109.454 419.738 84.5944 398.873C60.1095 378.062 43.4097 351.127 34.4951 318.068C25.5805 285.009 24.176 247.697 30.2817 206.133C34.7372 175.803 42.9265 148.699 54.8498 124.821C67.2025 100.624 82.7771 80.5339 101.574 64.5512C120.37 48.5686 142.279 37.4421 167.299 31.1719C192.749 24.5822 221.013 23.5701 252.092 28.1356C272.313 31.1059 291.828 36.2679 310.639 43.6216C329.506 50.6008 346.225 59.1773 360.796 69.3509L330.904 116.601C318.678 108.685 305.219 101.352 290.527 94.6035C276.264 87.5354 260.707 82.7638 243.857 80.2885Z' fill='%23BE0028'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #faf8f7;
  background-repeat: no-repeat;
  left: 0;
}
#layout-base.el::after {
  background-image: url("data:image/svg+xml,%3Csvg width='1143' height='809' viewBox='0 0 1143 809' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M1074.38 599.333C1067.69 644.88 1055.62 684.429 1038.2 717.981C1020.77 751.533 999.038 778.898 973.01 800.075C946.981 821.252 917.043 835.952 883.195 844.175C849.447 851.718 812.519 852.543 772.411 846.652C735.702 841.259 702.611 830.148 673.138 813.318C643.764 795.808 619.319 773.119 599.8 745.251C580.962 717.483 567.681 684.975 559.958 647.728C552.235 610.482 551.768 568.745 558.559 522.519C567.447 462.017 585.183 412.19 611.768 373.038C639.034 333.986 673.638 306.43 715.582 290.369C758.306 273.727 806.18 269.301 859.204 277.09C909.509 284.48 952.048 302.188 986.822 330.213C1022.37 357.659 1047.93 394.053 1063.49 439.396C1079.74 484.839 1083.36 538.152 1074.38 599.333ZM669.556 539.866C663.564 580.654 663.47 616.752 669.273 648.161C675.176 678.89 687.856 703.67 707.312 722.501C726.769 741.332 753.493 753.244 787.482 758.237C821.472 763.23 850.492 759.507 874.543 747.067C898.593 734.628 917.864 714.541 932.355 686.808C946.946 658.394 957.237 623.794 963.229 583.006C969.42 540.859 969.175 504.71 962.492 474.561C956.489 444.512 943.71 420.411 924.153 402.26C905.376 383.529 878.653 371.617 843.983 366.524C792.998 359.034 753.453 370.587 725.346 401.181C697.24 431.776 678.643 478.004 669.556 539.866Z' fill='%23BE0028'/%3E%3Cpath d='M342.454 115.761C306.424 110.469 273.185 112.183 242.736 120.905C212.387 128.947 185.218 143.707 161.229 165.184C137.92 186.761 118.281 214.085 102.311 247.157C87.0213 280.329 76.1807 318.668 69.7896 362.175C61.4012 419.278 62.6088 470.152 73.4123 514.796C84.3157 558.76 105.115 594.455 135.809 621.882C166.504 649.308 207.683 666.816 259.348 674.406C290.618 678.999 320.929 680.674 350.279 679.43C435.852 684.423 536.386 602.626 575.284 447.396L569.01 655.141C506.523 751.135 406.886 772.047 337.368 774.411C306.658 775.456 271.589 773.082 232.161 767.29C158.063 756.405 98.4482 732.022 53.3168 694.141C8.86507 656.36 -21.4529 607.461 -37.6371 547.443C-53.8213 487.424 -56.371 419.686 -45.2864 344.229C-37.1976 289.165 -22.33 239.959 -0.68375 196.609C21.7422 152.68 50.0175 116.207 84.142 87.1908C118.267 58.1748 158.041 37.9751 203.464 26.5916C249.668 14.6282 300.981 12.7907 357.404 21.0793C394.113 26.4718 429.543 35.8433 463.694 49.1937C497.946 61.8642 528.298 77.4345 554.753 95.9045L500.483 181.685C478.288 167.314 453.854 154.002 427.181 141.75C401.287 128.918 373.045 120.255 342.454 115.761Z' fill='%23BE0028'/%3E%3C/g%3E%3C/svg%3E%0A");
  transition: all 0.3s;
  background-size: 1144px 100%;
}
@media screen and (max-width: 991px) {
  #layout-base.el::after {
    background-position-x: 0;
    background-size: 145vw;
    background-position-y: 39px;
  }
}

/* Loader overlay*/
@-webkit-keyframes loadingoverlay_animation__rotate_right {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingoverlay_animation__rotate_right {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingoverlay_animation__rotate_left {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes loadingoverlay_animation__rotate_left {
  to {
    webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/* Add to your stylesheet */
.terms-overlay-container {
  background: rgba(255, 255, 255, 0.95);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  /* Match tile's border radius */
}

.terms-overlay-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.terms-overlay-content {
  padding: 20px;
  width: 90%;
  max-width: 100%;
}

.terms-checkbox {
  margin-right: 8px;
}

.terms-label {
  cursor: pointer;
  user-select: none;
}

.terms-submit-btn {
  margin-top: 15px;
  padding: 8px 16px;
  background: #0066cc;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.terms-error {
  color: #dc3545;
  margin-top: 10px;
}

.terms-loading {
  padding: 20px;
  text-align: center;
}

/*# sourceMappingURL=main.css.map */