._relative {
  position: relative
}
._col-span-2 {
  grid-column: span 2 / span 2
}
._col-span-3 {
  grid-column: span 3 / span 3
}
._ml-\[5px\] {
  margin-left: 5px
}
._mt-\[10px\] {
  margin-top: 10px
}
._mt-\[15px\] {
  margin-top: 15px
}
._mt-\[4px\] {
  margin-top: 4px
}
._flex {
  display: flex
}
._grid {
  display: grid
}
._h-\[8em\] {
  height: 8em
}
._w-\[100px\] {
  width: 100px
}
._w-\[120px\] {
  width: 120px
}
._w-\[180px\] {
  width: 180px
}
._w-full {
  width: 100%
}
._min-w-\[180px\] {
  min-width: 180px
}
._grow {
  flex-grow: 1
}
._grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
._grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
._grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
._grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}
._flex-col {
  flex-direction: column
}
._flex-col-reverse {
  flex-direction: column-reverse
}
._flex-wrap {
  flex-wrap: wrap
}
._justify-end {
  justify-content: flex-end
}
._justify-center {
  justify-content: center
}
._gap-\[10px\] {
  gap: 10px
}
._gap-\[14px\] {
  gap: 14px
}
._gap-\[16px\] {
  gap: 16px
}
._gap-\[20px\] {
  gap: 20px
}
._gap-\[30px\] {
  gap: 30px
}
._gap-\[32px\] {
  gap: 32px
}
._gap-\[35px\] {
  gap: 35px
}
._gap-\[40px\] {
  gap: 40px
}
._gap-\[8px\] {
  gap: 8px
}
._gap-x-\[10px\] {
  -moz-column-gap: 10px;
       column-gap: 10px
}
._gap-x-\[16px\] {
  -moz-column-gap: 16px;
       column-gap: 16px
}
._gap-x-\[30px\] {
  -moz-column-gap: 30px;
       column-gap: 30px
}
._gap-x-\[50px\] {
  -moz-column-gap: 50px;
       column-gap: 50px
}
._gap-y-\[10px\] {
  row-gap: 10px
}
._text-nowrap {
  text-wrap: nowrap
}
.\!_rounded-\[8px\] {
  border-radius: 8px !important
}
._border {
  border-width: 1px
}
._border-solid {
  border-style: solid
}
._border-\[\#C00F0C\] {
  --tw-border-opacity: 1;
  border-color: rgb(192 15 12 / var(--tw-border-opacity))
}
._bg-\[\#e5eaef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 234 239 / var(--tw-bg-opacity))
}
.\!_px-\[60px\] {
  padding-left: 60px !important;
  padding-right: 60px !important
}
._px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px
}
._px-\[38px\] {
  padding-left: 38px;
  padding-right: 38px
}
._py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px
}
._pl-\[30px\] {
  padding-left: 30px
}
._pl-\[40px\] {
  padding-left: 40px
}
._pt-\[40px\] {
  padding-top: 40px
}
._text-center {
  text-align: center
}
._text-\[1\.4rem\] {
  font-size: 1.4rem
}
._text-\[1\.6rem\] {
  font-size: 1.6rem
}
._text-\[1\.8rem\] {
  font-size: 1.8rem
}
._text-\[16px\] {
  font-size: 16px
}
._text-\[2rem\] {
  font-size: 2rem
}
._text-\[36px\] {
  font-size: 36px
}
._font-light {
  font-weight: 300
}
._leading-\[2\.4rem\] {
  line-height: 2.4rem
}
._leading-\[2\.8rem\] {
  line-height: 2.8rem
}
._leading-\[4\.8rem\] {
  line-height: 4.8rem
}
._text-\[\#5b6770\] {
  --tw-text-opacity: 1;
  color: rgb(91 103 112 / var(--tw-text-opacity))
}
._underline {
  text-decoration-line: underline
}
@media (min-width: 992px) {
  .lg\:_col-span-1 {
      grid-column: span 1 / span 1
  }
  .lg\:_col-span-2 {
      grid-column: span 2 / span 2
  }
  .lg\:_flex {
      display: flex
  }
  .lg\:_grid {
      display: grid
  }
  .lg\:_max-w-\[570px\] {
      max-width: 570px
  }
  .lg\:_max-w-\[609px\] {
      max-width: 609px
  }
  .lg\:_grow {
      flex-grow: 1
  }
  .lg\:_grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .lg\:_grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .lg\:_flex-row {
      flex-direction: row
  }
  .lg\:_flex-wrap {
      flex-wrap: wrap
  }
  .lg\:_flex-nowrap {
      flex-wrap: nowrap
  }
  .lg\:_justify-start {
      justify-content: flex-start
  }
  .lg\:_justify-end {
      justify-content: flex-end
  }
  .lg\:_gap-\[20px\] {
      gap: 20px
  }
  .lg\:_gap-\[40px\] {
      gap: 40px
  }
  .lg\:_gap-\[55px\] {
      gap: 55px
  }
  .lg\:_gap-\[30px\] {
      gap: 30px
  }
  .lg\:_gap-x-\[30px\] {
      -moz-column-gap: 30px;
           column-gap: 30px
  }
  .lg\:_gap-y-\[10px\] {
      row-gap: 10px
  }
  .lg\:_bg-transparent {
      background-color: transparent
  }
  .lg\:_p-0 {
      padding: 0px
  }
  .lg\:_px-0 {
      padding-left: 0px;
      padding-right: 0px
  }
  .lg\:_px-\[17px\] {
      padding-left: 17px;
      padding-right: 17px
  }
  .lg\:_pt-\[30px\] {
      padding-top: 30px
  }
  .lg\:_text-left {
      text-align: left
  }
  .lg\:_text-\[48px\] {
      font-size: 48px
  }
  .lg\:_leading-\[6rem\] {
      line-height: 6rem
  }
}

/* base.css - start */
html {
font-size: 10px;
}

body {
font-family: "Open Sans", sans-serif;
}

html[lang="zh_HK"] body,
html[lang="zh-HK"] body,
body.zh_HK {
font-family: "Noto Sans TC", "Noto Sans SC", sans-serif;
}

h1,
h2,
h3 {
width: auto;
color: #000000;
font-weight: 700;
padding: 0;
margin: 0;
}

h1 {
font-size: 3.6rem;
line-height: 1.448;
}

h2 {
font-size: 32px;
line-height: 46.34px;
font-weight: 400;
}

a {
font-size: inherit;
}

.color-red {
color: #ed1b2e;
}

.cta-primary span {
font-weight: 600;
}

.main-container {
max-width: none;
color: #000000;
background-color: #f7f7f7;
padding-bottom: 0;
}

.content-container {
padding-bottom: 100px;
}

@media handheld, only screen and (max-width: 767px) {
.content-container {
  padding: 0px;
  padding-bottom: 60px;
}
}

@media handheld, only screen and (max-width: 1040px) {
.content-container {
  padding-top: 0px;
}
}

@media only screen and (max-width: 767px) {
.footer {
  margin-top: 0;
}
}

.content {
width: 100%;
padding: 0;
}

.section {
max-width: 1366px;
margin: 0 auto;
}

/* page specific styles - start */
#makeAppointmentForm h2 {
font-size: 18px;
line-height: 2.8rem;
letter-spacing: 0;
font-weight: 700;
color: #000;
}

#makeAppointmentForm h2[data-required]:after,
#makeAppointmentForm span[data-required]:after {
content: " *";
display: inline-block;
color: #ed1b2e;
margin-left: 0.5rem;
}

#makeAppointmentForm a:not(.button):not(.cta-primary) {
color: #ed1b2e;
}

@media only screen and (min-width: 992px) {
#makeAppointmentForm h2 {
  font-size: 20px;
}
}

/* page specific styles - end */

/* custom input base - start */
.input-text-field {
position: relative;
}

/* custom input base - end */

/* text input - start */
input[type="text"],
input[type="email"],
input[type="tel"] {
display: block;
width: 100%;
height: 70px;
color: #000;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
background-color: #ffffff;
border: 2px solid #ffffff;
border-radius: 0.8rem;
padding: 3rem 1.8rem 0.8rem;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
z-index: auto;
}

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder {
color: transparent;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder {
color: transparent;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
outline: 0;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover {
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 992px) {
input[type="text"],
input[type="email"],
input[type="tel"] {
  font-size: 2rem;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}
}

/* text input - end */

/* textarea input - start */
textarea {
display: block;
width: 100%;
min-height: 21rem;
color: #000;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
background-color: #ffffff;
border: 2px solid #ffffff;
border-radius: 0.8rem;
padding: 1.9rem 1.8rem;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
resize: none;
z-index: auto;
}

textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder {
color: transparent;
}

textarea:focus {
outline: 0;
}

textarea:hover {
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 992px) {
textarea {
  min-height: 19rem;
  font-size: 2rem;
  padding: 2rem 2.2rem;
}
}

/* textarea input - end */

/* custom input placeholder - start */
.input-text-field .txtplaceholder {
float: left;
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
color: #757575;
border: 2px solid transparent;
padding: 1.9rem 1.8rem 0;
pointer-events: none;
}

.input-text-field input ~ .txtplaceholder {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.14s ease-in-out;
}

.input-text-field input:not(:-moz-placeholder-shown) ~ .txtplaceholder {
color: #000000;
font-size: 1.4rem;
font-weight: 700;
line-height: 2rem;
padding-top: 0.8rem;
}

.input-text-field input:focus ~ .txtplaceholder,
.input-text-field input:not(:placeholder-shown) ~ .txtplaceholder {
color: #000000;
font-size: 1.4rem;
font-weight: 700;
line-height: 2rem;
padding-top: 0.8rem;
}

.input-text-field input:not(:-ms-input-placeholder) ~ .txtplaceholder {
color: #000000;
font-size: 1.4rem;
font-weight: 700;
line-height: 2rem;
padding-top: 0.8rem;
}

.input-text-field textarea ~ .txtplaceholder {
transition: opacity 0.1s linear;
}

.input-text-field textarea:not(:-moz-placeholder-shown) ~ .txtplaceholder {
opacity: 0;
}

.input-text-field textarea:focus ~ .txtplaceholder,
.input-text-field textarea:not(:placeholder-shown) ~ .txtplaceholder {
opacity: 0;
}

.input-text-field textarea:not(:-ms-input-placeholder) ~ .txtplaceholder {
opacity: 0;
}

.input-text-field .txtplaceholder::after {
content: "*";
opacity: 0;
margin-left: 0.4rem;
color: #ed1b2e;
}

.input-text-field .txtplaceholder::after {
opacity: 0;
}

.input-text-field input[data-parsley-required="true"] ~ .txtplaceholder::after,
.input-text-field
textarea[data-parsley-required="true"]
~ .txtplaceholder::after,
.input-text-field input[required] ~ .txtplaceholder::after,
.input-text-field textarea[required] ~ .txtplaceholder::after {
opacity: 1;
}

@media only screen and (min-width: 992px) {
.input-text-field .txtplaceholder {
  font-size: 2rem;
}

.input-text-field input ~ .txtplaceholder {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}

.input-text-field textarea ~ .txtplaceholder {
  padding: 2rem 2.2rem;
}
}

/* custom input placeholder - end */

/* radio input - start */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 32px;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 600;
line-height: 2.8rem;
text-transform: capitalize;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0.2rem;
width: 2.4rem;
height: 2.4rem;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 100%;
background: #ffffff;
}

[type="radio"]:checked:hover + label:before,
[type="radio"]:not(:checked):hover + label:before {
border-color: rgba(0, 0, 0, 0.5);
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: "";
width: 1.2rem;
height: 1.2rem;
background: #ed1b2e;
position: absolute;
left: calc(0.6rem);
top: calc(0.2rem + 0.6rem);
border-radius: 100%;
}

[type="radio"]:not(:checked) + label:after {
opacity: 0;
}

[type="radio"]:checked + label:after {
opacity: 1;
}

[type="radio"]:focus-visible + label:before,
[type="radio"]:focus-visible:checked + label:before {
outline: -webkit-focus-ring-color auto 1px;
outline-offset: 2px;
}

/* radio input - end */

/* checkbox input - start */
.form-custom-checkbox {
display: flex;
gap: 1.6rem;
line-height: 2.4rem;
}

.form-custom-checkbox input[type="checkbox"] {
flex: 0 0 auto;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
position: relative;
display: block;
width: 24px;
height: 24px;
font-family: icomoon !important;
align-content: center;
justify-content: center;
padding: 0;
margin: 0;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 2px;
cursor: pointer;
}

.form-custom-checkbox input[type="checkbox"]:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
outline-offset: 2px;
}

.form-custom-checkbox input[type="checkbox"]::before {
content: "\e925";
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 15px;
color: #ed1b2e;
opacity: 0;
transform: translate(-50%, -50%);
}

.form-custom-checkbox input[type="checkbox"]:checked::before {
opacity: 1;
}

.form-custom-checkbox input[type="checkbox"]:hover {
color: black;
}

.form-custom-checkbox label {
flex-grow: 1;
cursor: pointer;
}

.form-custom-checkbox input[type="checkbox"]:disabled {
opacity: 0.4;
}

.form-custom-checkbox input[type="checkbox"]:disabled + label,
.form-custom-checkbox input[type="checkbox"]:disabled + * + label {
opacity: 0.4;
}

/* checkbox input - end */

/* checkbox button input - start */
.form-custom-checkbox-button {
display: flex;
position: relative;
width: 100%;
}

.form-custom-checkbox-button input[type="checkbox"] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
}

.form-custom-checkbox-button input[type="checkbox"] + label,
.form-custom-checkbox-button input[type="checkbox"] + * + label {
display: block;
width: 100%;
min-height: 70px;
color: #000;
font-size: 1.8rem;
font-weight: 600;
line-height: 2.8rem;
background-color: #ffffff;
border: 2px solid #ffffff;
border-radius: 0.8rem;
padding: 1.9rem 1.8rem 1.9rem 5.4rem;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
cursor: pointer;
}

.form-custom-checkbox-button input[type="checkbox"] + label:before,
.form-custom-checkbox-button input[type="checkbox"] + * + label:before {
content: "";
position: absolute;
top: 2.3rem;
left: 2rem;
display: block;
width: 24px;
height: 24px;
font-family: icomoon;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 2px;
}

.form-custom-checkbox-button input[type="checkbox"] + label:after,
.form-custom-checkbox-button input[type="checkbox"] + * + label:after {
content: "\e925";
position: absolute;
top: 2.3rem;
left: 3.2rem;
display: block;
font-family: icomoon !important;
font-size: 15px;
line-height: 2.4rem;
color: #ed1b2e;
opacity: 0;
transform: translate(-50%, 0);
}

.form-custom-checkbox-button input[type="checkbox"] + label:hover,
.form-custom-checkbox-button input[type="checkbox"] + * + label:hover {
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.2);
}

.form-custom-checkbox-button input[type="checkbox"]:focus-visible + label,
.form-custom-checkbox-button input[type="checkbox"]:focus-visible + * + label {
outline: -webkit-focus-ring-color auto 1px;
}

.form-custom-checkbox-button input[type="checkbox"]:checked + label:after,
.form-custom-checkbox-button input[type="checkbox"]:checked + * + label:after {
opacity: 1;
}

.form-custom-checkbox-button input[type="checkbox"]:disabled + label,
.form-custom-checkbox-button input[type="checkbox"]:disabled + * + label {
opacity: 0.4;
}

/* checkbox button input - end */

/* UI customization - start */
.g-recaptcha iframe {
border: 1px solid transparent;
}

@media only screen and (max-width: 767px) {
#button-submit.cta-primary {
  width: 100%;
}

#button-submit.cta-primary span {
  display: block;
}
}

/* UI customization - end */

/* error message box - start */
.error-message-box {
display: flex;
border: 0.2rem solid #ed1b2e;
border-radius: 0.8rem;
padding: 1.8rem 2.4rem;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
}

.error-message-box .error-message-box__icon {
margin-right: 1.6rem;
font-size: 26px;
color: #ed1b2e;
}

.error-message-box .error-message-box__content {
display: flex;
flex-direction: column;
gap: 0.4rem;
color: #ed1b2e;
}

.error-message-box .error-message-box__title {
font-weight: 700;
font-size: 18px;
line-height: 2.8rem;
}

.error-message-box .error-message-box__desc {
font-weight: 300;
font-size: 16px;
line-height: 2.4rem;
}

/* error message box - end */

/* custome banner - start */
#makeAppointmentForm .banner-content-new-client,
#makeAppointmentForm .banner-content-existing-client {
display: flex;
flex-direction: column;
gap: 20px;
}

#makeAppointmentForm .banner-image {
display: none;
}

#makeAppointmentForm .banner-content-new-client,
#makeAppointmentForm .banner-content-existing-client,
#makeAppointmentForm .banner-content-en,
#makeAppointmentForm .banner-content-zh_HK {
display: none;
}

#makeAppointmentForm.makeAppointmentForm-new-client .banner-content-new-client,
#makeAppointmentForm.makeAppointmentForm-existing-client
.banner-content-existing-client {
display: flex;
}

body.en #makeAppointmentForm .banner-content-zh_HK,
body.zh_HK #makeAppointmentForm .banner-content-en {
display: none !important;
}

@media (max-width: 991.98px) {
#makeAppointmentForm .banner-container-desktop .banner-content-new-client,
#makeAppointmentForm
  .banner-container-desktop
  .banner-content-existing-client {
  display: none;
}
}

@media (min-width: 992px) {
#makeAppointmentForm .banner-container-mobile .banner-content-new-client,
#makeAppointmentForm
  .banner-container-mobile
  .banner-content-existing-client {
  display: none;
}

#makeAppointmentForm .banner-image {
  display: block;
  width: 100%;
}
}

/* custome banner - end */

/* Banner - start */
.banner {
position: relative;
padding: 2.4rem 2.4rem 2.4rem 2.4rem;
background-color: #fff;
overflow: hidden;
border-radius: 0.8rem;
}

.banner > .tag {
position: absolute;
top: 0;
right: 0;
display: block;
padding: 1.1rem 1.4rem;
border-bottom-left-radius: 0.8rem;
background-color: #1b365d;
font-size: 1.4rem;
line-height: 2.4rem;
font-weight: 700;
color: #fff;
}

.banner > .tag::after {
content: "";
position: absolute;
top: -0.5rem;
right: -0.1rem;
display: none;
width: 0;
border: none;
border-bottom: 15rem solid #fff;
border-left: 5rem solid transparent;
}

.banner > .content {
font-size: 2.4rem;
line-height: 3.2rem;
}

.banner > .tag + .content {
padding-top: 6.4rem;
}

.banner > .content > .desc {
display: inline;
font-size: 20px;
font-weight: 700;
}

.banner > .content > .desc a {
color: inherit;
text-decoration: underline;
}

.banner > .content > .desc::after {
content: "\00a0";
display: inline;
font-weight: 300;
}

.banner > .content > .tnc {
display: block;
font-style: italic;
color: #ed1b2e;
font-size: 15px;
line-height: 2.8rem;
font-weight: 600;
}

.banner > .content > .desc + .tnc {
margin-top: 0.8rem;
}

.banner > .content > .tnc a {
color: inherit;
text-decoration: underline;
}

[lang="zh_CN"] .banner > .content > .tnc,
[lang="zh_HK"] .banner > .content > .tnc {
font-weight: 500;
}

.banner > .content + .button {
margin-top: 2.4rem;
display: inline-block;
}

.banner > .content + .button:not(.button.cta-primary) {
border: 1px solid #000000;
padding: 1.4rem 3rem;
border-radius: 6rem;
}

.banner > .button {
white-space: nowrap;
font-weight: 600;
font-size: 18px;
line-height: 28px;
}

.banner > .button.cta-primary span {
white-space: nowrap;
padding: 1.4rem 8rem;
}

html.no-touchevents .banner > .button.cta-primary:hover span {
padding: 1.6rem 5.3rem;
}

@media only screen and (min-width: 992px) {
.banner {
  padding: 0;
  box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
  display: flex;
  margin: 0;
}

.banner > .tag {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 1em 1.5em 1em 1.5em;
  max-width: 14.91rem;
  min-width: 12rem;
}

.banner > .tag::after {
  display: block;
}

.banner > .content {
  flex-grow: 1;
  padding: 0.5rem 1.5rem;
  align-self: center;
  font-size: 1.4rem;
  line-height: 1.4;
}

.banner > .tag + .content {
  padding-top: 0.5rem;
}

.banner > .content > .desc {
  font-size: 1.4rem;
}

.banner > .content > .desc + .tnc {
  margin-top: 0.4rem;
}

.banner > .content > .tnc {
  font-size: 1.05rem;
  line-height: 1.8667;
}

.banner > .button {
  align-self: center;
  margin-right: 1.5rem;
}

.banner > .content + .button {
  margin-top: 0px;
}

.banner > .content + .button:not(.button.cta-primary) {
  font-size: 1.4rem;
  padding: 0.5rem 2.5rem;
}

.banner > .button.cta-primary span {
  font-size: 1.4rem;
  padding: 0.5rem 2.5rem;
}

html.no-touchevents .banner > .button.cta-primary:hover span {
  padding: 0.5rem 2.5rem;
  margin: 0 auto;
}
}

@media only screen and (max-width: 991px) {
.banner > .tag {
  text-transform: uppercase;
}
}

@media only screen and (max-width: 767px) {
.banner > .button.cta-primary {
  width: auto;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner {
  padding: 2.8rem 15.6rem 2.8rem 2.4rem;
}

.banner > .tag + .content {
  padding-top: 2.8rem;
}

.banner > .button.cta-primary span {
  padding-left: 3rem;
  padding-right: 3rem;
}
}

/* Banner - end */

/* nice-select2.css customize - start */
select {
opacity: 0;
border: 0;
}

.nice-select {
display: flex;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
width: 100%;
height: 70px;
color: #000;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
padding: 1.9rem 3.8rem 0 1.8rem;
background-color: #ffffff;
border: 2px solid #ffffff;
border-radius: 8px;
cursor: pointer;
align-items: top;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
transition: none;
}

.nice-select:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
outline-offset: 2px;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus,
.nice-select:hover {
border-color: #ffffff;
}

.nice-select:hover {
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.2);
}

.nice-select.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.nice-select:after {
border-bottom: 4px solid #1b365d;
border-right: 4px solid #1b365d;
content: "";
display: block;
height: 12px;
width: 12px;
margin-top: -7px;
pointer-events: none;
position: absolute;
right: 20px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
}

.nice-select .current {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.nice-select ul.list {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
margin-bottom: 0;
max-height: none;
}

.nice-select .nice-select-dropdown {
top: 100%;
left: -2px;
width: calc(100% + 4px);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
margin-top: 0;
box-shadow: none;
transform: none;
box-shadow: 0 2.6rem 3rem rgba(0, 0, 0, 0.05);
}

.nice-select.open .nice-select-dropdown {
min-width: 100%;
transform: none;
}

.nice-select .option {
color: #68737a;
font-size: 1.8rem;
font-weight: 400;
line-height: 2.8rem;
padding: 1.2rem 2rem;
border-top: 1px solid #e5eaef;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: rgba(229, 234, 239, 0.5);
}

.nice-select .option.selected {
font-weight: 400;
}

.nice-select .option.selected:hover,
.nice-select .option.selected,
.nice-select .option.selected.focus {
background-color: rgba(229, 234, 239, 0.5);
}

.nice-select .list:hover .option.selected:not(:hover) {
background-color: rgba(229, 234, 239, 0.5) !important;
}

.nice-select-readonly .nice-select {
cursor: pointer;
pointer-events: none;
}

.nice-select-readonly .nice-select:after {
content: none;
}

@media only screen and (min-width: 992px) {
.nice-select {
  font-size: 2rem;
  padding-left: 2.2rem;
  padding-right: 4.9rem;
}

.nice-select .option {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
}

/* nice-select2.css customize - end */

/* parsley error - start */
.parsley-errors-list {
margin: 0;
}

.parsley-errors-list li,
.system-error {
color: #ed1b2e;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.4286;
margin-top: 1rem;
}

.form-field-label.parsley-error {
color: #ed1b2e;
}

.parsley-errors-list li:before,
.system-error::before {
font-family: icomoon;
content: "\e919";
font-size: 1.2857em;
line-height: 1;
margin-right: 0.8rem;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
display: inline-block;
margin-top: -0.2rem;
}

.parsley-success ~ .system-error,
.parsley-success ~ * > .system-error,
.parsley-error ~ .system-error,
.parsley-error ~ * > .system-error {
display: none;
}

.parsley-error-plain .parsley-errors-list li {
font-size: inherit;
}

input.parsley-error[type="text"],
input.parsley-error[type="tel"],
input.parsley-error[type="email"],
.input-text-field textarea.parsley-error,
select.parsley-error ~ .nice-select,
.g-recaptcha.parsley-error iframe {
border-color: #ed1b2e;
}

/* input error - end */
/* base.css - end */