@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'DM Sans';
  src: url("../fonts/DMSans/DMSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

.btn {
  position: relative;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer; }
  .btn:after {
    content: "";
    mask-image: url(../../images/icons/icon-right-arrow.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    background: white;
    mask-size: contain;
    vertical-align: bottom;
    transition: 0.2s; }
  .btn.btn-primary {
    background-color: #e89e00;
    color: white; }
  .btn.btn-secondary {
    background-color: transparent;
    color: #e89e00;
    font-weight: 600;
    padding: 10px 0px; }
    .btn.btn-secondary:after {
      background: #e89e00; }
  .btn.btn-tertiary {
    background-color: transparent;
    color: #0757a0;
    font-weight: 600;
    padding: 10px 16px;
    border: 1px solid #0757a0; }
    .btn.btn-tertiary:after {
      background: #0757a0; }
  .btn:hover:after {
    transform: translateX(5px); }
  .btn.btn-disabled {
    cursor: not-allowed;
    background-color: #bababa; }
    .btn.btn-disabled:after {
      content: none; }

.colored-danger-btn {
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  background-color: #F44336;
  color: #FFFFFF;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color; }
  .colored-danger-btn:hover {
    cursor: pointer; }
  .colored-danger-btn:hover {
    background-color: #FF746A; }
  .colored-danger-btn:active {
    background-color: #F44336; }
  .colored-danger-btn:disabled {
    background-color: #F44336;
    color: #FFFFFF; }

.colored-orange-btn {
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  background-color: #e89e00;
  color: #FFFFFF;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color; }
  .colored-orange-btn:hover {
    cursor: pointer; }
  .colored-orange-btn:hover {
    background-color: #F6B93B; }
  .colored-orange-btn:active {
    background-color: #e89e00; }
  .colored-orange-btn:disabled {
    background-color: #C77B00;
    color: #FFFFFF; }

.colored-white-btn {
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  background-color: white;
  color: #e89e00;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color; }
  .colored-white-btn:hover {
    cursor: pointer; }
  .colored-white-btn:hover {
    background-color: #FFFFFF;
    color: #F6B93B; }

.colored-blue-btn {
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  background-color: #0062A9;
  color: #FFFFFF;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color; }
  .colored-blue-btn:hover {
    cursor: pointer; }
  .colored-blue-btn:hover {
    background-color: #4C8EBE; }
  .colored-blue-btn:active {
    background-color: #4C8EBE; }
  .colored-blue-btn:disabled {
    background-color: #083A5E;
    color: #FFFFFF; }

.yellow-icon-btn {
  position: relative;
  padding: 16px 26px;
  transition-duration: 300ms;
  transition-property: all;
  background-color: #FFD03E;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  background-color: #FFC100;
  border-radius: 28px;
  color: #083A5E;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  transition-duration: 300ms;
  transition-property: all; }
  .yellow-icon-btn .icon-button-vector {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: all;
    transition-duration: 300ms;
    width: 0px;
    position: absolute;
    right: 22px; }
  .yellow-icon-btn:hover {
    background-color: #FFD03E;
    padding-right: 48px; }
    .yellow-icon-btn:hover .icon-button-vector {
      margin-left: 8px;
      opacity: 1;
      visibility: visible;
      width: 10px; }
  .yellow-icon-btn:disabled {
    background-color: #4C8EBE;
    color: #FFFFFF; }

.base-btn {
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content;
  background-color: #FFFFFF;
  color: #083A5E;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color;
  height: fit-content; }
  .base-btn:hover {
    cursor: pointer; }
  .base-btn:hover {
    background-color: #e89e00;
    color: #FFFFFF; }
  .base-btn:active {
    background-color: #FFFFFF;
    color: #F6B93B; }

.blue-text-btn {
  color: #083A5E;
  background-color: white;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color;
  border: 1px solid #083A5E;
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content; }
  .blue-text-btn:hover {
    background-color: #0062A9;
    color: #FFFFFF; }
  .blue-text-btn:active {
    background-color: #0062A9;
    color: #FFFFFF; }
  .blue-text-btn:disabled {
    opacity: 0.6; }
  .blue-text-btn:hover {
    cursor: pointer; }

.grey-text-btn {
  color: #8C8C8C;
  background-color: white;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color;
  border: 1px solid #8C8C8C;
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content; }
  .grey-text-btn:hover {
    background-color: #8C8C8C;
    color: #FFFFFF; }
  .grey-text-btn:active {
    background-color: #8C8C8C;
    color: #FFFFFF; }
  .grey-text-btn:disabled {
    opacity: 0.6; }
  .grey-text-btn:hover {
    cursor: pointer; }

.danger-text-btn {
  color: #F44336;
  background-color: white;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color;
  border: 1px solid #F44336;
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content; }
  .danger-text-btn:hover {
    background-color: #F44336;
    color: #FFFFFF; }
  .danger-text-btn:active {
    background-color: #F44336;
    color: #FFFFFF; }
  .danger-text-btn:disabled {
    opacity: 0.6; }
  .danger-text-btn:hover {
    cursor: pointer; }

.orange-text-btn {
  color: #e89e00;
  background-color: white;
  transition-duration: 300ms;
  transition-property: background-color, border-color, color;
  border: 1px solid #e89e00;
  padding: 16px 56px;
  border-radius: 28px;
  font-size: 14px;
  font-family: 'DM Sans';
  font-weight: 500;
  line-height: 16px;
  width: fit-content; }
  .orange-text-btn:hover {
    background-color: #e89e00;
    color: #FFFFFF; }
  .orange-text-btn:active {
    background-color: #e89e00;
    color: #FFFFFF; }
  .orange-text-btn:disabled {
    opacity: 0.6; }
  .orange-text-btn:hover {
    cursor: pointer; }

.icon-unseen {
  position: relative;
  width: 15px;
  height: 14px; }
  .icon-unseen:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-unseen.svg");
    mask-image: url("../../images/icons/icon-unseen.svg");
    height: 15px;
    width: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 2px; }

.icon-seen {
  position: relative;
  width: 15px;
  height: 14px; }
  .icon-seen:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-seen.svg");
    mask-image: url("../../images/icons/icon-seen.svg");
    height: 15px;
    width: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 2px; }

.icon-enquiry {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-enquiry:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-enquiry.svg");
    mask-image: url("../../images/icons/icon-enquiry.svg");
    height: 24px;
    width: 24px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  .icon-enquiry.unread::after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #e89e00;
    border-radius: 50%;
    top: 0;
    right: 0; }

.icon-rating-star {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-rating-star:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-rating-star.svg");
    mask-image: url("../../images/icons/icon-rating-star.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E33;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-flag {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-flag:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-flag.svg");
    mask-image: url("../../images/icons/icon-flag.svg");
    height: 14px;
    width: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-image-file {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-image-file:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/image-file-icon.svg");
    mask-image: url("../../images/icons/image-file-icon.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-pdf-file {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-pdf-file:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/pdf-file-icon.svg");
    mask-image: url("../../images/icons/pdf-file-icon.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-file {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-file:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-file.svg");
    mask-image: url("../../images/icons/icon-file.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-open {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .icon-open:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-open.svg");
    mask-image: url("../../images/icons/icon-open.svg");
    height: 20px;
    width: 20px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-closed {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .icon-closed:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-closed.svg");
    mask-image: url("../../images/icons/icon-closed.svg");
    height: 20px;
    width: 20px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-progress {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .icon-progress:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-progress.svg");
    mask-image: url("../../images/icons/icon-progress.svg");
    height: 20px;
    width: 20px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-in-progress {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .icon-in-progress:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-progress.svg");
    mask-image: url("../../images/icons/icon-progress.svg");
    height: 20px;
    width: 20px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-archived {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .icon-archived:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-archived.svg");
    mask-image: url("../../images/icons/icon-archived.svg");
    height: 20px;
    width: 20px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-swiper-right {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #0062A9; }
  .icon-swiper-right:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url;
    mask-image: url("../../images/icons/tabler-icon-arrow-down-right.svg");
    height: 12px;
    width: 12px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 5px;
    top: 6px; }
  .icon-swiper-right:hover {
    background-color: #0062A9; }
    .icon-swiper-right:hover::before {
      background-color: white; }

.icon-swiper-left {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #0062A9; }
  .icon-swiper-left:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url;
    mask-image: url("../../images/icons/tabler-icon-arrow-down-left.svg");
    height: 12px;
    width: 12px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 5px;
    top: 6px; }
  .icon-swiper-left:hover {
    background-color: #0062A9; }
    .icon-swiper-left:hover::before {
      background-color: white; }

.icon-long-arrow-right {
  position: relative;
  width: 40px;
  height: 12px; }
  .icon-long-arrow-right:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/long-arrow-right.svg");
    mask-image: url("../../images/icons/long-arrow-right.svg");
    height: 12px;
    width: 40px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-tick {
  position: relative;
  width: 22px;
  height: 22px; }
  .icon-tick:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/tick-icon.svg");
    mask-image: url("../../images/icons/tick-icon.svg");
    height: 22px;
    width: 22px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-blue-tick {
  position: relative;
  width: 10px;
  height: 10px; }
  .icon-blue-tick:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/tick-blue-icon.svg");
    mask-image: url("../../images/icons/tick-blue-icon.svg");
    height: 10px;
    width: 10px;
    background-color: #4C8EBE;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-edit {
  position: relative;
  width: 30px;
  height: 30px; }
  .icon-edit:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-edit.svg");
    mask-image: url("../../images/icons/icon-edit.svg");
    height: 30px;
    width: 30px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  @media screen and (max-width: 768px) {
    .icon-edit {
      width: 24px;
      height: 24px; }
      .icon-edit:before {
        height: 24px;
        width: 24px; } }

.icon-tabler-send {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-tabler-send:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/tabler-icon-send.svg");
    mask-image: url("../../images/icons/tabler-icon-send.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-like {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-like.liked:before {
    -webkit-mask-image: url("../../images/icons/liked-like-icon.svg");
    mask-image: url("../../images/icons/liked-like-icon.svg");
    background-color: #e89e00;
    opacity: 1; }
  .icon-like:before {
    left: 0px;
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/like-icon.svg");
    mask-image: url("../../images/icons/like-icon.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    opacity: 0.7; }

.icon-comments {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-comments:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/comment-icon.svg");
    mask-image: url("../../images/icons/comment-icon.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    opacity: 0.7; }

.icon-comment-settings, .icon-post-settings {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-comment-settings:before, .icon-post-settings:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/comment-settings.svg");
    mask-image: url("../../images/icons/comment-settings.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 6px; }

.icon-plus {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #e89e00;
  border-radius: 50%; }
  .icon-plus:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/plus-icon.svg");
    mask-image: url("../../images/icons/plus-icon.svg");
    height: 8px;
    width: 8px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 8px;
    top: 8px; }

.icon-image {
  position: relative;
  width: 20px;
  height: 20px; }
  .icon-image:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/image-icon.svg");
    mask-image: url("../../images/icons/image-icon.svg");
    height: 20px;
    width: 20px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-delete {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-delete:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/delete-icon.svg");
    mask-image: url("../../images/icons/delete-icon.svg");
    height: 14px;
    width: 14px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: -2px; }

.icon-button-vector {
  position: relative;
  width: 10px;
  height: 10px; }
  .icon-button-vector:before {
    content: " ";
    -webkit-mask-image: url("../../images/icons/vector-top-right.svg");
    mask-image: url("../../images/icons/vector-top-right.svg");
    height: 10px;
    width: 10px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-back-button-vector {
  position: relative;
  width: 6.5px;
  height: 14px; }
  .icon-back-button-vector:before {
    transition-duration: 200ms;
    transition-property: all;
    content: " ";
    -webkit-mask-image: url("../../images/icons/arrow-left.svg");
    mask-image: url("../../images/icons/arrow-left.svg");
    width: 6.5px;
    height: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-settings {
  position: relative;
  width: 20px;
  height: 20px; }
  .icon-settings:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/settings-icon.svg");
    mask-image: url("../../images/icons/settings-icon.svg");
    height: 20px;
    width: 20px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-provider, .icon-provider-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-provider:before, .icon-provider-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/provider-icon.svg");
    mask-image: url("../../images/icons/provider-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-insights-feed, .icon-insights-feed-guest {
  position: relative;
  width: 15px;
  height: 15px; }
  .icon-insights-feed:before, .icon-insights-feed-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/feed-icon.svg");
    mask-image: url("../../images/icons/feed-icon.svg");
    height: 15px;
    width: 15px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-form, .icon-form-guest {
  position: relative;
  width: 16px;
  height: 20px; }
  .icon-form:before, .icon-form-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/form-icon.svg");
    mask-image: url("../../images/icons/form-icon.svg");
    height: 20px;
    width: 16px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-navigator, .icon-navigator-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-navigator:before, .icon-navigator-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/navigator-icon.svg");
    mask-image: url("../../images/icons/navigator-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-event, .icon-event-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-event:before, .icon-event-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/events-icon.svg");
    mask-image: url("../../images/icons/events-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-accommodation, .icon-accommodation-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-accommodation:before, .icon-accommodation-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/accommodation-icon.svg");
    mask-image: url("../../images/icons/accommodation-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-career, .icon-career-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-career:before, .icon-career-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/career-icon.svg");
    mask-image: url("../../images/icons/career-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-home {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-home:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/home-icon.svg");
    mask-image: url("../../images/icons/home-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-wifi, .icon-wifi-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-wifi:before, .icon-wifi-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/wifi-icon.svg");
    mask-image: url("../../images/icons/wifi-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-insights, .icon-insights-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-insights:before, .icon-insights-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/insights-icon.svg");
    mask-image: url("../../images/icons/insights-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-market, .icon-market-guest {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-market:before, .icon-market-guest:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/market-icon.svg");
    mask-image: url("../../images/icons/market-icon.svg");
    height: 18px;
    width: 18px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-save {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-save:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/save-icon.svg");
    mask-image: url("../../images/icons/save-icon.svg");
    height: 14px;
    width: 14px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: -3px; }

.icon-close {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: white; }
  .icon-close:before {
    content: " ";
    -webkit-mask-image: url("../../images/icons/close-icon.svg");
    mask-image: url("../../images/icons/close-icon.svg");
    color: #083A5E;
    left: 6px;
    top: 6px;
    transition-duration: 200ms;
    transition-property: all;
    height: 12px;
    width: 12px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-menu {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-menu:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/menu-icon.svg");
    mask-image: url("../../images/icons/menu-icon.svg");
    height: 24px;
    width: 24px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-vector-down {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-vector-down:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/vector-down.svg");
    mask-image: url("../../images/icons/vector-down.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-vector-minus {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-vector-minus:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/minus-icon.svg");
    mask-image: url("../../images/icons/minus-icon.svg");
    height: 18px;
    width: 18px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 9px; }

.icon-vector-plus {
  position: relative;
  height: 18px;
  width: 18px; }
  .icon-vector-plus:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/plus-icon.svg");
    mask-image: url("../../images/icons/plus-icon.svg");
    height: 18px;
    width: 18px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-copy {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-copy:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/copy-icon.svg");
    mask-image: url("../../images/icons/copy-icon.svg");
    height: 14px;
    width: 14px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: -2px; }

.icon-notice {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-notice:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-notice.svg");
    mask-image: url("../../images/icons/icon-notice.svg");
    height: 24px;
    width: 24px;
    background-color: #0062A9;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  .icon-notice-low::before {
    background-color: #0062A9;
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-notice.svg");
    mask-image: url("../../images/icons/icon-notice.svg");
    height: 24px;
    width: 24px;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  .icon-notice-medium::before {
    background-color: #FFC100;
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-notice.svg");
    mask-image: url("../../images/icons/icon-notice.svg");
    height: 24px;
    width: 24px;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  .icon-notice-high::before {
    background-color: #FF746A;
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-notice.svg");
    mask-image: url("../../images/icons/icon-notice.svg");
    height: 24px;
    width: 24px;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }
  .icon-notice-critical::before {
    background-color: #F44336;
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-notice.svg");
    mask-image: url("../../images/icons/icon-notice.svg");
    height: 24px;
    width: 24px;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-info {
  position: relative;
  width: 22px;
  height: 22px; }
  .icon-info:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/info-icon.svg");
    mask-image: url("../../images/icons/info-icon.svg");
    height: 22px;
    width: 22px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-search {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-search:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/search.svg");
    mask-image: url("../../images/icons/search.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-post-pin {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-post-pin:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/post-pin-icon.svg");
    mask-image: url("../../images/icons/post-pin-icon.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-check-orange {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-check-orange:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/check-orange.svg");
    mask-image: url("../../images/icons/check-orange.svg");
    height: 24px;
    width: 24px;
    background-color: #e89e00;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-menu-vector-right {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #39617E;
  border-radius: 50%; }
  .icon-menu-vector-right:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/vector-right.svg");
    mask-image: url("../../images/icons/vector-right.svg");
    height: 12px;
    width: 12px;
    background-color: #FFFFFF;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 4px;
    top: 6px;
    transform: rotate(180deg);
    transform-origin: 6px; }

.icon-vector-right {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #e89e00;
  border-radius: 50%; }
  .icon-vector-right:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/vector-right.svg");
    mask-image: url("../../images/icons/vector-right.svg");
    height: 12px;
    width: 12px;
    background-color: #FFFFFF;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 9px;
    top: 6px; }

.icon-email {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-email:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/email-icon.svg");
    mask-image: url("../../images/icons/email-icon.svg");
    height: 14px;
    width: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-copy-link {
  position: relative;
  width: 14px;
  height: 14px; }
  .icon-copy-link:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/copy-link-icon.svg");
    mask-image: url("../../images/icons/copy-link-icon.svg");
    height: 14px;
    width: 14px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-lightbulb {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-lightbulb:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/lightbulb-icon.svg");
    mask-image: url("../../images/icons/lightbulb-icon.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-remove {
  position: relative;
  width: 27px;
  height: 27px;
  background-color: #e89e00;
  border-radius: 50%; }
  .icon-remove:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/remove-icon.svg");
    mask-image: url("../../images/icons/remove-icon.svg");
    height: 27px;
    width: 27px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    left: 0px; }

.icon-mouse {
  position: relative;
  width: 18px;
  height: 18px; }
  .icon-mouse:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/mouse-icon.svg");
    mask-image: url("../../images/icons/mouse-icon.svg");
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-certificate {
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 0.4; }
  .icon-certificate:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/certificate-icon.svg");
    mask-image: url("../../images/icons/certificate-icon.svg");
    height: 20px;
    width: 20px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-address {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-address:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/location-icon.svg");
    mask-image: url("../../images/icons/location-icon.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-chevron-left {
  position: relative;
  width: 38px;
  height: 38px;
  background-color: white;
  border-radius: 50%; }
  .icon-chevron-left:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/chevron_left.svg");
    mask-image: url("../../images/icons/chevron_left.svg");
    height: 18px;
    width: 18px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 9px;
    left: 13px; }

.icon-chevron-right {
  position: relative;
  width: 38px;
  height: 38px;
  background-color: white;
  border-radius: 50%; }
  .icon-chevron-right:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url(../../images/icons/chevron_right.svg);
    mask-image: url(../../images/icons/chevron_right.svg);
    height: 18px;
    width: 18px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 9px;
    left: 15px; }

.icon-phone {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-phone:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-phone.svg");
    mask-image: url("../../images/icons/icon-phone.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-mail {
  position: relative;
  width: 16px;
  height: 16px; }
  .icon-mail:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-mail.svg");
    mask-image: url("../../images/icons/icon-mail.svg");
    height: 16px;
    width: 16px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-in_review {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-in_review:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/process-icon.svg");
    mask-image: url("../../images/icons/process-icon.svg");
    height: 24px;
    width: 24px;
    background-color: #FFC100;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-verified {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-verified:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/verified-icon.svg");
    mask-image: url("../../images/icons/verified-icon.svg");
    height: 24px;
    width: 24px;
    background-color: green;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-pending {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-pending:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/warning-icon.svg");
    mask-image: url("../../images/icons/warning-icon.svg");
    height: 24px;
    width: 24px;
    background-color: #F44336;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-sort-filter {
  position: relative;
  width: 24px;
  height: 24px; }
  .icon-sort-filter:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/sort-filter-icon.svg");
    mask-image: url("../../images/icons/sort-filter-icon.svg");
    height: 24px;
    width: 24px;
    background-color: white;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-profile {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px; }
  .icon-profile:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-profile.svg");
    mask-image: url("../../images/icons/icon-profile.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-logout {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px; }
  .icon-logout:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-logout.svg");
    mask-image: url("../../images/icons/icon-logout.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-login {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px; }
  .icon-login:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-login.svg");
    mask-image: url("../../images/icons/icon-login.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-guardian {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px; }
  .icon-guardian:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-guardian.svg");
    mask-image: url("../../images/icons/icon-guardian.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.icon-health {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px; }
  .icon-health:before {
    content: " ";
    transition-duration: 200ms;
    transition-property: all;
    -webkit-mask-image: url("../../images/icons/icon-health.svg");
    mask-image: url("../../images/icons/icon-health.svg");
    height: 24px;
    width: 24px;
    background-color: #083A5E;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px; }

gmp-place-autocomplete {
  background-color: transparent;
  border: 1px solid #cbc8c8;
  border-radius: 72px;
  width: 100%;
  color-scheme: light;
  transition-duration: 300ms;
  transition-property: border-color; }

html {
  font-family: "DM Sans"; }
  html * {
    transition-duration: 300ms;
    transition-property: all; }
  html [data-drupal-selector="edit-body-format"] {
    display: none; }
  html [data-drupal-selector="edit-insight-body-format"] {
    display: none; }

:root {
  --plyr-color-main: white;
  --plyr-control-icon-size: 14px; }

.ck-content ol, .ck-content ul {
  padding-left: 24px; }

.ck.ck-content {
  min-height: 300px; }

h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 114%; }

h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15; }

h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%; }

h4 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px; }

h5 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5; }

h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 120%; }

@media screen and (min-width: 768px) {
  h1 {
    font-size: 80px;
    font-weight: 600;
    line-height: 100%; }
  h2 {
    font-size: 64px;
    font-weight: 500;
    line-height: 74px; }
  h3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 120%; }
  h4 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px; }
  h5 {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px; }
  h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%; } }

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 600; }

div[data-drupal-messages] .messages {
  position: absolute;
  top: 0px;
  z-index: 1;
  border-radius: 8px;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  box-shadow: none;
  z-index: 1000; }
  div[data-drupal-messages] .messages ~ .messages {
    top: 48px; }

.ajax-progress {
  display: none; }

.success {
  border: 2px solid green; }

.text-success {
  color: #4CAF50; }

.text-danger-dark {
  color: #F44336; }

.text-danger {
  color: #FF746A; }

input[type=submit]:disabled {
  pointer-events: none !important;
  opacity: 0.5; }

.box-shadow-2 {
  box-shadow: 0px 13px 11px rgba(98, 98, 98, 0.1); }

.bg-white {
  background-color: #fff; }

.mask-back {
  content: "";
  mask-image: url("../../images/mask-back.png");
  position: absolute;
  width: 100%;
  height: 100%;
  mask-position: center;
  mask-size: cover;
  background-color: #0757a0; }

.mask-people {
  content: "";
  mask-image: url("../../images/mask-people.png");
  position: absolute;
  width: 100%;
  height: 100%;
  mask-position: top;
  mask-size: cover;
  background-color: #1878be;
  margin-left: -40%; }

.field--name-body {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .field--name-body ul, .field--name-body ol {
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .field--name-body ul {
    list-style: disc; }
  .field--name-body ol {
    list-style: auto; }
  .field--name-body a:not(.btn) {
    text-decoration: underline; }

.block-menu {
  flex: 1;
  overflow: auto; }

.my-level {
  mask-image: url(../../images/icons/icon-cloud.svg);
  background: white;
  width: 100%;
  height: 100px;
  mask-size: 100%;
  position: relative; }
  .my-level p {
    display: block;
    position: absolute;
    bottom: 13px;
    text-align: center;
    width: 100%;
    color: #0f2043;
    font-weight: 600; }
    .my-level p:after {
      content: "";
      mask-image: url(../../images/icons/icon-question-x.svg);
      background: #0f2043;
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      top: -33px;
      left: 50%;
      mask-size: contain;
      transition: 0.2s; }
  .my-level:hover p {
    scale: 1.1; }

.primary-menu-wrapper {
  position: relative;
  z-index: 500; }
  @media (max-width: 991px) {
    .primary-menu-wrapper {
      position: absolute;
      background-color: #0757a0;
      left: -250px;
      transition: 0.2s; } }
  .primary-menu-wrapper.active {
    left: 0px; }
  .primary-menu-wrapper .primary-menu {
    color: #fffdf6; }
    .primary-menu-wrapper .primary-menu .menu--main ul li {
      padding: 0; }
      .primary-menu-wrapper .primary-menu .menu--main ul li a {
        border-radius: 12px;
        transition: 0.2s;
        padding: 12px 24px;
        transition: 0; }
        @media (max-width: 991px) {
          .primary-menu-wrapper .primary-menu .menu--main ul li a {
            padding: 16px; } }
        .primary-menu-wrapper .primary-menu .menu--main ul li a .menu-icon {
          content: "";
          width: 18px;
          height: 18px;
          mask-size: contain;
          mask-repeat: no-repeat;
          background-color: #fffdf6;
          transition: 0.2s;
          margin: 0 3px; }
          .primary-menu-wrapper .primary-menu .menu--main ul li a .menu-icon-dashboard {
            width: 24px;
            height: 24px;
            margin: 0; }
          .primary-menu-wrapper .primary-menu .menu--main ul li a .menu-icon-profile {
            width: 20px;
            height: 20px;
            margin: 0 2px; }
        .primary-menu-wrapper .primary-menu .menu--main ul li a:hover {
          color: #0f2043;
          background: #fffdf6; }
          .primary-menu-wrapper .primary-menu .menu--main ul li a:hover .menu-icon {
            background-color: #0f2043; }
      .primary-menu-wrapper .primary-menu .menu--main ul li.is-active a {
        color: #0f2043;
        background: #fffdf6; }
        .primary-menu-wrapper .primary-menu .menu--main ul li.is-active a .menu-icon {
          background-color: #0f2043; }
    .primary-menu-wrapper .primary-menu .menu--main .menu-button {
      width: 100%;
      justify-content: center;
      padding: 28px 10px;
      border-radius: 12px; }
      .primary-menu-wrapper .primary-menu .menu--main .menu-button:after {
        content: none; }
    .primary-menu-wrapper .primary-menu .profile-tab img {
      transition: transform 0.3s ease;
      display: inline-block; }
    .primary-menu-wrapper .primary-menu .profile-tab:hover img {
      animation: jump 1.5s ease forwards; }

@keyframes jump {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(-10px); }
  35% {
    transform: translateY(0); }
  50% {
    transform: translateY(-6px); }
  65% {
    transform: translateY(0); }
  80% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(0); } }
    .primary-menu-wrapper .primary-menu .navigation-ads h6 {
      font-size: 22px;
      line-height: 24px; }
    .primary-menu-wrapper .primary-menu .navigation-ads .ads-content p, .primary-menu-wrapper .primary-menu .navigation-ads .ads-content a, .primary-menu-wrapper .primary-menu .navigation-ads .ads-content li {
      font-size: 12px; }
    .primary-menu-wrapper .primary-menu .navigation-ads .btn-ads {
      font-size: 14px; }
      .primary-menu-wrapper .primary-menu .navigation-ads .btn-ads:after {
        content: "";
        mask-image: url("../../images/icons/icon-right-arrow.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background: white;
        mask-size: contain;
        vertical-align: bottom;
        transition: 0.2s; }
    .primary-menu-wrapper .primary-menu .navigation-ads:hover .btn-ads:after {
      margin-left: 5px; }
    @media (max-width: 767px) {
      .primary-menu-wrapper .primary-menu .navigation-ads {
        display: none; } }
  .primary-menu-wrapper .menu-expand-icon {
    position: absolute;
    right: -60px;
    width: 60px;
    height: 50px;
    top: 50px;
    border-radius: 0px 16px 16px 0;
    justify-content: right;
    align-items: center;
    display: none;
    padding: 0 14px; }
    .primary-menu-wrapper .menu-expand-icon:after {
      content: "";
      width: 24px;
      height: 24px;
      mask-image: url("../../images/icons/icon-menu.svg");
      position: relative;
      display: block;
      background: white;
      mask-size: contain; }
    @media (max-width: 991px) {
      .primary-menu-wrapper .menu-expand-icon {
        display: flex; } }
    .primary-menu-wrapper .menu-expand-icon.active {
      right: -45px; }
      .primary-menu-wrapper .menu-expand-icon.active:after {
        mask-image: url("../../images/icons/icon-close.svg"); }

@media (max-width: 1199px) {
  .toolbar-bar {
    display: none; } }

.blk-greeting {
  font-size: 14px; }
  @media (max-width: 640px) {
    .blk-greeting {
      flex-wrap: wrap;
      gap: 10px; } }
  .blk-greeting div {
    font-weight: 600; }
  .blk-greeting .icon-clock:before {
    content: "";
    width: 24px;
    height: 24px;
    mask-image: url("../../images/icons/icon-calendar.svg");
    position: relative;
    display: inline-block;
    background: #0f2043;
    mask-size: contain;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -3px; }

.accordion .accordion-controller {
  width: 100%;
  border-radius: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer; }

.accordion > .accordion-content {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease;
  overflow: hidden; }

.accordion.accordion--expanded > .accordion-content {
  visibility: visible;
  opacity: 1;
  max-height: 4000px; }

.accordion.accordion--expanded > .accordion-controller__icon {
  transform: rotate(180deg); }

@media (max-width: 768px) {
  .accordion.accordion--expanded > .accordion-content {
    max-height: unset;
    height: 100%; } }

#edit-formated-description-format-help {
  display: none; }

fieldset.form-item {
  padding: 64px 24px 24px 24px;
  background-color: white;
  position: relative;
  border-radius: 12px;
  margin-top: 0;
  box-shadow: -1px 6px 13px rgba(98, 98, 98, 0.1); }
  fieldset.form-item legend {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
    position: absolute;
    top: 24px; }
  fieldset.form-item .desc {
    margin-bottom: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 24px;
    margin-top: -8px; }

.form-item.form-type-checkbox label:hover {
  cursor: pointer; }

.form-item .description {
  opacity: 0.5;
  font-size: 12px; }

.form-item label {
  display: block;
  width: fit-content;
  font-size: 14px;
  font-weight: 600; }

.form-item select, .form-item input {
  width: 100%;
  margin-top: 8px;
  min-height: 44px;
  border-radius: 19px;
  max-width: 100%;
  min-width: auto;
  padding: 12px 16px;
  font-size: 14px;
  background-color: white;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.form-item input[name='prefill_address'] {
  background-color: #ececec;
  opacity: 0.5; }

.form-item textarea {
  background-color: white;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14px;
  margin-top: 8px; }

.form-item input, .form-item select, .form-item textarea {
  border: 1px solid #cbc8c8; }

.form-item input[disabled="disabled"] {
  opacity: 0.5;
  background: #ececec; }

.form-item input.form-date, .form-item select {
  cursor: pointer; }

.form-item .description {
  margin-top: 4px; }

.form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 8px; }
  .form-type-checkbox input {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 6px;
    position: relative;
    margin-top: 0px;
    padding: 0px;
    display: block;
    min-height: auto;
    height: 22px;
    width: 22px;
    min-height: 22px;
    min-width: 22px;
    border: 1px solid black;
    opacity: 0.6; }
    .form-type-checkbox input:checked {
      content: url(../../images/icons/tick-icon.svg);
      width: 22px;
      height: 22px; }
    .form-type-checkbox input ~ label {
      opacity: 0.6; }
    .form-type-checkbox input ~ .description {
      opacity: 0.6; }
    .form-type-checkbox input:checked {
      opacity: 1; }
      .form-type-checkbox input:checked ~ label {
        opacity: 1; }
      .form-type-checkbox input:checked ~ .description {
        opacity: 1; }

form .js-form-submit.form-submit:hover {
  cursor: pointer; }

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.6);
  /* semi-transparent white */
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(180, 180, 180, 0.5);
  /* light gray, transparent */
  border-radius: 10px;
  border-width: 0px; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(140, 140, 140, 0.7);
  /* still light, but easier to see */
  border-radius: 10px; }

::-webkit-scrollbar-corner {
  border-radius: 4px;
  background-color: transparent; }

.ysbadminton-modal {
  display: none; }
  .ysbadminton-modal.active {
    display: block; }
  .ysbadminton-modal .ysbadminton-modal-inner {
    border-radius: 16px;
    background-color: white;
    min-height: 280px; }
    .ysbadminton-modal .ysbadminton-modal-inner .ysbadminton-modal-content {
      overflow: auto;
      max-height: calc(100vh - 200px);
      height: max-content;
      padding: 48px;
      min-width: 700px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .ysbadminton-modal .ysbadminton-modal-inner .ysbadminton-modal-content {
          height: inherit;
          overflow: auto; } }
      @media screen and (max-width: 768px) {
        .ysbadminton-modal .ysbadminton-modal-inner .ysbadminton-modal-content {
          min-width: auto; } }
      .ysbadminton-modal .ysbadminton-modal-inner .ysbadminton-modal-content button.close {
        position: absolute;
        top: 16px;
        right: 24px;
        cursor: pointer;
        font-size: 24px;
        color: #083A5E; }
        .ysbadminton-modal .ysbadminton-modal-inner .ysbadminton-modal-content button.close:hover {
          color: #0062A9; }
  .ysbadminton-modal .modal-footer .blue-text-btn {
    padding: 16px 50px; }

#contact-modal .ysbadminton-modal-body .icon-phone,
#contact-modal .ysbadminton-modal-body .icon-mail,
#contact-modal .ysbadminton-modal-body .icon-mouse {
  width: 40px; }
  #contact-modal .ysbadminton-modal-body .icon-phone:before,
  #contact-modal .ysbadminton-modal-body .icon-mail:before,
  #contact-modal .ysbadminton-modal-body .icon-mouse:before {
    background-color: #0062A9; }

.popup-carousel .slick-slide img {
  height: 60vh;
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain; }

.popup-carousel .slick-dots {
  bottom: -50px; }
  .popup-carousel .slick-dots li button:before {
    font-size: 16px;
    color: #FC6C47;
    opacity: 0.5; }
  .popup-carousel .slick-dots .slick-active button:before {
    opacity: 1;
    color: #FC6C47; }

.static-carousel {
  width: 100%; }
  .static-carousel .slick-slide {
    border-radius: 16px;
    overflow: hidden; }
    .static-carousel .slick-slide img {
      height: 305px;
      width: 100%;
      margin: 0 auto;
      max-width: 100%;
      object-fit: cover; }
      @media (max-width: 1199px) {
        .static-carousel .slick-slide img {
          height: 505px; } }
      @media (max-width: 991px) {
        .static-carousel .slick-slide img {
          height: 305px; } }

.static-carousel .slick-prev, .static-carousel .slick-next, .popup-carousel .slick-prev, .popup-carousel .slick-next {
  background-color: #F8F4EE !important;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -100px;
  top: auto;
  z-index: 1; }
  .static-carousel .slick-prev:before, .static-carousel .slick-next:before, .popup-carousel .slick-prev:before, .popup-carousel .slick-next:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat; }

.static-carousel .slick-prev, .popup-carousel .slick-prev {
  left: 0; }
  .static-carousel .slick-prev:before, .popup-carousel .slick-prev:before {
    background-image: url("../../images/icons/chevron_left.svg"); }

.static-carousel .slick-next, .popup-carousel .slick-next {
  left: 80px; }
  .static-carousel .slick-next:before, .popup-carousel .slick-next:before {
    background-image: url("../../images/icons/chevron_right.svg"); }

.popup-carousel .slick-prev, .popup-carousel .slick-next {
  top: 50%; }

.popup-carousel .slick-next {
  right: 0px;
  left: auto; }

.close-carousel {
  position: absolute;
  background: white;
  border-radius: 100%;
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  right: 0px;
  top: -80px; }
  .close-carousel:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../../images/icons/close-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle; }

/* Don't be afraid of this, it's just an array with keys values to keep configuration easier ;) */
/* ------- DO NOT EDIT BELOW --------- */
.large-chart-0-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-0-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-0-12.animate figcaption:after {
    animation: large-chart-0-12-label 3s steps(0) forwards;
    animation-delay: 1s; }
  .large-chart-0-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-0-12 svg .circle-background, .large-chart-0-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-0-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 0px 427.04px;
      stroke-dashoffset: 0px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-0-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-0-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-0-12-label {
  100% {
    transform: translateY(0rem); } }

.large-chart-1-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-1-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-1-12.animate figcaption:after {
    animation: large-chart-1-12-label 3s steps(8.3) forwards;
    animation-delay: 1s; }
  .large-chart-1-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-1-12 svg .circle-background, .large-chart-1-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-1-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 35.44432px 427.04px;
      stroke-dashoffset: 35.44432px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-1-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-1-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-1-12-label {
  100% {
    transform: translateY(-20.75rem); } }

.large-chart-2-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-2-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-2-12.animate figcaption:after {
    animation: large-chart-2-12-label 3s steps(16.67) forwards;
    animation-delay: 1s; }
  .large-chart-2-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-2-12 svg .circle-background, .large-chart-2-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-2-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 71.18757px 427.04px;
      stroke-dashoffset: 71.18757px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-2-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-2-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-2-12-label {
  100% {
    transform: translateY(-41.675rem); } }

.large-chart-3-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-3-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-3-12.animate figcaption:after {
    animation: large-chart-3-12-label 3s steps(25) forwards;
    animation-delay: 1s; }
  .large-chart-3-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-3-12 svg .circle-background, .large-chart-3-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-3-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 106.76px 427.04px;
      stroke-dashoffset: 106.76px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-3-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-3-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-3-12-label {
  100% {
    transform: translateY(-62.5rem); } }

.large-chart-4-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-4-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-4-12.animate figcaption:after {
    animation: large-chart-4-12-label 3s steps(33.3) forwards;
    animation-delay: 1s; }
  .large-chart-4-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-4-12 svg .circle-background, .large-chart-4-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-4-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 142.20432px 427.04px;
      stroke-dashoffset: 142.20432px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-4-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-4-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-4-12-label {
  100% {
    transform: translateY(-83.25rem); } }

.large-chart-5-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-5-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-5-12.animate figcaption:after {
    animation: large-chart-5-12-label 3s steps(41.67) forwards;
    animation-delay: 1s; }
  .large-chart-5-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-5-12 svg .circle-background, .large-chart-5-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-5-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 177.94757px 427.04px;
      stroke-dashoffset: 177.94757px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-5-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-5-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-5-12-label {
  100% {
    transform: translateY(-104.175rem); } }

.large-chart-6-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-6-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-6-12.animate figcaption:after {
    animation: large-chart-6-12-label 3s steps(50) forwards;
    animation-delay: 1s; }
  .large-chart-6-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-6-12 svg .circle-background, .large-chart-6-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-6-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 213.52px 427.04px;
      stroke-dashoffset: 213.52px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-6-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-6-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-6-12-label {
  100% {
    transform: translateY(-125rem); } }

.large-chart-7-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-7-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-7-12.animate figcaption:after {
    animation: large-chart-7-12-label 3s steps(58.33) forwards;
    animation-delay: 1s; }
  .large-chart-7-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-7-12 svg .circle-background, .large-chart-7-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-7-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 249.09243px 427.04px;
      stroke-dashoffset: 249.09243px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-7-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-7-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-7-12-label {
  100% {
    transform: translateY(-145.825rem); } }

.large-chart-8-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-8-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-8-12.animate figcaption:after {
    animation: large-chart-8-12-label 3s steps(66.67) forwards;
    animation-delay: 1s; }
  .large-chart-8-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-8-12 svg .circle-background, .large-chart-8-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-8-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 284.70757px 427.04px;
      stroke-dashoffset: 284.70757px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-8-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-8-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-8-12-label {
  100% {
    transform: translateY(-166.675rem); } }

.large-chart-9-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-9-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-9-12.animate figcaption:after {
    animation: large-chart-9-12-label 3s steps(75) forwards;
    animation-delay: 1s; }
  .large-chart-9-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-9-12 svg .circle-background, .large-chart-9-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-9-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 320.28px 427.04px;
      stroke-dashoffset: 320.28px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-9-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-9-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-9-12-label {
  100% {
    transform: translateY(-187.5rem); } }

.large-chart-10-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-10-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-10-12.animate figcaption:after {
    animation: large-chart-10-12-label 3s steps(83.33) forwards;
    animation-delay: 1s; }
  .large-chart-10-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-10-12 svg .circle-background, .large-chart-10-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-10-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 355.85243px 427.04px;
      stroke-dashoffset: 355.85243px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-10-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-10-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-10-12-label {
  100% {
    transform: translateY(-208.325rem); } }

.large-chart-11-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-11-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-11-12.animate figcaption:after {
    animation: large-chart-11-12-label 3s steps(91.67) forwards;
    animation-delay: 1s; }
  .large-chart-11-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-11-12 svg .circle-background, .large-chart-11-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-11-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 391.46757px 427.04px;
      stroke-dashoffset: 391.46757px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-11-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-11-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-11-12-label {
  100% {
    transform: translateY(-229.175rem); } }

.large-chart-12-12 {
  width: 152px;
  height: 152px;
  margin: 0;
  position: relative; }
  .large-chart-12-12.animate svg .circle-foreground {
    animation: offset 3s ease-in-out forwards;
    animation-delay: 1s; }
  .large-chart-12-12.animate figcaption:after {
    animation: large-chart-12-12-label 3s steps(100) forwards;
    animation-delay: 1s; }
  .large-chart-12-12 svg {
    width: 100%;
    height: 100%; }
    .large-chart-12-12 svg .circle-background, .large-chart-12-12 svg .circle-foreground {
      r: 68px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: #FFFFFF33;
      stroke-width: 16px; }
    .large-chart-12-12 svg .circle-foreground {
      stroke: #FC6C47;
      stroke-dasharray: 427.04px 427.04px;
      stroke-dashoffset: 427.04px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .large-chart-12-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #c6e8d7;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .large-chart-12-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes large-chart-12-12-label {
  100% {
    transform: translateY(-250rem); } }

.chart-0-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-0-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-0-12.animate figcaption:after {
    animation: chart-0-12-label 1s steps(0) forwards;
    animation-delay: 0.2s; }
  .chart-0-12 svg {
    width: 100%;
    height: 100%; }
    .chart-0-12 svg .circle-background, .chart-0-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-0-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 0px 50.24px;
      stroke-dashoffset: 0px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-0-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-0-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-0-12-label {
  100% {
    transform: translateY(0rem); } }

.chart-1-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-1-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-1-12.animate figcaption:after {
    animation: chart-1-12-label 1s steps(8.3) forwards;
    animation-delay: 0.2s; }
  .chart-1-12 svg {
    width: 100%;
    height: 100%; }
    .chart-1-12 svg .circle-background, .chart-1-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-1-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 4.16992px 50.24px;
      stroke-dashoffset: 4.16992px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-1-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-1-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-1-12-label {
  100% {
    transform: translateY(-20.75rem); } }

.chart-2-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-2-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-2-12.animate figcaption:after {
    animation: chart-2-12-label 1s steps(16.67) forwards;
    animation-delay: 0.2s; }
  .chart-2-12 svg {
    width: 100%;
    height: 100%; }
    .chart-2-12 svg .circle-background, .chart-2-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-2-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 8.37501px 50.24px;
      stroke-dashoffset: 8.37501px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-2-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-2-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-2-12-label {
  100% {
    transform: translateY(-41.675rem); } }

.chart-3-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-3-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-3-12.animate figcaption:after {
    animation: chart-3-12-label 1s steps(25) forwards;
    animation-delay: 0.2s; }
  .chart-3-12 svg {
    width: 100%;
    height: 100%; }
    .chart-3-12 svg .circle-background, .chart-3-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-3-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 12.56px 50.24px;
      stroke-dashoffset: 12.56px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-3-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-3-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-3-12-label {
  100% {
    transform: translateY(-62.5rem); } }

.chart-4-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-4-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-4-12.animate figcaption:after {
    animation: chart-4-12-label 1s steps(33.3) forwards;
    animation-delay: 0.2s; }
  .chart-4-12 svg {
    width: 100%;
    height: 100%; }
    .chart-4-12 svg .circle-background, .chart-4-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-4-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 16.72992px 50.24px;
      stroke-dashoffset: 16.72992px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-4-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-4-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-4-12-label {
  100% {
    transform: translateY(-83.25rem); } }

.chart-5-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-5-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-5-12.animate figcaption:after {
    animation: chart-5-12-label 1s steps(41.67) forwards;
    animation-delay: 0.2s; }
  .chart-5-12 svg {
    width: 100%;
    height: 100%; }
    .chart-5-12 svg .circle-background, .chart-5-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-5-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 20.93501px 50.24px;
      stroke-dashoffset: 20.93501px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-5-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-5-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-5-12-label {
  100% {
    transform: translateY(-104.175rem); } }

.chart-6-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-6-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-6-12.animate figcaption:after {
    animation: chart-6-12-label 1s steps(50) forwards;
    animation-delay: 0.2s; }
  .chart-6-12 svg {
    width: 100%;
    height: 100%; }
    .chart-6-12 svg .circle-background, .chart-6-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-6-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 25.12px 50.24px;
      stroke-dashoffset: 25.12px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-6-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-6-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-6-12-label {
  100% {
    transform: translateY(-125rem); } }

.chart-7-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-7-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-7-12.animate figcaption:after {
    animation: chart-7-12-label 1s steps(58.33) forwards;
    animation-delay: 0.2s; }
  .chart-7-12 svg {
    width: 100%;
    height: 100%; }
    .chart-7-12 svg .circle-background, .chart-7-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-7-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 29.30499px 50.24px;
      stroke-dashoffset: 29.30499px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-7-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-7-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-7-12-label {
  100% {
    transform: translateY(-145.825rem); } }

.chart-8-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-8-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-8-12.animate figcaption:after {
    animation: chart-8-12-label 1s steps(66.67) forwards;
    animation-delay: 0.2s; }
  .chart-8-12 svg {
    width: 100%;
    height: 100%; }
    .chart-8-12 svg .circle-background, .chart-8-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-8-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 33.49501px 50.24px;
      stroke-dashoffset: 33.49501px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-8-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-8-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-8-12-label {
  100% {
    transform: translateY(-166.675rem); } }

.chart-9-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-9-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-9-12.animate figcaption:after {
    animation: chart-9-12-label 1s steps(75) forwards;
    animation-delay: 0.2s; }
  .chart-9-12 svg {
    width: 100%;
    height: 100%; }
    .chart-9-12 svg .circle-background, .chart-9-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-9-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 37.68px 50.24px;
      stroke-dashoffset: 37.68px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-9-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-9-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-9-12-label {
  100% {
    transform: translateY(-187.5rem); } }

.chart-10-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-10-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-10-12.animate figcaption:after {
    animation: chart-10-12-label 1s steps(83.33) forwards;
    animation-delay: 0.2s; }
  .chart-10-12 svg {
    width: 100%;
    height: 100%; }
    .chart-10-12 svg .circle-background, .chart-10-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-10-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 41.86499px 50.24px;
      stroke-dashoffset: 41.86499px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-10-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-10-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-10-12-label {
  100% {
    transform: translateY(-208.325rem); } }

.chart-11-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-11-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-11-12.animate figcaption:after {
    animation: chart-11-12-label 1s steps(91.67) forwards;
    animation-delay: 0.2s; }
  .chart-11-12 svg {
    width: 100%;
    height: 100%; }
    .chart-11-12 svg .circle-background, .chart-11-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-11-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 46.05501px 50.24px;
      stroke-dashoffset: 46.05501px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-11-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-11-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-11-12-label {
  100% {
    transform: translateY(-229.175rem); } }

.chart-12-12 {
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative; }
  .chart-12-12.animate svg .circle-foreground {
    animation: offset 1s ease-in-out forwards;
    animation-delay: 0.2s; }
  .chart-12-12.animate figcaption:after {
    animation: chart-12-12-label 1s steps(100) forwards;
    animation-delay: 0.2s; }
  .chart-12-12 svg {
    width: 100%;
    height: 100%; }
    .chart-12-12 svg .circle-background, .chart-12-12 svg .circle-foreground {
      r: 8px;
      cx: 50%;
      cy: 50%;
      fill: none;
      stroke: rgba(8, 58, 94, 0.12);
      stroke-width: 4px; }
    .chart-12-12 svg .circle-foreground {
      stroke: #34C759;
      stroke-dasharray: 50.24px 50.24px;
      stroke-dashoffset: 50.24px;
      stroke-linecap: round;
      transform-origin: 50% 50%;
      transform: rotate(-90deg); }
  .chart-12-12 figcaption {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
    color: #34C759;
    position: absolute;
    top: calc(50% - 1.25rem);
    left: 0;
    font-size: 0; }
    .chart-12-12 figcaption:after {
      display: inline-block;
      content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
      white-space: pre;
      font-size: 2.5rem;
      line-height: 2.5rem; }

@keyframes chart-12-12-label {
  100% {
    transform: translateY(-250rem); } }

@keyframes offset {
  100% {
    stroke-dashoffset: 0; } }

body {
  background-color: #F8F4EE;
  /* Default textarea style */
  /* Style when textarea is focused */
  /* Start of the VBO Views Form*/
  /* End of the VBO Views Form*/
  /* new image uploads */
  /* end of image uploads*/ }
  body .spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center; }
    body .spinner-wrapper.hidden {
      display: none; }
  body .spinner {
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #0062A9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
  body .decrease-service[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }
  body .required-field > label::after,
  body .required-field > legend::after,
  body .required-field .label::after {
    content: "*";
    color: #EE0000;
    margin-left: 4px;
    top: -2px;
    position: relative; }
  body fieldset.required-field-set > legend .fieldset-legend::after {
    content: "*";
    color: #EE0000;
    margin-left: 4px;
    top: -2px;
    position: relative; }
  body [data-drupal-selector="edit-message-format"] {
    display: none; }
  body .accommodation-sidebar-accordion .accordion-content,
  body .marketplace-sidebar-accordion .accordion-content,
  body .career-sidebar-accordion .accordion-content {
    display: none; }
  body .accommodation-sidebar-accordion.accordion--expanded .accordion-content,
  body .marketplace-sidebar-accordion.accordion--expanded .accordion-content,
  body .career-sidebar-accordion.accordion--expanded .accordion-content {
    display: block; }
  body .credit-block {
    position: relative;
    overflow: hidden; }
    body .credit-block .credit-block-content {
      position: relative;
      z-index: 1; }
    body .credit-block .credit-block-button {
      position: relative;
      text-wrap: none;
      margin-left: 0px;
      margin-right: 0px; }
      body .credit-block .credit-block-button .icon-chevron-right {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 16px;
        top: 20px;
        background-color: transparent;
        width: 16px;
        height: 16px; }
        body .credit-block .credit-block-button .icon-chevron-right::before {
          background-color: #0062A9;
          width: 16px;
          height: 16px;
          left: 0px;
          top: 0px; }
      body .credit-block .credit-block-button:hover {
        padding-right: 48px; }
        body .credit-block .credit-block-button:hover .icon-chevron-right {
          opacity: 1;
          visibility: visible; }
    body .credit-block::after {
      position: absolute;
      content: " ";
      background-image: url("../../images/masks/credit_block_mask.svg");
      top: 0px;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: cover; }
  body .status-filters .item {
    transition-duration: 0s; }
    body .status-filters .item.active {
      font-weight: 700; }
  body textarea.dynamic-textarea {
    height: auto;
    /* Initial height based on content */
    transition: height 0.2s ease-in-out;
    /* Smooth transition when height changes */
    overflow-y: hidden;
    /* Hide scrollbar initially */ }
  body textarea.dynamic-textarea:focus {
    height: auto;
    /* Expand to fit content */
    min-height: 100px;
    /* Ensure it grows larger */ }
  body .status.status-tag {
    background-color: transparent;
    width: fit-content;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px; }
    body .status.status-tag.status-published {
      color: #03BBC2;
      border-radius: 8px;
      border: 1px solid #03BBC2; }
    body .status.status-tag.status-draft {
      color: #0062A9;
      border-radius: 8px;
      border: 1px solid #0062A9; }
    body .status.status-tag.status-expires {
      color: #e89e00;
      border-radius: 8px;
      border: 1px solid #e89e00; }
    body .status.status-tag.status-expired {
      color: #999999;
      border-radius: 8px;
      border: 1px solid #999999; }
    body .status.status-tag.status-not-used {
      color: #36c658;
      border-radius: 8px;
      border: 1px solid #36c658; }
  body .like_dislike {
    display: block; }
    body .like_dislike .like {
      border: 0px;
      display: flex;
      align-items: center;
      color: #083A5E;
      opacity: 0.7;
      margin: 0px;
      padding: 0px;
      width: fit-content !important; }
      body .like_dislike .like:hover {
        opacity: 1; }
      body .like_dislike .like a {
        color: #083A5E; }
    body .like_dislike .like span,
    body .like_dislike .dislike span {
      float: none;
      display: block;
      line-height: 100%; }
  body article.comment.js-comment {
    margin-top: 32px;
    margin-bottom: 32px; }
    body article.comment.js-comment.unpublished {
      display: none; }
  body .field--name-comment-body label {
    display: none; }
  body .comment-form [data-drupal-selector=edit-comment-body-wrapper] [data-drupal-selector=edit-comment-body-0-format],
  body .comment-create-form [data-drupal-selector=edit-comment-body-wrapper] [data-drupal-selector=edit-comment-body-0-format] {
    display: none; }
  body .comment-form .field--type-like-dislike,
  body .comment-create-form .field--type-like-dislike {
    display: none; }
    body .comment-form .field--type-like-dislike .js-form-type-checkbox.form-type-checkbox,
    body .comment-create-form .field--type-like-dislike .js-form-type-checkbox.form-type-checkbox {
      display: none; }
  body .comment-form .description,
  body .comment-create-form .description {
    display: none; }
  body .back-button {
    background: #fff;
    color: #083a5e;
    font-family: "DM Sans";
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 13px;
    justify-content: center;
    height: 36px;
    text-transform: capitalize;
    width: 96px; }
    body .back-button .bt_text {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px; }
    body .back-button span {
      font-size: 27px; }
    @media screen and (max-width: 1439px) {
      body .back-button {
        height: 37px;
        width: 37px;
        border-radius: 50%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center; }
        body .back-button .bt_text {
          display: none; } }
  body .file--image {
    background-image: none;
    padding-left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px; }
  body table.dataTable > tbody > tr.row-error {
    background-color: #FFB2B2; }
  body table.dataTable > tbody > tr > td.cell-error {
    color: #F44336; }
  body .vbo-view-form div[data-drupal-selector="edit-actions"] input[data-vbo="vbo-action"] {
    display: none; }
  body .vbo-view-form [data-drupal-selector="edit-header"] {
    position: relative;
    width: 100%;
    margin-bottom: 16px; }
    body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .form-item-action.form-item {
        width: fit-content;
        margin-left: auto;
        position: absolute;
        top: calc(-100% - 8px);
        right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        display: none !important; }
        body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .form-item-action.form-item select {
          margin-top: 0px;
          margin-bottom: 0px;
          padding: 8px 40px 8px 20px;
          background: #0062A9;
          color: #F8F4EE;
          font-size: 14px;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          margin: 0;
          cursor: pointer;
          border-radius: 76px; }
        body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .form-item-action.form-item::after {
          transition: 0.2s;
          content: "";
          display: block;
          width: 12px;
          height: 6px;
          background-image: url(../../images/icons/chevron_down_white.svg);
          background-size: contain;
          background-repeat: no-repeat;
          margin-right: 5px;
          position: absolute;
          right: 10px;
          top: 16px; }
      body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .vbo-multipage-selector {
        margin: 0px 0px 0px 0px;
        width: fit-content;
        margin-left: auto;
        border: 0px;
        pointer-events: none;
        order: 1;
        font-size: 14px; }
      @media screen and (max-width: 768px) {
        body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper {
          flex-direction: column;
          justify-content: flex-start; }
          body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .vbo-multipage-selector {
            margin-left: 0px;
            align-self: start;
            text-align: start;
            width: 100%; }
            body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .vbo-multipage-selector summary {
              justify-content: start; }
          body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .form-item-action.form-item {
            position: static;
            order: 0; }
          body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper div[data-drupal-selector="edit-actions"] {
            display: none; }
          body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper .form-type-checkbox.form-item-select-all {
            order: 2; } }
      body .vbo-view-form [data-drupal-selector="edit-header"] #vbo-action-form-wrapper details summary {
        padding-left: 0px;
        padding-right: 0px; }
  body .vbo-view-form label[for="edit-action"] {
    display: none; }
  body .fake-vbo-action-wrapper .form-item-action.form-item {
    width: fit-content;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative; }
    body .fake-vbo-action-wrapper .form-item-action.form-item select {
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 14px 40px 14px 20px;
      background: #0062A9;
      color: #F8F4EE;
      font-size: 14px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      margin: 0;
      cursor: pointer;
      border-radius: 76px; }
      @media screen and (max-width: 768px) {
        body .fake-vbo-action-wrapper .form-item-action.form-item select {
          padding: 8px 20px 8px 20px; } }
    body .fake-vbo-action-wrapper .form-item-action.form-item::after {
      transition: 0.2s;
      content: "";
      display: block;
      width: 12px;
      height: 6px;
      background-image: url(../../images/icons/chevron_down_white.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 5px;
      position: absolute;
      right: 12px;
      top: 22px; }
      @media screen and (max-width: 768px) {
        body .fake-vbo-action-wrapper .form-item-action.form-item::after {
          top: 16px; } }
  body .tag {
    font-size: 12px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    border-radius: 32px;
    width: fit-content; }
  body .bulk-images-upload .file--image {
    position: relative;
    display: block; }
  body .bulk-images-upload .file-input-container {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
    @media screen and (min-width: 576px) {
      body .bulk-images-upload .file-input-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media screen and (min-width: 768px) {
      body .bulk-images-upload .file-input-container {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media screen and (min-width: 1024px) {
      body .bulk-images-upload .file-input-container {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media screen and (min-width: 1400px) {
      body .bulk-images-upload .file-input-container {
        grid-template-columns: repeat(6, minmax(0, 1fr)); } }
    body .bulk-images-upload .file-input-container input[name="files[field_images][]"],
    body .bulk-images-upload .file-input-container input[name="files[field_event_images][]"] {
      grid-column: span 1 / span 1;
      order: -1;
      width: 100%;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-left: 32px;
      padding-right: 32px;
      border-radius: 19px;
      border: 1px dashed rgba(8, 58, 94, 0.6); }
      @media screen and (min-width: 576px) {
        body .bulk-images-upload .file-input-container input[name="files[field_images][]"],
        body .bulk-images-upload .file-input-container input[name="files[field_event_images][]"] {
          grid-column: span 2 / span 2; } }
      @media screen and (min-width: 768px) {
        body .bulk-images-upload .file-input-container input[name="files[field_images][]"],
        body .bulk-images-upload .file-input-container input[name="files[field_event_images][]"] {
          grid-column: span 3 / span 3; } }
      @media screen and (min-width: 1024px) {
        body .bulk-images-upload .file-input-container input[name="files[field_images][]"],
        body .bulk-images-upload .file-input-container input[name="files[field_event_images][]"] {
          grid-column: span 4 / span 4; } }
      @media screen and (min-width: 1400px) {
        body .bulk-images-upload .file-input-container input[name="files[field_images][]"],
        body .bulk-images-upload .file-input-container input[name="files[field_event_images][]"] {
          grid-column: span 6 / span 6; } }
    body .bulk-images-upload .file-input-container .form-item.form-type-checkbox {
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      width: 100%;
      height: 100%;
      gap: 0px; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox::before {
        content: "";
        pointer-events: none;
        padding-top: 100%;
        display: block;
        width: 100%;
        max-height: 320px; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox:first-of-type {
        border: 1px solid #e89e00; }
        body .bulk-images-upload .file-input-container .form-item.form-type-checkbox:first-of-type::after {
          content: "Listing Cover";
          background-color: #e89e00;
          position: absolute;
          bottom: 0px;
          width: 100%;
          color: white;
          text-align: center;
          font-size: 14px;
          padding-top: 4px;
          padding-bottom: 4px; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox .custom-remove {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        right: 8px;
        top: 8px;
        background-color: white;
        color: #083A5E;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        z-index: 1; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox input[type="checkbox"] {
        display: none; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox label.option {
        width: 100%;
        height: 100%;
        opacity: 1;
        pointer-events: none;
        position: absolute; }
      body .bulk-images-upload .file-input-container .form-item.form-type-checkbox img {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px; }
    body .bulk-images-upload .file-input-container input[data-drupal-selector="edit-field-images-remove-button"],
    body .bulk-images-upload .file-input-container input[data-drupal-selector="edit-field-event-images-remove-button"] {
      display: none; }

.ui-widget.ui-widget-content {
  background-color: white;
  border-radius: 8px;
  padding: 0px 0px;
  overflow: hidden; }
  .ui-widget.ui-widget-content .ui-menu-item a {
    width: 100%;
    display: block;
    color: #083A5E;
    padding: 8px 16px;
    transition-duration: 200ms;
    transition-property: background-color, color; }
    .ui-widget.ui-widget-content .ui-menu-item a:hover {
      background-color: #0062A9;
      color: white; }

.swiper.tabs-swiper .swiper-wrapper .swiper-slide {
  width: fit-content;
  opacity: 0.6; }
  .swiper.tabs-swiper .swiper-wrapper .swiper-slide .tab-link {
    border: 1px solid #0062A9; }
  .swiper.tabs-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1; }
    .swiper.tabs-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .tab-link {
      background-color: #0062A9;
      color: white; }

.icon-swiper-right:hover, .icon-swiper-left:hover {
  cursor: pointer; }

.switch {
  position: relative;
  height: 40px;
  margin: 20px auto;
  background: #D7D7D7;
  border-radius: 32px; }
  .switch[data-switch-count="3"] {
    width: 300px; }
  .switch[data-switch-count="2"] {
    width: 200px; }
  .switch[data-switch-count="1"] {
    width: 100px; }

.switch-label {
  font-weight: bold;
  position: relative;
  z-index: 2;
  float: left;
  width: 100px;
  line-height: 32px;
  font-size: 12px;
  color: #083A5E;
  text-align: center;
  cursor: pointer;
  line-height: 100%;
  padding: 4px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  vertical-align: middle;
  height: 40px; }

.switch-input {
  display: none; }

.switch-input:checked + .switch-label {
  color: #083A5E;
  transition: 0.15s ease-out;
  transition-property: color, text-shadow; }

.switch[data-switch-count="3"] .switch-input:checked + .switch-label-1 ~ .switch-selector {
  transform: translateX(0%);
  background-color: #FFFFFF; }

.switch[data-switch-count="3"] .switch-input:checked + .switch-label-6 ~ .switch-selector {
  transform: translateX(100%);
  background-color: #FFFFFF; }

.switch[data-switch-count="3"] .switch-input:checked + .switch-label-12 ~ .switch-selector {
  transform: translateX(200%);
  background-color: #FFFFFF; }

.switch[data-switch-count="2"] .switch-input:checked + .switch-label-6 ~ .switch-selector {
  transform: translateX(0%);
  background-color: #FFFFFF; }

.switch[data-switch-count="2"] .switch-input:checked + .switch-label-12 ~ .switch-selector {
  transform: translateX(100%);
  background-color: #FFFFFF; }

.switch[data-switch-count="1"] .switch-input:checked + .switch-label-12 ~ .switch-selector {
  transform: translateX(0%);
  background-color: #FFFFFF; }

.switch-selector {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  display: block;
  width: 100px;
  height: 40px;
  border-radius: 32px;
  background-color: #FFFFFF;
  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); }

.bg-primary {
  background-color: #0757a0; }

.bg-primary-light {
  background-color: #1878be; }

.bg-secondary {
  background-color: #fffdf6; }

.bg-highlight {
  background-color: #FC6C47; }

.bg-base {
  background-color: #FFFFFF; }

.text-primary {
  color: #083A5E; }

.text-primary-light {
  color: #0062A9; }

.text-highlight {
  color: #FC6C47; }

.text-regular {
  font-weight: 400; }

.text-medium {
  font-weight: 500; }

.text-semibold {
  font-weight: 600; }

.text-bold {
  font-weight: 700; }

.text-white {
  color: #FFFFFF; }

.text-center {
  text-align: center; }

.opacity-60 {
  opacity: 60%; }

.font-12 {
  font-size: 12px; }

.font-14 {
  font-size: 14px; }

.font-16 {
  font-size: 16px; }

.font-20 {
  font-size: 20px; }

.font-24 {
  font-size: 24px; }

.font-36 {
  font-size: 36px; }

.rounded-lg {
  border-radius: 8px; }

.rounded-2xl {
  border-radius: 16px; }

.rounded-3xl {
  border-radius: 24px; }

.rounded-full {
  border-radius: 100%; }

.gap-5 {
  gap: 20px; }

.gap-4-5 {
  gap: 18px; }

.gap-15 {
  gap: 60px; }

.mb-5 {
  margin-bottom: 20px; }

.mb-7 {
  margin-bottom: 28px; }

.mb-12 {
  margin-bottom: 60px; }

.mt-1-5 {
  margin-top: 6px; }

.w-4 {
  width: 12px; }

.justify-between {
  justify-content: space-between; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.display-flex {
  display: flex !important; }

.rounded-t-6xl {
  border-top-left-radius: 48px;
  border-top-right-radius: 48px; }

.rounded-t-2xl {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }

.w-max {
  width: max-content; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: end; }

.overflow-hidden {
  overflow: hidden; }

.transition {
  transition: .2s; }

.hover_bigger:hover {
  transform: scale(1.15) !important; }

.hover_opacity:hover {
  opacity: 1 !important; }

.force_center {
  display: flex;
  align-items: center;
  justify-content: center; }

.link_copied {
  position: absolute;
  z-index: 100;
  top: -40px;
  left: -50%;
  text-align: center;
  transform: translateX(-25%);
  background: white;
  padding: 4px 10px;
  width: max-content;
  font-size: 14px;
  border-radius: 8px;
  opacity: 0; }

.three_in_a_row {
  width: calc(100% / 3);
  padding-right: 10px;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .three_in_a_row {
      width: calc(100% / 2); } }
  @media (max-width: 567px) {
    .three_in_a_row {
      width: 100%; } }

.box-shadow {
  box-shadow: 0px 24px 32px -16px #000; }

.webform-submission-form .form-item-phone .description {
  order: 2 !important;
  margin-top: -4px; }

.webform-submission-form > div {
  width: 100%; }

.webform-submission-form input[name="additional_attachments_remove_button"],
.webform-submission-form input[name="attachments_remove_button"] {
  background-color: #0062A9;
  color: white; }

.webform-submission-form .description {
  margin-top: 12px;
  width: 100%;
  opacity: 0.6; }
  .webform-submission-form .description .webform-element-description {
    display: flex;
    flex-direction: row; }
    @media (max-width: 567px) {
      .webform-submission-form .description .webform-element-description {
        flex-direction: column; } }

.webform-submission-form .fieldset-legend,
.webform-submission-form label {
  font-weight: 500;
  font-size: 14px; }

.webform-submission-form .form-item.form-type-textarea label {
  font-size: 14px !important; }

.webform-submission-form.webform-submission-career-apply-form .form-type-webform-document-file {
  width: 100%; }

.webform-submission-form.webform-submission-accommodation-enquiry-form > div {
  width: 100%; }

.webform-submission-form .form-managed-file .webform-managed-file-preview-wrapper {
  background: #0062A9;
  border-radius: 16px;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0; }
  .webform-submission-form .form-managed-file .webform-managed-file-preview-wrapper label {
    display: block;
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 767px) {
      .webform-submission-form .form-managed-file .webform-managed-file-preview-wrapper label {
        width: 250px; } }
  .webform-submission-form .form-managed-file .webform-managed-file-preview-wrapper input {
    appearance: auto;
    min-height: auto;
    display: inline-block;
    width: auto; }

.webform-submission-form .form-managed-file .button {
  cursor: pointer;
  margin: 0; }

.webform-submission-form .form-managed-file .file-input-container input[type='file'] {
  border-radius: 19px;
  border: 1px dashed rgba(8, 58, 94, 0.6);
  background: white;
  padding: 25px;
  text-align: center;
  cursor: pointer;
  margin-top: 24px;
  width: 100%; }

.webform-submission-form .form-managed-file .file-input-container .js-form-item.form-item.js-form-type-checkbox {
  background: #0062A9;
  border-radius: 16px;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
  padding: 10px 20px; }
  .webform-submission-form .form-managed-file .file-input-container .js-form-item.form-item.js-form-type-checkbox input {
    appearance: none;
    accent-color: white;
    border-color: white; }
    .webform-submission-form .form-managed-file .file-input-container .js-form-item.form-item.js-form-type-checkbox input:checked {
      content: url(../../images/icons/tick-icon-white.svg); }

.webform-submission-form .webform-managed-file-preview-wrapper.form-type-checkbox input {
  appearance: none;
  accent-color: white;
  border-color: white; }
  .webform-submission-form .webform-managed-file-preview-wrapper.form-type-checkbox input:checked {
    content: url(../../images/icons/tick-icon-white.svg); }

.webform-submission-form .webform-managed-file-preview-wrapper.form-type-checkbox label {
  width: 100%;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.webform-submission-form input[name="additional_attachments_remove_button"] {
  background-color: #0062A9;
  color: white; }

.webform-submission-form .file--image {
  width: 100%;
  height: auto;
  position: relative; }
  .webform-submission-form .file--image a:hover {
    text-decoration: underline; }

form .toggle-wrapper.checked .checkbox-toggle {
  background-color: #0062A9;
  /* Change background color when checked */ }

form .toggle-wrapper.checked .checkbox-toggle:before {
  transform: translateX(14px);
  /* Move the toggle to the right */ }

form .toggle-wrapper input {
  display: none; }

form .checkbox-toggle {
  z-index: 1;
  display: block;
  position: absolute;
  left: 0;
  width: 34px;
  height: 18px;
  background-color: #ccc;
  border-radius: 15px;
  cursor: pointer; }
  form .checkbox-toggle:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s; }

form select {
  cursor: pointer; }

form select:active, form select:focus, form select:focus-visible,
form input:active,
form input:focus,
form input:focus-visible {
  outline: none; }

.custmise_form .field {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .custmise_form .field label {
    color: #083A5E; }
  .custmise_form .field select {
    cursor: pointer; }
  .custmise_form .field select,
  .custmise_form .field input {
    border-radius: 76px;
    background: #F8F4EE;
    box-shadow: 0px 16px 32px -16px rgba(8, 58, 94, 0.08);
    padding: 10px 34px;
    color: #083A5E;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (max-width: 991px) {
      .custmise_form .field select,
      .custmise_form .field input {
        padding: 10px 23px; } }

.modal-trigger:hover {
  cursor: pointer; }

.enquire-form-modal,
.report-form-modal {
  left: 0px;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(8, 58, 94, 0.2);
  padding: 40px;
  z-index: 200;
  color: #083A5E; }
  @media (max-width: 567px) {
    .enquire-form-modal,
    .report-form-modal {
      padding: 20px; } }
  .enquire-form-modal .enquire_form_pop_up,
  .enquire-form-modal .report_form_pop_up,
  .report-form-modal .enquire_form_pop_up,
  .report-form-modal .report_form_pop_up {
    width: 100%;
    max-width: 1000px;
    position: relative;
    border-radius: 16px;
    max-height: 75vh;
    overflow: auto; }
    .enquire-form-modal .enquire_form_pop_up .close_enquire_form,
    .enquire-form-modal .enquire_form_pop_up .close_report_form,
    .enquire-form-modal .report_form_pop_up .close_enquire_form,
    .enquire-form-modal .report_form_pop_up .close_report_form,
    .report-form-modal .enquire_form_pop_up .close_enquire_form,
    .report-form-modal .enquire_form_pop_up .close_report_form,
    .report-form-modal .report_form_pop_up .close_enquire_form,
    .report-form-modal .report_form_pop_up .close_report_form {
      position: absolute;
      right: 33px;
      top: 33px;
      width: 12px;
      height: 12px; }
      @media (max-width: 639px) {
        .enquire-form-modal .enquire_form_pop_up .close_enquire_form,
        .enquire-form-modal .enquire_form_pop_up .close_report_form,
        .enquire-form-modal .report_form_pop_up .close_enquire_form,
        .enquire-form-modal .report_form_pop_up .close_report_form,
        .report-form-modal .enquire_form_pop_up .close_enquire_form,
        .report-form-modal .enquire_form_pop_up .close_report_form,
        .report-form-modal .report_form_pop_up .close_enquire_form,
        .report-form-modal .report_form_pop_up .close_report_form {
          right: 25px; } }
    .enquire-form-modal .enquire_form_pop_up .form_header_section,
    .enquire-form-modal .report_form_pop_up .form_header_section,
    .report-form-modal .enquire_form_pop_up .form_header_section,
    .report-form-modal .report_form_pop_up .form_header_section {
      background-color: #0062A9; }
      @media (max-width: 639px) {
        .enquire-form-modal .enquire_form_pop_up .form_header_section,
        .enquire-form-modal .report_form_pop_up .form_header_section,
        .report-form-modal .enquire_form_pop_up .form_header_section,
        .report-form-modal .report_form_pop_up .form_header_section {
          background-color: #FC6C47; } }
      .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section,
      .enquire-form-modal .report_form_pop_up .form_header_section .right_section,
      .report-form-modal .enquire_form_pop_up .form_header_section .right_section,
      .report-form-modal .report_form_pop_up .form_header_section .right_section {
        padding: 0px 48px;
        background-size: cover;
        background-position: top; }
        @media (min-width: 640px) {
          .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section,
          .enquire-form-modal .report_form_pop_up .form_header_section .right_section,
          .report-form-modal .enquire_form_pop_up .form_header_section .right_section,
          .report-form-modal .report_form_pop_up .form_header_section .right_section {
            background: none; } }
        @media (max-width: 639px) {
          .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section,
          .enquire-form-modal .report_form_pop_up .form_header_section .right_section,
          .report-form-modal .enquire_form_pop_up .form_header_section .right_section,
          .report-form-modal .report_form_pop_up .form_header_section .right_section {
            width: 100%;
            padding: 0px 16px 25px 16px; } }
        .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div,
        .enquire-form-modal .report_form_pop_up .form_header_section .right_section .hr_div,
        .report-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div,
        .report-form-modal .report_form_pop_up .form_header_section .right_section .hr_div {
          display: none;
          padding-bottom: 35px;
          width: 100%; }
          .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div hr,
          .enquire-form-modal .report_form_pop_up .form_header_section .right_section .hr_div hr,
          .report-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div hr,
          .report-form-modal .report_form_pop_up .form_header_section .right_section .hr_div hr {
            border-color: #FFFFFF; }
          @media (max-width: 639px) {
            .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div,
            .enquire-form-modal .report_form_pop_up .form_header_section .right_section .hr_div,
            .report-form-modal .enquire_form_pop_up .form_header_section .right_section .hr_div,
            .report-form-modal .report_form_pop_up .form_header_section .right_section .hr_div {
              display: block;
              padding-bottom: 15px; } }
        .enquire-form-modal .enquire_form_pop_up .form_header_section .right_section p a:hover,
        .enquire-form-modal .report_form_pop_up .form_header_section .right_section p a:hover,
        .report-form-modal .enquire_form_pop_up .form_header_section .right_section p a:hover,
        .report-form-modal .report_form_pop_up .form_header_section .right_section p a:hover {
          text-decoration: underline; }
      .enquire-form-modal .enquire_form_pop_up .form_header_section .left_section,
      .enquire-form-modal .report_form_pop_up .form_header_section .left_section,
      .report-form-modal .enquire_form_pop_up .form_header_section .left_section,
      .report-form-modal .report_form_pop_up .form_header_section .left_section {
        padding: 40px 32px 40px 32px;
        width: 55%;
        background-size: cover;
        background-position: right; }
        @media (max-width: 991px) {
          .enquire-form-modal .enquire_form_pop_up .form_header_section .left_section,
          .enquire-form-modal .report_form_pop_up .form_header_section .left_section,
          .report-form-modal .enquire_form_pop_up .form_header_section .left_section,
          .report-form-modal .report_form_pop_up .form_header_section .left_section {
            flex: 1 1 0%; } }
        @media (max-width: 639px) {
          .enquire-form-modal .enquire_form_pop_up .form_header_section .left_section,
          .enquire-form-modal .report_form_pop_up .form_header_section .left_section,
          .report-form-modal .enquire_form_pop_up .form_header_section .left_section,
          .report-form-modal .report_form_pop_up .form_header_section .left_section {
            width: 100%;
            background: none;
            padding: 40px 16px 32px 16px; } }
    .enquire-form-modal .enquire_form_pop_up .form_content_section,
    .enquire-form-modal .report_form_pop_up .form_content_section,
    .report-form-modal .enquire_form_pop_up .form_content_section,
    .report-form-modal .report_form_pop_up .form_content_section {
      padding: 24px 32px 32px 32px; }
      @media (max-width: 768px) {
        .enquire-form-modal .enquire_form_pop_up .form_content_section,
        .enquire-form-modal .report_form_pop_up .form_content_section,
        .report-form-modal .enquire_form_pop_up .form_content_section,
        .report-form-modal .report_form_pop_up .form_content_section {
          padding: 24px 24px; } }
      @media screen and (max-width: 639px) {
        .enquire-form-modal .enquire_form_pop_up .form_content_section,
        .enquire-form-modal .report_form_pop_up .form_content_section,
        .report-form-modal .enquire_form_pop_up .form_content_section,
        .report-form-modal .report_form_pop_up .form_content_section {
          padding: 24px 16px; } }
      .enquire-form-modal .enquire_form_pop_up .form_content_section .field__label,
      .enquire-form-modal .report_form_pop_up .form_content_section .field__label,
      .report-form-modal .enquire_form_pop_up .form_content_section .field__label,
      .report-form-modal .report_form_pop_up .form_content_section .field__label {
        display: none; }
      .enquire-form-modal .enquire_form_pop_up .form_content_section form,
      .enquire-form-modal .report_form_pop_up .form_content_section form,
      .report-form-modal .enquire_form_pop_up .form_content_section form,
      .report-form-modal .report_form_pop_up .form_content_section form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item,
        .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper,
        .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item,
        .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper,
        .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item,
        .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper,
        .report-form-modal .report_form_pop_up .form_content_section form > .form-item,
        .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper {
          display: flex;
          flex-direction: column;
          gap: 8px;
          flex: 1 1 100%;
          margin-bottom: 24px; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item label,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper label,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item label,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper label,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item label,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper label,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item label,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper label {
            font-size: 14px; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .description,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .description,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .description,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .description,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .description,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .description,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item .description,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .description {
            opacity: 0.6; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item select,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select {
            cursor: pointer; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item textarea,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item select,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item textarea,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea {
            border-radius: 19px;
            background: #F8F4EE;
            padding: 10px 20px;
            color: #083A5E;
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin-top: 0; }
            @media (max-width: 991px) {
              .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
              .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
              .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea,
              .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
              .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
              .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea,
              .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select,
              .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
              .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item textarea,
              .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select,
              .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
              .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea,
              .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select,
              .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
              .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea,
              .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select,
              .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
              .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea,
              .report-form-modal .report_form_pop_up .form_content_section form > .form-item select,
              .report-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]),
              .report-form-modal .report_form_pop_up .form_content_section form > .form-item textarea,
              .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select,
              .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]),
              .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea {
                padding: 10px 23px; } }
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select:active, .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select:focus,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):active,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):focus,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea:active,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea:focus,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select:active,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select:focus,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):active,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):focus,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea:active,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea:focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select:active,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select:focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):active,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item textarea:active,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item textarea:focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select:active,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select:focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):active,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):focus,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea:active,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea:focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select:active,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select:focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):active,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea:active,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea:focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select:active,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select:focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):active,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):focus,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea:active,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea:focus,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item select:active,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item select:focus,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):active,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]):focus,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item textarea:active,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item textarea:focus,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select:active,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select:focus,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):active,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]):focus,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea:active,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea:focus {
              outline: none; }
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item select.readonly,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]).readonly,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea.readonly,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select.readonly,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]).readonly,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea.readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item select.readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]).readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item textarea.readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select.readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]).readonly,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea.readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item select.readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]).readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item textarea.readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper select.readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]).readonly,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper textarea.readonly,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item select.readonly,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item input:not([type=checkbox]).readonly,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item textarea.readonly,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper select.readonly,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input:not([type=checkbox]).readonly,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper textarea.readonly {
              pointer-events: none;
              opacity: 0.6; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item input[type="file"],
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input[type="file"],
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item input[type="file"],
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input[type="file"],
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item input[type="file"],
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper input[type="file"],
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item input[type="file"],
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper input[type="file"] {
            border-radius: 19px;
            border: 1px dashed rgba(8, 58, 94, 0.6);
            background: white;
            padding: 25px;
            text-align: center;
            cursor: pointer;
            margin-top: 24px; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper {
            background: #0062A9;
            border-radius: 16px;
            color: white;
            display: flex;
            flex-direction: row;
            align-items: center;
            margin: 10px 0; }
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label {
              display: block;
              width: 500px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              @media (max-width: 767px) {
                .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
                .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
                .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
                .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
                .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
                .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label,
                .report-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper label,
                .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper label {
                  width: 250px; } }
            .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper input,
            .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper input,
            .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper input,
            .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper input,
            .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper input,
            .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper input,
            .report-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .webform-managed-file-preview-wrapper input,
            .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .webform-managed-file-preview-wrapper input {
              appearance: auto;
              min-height: auto;
              display: inline-block;
              width: auto; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .button,
          .enquire-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .button,
          .enquire-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .button,
          .enquire-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .button,
          .report-form-modal .enquire_form_pop_up .form_content_section form > .form-item .form-managed-file .button,
          .report-form-modal .enquire_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .button,
          .report-form-modal .report_form_pop_up .form_content_section form > .form-item .form-managed-file .button,
          .report-form-modal .report_form_pop_up .form_content_section form #ajax-wrapper .form-managed-file .button {
            cursor: pointer;
            margin: 0; }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .checkboxes--wrapper,
        .enquire-form-modal .report_form_pop_up .form_content_section form .checkboxes--wrapper,
        .report-form-modal .enquire_form_pop_up .form_content_section form .checkboxes--wrapper,
        .report-form-modal .report_form_pop_up .form_content_section form .checkboxes--wrapper {
          margin: 0;
          max-width: 620px; }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item,
        .enquire-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item,
        .report-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item,
        .report-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item {
          flex: 1 1 calc(50% - 40px);
          margin: 0;
          display: flex;
          flex-wrap: nowrap;
          flex-direction: row;
          cursor: pointer; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input,
          .enquire-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input,
          .report-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input,
          .report-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input {
            display: none; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label,
          .enquire-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label,
          .report-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label,
          .report-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label {
            cursor: pointer;
            padding-left: 33px;
            position: relative; }
            .enquire-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label:before,
            .enquire-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label:before,
            .report-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label:before,
            .report-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item label:before {
              content: '';
              display: inline-block;
              width: 16px;
              height: 16px;
              background-image: url(../../images/icons/select_unchecked.svg);
              background-size: contain;
              background-repeat: no-repeat;
              margin-right: 16px;
              vertical-align: middle;
              position: absolute;
              left: 0;
              top: 1.5px; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input:checked ~ label:before,
          .enquire-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input:checked ~ label:before,
          .report-form-modal .enquire_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input:checked ~ label:before,
          .report-form-modal .report_form_pop_up .form_content_section form .js-webform-checkboxes .form-item input:checked ~ label:before {
            background-image: url(../../images/icons/select_checked.svg); }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .w-50,
        .enquire-form-modal .report_form_pop_up .form_content_section form .w-50,
        .report-form-modal .enquire_form_pop_up .form_content_section form .w-50,
        .report-form-modal .report_form_pop_up .form_content_section form .w-50 {
          flex: 0 0 calc(50% - 12px);
          margin-top: 0; }
          @media (max-width: 576px) {
            .enquire-form-modal .enquire_form_pop_up .form_content_section form .w-50,
            .enquire-form-modal .report_form_pop_up .form_content_section form .w-50,
            .report-form-modal .enquire_form_pop_up .form_content_section form .w-50,
            .report-form-modal .report_form_pop_up .form_content_section form .w-50 {
              flex: 0 0 100%;
              min-width: 100%; } }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .hidden,
        .enquire-form-modal .report_form_pop_up .form_content_section form .hidden,
        .report-form-modal .enquire_form_pop_up .form_content_section form .hidden,
        .report-form-modal .report_form_pop_up .form_content_section form .hidden {
          display: none !important; }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .form-actions,
        .enquire-form-modal .report_form_pop_up .form_content_section form .form-actions,
        .report-form-modal .enquire_form_pop_up .form_content_section form .form-actions,
        .report-form-modal .report_form_pop_up .form_content_section form .form-actions {
          display: flex;
          flex: 1 1 100%;
          justify-content: flex-end;
          margin: 0; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form .form-actions .form-submit,
          .enquire-form-modal .report_form_pop_up .form_content_section form .form-actions .form-submit,
          .report-form-modal .enquire_form_pop_up .form_content_section form .form-actions .form-submit,
          .report-form-modal .report_form_pop_up .form_content_section form .form-actions .form-submit {
            padding: 16px 56px;
            border-radius: 28px;
            font-size: 14px;
            font-family: 'DM Sans';
            font-weight: 500;
            line-height: 16px;
            width: fit-content;
            background: #F8F4EE;
            cursor: pointer; }
        .enquire-form-modal .enquire_form_pop_up .form_content_section form .webform-confirmation,
        .enquire-form-modal .report_form_pop_up .form_content_section form .webform-confirmation,
        .report-form-modal .enquire_form_pop_up .form_content_section form .webform-confirmation,
        .report-form-modal .report_form_pop_up .form_content_section form .webform-confirmation {
          width: 100%; }
          .enquire-form-modal .enquire_form_pop_up .form_content_section form .webform-confirmation .webform-confirmation__message,
          .enquire-form-modal .report_form_pop_up .form_content_section form .webform-confirmation .webform-confirmation__message,
          .report-form-modal .enquire_form_pop_up .form_content_section form .webform-confirmation .webform-confirmation__message,
          .report-form-modal .report_form_pop_up .form_content_section form .webform-confirmation .webform-confirmation__message {
            text-align: center;
            margin: 80px 0;
            font-size: 18px; }
  .enquire-form-modal .report_form_pop_up .close_report_form,
  .report-form-modal .report_form_pop_up .close_report_form {
    width: 12px;
    height: 12px;
    top: 20px;
    right: 25px; }
  .enquire-form-modal .report_form_pop_up .form_header_section,
  .report-form-modal .report_form_pop_up .form_header_section {
    background: white;
    padding: 24px 32px 0 32px;
    font-size: 20px;
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .enquire-form-modal .report_form_pop_up .form_header_section,
      .report-form-modal .report_form_pop_up .form_header_section {
        padding-left: 24px;
        padding-right: 24px; } }
    .enquire-form-modal .report_form_pop_up .form_header_section::before,
    .report-form-modal .report_form_pop_up .form_header_section::before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("../../images/icons/information.svg");
      margin-right: 24px; }
    .enquire-form-modal .report_form_pop_up .form_header_section p,
    .report-form-modal .report_form_pop_up .form_header_section p {
      position: absolute;
      top: 24px;
      left: 60px; }
      @media screen and (max-width: 768px) {
        .enquire-form-modal .report_form_pop_up .form_header_section p,
        .report-form-modal .report_form_pop_up .form_header_section p {
          position: static; } }
  .enquire-form-modal .report_form_pop_up .form_content_section,
  .report-form-modal .report_form_pop_up .form_content_section {
    padding-top: 0px; }
    .enquire-form-modal .report_form_pop_up .form_content_section .form-checkboxes,
    .report-form-modal .report_form_pop_up .form_content_section .form-checkboxes {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px 24px; }
      @media screen and (max-width: 768px) {
        .enquire-form-modal .report_form_pop_up .form_content_section .form-checkboxes,
        .report-form-modal .report_form_pop_up .form_content_section .form-checkboxes {
          grid-template-columns: repeat(1, 1fr); } }
    .enquire-form-modal .report_form_pop_up .form_content_section #edit-markup,
    .report-form-modal .report_form_pop_up .form_content_section #edit-markup {
      font-size: 14px;
      padding-bottom: 16px;
      border-bottom: 0.5px solid rgba(8, 58, 94, 0.4);
      opacity: 0.6; }
    .enquire-form-modal .report_form_pop_up .form_content_section #edit-message-format,
    .report-form-modal .report_form_pop_up .form_content_section #edit-message-format {
      display: none; }
    .enquire-form-modal .report_form_pop_up .form_content_section form .form-actions .form-submit,
    .report-form-modal .report_form_pop_up .form_content_section form .form-actions .form-submit {
      background: #0062A9;
      color: white; }

.show_xs {
  display: none; }
  @media (max-width: 576px) {
    .show_xs {
      display: block; } }

.show_xs_flex {
  display: none; }
  @media (max-width: 576px) {
    .show_xs_flex {
      display: flex; } }

.hide_xs {
  display: block; }
  @media (max-width: 576px) {
    .hide_xs {
      display: none; } }

.hide_xs_flex {
  display: flex; }
  @media (max-width: 576px) {
    .hide_xs_flex {
      display: none; } }

.show_sm {
  display: none; }
  @media (max-width: 1023px) {
    .show_sm {
      display: block; } }

.hide_sm {
  display: block; }
  @media (max-width: 1023px) {
    .hide_sm {
      display: none; } }

.likeToggleT {
  width: 31px;
  height: 31px; }

.img-36 {
  width: 36px;
  height: 36px; }

.w-50 {
  max-width: 50%;
  width: 100%; }

@media (max-width: 991px) {
  .accommodations-block .ysbadminton-accommodations-block img {
    object-position: top; } }

.ysbadminton-marketplace-block .ysbadminton-button {
  bottom: unset;
  right: unset; }

.ysbadminton-accommodations-block .ysbadminton-button {
  bottom: unset;
  right: unset; }

@media (min-width: 1024px) {
  .ysbadminton-accommodations-block .accommodations-block-block__content {
    padding-top: 0;
    padding-bottom: 0px;
    height: unset; } }

.level-up {
  position: relative;
  z-index: 101; }

@media (max-width: 596px) {
  .min-h-440px.ysbadminton-accommodations-block {
    min-height: 520px; } }

@media (max-width: 460px) {
  .min-h-440px.ysbadminton-accommodations-block {
    min-height: 450px; } }

.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-inline-start: 0; }

.thank-you-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 800px;
  text-align: center;
  margin: 40px auto; }

.welcome_card {
  color: #F8F4EE;
  position: relative; }
  .welcome_card:after {
    content: "";
    width: 200px;
    height: 200px;
    mask-image: url("../../images/mask.svg");
    mask-position: top right;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #e89e00;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 16px; }
    @media (max-width: 1199px) {
      .welcome_card:after {
        width: 75px;
        height: 110px; } }
  .welcome_card:before {
    content: "";
    width: 400px;
    height: 350px;
    position: absolute;
    right: -40px;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    background-position: top;
    background-image: url(../../images/dashboard_student.png); }
    @media (min-width: 1599px) {
      .welcome_card:before {
        right: 6%; } }
    @media (max-width: 1199px) {
      .welcome_card:before {
        display: none; } }
  .welcome_card.for-coach:before {
    background-image: url(../../images/dashboard_main.png); }
  .welcome_card p {
    font-size: 14px; }
  .welcome_card span {
    color: #e89e00; }

#block-fluffiness-content {
  padding: 48px 36px; }
  @media (max-width: 991px) {
    #block-fluffiness-content {
      padding: 48px 16px; } }

.breadcrumb {
  color: #e89e00; }

.dashboard-stats a:hover {
  transform: scale(1.02); }

.dashboard-stats .stat-item {
  position: relative;
  overflow: hidden; }
  .dashboard-stats .stat-item:after {
    content: "";
    width: 180px;
    height: 180px;
    mask-image: url(../../images/mask.svg);
    mask-position: top right;
    mask-repeat: no-repeat;
    mask-size: contain;
    position: absolute;
    border-radius: 16px;
    will-change: transform; }
  .dashboard-stats .stat-item.stat-item-1 {
    background: #fbe0e0; }
    .dashboard-stats .stat-item.stat-item-1:after {
      background-color: #f8d5d5;
      bottom: 0;
      right: 0;
      transform: rotate(90deg); }
  .dashboard-stats .stat-item.stat-item-2 {
    background: #b1d9f4; }
    .dashboard-stats .stat-item.stat-item-2:after {
      background-color: #bee2fa;
      top: 0;
      left: 0;
      transform: rotate(180deg); }
  .dashboard-stats .stat-item.stat-item-3 {
    background: #d7f8d7; }
    .dashboard-stats .stat-item.stat-item-3:after {
      background-color: #bdf0bd;
      top: 0;
      right: 0; }
  .dashboard-stats .stat-item div {
    position: relative;
    z-index: 1; }

.dashboard-stats.dashboard-stats-coach .stat-item.stat-item-1 {
  background: #ffeeba; }
  .dashboard-stats.dashboard-stats-coach .stat-item.stat-item-1:after {
    background-color: #ffe79e; }

#calendar .fc-button-primary {
  background-color: #e89e00;
  border-color: #e89e00;
  color: #ffffff; }

#calendar .fc-toolbar-title {
  line-height: 28px; }

#calendar .fc-daygrid-day-frame {
  display: flex;
  align-items: center;
  justify-content: center; }

#calendar .fc-daygrid-day-events {
  display: none !important; }

#calendar .fc-event {
  width: 32px;
  height: 32px;
  margin: auto;
  border-radius: 100%;
  opacity: 0.6; }

#calendar .fc-daygrid-day-top {
  font-size: 14px; }

#calendar .fc-theme-standard td, #calendar .fc-theme-standard th {
  height: 50px !important; }

#calendar button {
  outline: none;
  box-shadow: none;
  padding: 4px;
  font-size: 14px; }
  #calendar button:hover {
    opacity: 0.6; }

#calendar .fc-daygrid-day-top a {
  pointer-events: none; }

#calendar .fc-event a {
  display: block;
  transition: 0.2s; }
  #calendar .fc-event a:hover {
    transform: scale(1.3); }

.course_list_view .course_item {
  box-shadow: 1px 7px 11px rgba(98, 98, 98, 0.1);
  transition: 0.2s; }
  .course_list_view .course_item:hover {
    transform: translateY(-5px); }
  .course_list_view .course_item .level {
    font-weight: 500;
    font-size: 12px; }
  .course_list_view .course_item .cate {
    font-weight: 500;
    font-size: 12px;
    background-color: #e89e00;
    color: #fff; }
    .course_list_view .course_item .cate-45 {
      background-color: #0757a0; }
  .course_list_view .course_item .icon {
    font-size: 14px; }
    .course_list_view .course_item .icon:before {
      content: "";
      width: 16px;
      height: 16px;
      margin-right: 10px;
      display: inline-flex;
      vertical-align: sub;
      mask-size: cover;
      mask-repeat: no-repeat;
      background-color: #0f2043; }
    .course_list_view .course_item .icon.icon-calendar:before {
      mask-image: url("../../images/icons/icon-calendar.svg"); }
    .course_list_view .course_item .icon.icon-time:before {
      mask-image: url("../../images/icons/icon-time.svg"); }
    .course_list_view .course_item .icon.icon-map:before {
      mask-image: url("../../images/icons/icon-map.svg"); }
    .course_list_view .course_item .icon.icon-length:before {
      mask-image: url("../../images/icons/icon-length.svg"); }
  .course_list_view .course_item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .course_list_view .course_item .course-label {
    border: 1px solid;
    font-size: 14px;
    border-radius: 50px;
    width: fit-content;
    padding: 2px 12px;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -5px; }
    .course_list_view .course_item .course-label-44 {
      border-color: #0757a0;
      color: #0757a0; }
    .course_list_view .course_item .course-label-45 {
      border-color: #0f2043;
      color: #0f2043; }

.course_list_view .course_item_add {
  box-shadow: none;
  border: 2px dashed #cecece;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0; }
  .course_list_view .course_item_add svg {
    margin: auto; }
    @media (max-width: 640px) {
      .course_list_view .course_item_add svg {
        width: 40%;
        margin-bottom: 20px; } }

.node-course-content .icon, .node-enrollment-content .icon, .node-session-content .icon {
  font-size: 18px; }
  @media (max-width: 1199px) {
    .node-course-content .icon, .node-enrollment-content .icon, .node-session-content .icon {
      font-size: 16px; } }
  .node-course-content .icon:before, .node-enrollment-content .icon:before, .node-session-content .icon:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-flex;
    vertical-align: sub;
    mask-size: cover;
    mask-repeat: no-repeat;
    background-color: #0f2043; }
  .node-course-content .icon.icon-calendar:before, .node-enrollment-content .icon.icon-calendar:before, .node-session-content .icon.icon-calendar:before {
    mask-image: url("../../images/icons/icon-calendar.svg"); }
  .node-course-content .icon.icon-time:before, .node-enrollment-content .icon.icon-time:before, .node-session-content .icon.icon-time:before {
    mask-image: url("../../images/icons/icon-time.svg"); }
  .node-course-content .icon.icon-map:before, .node-enrollment-content .icon.icon-map:before, .node-session-content .icon.icon-map:before {
    mask-image: url("../../images/icons/icon-map.svg"); }
  .node-course-content .icon.icon-price:before, .node-enrollment-content .icon.icon-price:before, .node-session-content .icon.icon-price:before {
    mask-image: url("../../images/icons/icon-price.svg"); }
  .node-course-content .icon.icon-student:before, .node-enrollment-content .icon.icon-student:before, .node-session-content .icon.icon-student:before {
    mask-image: url("../../images/icons/icon-student.svg"); }

.node-course-content .course-tabs .tab-btn, .node-enrollment-content .course-tabs .tab-btn, .node-session-content .course-tabs .tab-btn {
  padding: 20px 48px 50px 48px;
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: -32px; }
  @media (max-width: 1199px) {
    .node-course-content .course-tabs .tab-btn, .node-enrollment-content .course-tabs .tab-btn, .node-session-content .course-tabs .tab-btn {
      padding: 20px 20px 50px 20px; } }
  @media (max-width: 640px) {
    .node-course-content .course-tabs .tab-btn, .node-enrollment-content .course-tabs .tab-btn, .node-session-content .course-tabs .tab-btn {
      padding: 20px 15px 50px 15px; } }
  .node-course-content .course-tabs .tab-btn:hover, .node-enrollment-content .course-tabs .tab-btn:hover, .node-session-content .course-tabs .tab-btn:hover {
    background: white;
    color: #e89e00;
    box-shadow: 1px 7px 11px rgba(98, 98, 98, 0.1); }
  .node-course-content .course-tabs .tab-btn.active, .node-enrollment-content .course-tabs .tab-btn.active, .node-session-content .course-tabs .tab-btn.active {
    background: white;
    color: #e89e00;
    box-shadow: 1px 7px 11px rgba(98, 98, 98, 0.1); }

.node-course-content .course-tabs .tab-content, .node-enrollment-content .course-tabs .tab-content, .node-session-content .course-tabs .tab-content {
  background: white;
  padding: 48px;
  border-radius: 24px;
  z-index: 1;
  position: relative;
  margin-top: -1px; }
  @media (max-width: 1199px) {
    .node-course-content .course-tabs .tab-content, .node-enrollment-content .course-tabs .tab-content, .node-session-content .course-tabs .tab-content {
      padding: 48px 16px; } }

.node-course-content .course-tabs ul, .node-enrollment-content .course-tabs ul, .node-session-content .course-tabs ul {
  list-style: disc;
  padding-left: 16px; }

.node-course-content .course-tabs ol, .node-enrollment-content .course-tabs ol, .node-session-content .course-tabs ol {
  list-style: auto;
  padding-left: 16px; }

.node-course-content .course-tabs li, .node-enrollment-content .course-tabs li, .node-session-content .course-tabs li {
  margin-bottom: 10px; }

.node-course-content .course-tabs a:not(.btn), .node-enrollment-content .course-tabs a:not(.btn), .node-session-content .course-tabs a:not(.btn) {
  text-decoration: underline; }

.node-course-content .course-tabs table thead tr, .node-enrollment-content .course-tabs table thead tr, .node-session-content .course-tabs table thead tr {
  background-color: aliceblue;
  font-weight: bold; }

.node-course-content .course-tabs table th, .node-course-content .course-tabs table td, .node-enrollment-content .course-tabs table th, .node-enrollment-content .course-tabs table td, .node-session-content .course-tabs table th, .node-session-content .course-tabs table td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left; }

.node-course-content .course-tabs .head-coach-section, .node-enrollment-content .course-tabs .head-coach-section, .node-session-content .course-tabs .head-coach-section {
  border-right: 1px solid #d1d0d0; }
  @media (max-width: 640px) {
    .node-course-content .course-tabs .head-coach-section, .node-enrollment-content .course-tabs .head-coach-section, .node-session-content .course-tabs .head-coach-section {
      border-right: 0px solid #d1d0d0; } }
  .node-course-content .course-tabs .head-coach-section .head-coach, .node-enrollment-content .course-tabs .head-coach-section .head-coach, .node-session-content .course-tabs .head-coach-section .head-coach {
    color: #e89e00; }
  .node-course-content .course-tabs .head-coach-section .icon, .node-enrollment-content .course-tabs .head-coach-section .icon, .node-session-content .course-tabs .head-coach-section .icon {
    width: 40px;
    height: 40px;
    background: #e89e00;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .node-course-content .course-tabs .head-coach-section .icon:before, .node-enrollment-content .course-tabs .head-coach-section .icon:before, .node-session-content .course-tabs .head-coach-section .icon:before {
      margin-right: 0;
      background: white; }

.node-enrollment-content .icon {
  font-size: 16px; }

.node-enrollment-content .feedback_card {
  box-shadow: 0px 13px 11px rgba(98, 98, 98, 0.1); }

.session_list_item {
  font-size: 14px; }
  .session_list_item .icon-badminton {
    background-color: white;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .session_list_item .icon-badminton:after {
      content: "";
      width: 24px;
      height: 24px;
      mask-image: url("../../images/icons/icon-badminton.svg");
      position: relative;
      display: block; }
  .session_list_item.bg-white .icon-badminton {
    background-color: #fffdf6; }
  .session_list_item .title span {
    display: block;
    color: grey;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px; }
  .session_list_item .date-time .date-time-time {
    width: fit-content;
    padding: 8px;
    border-radius: 8px;
    font-weight: 500; }
  .session_list_item .status p:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px; }
  .session_list_item.color-red .icon-badminton:after {
    background-color: #ff004c; }
  .session_list_item.color-red .date-time > .date-time-time {
    background: #ff004c42;
    color: #ff004c; }
  .session_list_item.color-red .status > p:before {
    background-color: #ff004c; }
  .session_list_item.color-yellow .icon-badminton:after {
    background-color: #e89e00; }
  .session_list_item.color-yellow .date-time > .date-time-time {
    background: #e89e0042;
    color: #e89e00; }
  .session_list_item.color-yellow .status > p:before {
    background-color: #e89e00; }
  .session_list_item.color-green .icon-badminton:after {
    background-color: #01ae3f; }
  .session_list_item.color-green .date-time > .date-time-time {
    background: #01ae3f42;
    color: #01ae3f; }
  .session_list_item.color-green .status > p:before {
    background-color: #01ae3f; }
  .session_list_item.color-blue .icon-badminton:after {
    background-color: #2196F3; }
  .session_list_item.color-blue .date-time > .date-time-time {
    background: #2196F342;
    color: #2196F3; }
  .session_list_item.color-blue .status > p:before {
    background-color: #2196F3; }
  .session_list_item.color-grey .icon-badminton:after {
    background-color: #7f7f7f; }
  .session_list_item.color-grey .date-time > .date-time-time {
    background: #7f7f7f42;
    color: #7f7f7f; }
  .session_list_item.color-grey .status > p:before {
    background-color: #7f7f7f; }
  .session_list_item .btn-secondary {
    justify-content: center; }
    .session_list_item .btn-secondary.label-color-green {
      color: #01ae3f; }
      .session_list_item .btn-secondary.label-color-green:after {
        background-color: #01ae3f; }

.student-session-list-view #views-exposed-form-student-session-list-student-session-list,
.student-session-list-view #views-exposed-form-coach-session-list-coach-session-list, .coach-session-list-view #views-exposed-form-student-session-list-student-session-list,
.coach-session-list-view #views-exposed-form-coach-session-list-coach-session-list {
  display: none; }

.student-session-list-view .session_list_item, .coach-session-list-view .session_list_item {
  background-color: white; }
  .student-session-list-view .session_list_item:hover, .coach-session-list-view .session_list_item:hover {
    transform: translateY(-3px); }

.student-session-list-view .filter-by p, .coach-session-list-view .filter-by p {
  cursor: pointer; }
  .student-session-list-view .filter-by p.active, .coach-session-list-view .filter-by p.active {
    font-weight: 600; }
  .student-session-list-view .filter-by p:hover, .coach-session-list-view .filter-by p:hover {
    text-decoration: underline; }

.pager__items li {
  padding: 0; }
  .pager__items li a {
    padding: 10px; }
    .pager__items li a:hover {
      color: #e89e00; }

.view-filter:before {
  content: "Filter by";
  font-weight: 700;
  opacity: 0.5; }

.view-filter form .form-item {
  margin-top: 10px; }
  .view-filter form .form-item label {
    display: none; }
  .view-filter form .form-item.js-form-type-select, .view-filter form .form-item.js-form-type-textfield {
    background: white;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    padding: 0 16px; }
    .view-filter form .form-item.js-form-type-select select, .view-filter form .form-item.js-form-type-select input, .view-filter form .form-item.js-form-type-textfield select, .view-filter form .form-item.js-form-type-textfield input {
      margin: 0;
      border: 0;
      height: 36px;
      padding: 0 10px 0 5px; }

.view-filter form#views-exposed-form-course-list-block-1 .form--inline {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 640px) {
    .view-filter form#views-exposed-form-course-list-block-1 .form--inline {
      justify-content: space-between; }
      .view-filter form#views-exposed-form-course-list-block-1 .form--inline .js-form-type-select {
        width: 46%;
        margin-right: 0; } }
  .view-filter form#views-exposed-form-course-list-block-1 .form--inline:after {
    display: none; }
  .view-filter form#views-exposed-form-course-list-block-1 .form--inline .js-form-type-textfield {
    width: 30%;
    padding-left: 36px;
    position: relative; }
    @media (max-width: 640px) {
      .view-filter form#views-exposed-form-course-list-block-1 .form--inline .js-form-type-textfield {
        width: 100%;
        min-width: 100%;
        margin-top: 0; } }
    .view-filter form#views-exposed-form-course-list-block-1 .form--inline .js-form-type-textfield:before {
      content: "";
      mask-image: url("../../images/icons/icon-search.svg");
      width: 24px;
      height: 24px;
      position: absolute;
      left: 7px;
      background: #e89e00;
      mask-size: contain;
      top: 10px; }

.view-filter form#views-exposed-form-course-list-block-1 #edit-actions {
  display: none; }

.main-structure {
  display: flex;
  flex-direction: row;
  gap: 80px; }
  .main-structure .left-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 400px;
    min-width: 400px; }
    @media (max-width: 640px) {
      .main-structure .left-column {
        min-width: 100%; }
        .main-structure .left-column .flex {
          width: 100%; } }
  .main-structure .right-column {
    flex: 1;
    width: 100%;
    overflow: auto; }
  @media (max-width: 1599px) {
    .main-structure {
      gap: 48px; } }
  @media (max-width: 1440px) {
    .main-structure {
      flex-direction: column;
      gap: 48px; }
      .main-structure .left-column {
        flex-direction: row;
        gap: 48px;
        width: 100%; }
        .main-structure .left-column img {
          width: 300px; } }
  @media (max-width: 1199px) {
    .main-structure .left-column {
      gap: 24px; } }
  @media (max-width: 640px) {
    .main-structure .left-column {
      flex-direction: column; }
      .main-structure .left-column img {
        width: 100%; } }

body.role-coach .bg-primary {
  background-color: #0f2043; }

body.role-coach .bg-secondary {
  background-color: #fffdf6; }

@media (max-width: 991px) {
  body.role-coach .primary-menu-wrapper {
    background-color: #0f2043; } }

.node-enrollment-content .student-card, .node-session-content .student-card {
  justify-content: start; }
  @media (max-width: 1199px) {
    .node-enrollment-content .student-card, .node-session-content .student-card {
      justify-content: center; } }

.node-enrollment-content .status, .node-session-content .status {
  font-weight: 600; }
  .node-enrollment-content .status.color-red, .node-session-content .status.color-red {
    background: #ff004c42;
    color: #ff004c;
    border: 1px solid #ff004c42; }
  .node-enrollment-content .status.color-yellow, .node-session-content .status.color-yellow {
    background: #e89e0042;
    color: #e89e00;
    border: 1px solid #e89e0042; }
  .node-enrollment-content .status.color-green, .node-session-content .status.color-green {
    background: #01ae3f42;
    color: #01ae3f;
    border: 1px solid #01ae3f42; }
  .node-enrollment-content .status.color-blue, .node-session-content .status.color-blue {
    background: #2196F342;
    color: #2196F3;
    border: 1px solid #2196F342; }
  .node-enrollment-content .status.color-grey, .node-session-content .status.color-grey {
    background: #7f7f7f42;
    color: #7f7f7f;
    border: 1px solid #7f7f7f42; }

.node-enrollment-content .show_reschedule_mobile, .node-session-content .show_reschedule_mobile {
  display: none; }
  @media (max-width: 640px) {
    .node-enrollment-content .show_reschedule_mobile, .node-session-content .show_reschedule_mobile {
      display: flex;
      width: 100%;
      justify-content: center; } }

.node-enrollment-content .show_reschedule_desktop, .node-session-content .show_reschedule_desktop {
  display: flex; }
  @media (max-width: 640px) {
    .node-enrollment-content .show_reschedule_desktop, .node-session-content .show_reschedule_desktop {
      display: none; } }

.reschedule-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #25263824;
  z-index: 999;
  align-items: center;
  justify-content: center;
  padding: 16px;
  display: none; }
  .reschedule-model.show {
    display: flex; }
  .reschedule-model .reschedule-div {
    width: 100%;
    max-width: 600px;
    background: white;
    padding: 48px 32px 32px 32px;
    border-radius: 24px;
    box-shadow: 0px 13px 11px rgba(98, 98, 98, 0.1);
    position: relative; }
    @media (max-width: 640px) {
      .reschedule-model .reschedule-div {
        padding: 32px 16px 24px 16px; } }
    .reschedule-model .reschedule-div .form-actions {
      display: flex;
      justify-content: center;
      margin-top: 40px; }
    .reschedule-model .reschedule-div .icon-close {
      position: absolute;
      right: 24px;
      top: 24px;
      cursor: pointer; }
      .reschedule-model .reschedule-div .icon-close:before {
        color: #083A5E;
        background-color: #083A5E;
        position: absolute;
        -webkit-mask-repeat: no-repeat;
        width: 24px;
        height: 24px;
        mask-size: contain;
        left: 0;
        top: 0;
        cursor: pointer; }
        .reschedule-model .reschedule-div .icon-close:before:hover {
          transform: scale(1.03); }

.comment-wrapper .comment-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 400px;
  overflow: auto;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 32px; }
  .comment-wrapper .comment-box .comment-card {
    max-width: 70%; }
    @media (max-width: 640px) {
      .comment-wrapper .comment-box .comment-card {
        max-width: 100%; } }
    .comment-wrapper .comment-box .comment-card span {
      font-weight: 400; }
    .comment-wrapper .comment-box .comment-card .field--name-comment-body {
      background: #e0effa;
      padding: 16px;
      border-radius: 16px;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .comment-wrapper .comment-box .comment-card .field--name-comment-body h1, .comment-wrapper .comment-box .comment-card .field--name-comment-body h2, .comment-wrapper .comment-box .comment-card .field--name-comment-body h3, .comment-wrapper .comment-box .comment-card .field--name-comment-body h4, .comment-wrapper .comment-box .comment-card .field--name-comment-body h5, .comment-wrapper .comment-box .comment-card .field--name-comment-body h6 {
        font-size: 18px;
        line-height: 24px; }
      .comment-wrapper .comment-box .comment-card .field--name-comment-body:before {
        content: "";
        mask-image: url("../../images/icons/icon-rectangle.svg");
        width: 15px;
        height: 15px;
        position: absolute;
        background: #e0effa;
        z-index: 1;
        mask-size: contain;
        transform: rotate(165deg);
        left: -9px;
        top: 10px; }
      .comment-wrapper .comment-box .comment-card .field--name-comment-body:after {
        content: none; }
      .comment-wrapper .comment-box .comment-card .field--name-comment-body img {
        max-height: 200px;
        object-fit: contain;
        width: auto;
        object-position: left; }
    .comment-wrapper .comment-box .comment-card.other-comment {
      margin-left: auto;
      justify-content: flex-end; }
      .comment-wrapper .comment-box .comment-card.other-comment .author {
        justify-content: flex-end;
        align-items: end; }
      .comment-wrapper .comment-box .comment-card.other-comment .user-pic {
        order: 2; }
      .comment-wrapper .comment-box .comment-card.other-comment .field--name-comment-body:before {
        transform: rotate(78deg);
        right: -10px;
        top: 10px;
        left: auto; }
      .comment-wrapper .comment-box .comment-card.other-comment .field--name-comment-body img {
        object-position: right; }

.comment-wrapper .block-extra-field-blockcommentcommentlinks {
  display: none; }

.comment-wrapper #edit-subject-wrapper {
  display: none; }

.comment-wrapper #edit-actions input {
  display: none; }
  .comment-wrapper #edit-actions input:first-child {
    background-color: #e89e00;
    color: white;
    position: relative;
    width: fit-content;
    padding: 10px 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    display: block; }

@media (max-width: 1199px) {
  .ysbadminton_profile .left_column, .ysbadminton_profile .right_column {
    width: 100%; } }

@media (max-width: 1199px) {
  .ysbadminton_profile .right_column {
    padding-bottom: 100px; } }

.ysbadminton_profile .left_column .profile-info {
  max-width: 200px;
  margin: auto; }
  .ysbadminton_profile .left_column .profile-info .profile-avatar {
    margin-bottom: 0; }
  .ysbadminton_profile .left_column .profile-info .profile-name {
    margin-bottom: 24px; }

@media (max-width: 1199px) {
  .ysbadminton_profile .left_column {
    padding-bottom: 0; }
    .ysbadminton_profile .left_column .profile-info {
      display: none; }
    .ysbadminton_profile .left_column .profile-nav {
      overflow: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap; }
      .ysbadminton_profile .left_column .profile-nav .profile-nav-item {
        min-width: fit-content; } }

@media (max-width: 1199px) {
  .ysbadminton_profile .left_column .profile-nav {
    gap: 0;
    justify-content: space-between; }
    .ysbadminton_profile .left_column .profile-nav .profile-nav-item {
      padding: 16px;
      width: 56px !important;
      height: auto;
      border-radius: 16px !important;
      flex-direction: column;
      justify-content: center; }
      .ysbadminton_profile .left_column .profile-nav .profile-nav-item span {
        max-width: 108px;
        font-size: 12px;
        text-align: center; } }

@media (max-width: 767px) {
  .ysbadminton_profile .left_column .profile-nav .profile-nav-item {
    height: 56px;
    border-radius: 100% !important; }
    .ysbadminton_profile .left_column .profile-nav .profile-nav-item span {
      display: none; } }

#edit-image-fieldset {
  display: flex;
  justify-content: center; }
  #edit-image-fieldset #edit-field-profile-picture {
    margin: auto; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Teko', sans-serif; }

body {
  font-family: 'Outfit', sans-serif;
  padding-top: 0 !important;
  color: #0f2043;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto; }
  body .landing-page-template .page-content {
    background-color: #f8f4ef; }
  body.filter-overflow-hidden {
    overflow: hidden; }
  @media screen and (max-width: 768px) {
    body.body-modal-open {
      overflow: hidden;
      position: fixed;
      top: 0px;
      height: 100vh;
      width: 100vw; } }
  body .field.field--name-field-template {
    display: none; }
  body .layout-container {
    margin-left: 0px;
    margin-right: 0px; }
  body .days-weekend-wrapper .days-wrapper > .form-wrapper,
  body .days-weekend-wrapper .weekend-wrapper > .form-wrapper {
    margin-top: 0px;
    margin-bottom: 0px; }
    body .days-weekend-wrapper .days-wrapper > .form-wrapper label,
    body .days-weekend-wrapper .weekend-wrapper > .form-wrapper label {
      pointer-events: none; }
    body .days-weekend-wrapper .days-wrapper > .form-wrapper .form-item,
    body .days-weekend-wrapper .weekend-wrapper > .form-wrapper .form-item {
      margin-top: 0px;
      margin-bottom: 0px; }
  body .days-weekend-wrapper .days-wrapper .fieldset-wrapper,
  body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center; }
    body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .toggle-wrapper,
    body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .toggle-wrapper {
      display: flex;
      align-items: center;
      margin-right: 12px; }
      body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .toggle-wrapper > .checkbox-toggle,
      body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .toggle-wrapper > .checkbox-toggle {
        position: relative; }
      body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .toggle-wrapper > .form-item,
      body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .toggle-wrapper > .form-item {
        position: relative;
        order: -1; }
    @media screen and (max-width: 768px) {
      body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .toggle-wrapper,
      body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .toggle-wrapper {
        position: absolute;
        top: -32px; } }
    body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .datetime-wrapper,
    body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .datetime-wrapper {
      height: 100%; }
      body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item,
      body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item {
        margin-top: 0px;
        margin-bottom: 0px; }
        body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item input,
        body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item input {
          margin-top: 0px;
          background-color: #F8F4EE; }
          body .days-weekend-wrapper .days-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item input:not(:disabled),
          body .days-weekend-wrapper .weekend-wrapper .fieldset-wrapper .datetime-wrapper > div.form-item input:not(:disabled) {
            color: #284ca3; }
  body .site-logo img {
    max-width: 128px;
    height: auto; }
    @media screen and (max-width: 1439px) {
      body .site-logo img {
        max-width: 89px; } }
  body .page-layout {
    width: 100%; }
    body .page-layout .site-nav {
      position: relative;
      position: sticky;
      top: 0px;
      z-index: 10; }
      body .page-layout .site-nav .site-nav-content {
        z-index: 11;
        position: relative; }
    body .page-layout .site-content {
      flex: 1;
      position: relative; }
      @media screen and (max-width: 1199px) {
        body .page-layout .site-content {
          height: auto;
          overflow: visible; } }
  body .default-page-content .node__content h1,
  body .default-page-content .node__content h2,
  body .default-page-content .node__content h3,
  body .default-page-content .node__content h4,
  body .default-page-content .node__content h5,
  body .default-page-content .node__content h6 {
    margin-top: 16px;
    margin-bottom: 24px; }
  body .default-page-content .node__content h2,
  body .default-page-content .node__content h3,
  body .default-page-content .node__content h4,
  body .default-page-content .node__content h5,
  body .default-page-content .node__content h6,
  body .default-page-content .node__content p,
  body .default-page-content .node__content ol,
  body .default-page-content .node__content ul {
    margin-bottom: 20px; }
  body .default-page-content .node__content h2,
  body .default-page-content .node__content h3,
  body .default-page-content .node__content h4,
  body .default-page-content .node__content h5,
  body .default-page-content .node__content h6 {
    letter-spacing: -1.1px; }
  body .default-page-content .node__content p,
  body .default-page-content .node__content li,
  body .default-page-content .node__content a {
    font-size: 14px; }
  body .default-page-content .node__content h2 {
    font-size: 22px;
    line-height: 24px; }
  body .default-page-content .node__content h3 {
    font-size: 20px;
    line-height: 22px; }
  body .default-page-content .node__content h4 {
    font-size: 18px;
    line-height: 20px; }
  body .default-page-content .node__content h5 {
    font-size: 16px;
    line-height: 18px; }
  body .default-page-content .node__content h6 {
    font-size: 16px;
    line-height: 18px; }
  body .default-page-content .node__content p {
    margin-bottom: 8px; }
  body .default-page-content .node__content ul,
  body .default-page-content .node__content ol {
    list-style: auto;
    padding-left: 24px;
    margin-bottom: 24px; }
    body .default-page-content .node__content ul li,
    body .default-page-content .node__content ol li {
      margin-bottom: 12px; }
  body .manage-title {
    max-width: calc(100% - 75px + 16px); }

::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent; }

.provider-type-support-worker {
  height: fit-content;
  width: fit-content;
  background-color: transparent;
  border: 1px solid #FFC100;
  border-radius: 32px;
  color: #FFC100;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500; }

.provider-type-support-coordinator {
  width: fit-content;
  height: fit-content;
  background-color: transparent;
  border: 1px solid #03BBC2;
  color: #03BBC2;
  border-radius: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500; }

.provider-type-ndis-provider-verified {
  width: fit-content;
  height: fit-content;
  background-color: transparent;
  border: 1px solid #083A5E;
  color: #083A5E;
  border-radius: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500; }
  @media screen and (max-width: 578px) {
    .provider-type-ndis-provider-verified {
      font-size: 10px; } }

.provider-type-ndis-provider-non-verified {
  width: fit-content;
  height: fit-content;
  background-color: transparent;
  border: 1px solid #e89e00;
  color: #e89e00;
  border-radius: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500; }

.form-item-address {
  position: relative; }
  .form-item-address::before {
    content: "";
    mask-image: url("../../images/icons/icon-pin.svg");
    height: 16px;
    width: 16px;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    top: 37px;
    left: 12px;
    background-color: #cdcdcd; }
  .form-item-address input {
    padding-left: 35px; }

.ck-label {
  display: none !important; }

.login-page-template #block-fluffiness-content, .register-template #block-fluffiness-content, .reset-password-page-template #block-fluffiness-content {
  padding: 0; }
  .login-page-template #block-fluffiness-content h1, .register-template #block-fluffiness-content h1, .reset-password-page-template #block-fluffiness-content h1 {
    margin-bottom: 0;
    margin-top: 0; }
  .login-page-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"], .login-page-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"], .login-page-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"], .login-page-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"], .register-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"], .register-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"], .register-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"], .register-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"], .reset-password-page-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"], .reset-password-page-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"], .reset-password-page-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"], .reset-password-page-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"] {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background-color: #e89e00;
    color: white;
    padding: 16px 24px;
    text-align: center;
    border-radius: 32px;
    margin-top: 24px;
    min-width: 200px; }
    .login-page-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"]:hover, .login-page-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover, .login-page-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"]:hover, .login-page-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover, .register-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"]:hover, .register-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover, .register-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"]:hover, .register-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover, .reset-password-page-template #block-fluffiness-content .ysbadminton-auth-form .user-login-form input[type="submit"]:hover, .reset-password-page-template #block-fluffiness-content .ysbadminton-auth-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover, .reset-password-page-template #block-fluffiness-content .ysbadminton-forget-password-form .user-login-form input[type="submit"]:hover, .reset-password-page-template #block-fluffiness-content .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover {
      opacity: 0.8; }
  .login-page-template #block-fluffiness-content .ysbadminton-authentication-reset-password-form .js-form-type-email + p, .register-template #block-fluffiness-content .ysbadminton-authentication-reset-password-form .js-form-type-email + p, .reset-password-page-template #block-fluffiness-content .ysbadminton-authentication-reset-password-form .js-form-type-email + p {
    display: none; }
  .login-page-template #block-fluffiness-content .create-account a, .register-template #block-fluffiness-content .create-account a, .reset-password-page-template #block-fluffiness-content .create-account a {
    font-weight: 600;
    color: #e89e00; }
  .login-page-template #block-fluffiness-content .fieldset-legend, .register-template #block-fluffiness-content .fieldset-legend, .reset-password-page-template #block-fluffiness-content .fieldset-legend {
    display: flex;
    align-items: center;
    gap: 16px; }

.bg-primary-dark {
  background-color: #0f2043; }

.text-primary {
  color: #0f2043; }

@media (max-width: 1199px) {
  .hide-sm {
    display: none; } }

.node-session-content .student-list-view .student_list_item {
  border-bottom: 1px solid #dddddd; }
  .node-session-content .student-list-view .student_list_item:last-child {
    border-bottom: 0px solid #dddddd; }
  .node-session-content .student-list-view .student_list_item:nth-child(odd) {
    background-color: #f9f9f9; }
  .node-session-content .student-list-view .student_list_item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%; }
  .node-session-content .student-list-view .student_list_item .icon {
    width: 40px;
    height: 40px;
    background: #e89e00;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s; }
    .node-session-content .student-list-view .student_list_item .icon:before {
      background-color: white;
      margin-right: 0; }
    .node-session-content .student-list-view .student_list_item .icon.icon-blue {
      background: #0757a0; }
    .node-session-content .student-list-view .student_list_item .icon:hover {
      transform: scale(1.08); }
  .node-session-content .student-list-view .student_list_item .icon-checked, .node-session-content .student-list-view .student_list_item .icon-unchecked, .node-session-content .student-list-view .student_list_item .icon-chat, .node-session-content .student-list-view .student_list_item .icon-nochat {
    content: "";
    width: 30px;
    height: 30px;
    mask-size: contain;
    mask-repeat: no-repeat;
    margin: auto;
    cursor: pointer; }
  .node-session-content .student-list-view .student_list_item .icon-checked {
    background-color: green;
    mask-image: url("../../images/icons/icon-checked.svg"); }
  .node-session-content .student-list-view .student_list_item .icon-unchecked {
    background-color: #9e9e9e;
    mask-image: url("../../images/icons/icon-unchecked.svg"); }
    .node-session-content .student-list-view .student_list_item .icon-unchecked:hover {
      background-color: green;
      mask-image: url("../../images/icons/icon-checked.svg"); }
  .node-session-content .student-list-view .student_list_item .icon-nochat {
    background-color: #a4a4a4;
    mask-image: url("../../images/icons/icon-nochat.svg");
    cursor: not-allowed; }
  .node-session-content .student-list-view .student_list_item .icon-chat {
    background-color: #e89e00;
    mask-image: url("../../images/icons/icon-chat.svg");
    transition: 0.2s; }
    .node-session-content .student-list-view .student_list_item .icon-chat:hover {
      transform: rotate(20deg); }
    .node-session-content .student-list-view .student_list_item .icon-chat + .num {
      position: absolute;
      top: -7px;
      left: 50%;
      background: red;
      color: white;
      border-radius: 100%;
      width: 16px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 10px; }

.node-session-content .checkin-desc .icon-checked, .node-session-content .checkin-desc .icon-unchecked {
  content: "";
  width: 20px;
  height: 20px;
  mask-size: contain;
  mask-repeat: no-repeat;
  margin: 0 4px;
  display: inline-block;
  vertical-align: bottom; }

.node-session-content .checkin-desc .icon-checked {
  background-color: green;
  mask-image: url("../../images/icons/icon-checked.svg"); }

.node-session-content .checkin-desc .icon-unchecked {
  background-color: #9e9e9e;
  mask-image: url("../../images/icons/icon-unchecked.svg"); }

body.add-course .block-ysbadminton-course-add-form-block .form-type-vertical-tabs {
  display: none; }

body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs {
  border-radius: 16px;
  overflow: hidden;
  border: 0;
  background: transparent; }
  body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs .horizontal-tabs-list {
    background-color: transparent;
    border: 0; }
  body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs ul.horizontal-tabs-list li {
    border: 0;
    box-shadow: -1px 6px 13px rgba(98, 98, 98, 0.1);
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    overflow: hidden; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs ul.horizontal-tabs-list li a {
      padding: 16px 24px; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs ul.horizontal-tabs-list li.d-none {
      display: none; }

body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details {
  padding: 0;
  margin-top: -4px;
  z-index: 1;
  position: relative; }
  body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper {
    border: 0;
    background: white;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: -1px 6px 13px rgba(98, 98, 98, 0.1);
    padding-top: 30px; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--name-field-course-image fieldset {
      background: #f2f2f2;
      box-shadow: none;
      border: 2px dashed #d4d4d4; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--name-field-course-image fieldset .js-media-library-item {
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-direction: column;
        align-items: center;
        max-width: 200px;
        margin: auto; }
        body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--name-field-course-image fieldset .js-media-library-item img {
          border-radius: 16px;
          margin-bottom: 10px; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--name-field-course-image fieldset #field_course_image-media-library-wrapper--description {
        text-align: center; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--name-field-course-image fieldset div {
        font-size: 14px;
        text-align: center; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-body-0-format {
      display: none; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-textarea-wrapper {
      margin-top: 8px; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-price-wrapper {
      position: relative; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-price-wrapper .field-prefix {
        position: absolute;
        left: 15px;
        top: 37px; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-price-wrapper input {
        padding-left: 40px; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-level-wrapper fieldset, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-coaches-wrapper fieldset, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-status-wrapper fieldset {
      box-shadow: none;
      padding: 0; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-level-wrapper fieldset legend, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-coaches-wrapper fieldset legend, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-status-wrapper fieldset legend {
        display: block;
        width: fit-content;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        top: 0; }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox {
        align-items: center;
        cursor: pointer;
        position: relative; }
        body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox input, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox input {
          opacity: 0; }
          body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox input + label, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox input + label {
            cursor: pointer;
            font-weight: 400; }
            body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox input + label:before, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox input + label:before {
              content: "";
              width: 24px;
              height: 24px;
              mask-repeat: no-repeat;
              margin: auto;
              cursor: pointer;
              mask-image: url("../../images/icons/icon-unchecked.svg");
              mask-size: contain;
              position: absolute;
              background: #929292;
              left: 0;
              top: -1px; }
          body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox input:checked + label, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox input:checked + label {
            font-weight: 600; }
            body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .form-checkboxes .js-form-type-checkbox input:checked + label:before, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper .field--type-boolean .js-form-type-checkbox input:checked + label:before {
              background-color: green;
              mask-image: url("../../images/icons/icon-checked.svg"); }
    body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-start-time-wrapper, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-end-time-wrapper {
      width: 40%;
      display: inline-block; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-start-time-wrapper h4, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-end-time-wrapper h4 {
        display: block;
        width: fit-content;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        top: 0;
        font-family: 'Outfit', sans-serif;
        margin-bottom: -15px; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-start-time-wrapper .form-type-date, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-end-time-wrapper .form-type-date {
        margin-top: 0; }
      body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-start-time-wrapper #edit-field-start-time-0-value--description, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-start-time-wrapper #edit-field-end-time-0-value--description, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-end-time-wrapper #edit-field-start-time-0-value--description, body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .horizontal-tabs-panes details .details-wrapper #edit-field-end-time-wrapper #edit-field-end-time-0-value--description {
        display: none; }

body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .form-actions #edit-submit {
  border: 1px solid #e89e00;
  background-color: #e89e00;
  color: white;
  position: relative;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 50px;
  cursor: pointer; }

body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .form-actions #edit-preview {
  display: none; }

body.add-course .block-ysbadminton-course-add-form-block form#node-course-form .field--name-field-enrollment-users {
  display: none; }

body.add-course .media-library-widget-modal {
  font-family: 'Outfit', sans-serif; }
  body.add-course .media-library-widget-modal #drupal-modal {
    padding: 24px; }
  body.add-course .media-library-widget-modal .ui-dialog-buttonpane {
    font-family: 'Outfit', sans-serif;
    border: 0; }
    body.add-course .media-library-widget-modal .ui-dialog-buttonpane .button--primary {
      border: 1px solid #e89e00;
      background-color: #e89e00;
      color: white;
      position: relative;
      width: fit-content;
      padding: 10px 24px;
      border-radius: 50px;
      cursor: pointer; }

body.add-course #media-library-wrapper {
  font-family: 'Outfit', sans-serif; }
  body.add-course #media-library-wrapper input {
    font-family: 'Outfit', sans-serif !important; }
  body.add-course #media-library-wrapper .form-type-checkbox input:checked {
    content: url(../../images/icons/icon-checked.svg); }
  body.add-course #media-library-wrapper #media-library-content #media-library-add-form-wrapper .form-type-managed-file input {
    border: 2px dashed #e0e0e0;
    background: #f1f1f1;
    height: 100px;
    text-align: center; }
  body.add-course #media-library-wrapper .js-media-library-view .view-header {
    display: none; }
  body.add-course #media-library-wrapper .js-media-library-view .view-filters {
    margin-bottom: 48px; }
    body.add-course #media-library-wrapper .js-media-library-view .view-filters form .form--inline {
      display: flex;
      align-items: flex-end;
      gap: 16px; }
      body.add-course #media-library-wrapper .js-media-library-view .view-filters form .form--inline .form-submit {
        border: 1px solid #e89e00;
        background-color: #e89e00;
        color: white;
        position: relative;
        width: fit-content;
        padding: 10px 24px;
        border-radius: 50px;
        cursor: pointer; }
      body.add-course #media-library-wrapper .js-media-library-view .view-filters form .form--inline .js-form-item {
        margin-bottom: 0; }
  body.add-course #media-library-wrapper form.js-media-library-views-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px; }
    body.add-course #media-library-wrapper form.js-media-library-views-form #media-library-messages {
      display: none; }
    body.add-course #media-library-wrapper form.js-media-library-views-form .js-media-library-item {
      position: relative;
      width: calc(33% - 13px); }
      body.add-course #media-library-wrapper form.js-media-library-views-form .js-media-library-item .js-click-to-select-checkbox {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 16px; }
      body.add-course #media-library-wrapper form.js-media-library-views-form .js-media-library-item .js-media-library-item-preview {
        width: 100%;
        height: 100%;
        min-height: 230px;
        background: #e3e3e3;
        border-radius: 16px;
        margin-bottom: 10px; }
        body.add-course #media-library-wrapper form.js-media-library-views-form .js-media-library-item .js-media-library-item-preview img {
          width: 100%;
          height: 230px;
          object-fit: cover;
          border-radius: 16px;
          cursor: pointer; }

.ysbadminton-auth-form .user-login-form input[type="submit"] {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFC100;
  color: white;
  padding: 8px 16px;
  text-align: center;
  border-radius: 32px;
  margin-top: 24px; }
  .ysbadminton-auth-form .user-login-form input[type="submit"]:hover {
    cursor: pointer; }

.ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"] {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFC100;
  color: white;
  padding: 8px 16px;
  text-align: center;
  border-radius: 32px;
  margin-top: 24px; }
  .ysbadminton-forget-password-form form.ysbadminton-authentication-reset-password-form input[type="submit"]:hover {
    cursor: pointer; }

.ysbadminton-account-profile-form .js-form-type-managed-file.form-type-managed-file > label {
  display: none; }

.ysbadminton-account-profile-form .js-form-managed-file.form-managed-file {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start; }
  .ysbadminton-account-profile-form .js-form-managed-file.form-managed-file img.file.file--image {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    position: relative; }
  .ysbadminton-account-profile-form .js-form-managed-file.form-managed-file input#edit-field-profile-picture-remove-button {
    width: fit-content; }

.ysbadminton_profile .profile-section .profile-nav .profile-nav-item {
  border-radius: 72px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px; }
  .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover {
    background-color: #e89e00;
    color: white; }
    .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-login, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-profile, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-logout, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-health, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-guardian {
      min-width: 24px; }
      .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-login::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-profile::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-logout::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-health::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:hover div.icon-guardian::before {
        background-color: white; }
  .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active {
    background-color: #e89e00;
    color: white; }
    .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active div.icon-login::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active div.icon-profile::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active div.icon-logout::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active div.icon-health::before, .ysbadminton_profile .profile-section .profile-nav .profile-nav-item.active div.icon-guardian::before {
      background-color: white; }

.ysbadminton_profile .profile-section .profile-nav .profile-nav-item:last-child {
  background-color: #d8d8d8;
  border-radius: 16px; }
  .ysbadminton_profile .profile-section .profile-nav .profile-nav-item:last-child:hover {
    background-color: #e89e00; }