.fwrap {
  flex-wrap: wrap;
}

.row {
  display: flex;
  flex-direction: row;
}

.column {
  display: flex;
  flex-direction: column;
}

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

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

.ac {
  align-items: center;
}

@media screen and (min-width: 46.875rem) {
  .m__fsb {
    justify-content: space-between;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__fsb {
    justify-content: space-between;
  }
}

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

.fend {
  display: flex;
  justify-content: flex-end;
}

@media screen and (min-width: 46.875rem) {
  .m__row {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__row {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (min-width: 46.875rem) {
  .m__column {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__column {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 46.875rem) {
  .m__rowr {
    display: flex;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 46.875rem) {
  .m__fs {
    display: flex;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__fs {
    display: flex;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 46.875rem) {
  .m__ {
    display: none;
  }
}

@media screen and (min-width: 46.875rem) {
  .-m__ {
    display: none;
  }
}

@media screen and (max-width: 67.5rem) {
  .l__ {
    display: none;
  }
}

@media screen and (min-width: 67.5rem) {
  .-l__ {
    display: none;
  }
}

@media screen and (max-width: 90rem) {
  .xl__ {
    display: none;
  }
}

@media screen and (min-width: 90rem) {
  .-xl__ {
    display: none;
  }
}

.rel {
  position: relative;
}

.f1 {
  flex: 1;
}

@media screen and (min-width: 46.875rem) {
  .m__f1 {
    flex: 1;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__f1p45 {
    flex: 1.45;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__f1p125 {
    flex: 1.125;
  }
}

.absfull {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nooverflow {
  overflow: hidden;
}

.z10 {
  z-index: 10;
}

.pcover {
  object-fit: cover;
}

.nopoint {
  pointer-events: none;
}

.point {
  pointer-events: auto;
}

.pointer {
  cursor: pointer;
}

.min100vh {
  min-height: 100vh;
}

.hidden {
  visibility: hidden;
}

.nodisplay {
  display: none;
}

.iblock {
  display: inline-block;
}

.posfixed {
  position: fixed;
}

.opac_40 {
  opacity: 0.4;
}

.opac_70 {
  opacity: 0.7;
}

.opac_80 {
  opacity: 0.8;
}

.opac_50 {
  opacity: 0.5;
}

.sec_bg {
  background-color: #2e2040;
}

.light_bg {
  background-color: #f7f6f7;
}

.white_bg {
  background-color: #ffffff;
}

.pad5 {
  padding-top: 0.3125rem;
}

.pad6 {
  padding-top: 0.375rem;
}

.pad8 {
  padding-top: 0.5rem;
}

.pad10 {
  padding-top: 0.625rem;
}

.pad20 {
  padding-top: 1.25rem;
}

.lpad20 {
  padding-left: 1.25rem;
}

.padl20 {
  padding-left: 1.25rem;
}

.padl10 {
  padding-left: 0.625rem;
}

.padl30 {
  padding-left: 1.875rem;
}

.pad15 {
  padding-top: 0.9375rem;
}

.pad30 {
  padding-top: 1.875rem;
}

.pad40 {
  padding-top: 2.5rem;
}

.pad60 {
  padding-top: 3.75rem;
}

.pad90 {
  padding-top: 5.625rem;
}

.pad160 {
  padding-top: 10rem;
}

.w100 {
  width: 100%;
}

.w25 {
  width: 25%;
}

.h100 {
  height: 100%;
}

.pad-vert {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.pad-hor {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.sm-pad-hor {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.lg-pad-hor {
  padding-left: 10rem;
  padding-right: 10rem;
}

@media screen and (min-width: 67.5rem) {
  .l__md-pad-hor {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

@media screen and (min-width: 46.875rem) {
  .m__lg-pad-hor {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media screen and (min-width: 87.5rem) {
  .l__lg-pad-left {
    padding-left: 10rem;
  }
}

@media screen and (min-width: 87.5rem) {
  .l__lg-pad-right {
    padding-right: 10rem;
  }
}

@media screen and (min-width: 87.5rem) {
  .l__pad90-left {
    padding-left: 5.625rem;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__pad45_right {
    padding-right: 2.8125rem;
  }
}

@media screen and (max-width: 46.875rem) {
  .-m__pad-hor {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.lg-pad-bottom {
  padding-bottom: 10rem;
}

.lg-mg-vert {
  margin-bottom: 10rem;
  margin-top: 10rem;
}

@media screen and (min-width: 67.5rem) {
  .l__lg-pad-hor {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

.max669 {
  max-width: 41.8125rem;
}

.max480 {
  max-width: 30rem;
}

* {
  box-sizing: border-box;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
address,
small,
strong,
ol,
ul,
li,
form,
label,
legend,
aside,
embed,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

picture {
  display: block;
  line-height: 0;
}

input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="button"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.p2 {
  font-size: 1rem;
  line-height: 1.4375rem;
}

.p3 {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

.p1 {
  font-size: 1.3125rem;
  line-height: 1.875rem;
}

.text_button1 {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 500;
}

.text_button2 {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
p,
span,
button,
a,
label,
input,
select,
textarea,
tr,
td,
option {
  font-family: "Gilroy";
  color: #2e2040;
}

.h3ash4 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.3125rem !important;
  line-height: 1.75rem;
  letter-spacing: 0em;
  text-align: center;
}

.h2ash4 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.3125rem;
  line-height: 1.875rem;
  letter-spacing: 0em;
}

.h3ash5 {
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0em;
  text-align: center;
}
h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 3.125rem;
  line-height: 4.125rem;
}

h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.375rem;
  line-height: 3.1875rem;
}

h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.3125rem;
  letter-spacing: 0em;
  text-align: center;
}

h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0em;
  text-align: center;
}

.heading5 {
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0em;
  text-align: center;
}

.heading4 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.3125rem;
  line-height: 1.75rem;
  letter-spacing: 0em;
  text-align: center;
}

h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.3125rem;
  line-height: 1.75rem;
  letter-spacing: 0em;
  text-align: center;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_capitalised {
  text-transform: uppercase;
}

a,
a:link,
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
}

.text_light {
  color: #ffffff;
}
.text_light a,
.text_light a:link,
.text_light a:hover,
.text_light a:visited,
.text_light a:active,
.text_light a:focus {
  color: #ffffff;
}

.text_pri {
  color: #ea4966;
}

.text_sec {
  color: #2e2040;
}

.underline {
  text-decoration: underline;
}

.text_pri.underline {
  text-decoration: underline #ea4966;
}

.supertitle {
  font-size: 0.75rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 67.5rem) {
  .supertitle {
    font-size: 1rem;
  }
}

.morels {
  letter-spacing: 0.075rem;
}

.semibold {
  font-weight: 600;
}

@media screen and (min-width: 46.875rem) {
  .m__text_left {
    text-align: left;
  }
}

@media screen and (min-width: 46.875rem) {
  .m__text_right {
    text-align: right;
  }
}

@media screen and (max-width: 67.5rem) {
  .-l__h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 2.375rem;
    line-height: 3.1875rem;
  }
}

@media screen and (max-width: 46.875rem) {
  .-m__h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.3125rem;
    letter-spacing: 0em;
    text-align: center;
  }
}

@media screen and (max-width: 46.875rem) {
  .-m__h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 1.3125rem;
    line-height: 1.75rem;
    letter-spacing: 0em;
    text-align: center;
  }
}

@media screen and (max-width: 46.875rem) {
  .-m__p2 {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}

@media screen and (max-width: 67.5rem) {
  .-l__p2 {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__p2 {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}

@media screen and (max-width: 67.5rem) {
  .-l__text_button2 {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: 500;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__text_left {
    text-align: left;
  }
}

@media screen and (min-width: 67.5rem) {
  .l__text_right {
    text-align: right;
  }
}

.error {
  color: #ea4966;
}

.text_2lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text_2lines.text--expanded {
  max-height: inherit;
}

.header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #2e2040;
  color: #ffffff;
  margin-bottom: 17.25rem;
  margin-bottom: 73.6vw;
}
@media screen and (min-width: 46.875rem) {
  .header {
    margin-bottom: 0;
    padding-bottom: 3.375rem;
  }
}
@media screen and (min-width: 67.5rem) {
  .header {
    margin-bottom: 0;
    padding-bottom: 9.625rem;
  }
}

.header__topbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.header__topbuttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header__logo {
  width: 4.75rem;
  height: 1.375rem;
}
@media screen and (min-width: 46.875rem) {
  .header__logo {
    width: 7.1875rem;
    height: 3.125rem;
  }
}

.header__expandmenubutton {
  font-size: 1.3125rem;
  line-height: 1.75rem;
  color: #ffffff;
  border: 0;
  background-color: transparent;
  margin: 0;
}

.header__menubutton {
  font-size: 1.3125rem;
  line-height: 1.75rem;
  padding-left: 1.25rem;
  margin-right: -2.5rem;
  color: #ffffff;
  border: 0;
  background-color: transparent;
  margin: 0;
}

.hero {
  padding-top: 4.75rem;
}
@media screen and (min-width: 46.875rem) {
  .hero {
    max-width: 40%;
  }
}
@media screen and (min-width: 67.5rem) {
  .hero {
    max-width: 60%;
  }
}
@media screen and (min-width: 5rem) {
  .hero {
    max-width: 100%;
  }
}

.header__image_small {
  width: 92vw;
  height: 133vw;
}

.header__imagesmlcontainer {
  position: relative;
  padding-top: 17.25rem;
  margin-top: 4rem;
}

.header__imagesmlinnercontainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.header__imagelginnercontainer {
  position: absolute;
  top: 0;
  right: 0;
}

.header__image_lg {
  width: 29.5625rem;
  height: 37.1875rem;
}
@media screen and (min-width: 67.5rem) {
  .header__image_lg {
    width: 35.8125rem;
    height: 44.875rem;
  }
}

.button {
  /*default bordered, no background*/
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 500;
  line-height: 3.125rem;
  height: 3.0625rem;
  padding-left: 2.0625rem;
  padding-right: 2.0625rem;
  padding-top: 0;
  padding-bottom: 0;
  border: 0.8px solid #ffffff;
  border-width: 0.05rem;
  border-radius: 0.25rem;
}
.button.primary {
  border: none;
  background-color: #ea4966;
  box-shadow: 4px 4px 20px rgba(133, 68, 66, 0.06);
}
.button.silent {
  border: none;
}
.button.fcenter {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 500;
}

.buttonicon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.3125rem;
}

.icon {
  width: 1.125rem;
  height: 1.125rem;
}

.iconmedium {
  width: 1.3125rem;
  height: 1.3125rem;
}

.iconmediumsmall {
  width: 1rem;
  height: 1rem;
}

.iconsmall {
  width: 0.75rem;
  height: 0.75rem;
}

.tableicon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media screen and (max-width: 67.5rem) {
  .tableicon {
    margin-right: 0;
  }
}

.button__smallpd {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.pagination-control {
  max-width: 300px;
  display: flex;
  align-self: flex-end;
}

.pagination-control > a {
  flex: 1 1 auto;
  text-align: center;
  margin: 3px;
  padding: 3px;
  max-width: 180px;
}

.features {
  padding-top: 10rem;
}

.features__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 46.875rem) {
  .features__container {
    justify-content: space-between;
  }
}

.features__item {
  padding-top: 2.5rem;
  padding-bottom: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 46.875rem) {
  .features__item {
    width: 30%;
  }
}

.features__iconcircle {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background-color: rgba(234, 73, 102, 0.1);
}

.features__icon {
  width: 1.1875rem;
  height: 1.375rem;
}

.sec-bg {
  background-color: #2e2040;
}

.pri-light-bg {
  background-color: rgba(234, 73, 102, 0.1);
}

.footer__logo {
  width: 5.8125rem;
}

.footer__social {
  width: 1.25rem;
  height: 1.625rem;
  margin: 0.3125rem;
  object-fit: contain;
}

.footer__section {
  padding-bottom: 1.25rem;
}

.footer_hr {
  border-top: 1px solid #ffffff;
  opacity: 0.3;
  width: 100%;
}

.faq__list {
  margin-top: -2.5rem;
}

.faq__item {
  background-color: #ffffff;
  display: block;
  box-shadow: 4px 4px 20px rgba(46, 32, 64, 0.12);
  border-radius: 4px;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-bottom: 2.5rem;
}

.faq__open .faq__title {
  color: #ea4966;
  opacity: 1;
}

.faq__heading {
  z-index: 20;
  cursor: pointer;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.faq__content {
  padding-top: 1.875rem;
  padding-bottom: 2.5rem;
  border-top: 1px solid rgba(46, 32, 64, 0.12);
  display: none;
}
.faq__open .faq__content {
  display: block;
}

.faq__stepn {
  background-color: rgba(234, 73, 102, 0.1);
  height: 2.125rem;
  width: 2.125rem;
  margin-right: 0.75rem;
  border-radius: 0.75rem;
}
.faq__stepn span {
  display: inline-block;
}

.faq__step {
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
}

.faq__arrd {
  display: block;
}
.faq__open .faq__arrd {
  display: none;
}

.faq__arru {
  display: none;
}
.faq__open .faq__arru {
  display: block;
}

.faq__arr {
  width: 1.125rem;
  height: 1.375rem;
  margin-left: 1.25rem;
}

@media screen and (min-width: 67.5rem) {
  .how-to-steps {
    padding-left: 8.125rem;
    padding-right: 8.125rem;
  }
}

.how-to-steps__step {
  height: 2.8125rem;
  color: #ea4966;
}

.how-to-steps__item {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
  margin-left: 0.8125rem;
  margin-right: 0.8125rem;
  border: 0.5px dashed #ea4966;
  box-sizing: border-box;
  box-shadow: 4px 4px 20px rgba(234, 73, 102, 0.08);
  border-radius: 0.25rem;
  background-color: #ffffff;
}
@media screen and (max-width: 46.875rem) {
  .how-to-steps__item {
    max-height: 13.125rem;
  }
}

.modal__background,
.slideOver__background {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal__container {
  background: #f7f6f7;
  border-radius: 0.375rem;
  z-index: 999;
  position: fixed;
  top: 5%;
  left: 5%;
  max-height: 90%;
  width: 90%;
  transform: translate(-2.5%, -2.5%);
  overflow: auto;
}
@media screen and (min-width: 46.875rem) {
  .modal__container {
    width: inherit;
    min-width: 25.9375rem;
    top: 50%;
    left: 50%;
    max-height: 80%;
    transform: translate(-50%, -50%);
  }
}

.modal__smcontainer {
  width: 300px;
  height: 220px;
}
@media screen and (min-width: 46.875rem) {
  .modal__smcontainer {
    height: 14.3125rem;
    width: 25.9375rem;
  }
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}

.spinner {
  height: 4.1875rem;
  width: 4.1875rem;
}
.spinner.spinning {
  animation: spin 2s infinite linear;
}

.slideOver__container {
  background: #ffffff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 90%;
  width: 100%;
  overflow: scroll;
}

.slideOver__handle {
  background: #2e2040;
  opacity: 0.15;
  width: 2.5rem;
  height: 0.25rem;
  border-radius: 6.25rem;
}

.stepper__numcontainer {
  width: 1.4375rem;
  height: 1.4375rem;
  border-width: 0.0625rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  border-color: #ea4966;
  border-style: solid;
}
.stepper__numcontainer.stepper__active {
  background-color: #ea4966;
}

.stepper__number {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 600;
}

.stepper__hr {
  flex: 1;
  border-width: 0.0625rem;
  opacity: 0.3;
  border-color: #ea4966;
  border-style: solid;
}

.stepper__txt {
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 0.4375rem;
  font-size: 0.625rem;
  line-height: 0.9375rem;
}

.stepper {
  max-width: 28.125rem;
}

.sidebar {
  width: 14.375rem;
  padding: 1.25rem;
}

.sidebar__logo {
  width: 7.1875rem;
  height: 3.125rem;
}

.adminnavbutton__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.adminnavbutton__inner {
  margin-left: 0.75rem;
}

.adminnavbutton__sub {
  display: none;
}
.adminnavbutton--open .adminnavbutton__sub {
  display: block;
}

.adminnavbutton__arrd {
  display: block;
}
.adminnavbutton--open .adminnavbutton__arrd {
  display: none;
}

.adminnavbutton__arru {
  display: none;
}
.adminnavbutton--open .adminnavbutton__arru {
  display: block;
}

.adminnavbutton__arr {
  width: 0.625rem;
  height: 1.3125rem;
  margin-left: 0.625rem;
}

.adminnavbutton__title.row {
  cursor: pointer;
}

@media screen and (max-width: 67.5rem) {
  .table,
  .table__row,
  .table__cell,
  .table__body {
    display: block;
  }
}

@media screen and (max-width: 67.5rem) {
  .table__row {
    width: 100%;
    border-radius: 0.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-top: 1.875rem;
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.table__cell + .overflow {
  overflow: visible;
}
.table__cell {
  border: 0;
  border-style: solid;
  border-bottom-width: 0.0625rem;
  border-color: rgba(234, 73, 102, 0.3);
  overflow: hidden;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 67.5rem) {
  .table__cell:last-child {
    border-bottom-width: 0;
  }
}
@media screen and (max-width: 67.5rem) {
  .table__cell {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
table {
  border-spacing: 0;
}

@media screen and (min-width: 67.5rem) {
  .table__search {
    max-width: 15.625rem;
  }
}

.table__heading {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

.table__sort {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
}
.asc .table__sort,
.desc .table__sort {
  display: none;
}

.table__sortasc {
  display: none;
  height: 0.625rem;
  width: 0.625rem;
}
.asc .table__sortasc {
  display: block;
}

.table__sortdesc {
  display: none;
  height: 0.625rem;
  width: 0.625rem;
}
.desc .table__sortdesc {
  display: block;
}

.label {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.25rem;
}
@media screen and (min-width: 67.5rem) {
  .label {
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 500;
  }
}

.label__green {
  color: #219653;
  background-color: rgba(33, 150, 83, 0.3);
}

.label__red {
  color: #eb5757;
  background-color: rgba(235, 87, 87, 0.3);
}

.label__orange {
  color: #f2994a;
  background-color: rgba(242, 153, 74, 0.3);
}

.select {
  font-size: 1rem;
  line-height: 1.4375rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #2e2040;
  background-image: url("/icons/arrdl.svg");
  background-position: right 20px top 50%;
  background-size: 10px 24px;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  appearance: none;
  border-color: rgba(255, 255, 255, 0.5);
  width: 100%;
}
.formitem.max480 .select {
  max-width: 28.75rem;
}
.select.light_bg {
  background-color: #f7f6f7;
  border-color: rgba(46, 32, 64, 0.5);
  color: #2e2040;
  background-image: url("/icons/arrdsec.svg");
}

.inputf {
  color: #ffffff;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #2e2040;
  border-radius: 0.25rem;
  border-color: rgba(255, 255, 255, 0.5);
  width: 100%;
}
.inputf::placeholder {
  color: #ffffff;
}

.textinput {
  font-size: 1rem;
  line-height: 1.4375rem;
  background-color: #f7f6f7;
  color: #2e2040;
  border-color: rgba(46, 32, 64, 0.5);
  border-radius: 0.375rem;
  border-width: 0.0625rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  width: 100%;
}
.textinput:read-only {
  color: rgba(46, 32, 64, 0.5);
  background-color: #e4e1e4;
}
.textinput::placeholder {
  color: rgba(46, 32, 64, 0.5);
}
.formitem .textinput {
  max-width: 28.75rem;
}
.textinput.white_bg {
  background-color: #ffffff;
}
.formitem.w100 .textinput {
  max-width: inherit;
}

.textinput--withicon {
  padding-left: 2.8125rem;
}

.textinput--withiconend {
  padding-right: 2.8125rem;
}

.formitem.max480 {
  width: 100%;
  max-width: 31.25rem;
}

.formitem.w100 {
  max-width: inherit;
}

.dashbehind {
  padding-right: 0.75rem;
  display: none;
}
@media screen and (min-width: 92.5rem) {
  .dashbehind {
    display: flex;
  }
}

.header__circle {
  position: absolute;
  width: 400%;
  height: 400%;
  border-radius: 50%;
  bottom: 0px;
  z-index: -1;
  transform: translateX(-37.5%);
  pointer-events: none;
}

.admin_hr {
  border: 0;
  border-style: solid;
  border-color: #ea4966;
  opacity: 0.3;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom-width: 0.0625rem;
}

/* Button
 */
body {
  position: relative;
  background: #f7f6f7;
}

#giggers-search-img .img {
  box-shadow: 4px 4px 20px rgba(234, 73, 102, 0.1);
}

@media screen and (max-width: 46.875rem) {
  #giggers-search-img {
    margin-top: -30px;
  }
}

@media screen and (min-width: 46.875rem) {
  #giggers-search-img {
    margin-left: 0px;
  }
}

#TaxRate {
  width: 5rem;
  margin-right: 1.25rem;
}

@media screen and (min-width: 46.875rem) {
  #more-about-us-text {
    padding-top: 7.5rem;
    padding-right: 7.1875rem;
    padding-bottom: 8.125rem;
    padding-left: 5.3125rem;
  }
}

#aboutus-skater-img {
  align-self: flex-end;
}
@media screen and (min-width: 67.5rem) {
  #aboutus-skater-img {
    padding-right: 4.375rem;
  }
}

@media screen and (min-width: 67.5rem) {
  #more-about-us {
    padding-left: 6.09375rem;
    padding-right: 6.09375rem;
  }
}

#search-arrow {
  top: 1.4375rem;
  right: -3.5rem;
  height: 4.125rem;
  width: 4.3125rem;
  position: absolute;
  object-fit: contain;
}
@media screen and (min-width: 46.875rem) {
  #search-arrow {
    right: -4.125rem;
    height: 4.75rem;
    width: 4.9375rem;
  }
}

#giggers-search .select {
  max-width: 23.75rem;
}

@media screen and (min-width: 67.5rem) {
  #giggers-search {
    padding-left: 8.125rem;
    padding-right: 8.125rem;
  }
}

@media screen and (min-width: 46.875rem) {
  #giggers-search-box {
    padding-right: 8.1875rem;
    transform: translateX(30px);
  }
}

@media screen and (min-width: 67.5rem) {
  #giggers-search-box {
    transform: translateX(60px);
  }
}

@media screen and (min-width: 46.875rem) {
  #cta-arrow-container {
    justify-content: flex-end;
  }
}

#cta-arrow-container-left {
  display: none;
}

@media screen and (min-width: 46.875rem) {
  #cta-arrow-container-left {
    display: flex;
    justify-content: flex-start;
  }
}

#cta-arrow {
  top: 0px;
  top: 0.25rem;
  right: -1.25rem;
  position: absolute;
  height: 4.0625rem;
  width: 1.25rem;
  object-fit: contain;
  transform: rotate(190deg);
}
@media screen and (min-width: 67.5rem) {
  #cta-arrow {
    position: absolute;
    top: -5rem;
    right: 3.125rem;
    height: 6.875rem;
    width: 1.875rem;
    object-fit: contain;
    transform: rotate(70deg);
  }
}
@media screen and (min-width: 46.875rem) {
  #cta-arrow {
    position: absolute;
    top: -5rem;
    right: 0rem;
    height: 6.875rem;
    width: 1.875rem;
    object-fit: contain;
    transform: rotate(70deg);
  }
}

#cta-arrow-left {
  bottom: 0px;
  bottom: 1.25rem;
  left: -1.25rem;
  position: absolute;
  height: 5.0625rem;
  width: 2.25rem;
  object-fit: contain;
  transform: rotate(310deg);
}

#costinfotooltip {
  display: none;
  position: absolute;
  bottom: 0;
}
#costinfo:hover #costinfotooltip {
  display: block;
}

.tooltip {
  background: rgba(247, 246, 247, 0.95);
  padding: 1.25rem;
  border-radius: 0.25rem;
  box-shadow: 4px 4px 20px rgba(234, 73, 102, 0.1);
}

@media screen and (min-width: 46.875rem) {
  #cta-txt {
    min-width: 18.75rem;
    padding-left: 1.4375rem;
    justify-content: center;
  }
}

@media screen and (min-width: 67.5rem) {
  #cta-txt {
    padding-left: 3.9375rem;
  }
}

.share {
  width: 5rem;
  margin-right: 1.25rem;
}

.color-secondary {
  color: #2e2040;
}

.hr60 {
  width: 3.75rem;
  height: 0px;
  /* Primary */
  border: 1px solid #ea4966;
  border-width: 0.0625rem;
}

.hr35 {
  width: 2.1875rem;
  height: 0px;
  /* Primary */
  border: 1px solid #ea4966;
  border-width: 0.0625rem;
}

.hr15 {
  width: 0.9375rem;
  height: 0px;
  /* Primary */
  border: 1px solid #ea4966;
  border-width: 0.0625rem;
}

.border_sec {
  border: 1px solid #2e2040;
  border-width: 0.0625rem;
}

#gradientimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6.25rem;
  background: linear-gradient(#2e2040, rgba(46, 32, 64, 0));
}
@media screen and (min-width: 46.875rem) {
  #gradientimg {
    height: 100%;
    bottom: 0;
    right: inherit;
    background: linear-gradient(90deg, #2e2040, rgba(0, 0, 0, 0));
    width: 6.25rem;
  }
}

#about-us-dots {
  position: absolute;
  top: -3.5rem;
  height: 7rem;
  width: 4.875rem;
  right: 1.875rem;
}
@media screen and (min-width: 46.875rem) {
  #about-us-dots {
    top: -7rem;
  }
}
@media screen and (min-width: 67.5rem) {
  #about-us-dots {
    top: -8.875rem;
    height: 9.0625rem;
    width: 6.25rem;
    right: 5.625rem;
  }
}

.circle-bg-img-sm {
  padding-top: 3.75rem;
  padding-bottom: 1.25rem;
  padding-left: 2.375rem;
  padding-right: 2.375rem;
  object-fit: contain;
}

.circle-bg-img-l {
  padding-top: 5rem;
  padding-right: 5rem;
  padding-left: 6.25rem;
  padding-bottom: 3.125rem;
  object-fit: contain;
}

.vertical-line {
  display: block;
  margin: 0 auto;
}

.vertical-line > line {
  stroke: #ea4966;
  stroke-dasharray: 5, 5;
  stroke-opacity: 0.9;
  stroke-width: 2;
}

.fsmenu {
  display: none;
  z-index: 100;
}
.fsmenu.fsopen {
  display: block;
}

#cta-box {
  overflow: visible;
  margin-top: 7.5rem;
  color: #ffffff;
  background: #2e2040;
}

#salary-calc {
  background: #2e2040;
  color: #ffffff;
  overflow: hidden;
}

.slidervalue {
  display: inline-block;
  width: 6.25rem;
}

#calc-arrow {
  top: 2.275rem;
  left: 17.625rem;
  height: 6.875rem;
  width: 0.9375rem;
  position: absolute;
  object-fit: contain;
  transform: rotate(293deg);
}
@media screen and (min-width: 46.875rem) {
  #calc-arrow {
    top: 3.275rem;
    left: 18.625rem;
    height: 6.875rem;
    width: 1.875rem;
    position: absolute;
    object-fit: contain;
    transform: rotate(293deg);
  }
}

.calc-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 0.9375rem;
  border-radius: 6.25rem;
  background: rgba(234, 73, 102, 0.4);
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.calc-slider[type="range"]:focus {
  outline: none;
}

.calc-slider[type="range"] {
  -webkit-appearance: none;
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid transparent;
  border-width: 0.0625rem;
  /*required for proper track sizing in FF*/
  width: 100%;
}

.calc-slider[type="range"]::-webkit-slider-runnable-track {
  width: 18.75rem;
  height: 0.875rem;
  border: none;
}

.calc-slider[type="range"]::-moz-range-track {
  width: 18.75rem;
  height: 0.875rem;
  border: none;
}

.calc-slider[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: -0.875rem;
  border-radius: 50%;
  background: #ea4966;
}

.calc-slider[type="range"]::-moz-range-thumb {
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #ea4966;
  margin-top: -1.125rem;
}

.calc-slider[type="range"]:focus {
  outline: none;
}

/*hide the outline behind the border*/
.calc-slider[type="range"]:-moz-focusring {
  outline: 1px solid rgba(234, 73, 102, 0.4);
  outline-offset: -0.0625rem;
}

.bullets {
  max-width: 550px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 1.25rem;
}

.bullets > * {
  /* margin-right: 0.625rem;
  margin-bottom: 0.625rem; */
}

#contactForm {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  justify-content: center;
}
#contactForm > input,
.contactFormRow > input,
.contactFormRow > textarea,
#contactForm > textarea {
  margin: 12px;
  height: 3rem;
  background-color: inherit;
  border: 1px solid #c0bcc6;
  border-radius: 4px;
  color: white;
  padding-left: 8px;
}

.contactFormRow > textarea,
#contactForm > textarea {
  height: 6rem;
}

#contactForm > input::placeholder,
.contactFormRow > input::placeholder {
  color: #c0bcc6;
}
.contactFormRow > textarea::placeholder,
#contactForm > textarea::placeholder {
  color: #c0bcc6;
  line-height: 2rem;
}

.contactFormRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.contactFormRow > input {
  width: 100%;
}

/* .contactForm > div {
  width: 100%;
} */

.img-rounded-left-bottom {
  border-bottom-left-radius: 8%;
}

.img-rounded-right-bottom {
  border-bottom-right-radius: 8%;
}

.img-filter-blur {
  filter: blur(0.5px);
}

.header__image_small-girl {
  width: 92vw;
  height: auto;
}

.tick-icon-before::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: -0.3125rem;
  margin-right: 0.625rem;
  background: url(../icons/tick.svg) no-repeat;
  background-size: contain;
}

.pad-right_header__image_lg {
  padding-right: 29.5625rem;
}

@media screen and (max-width: 750px) {
  .fcenter_lg {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .pad-right_header__image_lg {
    padding-right: 0;
  }
}

@media screen and (min-width: 67.5rem) {
  .pad-right_header__image_lg {
    padding-right: 35.8125rem;
  }
}

h1.hero__title__small {
  font-style: normal;
  font-weight: 600;
  font-size: 2.375rem;
  line-height: 3.1875rem;
}

.icon-link {
  display: inline-flex;
  justify-content: left;
  align-items: center;
  text-align: left;
  gap: 0.5rem;
}

.icon-link > span {
  display: inline-block;
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: auto;
}

.icon-link:hover {
  padding-left: 0.2rem;
  gap: 0.3rem;
  transition: all 0.1s ease-in-out;
}

#myRange:hover {
  cursor: grab;
}

.redman-div {
  position: relative;
  z-index: 1;
}

#redman-img {
  transform: scale(1.1) translate(30px, 0px);
  transform-origin: bottom;
}

#cookie-policy {
  margin-bottom: 1.25rem;
}

#cookie-policy h3,
#cookie-policy h2 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: left;
}

#cookie-policy ul {
  padding-left: 1.25rem;
}

#cookie-policy ul li {
  margin-top: 0.625rem;
}

#cookie-policy strong {
  font-weight: 600;
}

#cookie-policy a {
  font-weight: 600;
  text-decoration: underline;
}

#cookie-policy thead {
  font-weight: 600;
}

#cookie-policy th {
  text-align: left;
  padding-right: 1.25rem;
}

#cookie-policy tr {
  line-height: 1.5;
}

#cookie-policy td {
  min-width: 100px;
  padding-right: 1.25rem;
}