/* Native equivalent of the Visual Editor Block shared by VWO 41/42 V2. */
body.AB-023 .covid19 { display: none !important; }
body.AB-023 .header-top { background-color: #fff !important; }

.AB-023-open-form-button {
  display: none;
}
/* desktop card button */
@media screen and (min-width: 576px) {
  .AB-023 .tutor-badges.AB-023-button--added {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 264px;
    gap: 16px 8px;
  }
  .AB-023 .tutor-badges.AB-023-button--added .f-rows {
    width: 100%;
  }
  .AB-023 .tutor-badges.AB-023-button--added .AB-023-open-form-button {
    display: block;
    width: calc(50% - 4px);
    height: 26px;
    border: 1px solid #2098D7;
    border-radius: 6px;
    background-color: white;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #2098D7;
    text-transform: uppercase;
    padding: 0;
    margin-top: auto;
  }
  .AB-023 .tutor-badges.AB-023-button--added .AB-023-open-form-button:hover {
    color: #36CBFA;
    border: 1px solid #36CBFA;
  }
  .AB-023 .tutor-badges.AB-023-button--added .btn {
    width: calc(50% - 4px);
    height: 26px;
    padding: 0;
    gap: 0 4px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .AB-023 .tutor-badges.AB-023-button--added .AB-023-open-form-button,
  .AB-023 .tutor-badges.AB-023-button--added .btn {
    font-size: 12px;
  }
}
/* mobile card button */
@media screen and (max-width: 640px) {
  .AB-023 .f-cta_mobile.AB-023-button--added .AB-023-open-form-button {
    display: block;
    width: calc(50% - 4px);
    padding: 0;
    height: 40px;
    border: 1px solid #2098D7;
    border-radius: 6px;
    color: #2098D7;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: white;
  }
  .AB-023 .f-cta_mobile.AB-023-button--added .btn {
    width: calc(50% - 4px);
  }
  .AB-023 .f-cta_mobile.AB-023-button--added {
    display: flex;
    gap: 0 8px;
  }
}
/* grid form */
.AB-023 .tutor-item.trial-form .ic-title,
.AB-023 .tutor-item.trial-form .form::after {
  display: none;
}
.AB-023 .tutor-list .form .btn {
  font-size: 16px;
}
.AB-023 .tutor-item.trial-form .form {
  padding: 18px;
  background: linear-gradient(234.47deg, #53CD9F -24.32%, #0D7A5C 82.23%);
  border: 6px solid #262626;
  border-radius: 8px;
}
.AB-023-form-heading {
  font-family: var(--font-roboto), sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: white;
  margin: 0 auto 4px;
  text-align: center;
}
.AB-023-form-subheading {
  color: #FFFFFF;
  opacity: 0.95;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  text-align: center;
  line-height: 18px;
}
.AB-023 .tutor-list .form form {
  margin: auto 0 0;
  max-width: 100%;
}
.AB-023 .tutor-list .form .input-wrapper.half {
  flex: 0 0 calc(50% - 8px);
}
.AB-023 .tutor-list .form .input-wrapper.username {
  flex: 0 0 100%;
  order: 1;
}
.AB-023 .tutor-list .form .input-wrapper.phone {
 order: 2;
}
.AB-023 .tutor-list .form .input-wrapper {
  order: 4;
}
.AB-023 .tutor-list .form .input-wrapper:last-of-type {
  flex: 0 0 100%;
  margin-top: 4px;
}
.AB-023 .tutor-list .form .input-wrapper .form-control{
  height: 34px;
  padding: 0 10px;
  color: #71B778;
  box-shadow: none;
  border-radius: 6px;
}
.AB-023 .tutor-list .form .input-wrapper .form-control::placeholder {
  color: #71B778;
}
.AB-023 .tutor-list .form .input-wrapper .form-group.has-error .help-block {
  font-size: 14px;
}
.AB-023 .tutor-list .form .input-wrapper.username label,
.AB-023 .tutor-list .form .input-wrapper.phone label,
.AB-023 .tutor-list .form .input-wrapper.email label,
.AB-023 .tutor-list .form .input-wrapper.select-1 label {
  display: block;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.9;
  margin-bottom: 6px;
  line-height: 16px;
}
.AB-023 .tutor-list .form .input-wrapper .form-group {
  margin: 0 0 16px 0;
}
@media screen and (min-width: 500px) and (max-width: 1299px) {
  .AB-023-form-heading {
    font-size: 26px;
  }
}
@media screen and (max-width: 1199px) {
  .AB-023 .tutor-item.trial-form .form {
    margin-left: 0;
  }
}
@media screen and (max-width: 574px) {
  .AB-023-form-heading {
    font-size: 24px;
    line-height: 31px;
  }
  .AB-023-form-subheading {
    font-size: 12px;
    line-height: 16px;
  }
  .AB-023 .tutor-list .form form {
    margin: 20px 0 0;
  }
  .AB-023 .tutor-list .form .input-wrapper {
    flex: 0 0 100% !important;
  }
  .AB-023 .tutor-list .form .input-wrapper .form-control {
    height: 36px;
  }
}
/* grid form as modal */
.AB-023-close-button {
  display: none;
}
.AB-023.AB-023-form-modal-visible .tutor-item.trial-form {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 9999;
 background-color: white;
 padding: 32px;
 border-radius: 6px;
 width: 100%;
 max-width: 569px;
}
.AB-023-modal-overlay {
  display: none;
}
.AB-023.AB-023-form-modal-visible .AB-023-modal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.AB-023.AB-023-form-modal-visible {
  overflow: hidden;
}
.AB-023-close-button {
  display: none;
}
.AB-023.AB-023-form-modal-visible .AB-023-close-button {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #E7E7E7;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.9" clip-path="url(%23clip0_3372_9705)"><path d="M12 4L4 12" stroke="%23888888" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 4L12 12" stroke="%23888888" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3372_9705"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}
.AB-023.AB-023-form-modal-visible .tutor-item.trial-form .form {
  background: white;
  border: none;
  padding: 0;
}
.AB-023.AB-023-form-modal-visible .tutor-list .form form {
  margin: 20px 0 0;
}
.AB-023.AB-023-form-modal-visible .AB-023-form-heading,
.AB-023.AB-023-form-modal-visible .AB-023-form-subheading,
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper .form-control,
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper .form-control::placeholder,
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper  label {
  color: #333C4D;
}
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper  label {
  opacity: 80%;
}
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper .form-control::placeholder,
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper select {
  opacity: 65%;
}
.AB-023.AB-023-form-modal-visible .tutor-list .form .input-wrapper .form-control {
  border: 1px solid #E7E7E7;
  box-shadow: none;
  transition: none;
}
.AB-023.AB-023-form-modal-visible .tutor-list .form .btn {
  background: #2098D7 !important;
  border-color: #2098D7 !important;
}
@media screen and (max-width: 599px) {
  .AB-023.AB-023-form-modal-visible .tutor-item.trial-form {
    max-width: calc(100% - 32px);
    padding: 40px 12px 32px;
  }
}
/* form placeholder */
.AB-023-form-placeholder {
  display: none;
  flex-direction: column;
  padding: 18px;
  background: linear-gradient(234.47deg, #53CD9F -24.32%, #0D7A5C 82.23%);
  border: 6px solid #262626;
  border-radius: 8px;
}
.AB-023-form-placeholder .AB-023-form-heading,
.AB-023-form-placeholder .AB-023-form-subheading {
  color: white !important;
}
.AB-023.AB-023-form-modal-visible .AB-023-form-placeholder {
  display: flex;
}
.AB-023-form-placeholder_form {
  margin: auto 0 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.AB-023-form-placeholder_field {
  margin: 0 0 16px 0;
  width: 100%;
}
.AB-023-form-placeholder_field--half {
  width: calc(50% - 8px);
}
.AB-023-form-placeholder_label {
  display: block;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: white;
  opacity: 0.9;
  margin-bottom: 6px;
  line-height: 16px;
}
.AB-023-form-placeholder_field_text {
  height: 34px;
  background-color: white;
  padding: 0 10px;
  color: #71B778;
  box-shadow: none;
  border-radius: 6px;
  font-size: 14px;
  margin: 0;
  line-height: 34px;
  font-weight: 400;
}
.AB-023-form-placeholder_field_text.select {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%3E%20%3Cpath%20d='M6%209.14258L12%2015.1426L18%209.14258'%20stroke='%233E8B65'%20stroke-opacity='0.8'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 24px 24px;
}
.AB-023-form-placeholder_button {
  background: #0cb9f1;
  border-radius: 5px;
  border: 2px solid #0cb9f1;
  text-align: center;
  color: #fff;
  font-family: var(--font-open-sans),sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  width: 100%;
  margin: 4px auto 0;
  transition: all linear .3s;
  animation: animation-btn 3s infinite ease-in-out;
  text-transform: none;
  line-height: 1.42857143;
}
@media screen and (max-width: 575px) {
  .AB-023-form-placeholder_field--half {
    width: 100%;
  }
  .AB-023-form-placeholder_form {
    margin: 20px 0 0;
  }
  .AB-023-form-placeholder_field_text {
    height: 36px;
  }
}
/* covid bar */
body.AB-023 .covid19 {
  display: none !important;
}
/* top banner */
.AB-023-top-banner {
  width: 100%;
  margin: 24px auto 0;
}
.AB-023-top-banner-inner {
  display: flex;
  background: rgba(238, 253, 253, 0.6);
}
.AB-023-top-banner-image {
  margin:0 24px 0 auto;
}
.AB-023-top-banner-image img {
  max-height: 233px;
  width: auto;
  aspect-ratio: 600/283;
}
.AB-023-top-banner-content {
  margin: 24px auto 26px 24px;
  display: flex;
  flex-direction: column;
}
.AB-023-top-banner-badge {
  width: 51px;
  height: 17px;
  background: #D3F6FA;
  border-radius: 3px;
  font-size: 10px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  color: #333C4D;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AB-023-top-banner-heading {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  color: #333C4D;
  margin: 0 0 4px;
}
.AB-023-top-banner-sub-heading {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #333C4D;
  opacity: 0.95;
  margin: 0 0 32px;
  max-width: 335px;
}
.AB-023-top-banner-button {
  height: 45px;
  width: 100%;
  max-width: 200px;
  background-color: #2098D7;
  border-radius: 6px;
  color: #fff;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  display: flex;
  border: none;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.AB-023-top-banner-button.mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .AB-023-top-banner-image img {
    max-height: 209px;
    aspect-ratio: 400/369;
  }
  .AB-023-top-banner-image {
    margin: 12px 12px 12px auto;
  }
}
@media screen and (max-width: 724px) {
  .AB-023-top-banner-button.desktop {
    display: none;
  }
  .AB-023-top-banner-button.mobile {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    max-width: 400px;
    margin: 4px auto 12px;
  }
  .AB-023-top-banner-image img {
    max-height: unset;
    max-width: 131px;
    aspect-ratio: 400/369;
  }
  .AB-023-top-banner-content {
    flex: 0 1 calc(100% - 155px);
    margin: 12px 0 12px 12px;
    max-width: 500px;
    justify-content: center;
  }
  .AB-023-top-banner-image {
    margin: 12px 12px 12px 0;
  }
  .AB-023-top-banner-inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .AB-023-top-banner-sub-heading {
    margin:0;
    font-size: 14px;
    line-height: 19px;
    font-family: 'Open Sans';
    font-weight: 300;
    max-width: unset;
  }
  .AB-023-top-banner-badge {
    width: 59px;
    height: 20px;
    font-size: 12px;
  }
  .AB-023-top-banner-heading {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans';
    font-weight: 700;
  }
}
@media screen and (max-width: 574px) {
  .AB-023-top-banner-content {
    justify-content: flex-start;
    max-width: 205px;
  }
  .AB-023-top-banner-button.mobile {
    max-width: calc(100% - 24px);
    margin: 4px 12px 12px;
  }
  .AB-023-top-banner-image img {
    max-height: 114px;
    max-width: unset;
    width: auto;
  }
}
@media screen and (max-width: 389px) {
  .AB-023-top-banner-sub-heading {
    font-size: 12px;
  }
}
/* header banner */
body.AB-023 .fusion-alignleft {
  display: none;
}
body.AB-023 .header-top {
  background-color: #fff;
  margin-bottom: 0 !important;
  border-bottom: 2px solid #E8F5E9;
}
.AB-023-header-banner-content {
  display: flex;
  gap: 0 24px;
}
.AB-023-header-banner-content-left {
  display: flex;
  gap: 0 4px;
  align-items: center;
}
.AB-023-header-banner-copy {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #333C4D;
}
.AB-023-header-banner-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 132px;
  height: 34px;
  background: #2098D7;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}
body.AB-023 .header-top .social-icon .social_ico {
  fill: #333C4D;
}
body.AB-023 .fusion-alignright {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
body.AB-023 .header-top-wrap {
  position: relative;
  justify-content: center !important;
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  padding: 8px 0 6px !important;
}
body.AB-023 .header-top .fusion-social-networks .social-icon {
  margin: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
body.AB-023 .header-top .fusion-alignright .social-links {
  margin: 0;
}
body.AB-023 .header-top .fusion-social-networks .social-icon svg {
  display: none !important;
}
body.AB-023 .header-top .fusion-social-networks .social-icon.fusion-facebook {
  background-image: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.02571 0C3.14555 0 0 3.14555 0 7.02571C0 10.3205 2.26846 13.0853 5.32858 13.8446V9.17277H3.87988V7.02571H5.32858V6.10057C5.32858 3.7093 6.41082 2.60092 8.75854 2.60092C9.20369 2.60092 9.97174 2.68832 10.2859 2.77544V4.72156C10.1201 4.70414 9.83207 4.69543 9.47432 4.69543C8.32238 4.69543 7.87723 5.13186 7.87723 6.26637V7.02571H10.1721L9.77783 9.17277H7.87723V14C11.3561 13.5799 14.0517 10.6178 14.0517 7.02571C14.0514 3.14555 10.9059 0 7.02571 0Z" fill="%23333C4D"/></svg>');
}
body.AB-023 .header-top .fusion-social-networks .social-icon.fusion-youtube {
  background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7073 3.02083C19.7073 3.02083 19.5129 1.64843 18.9142 1.04582C18.1561 0.252708 17.3085 0.24882 16.9197 0.202166C14.1361 -1.15351e-07 9.95668 0 9.95668 0H9.9489C9.9489 0 5.76951 -1.15351e-07 2.98584 0.202166C2.59706 0.24882 1.74951 0.252708 0.991391 1.04582C0.392669 1.64843 0.202166 3.02083 0.202166 3.02083C0.202166 3.02083 0 4.63427 0 6.24382V7.75229C0 9.36184 0.198278 10.9753 0.198278 10.9753C0.198278 10.9753 0.392669 12.3477 0.987503 12.9503C1.74563 13.7434 2.74091 13.7162 3.18412 13.8017C4.77812 13.9533 9.95279 14 9.95279 14C9.95279 14 14.1361 13.9922 16.9197 13.7939C17.3085 13.7473 18.1561 13.7434 18.9142 12.9503C19.5129 12.3477 19.7073 10.9753 19.7073 10.9753C19.7073 10.9753 19.9056 9.36573 19.9056 7.75229V6.24382C19.9056 4.63427 19.7073 3.02083 19.7073 3.02083ZM7.89614 9.58345V3.98889L13.273 6.79589L7.89614 9.58345Z" fill="%23333C4D"/></svg>');
}
body.AB-023 .header-top .fusion-social-networks .social-icon.fusion-linkedin {
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9637 0H1.03359C0.462109 0 0 0.451172 0 1.00898V12.9883C0 13.5461 0.462109 14 1.03359 14H12.9637C13.5352 14 14 13.5461 14 12.991V1.00898C14 0.451172 13.5352 0 12.9637 0ZM4.15352 11.9301H2.07539V5.24726H4.15352V11.9301ZM3.11445 4.33672C2.44727 4.33672 1.90859 3.79805 1.90859 3.13359C1.90859 2.46914 2.44727 1.93047 3.11445 1.93047C3.77891 1.93047 4.31758 2.46914 4.31758 3.13359C4.31758 3.79531 3.77891 4.33672 3.11445 4.33672ZM11.9301 11.9301H9.85469V8.68164C9.85469 7.90781 9.84101 6.90977 8.77461 6.90977C7.69453 6.90977 7.53047 7.75469 7.53047 8.62695V11.9301H5.45781V5.24726H7.44844V6.16055H7.47578C7.75195 5.63555 8.43008 5.08047 9.43906 5.08047C11.5418 5.08047 11.9301 6.46406 11.9301 8.26328V11.9301Z" fill="%23333C4D"/></svg>');
}
body.AB-023 .header-top .fusion-social-networks .social-icon.fusion-mail {
  background-image: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3508 0.4673C17.0393 0.155709 16.6647 0 16.2273 0H1.59094C1.15345 0 0.778857 0.155709 0.467301 0.4673C0.155709 0.778823 0 1.15338 0 1.59094V12.4092C0 12.8468 0.155709 13.221 0.467301 13.5326C0.778823 13.8444 1.15342 14 1.59094 14H16.2273C16.6647 14 17.0393 13.8444 17.3508 13.5326C17.6625 13.221 17.8181 12.8466 17.8181 12.4092V1.59094C17.8181 1.15338 17.6625 0.778823 17.3508 0.4673ZM16.5453 12.4089C16.5453 12.4951 16.5138 12.5697 16.4507 12.6326C16.3877 12.6957 16.3132 12.7269 16.2271 12.7269H1.59083C1.50467 12.7269 1.43008 12.6957 1.36714 12.6326C1.30414 12.5697 1.2727 12.4951 1.2727 12.4089V4.77264C1.48479 5.01127 1.71349 5.23005 1.95878 5.42888C3.73534 6.79438 5.14724 7.91458 6.1946 8.78962C6.53266 9.07471 6.80779 9.29673 7.01989 9.45585C7.23198 9.61504 7.51867 9.77573 7.87989 9.93806C8.24114 10.1006 8.58091 10.1815 8.89908 10.1815H8.90908H8.91897C9.23707 10.1815 9.57698 10.1006 9.93809 9.93806C10.2995 9.77573 10.5863 9.61508 10.7983 9.45585C11.0104 9.29673 11.2856 9.07471 11.6237 8.78962C12.671 7.91458 14.0827 6.79438 15.8594 5.42888C16.1047 5.23009 16.3335 5.01127 16.5453 4.77264V12.4089ZM16.5453 1.84939V1.95874C16.5453 2.34981 16.3913 2.78569 16.0831 3.26623C15.7748 3.74676 15.4416 4.12964 15.0839 4.41459C13.8043 5.42233 12.4755 6.47287 11.0964 7.56659C11.0567 7.59971 10.9406 7.69743 10.7483 7.85976C10.5563 8.02233 10.4037 8.14676 10.291 8.23282C10.1781 8.31912 10.0308 8.42349 9.84859 8.54601C9.66624 8.66853 9.4989 8.75985 9.34646 8.81944C9.19403 8.87888 9.05148 8.90866 8.91897 8.90866H8.90908H8.89908C8.76653 8.90866 8.62413 8.87888 8.47159 8.81944C8.31915 8.75985 8.15171 8.66853 7.9695 8.54601C7.78732 8.42346 7.6398 8.31909 7.5271 8.23282C7.41447 8.14676 7.26193 8.02233 7.06976 7.85976C6.87752 7.69743 6.7614 7.59971 6.72167 7.56659C5.34293 6.47283 4.01392 5.42233 2.7345 4.41459C1.76002 3.64577 1.27287 2.70441 1.27287 1.59077C1.27287 1.50467 1.30432 1.43004 1.36732 1.36714C1.43032 1.30414 1.50485 1.27263 1.59101 1.27263H16.2274C16.2803 1.3024 16.3268 1.31069 16.3666 1.29753C16.4064 1.28412 16.4361 1.30905 16.4559 1.37199C16.4758 1.43499 16.4941 1.46476 16.5106 1.46149C16.5272 1.45815 16.5372 1.49955 16.5405 1.58585C16.5436 1.67198 16.5453 1.71534 16.5453 1.71534V1.84939H16.5453Z" fill="%23333C4D"/></svg>');
}
body.AB-023 .fusion-social-networks-wrapper {
  display: flex;
  gap: 0 12px
}
/* header nav */
body.AB-023 .header .header-logo {
  margin: 12px 0;
}
body.AB-023 .header .header-logo img {
  max-height: 56px;
  width: auto;
}
body.AB-023 .header .nav .navbar-nav>li>a {
  height: 80px !important;
  line-height: 80px !important;
  padding: 0 32px 0 0 !important;
}
body.AB-023 .header .container-fluid {
  padding-left: 96px;
  padding-right: 96px;
  max-width: 1440px;
  margin: 0 auto;
}
body.AB-023 .header .nav .navbar-nav>li {
  border-bottom: none !important;
}
@media screen and (min-width: 1201px) and (max-width: 1299px) {
  body.AB-023 .header .nav .navbar-nav>li>a {
    padding: 0 24px 0 0 !important;
  }
}
@media screen and (min-width: 1201px) {
  body.AB-023 .header .nav .navbar-nav>li:last-child a {
      padding-right: 0 !important;
  }
}
@media screen and (max-width: 1200px) {
  body.AB-023 .header .header-logo {
    margin: 20px 0;
    padding-left: 30px;
  }
  body.AB-023 .header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  body.AB-023 .header-top-wrap {
    padding: 8px 30px 6px !important;
  }
  body.AB-023 .fusion-alignright {
    right: 30px;
  }
  body.AB-023 .header .nav .navbar-nav>li>a {
    padding: 0 35px 0 30px !important;
    height: 55px !important;
    line-height: 55px !important;
  }
}
@media screen and (max-width: 799px) {
  body.AB-023 .fusion-alignright {
    position: static;
    transform: none;
  }
  body.AB-023 .header-top-wrap {
    flex-direction: column;
    align-items: center;
    gap: 12px 0;
    padding: 8px 16px 6px !important;
  }
  .AB-023-header-banner-content {
    gap: 0;
    width: 100%;
    max-width: 400px;
    justify-content: space-between;
  }
  .AB-023-header-banner-content-left svg {
    width: 18px;
    height: 18px;
  }
  .AB-023-header-banner-copy {
    font-size: 12px;
  }
}
/* tutor form */
.AB-023-form-heading-tutor-wrapper,
.AB-023-form-tutor-wrapper,
.AB-023-form-modal-visible.modal--tutor .AB-023-form-heading-grid-wrapper,
.AB-023 .tutor-list .form .input-wrapper button .tutor,
.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper button span:not(.tutor) {
  display: none;
}
.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper button span.tutor {
  display: block;
}
.AB-023-form-modal-visible.modal--tutor .tutor-item.trial-form {
  display: flex;
  flex-direction: row;
  padding: 8px 24px 8px 8px;
  max-width: 770px;
}
.AB-023-form-modal-visible.modal--tutor .AB-023-form-tutor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 282px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 4px;
  padding: 16px 20px;
  background-color: rgba(238, 253, 253, 0.6);
}
.AB-023-form-tutor-image {
  width: 124px;
  height: 124px;
  border-radius: 124px;
  flex-shrink: 0;
  flex-grow: 0;
  object-fit: cover;
}
.AB-023-form-tutor-name-wrapper {
  background-image: url(../images/tutor-matching/ribbon.png);
  background-position: center;
  background-size: 110% 130%;
  background-repeat: no-repeat;
  min-width: 216px;
  height: 45px;
  margin-top: -30px;
}
.AB-023-form-tutor-name {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 3px 0 0;
  text-align: center;
  padding: 0 40px;
}
.AB-023-form-tutor-bottom-copy {
  font-size: 12px;
  margin: 32px 0 0;
  text-align: center;
}
.AB-023-form-modal-visible.modal--tutor .AB-023-form-heading-tutor-wrapper {
  display: block;
  background-color: rgba(238, 253, 253, 0.6);
  margin: 16px;
}
.AB-023-form-heading-tutor-wrapper .AB-023-form-heading {
  position: relative;
  font-size: 16px;
  line-height: 130%;
  font-weight: 600;
  height: 45px;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.AB-023-form-heading-tutor-wrapper .AB-023-form-heading::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 45px;
  left: 0px;
  top: 0px;
  background: linear-gradient(90deg, #00503E 0%, #023222 100%);
  border-radius: 0px 4px 4px 0px;
  z-index: 1;
}
.AB-023.AB-023-form-modal-visible.modal--tutor .AB-023-close-button {
  background-color: transparent;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
}
.AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form form {
  margin: 0 16px 16px;
}
.AB-023-form-tutor-subjects {
  max-width: 240px;
  margin: 13px auto 0;
  display: flex;
  gap: 0 4px;
}
.AB-023-form-tutor-subjects span {
  font-size: 10px;
  line-height: 130%;
  color: #333C4D;
  padding: 3px 11px;
  background: #FAFAFA;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  height: 21px;
  font-weight: 600;
}
.AB-023-form-tutor-subjects span.more {
  border: none;
  background-color: transparent;
  padding: 4px;
  color: #333C4E;
  opacity: 0.75;
}
.AB-023.AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper.select-1 {
  order: 0;
}
.AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper.test-select {
  display: block !important;
  order: 0;
}
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-list .form .input-wrapper.test-select {
  display: block !important;
  order: 4;
}
.AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper.test-select label,
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-list .form .input-wrapper.test-select label {
  display: block;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 6px;
  line-height: 16px;
}
.AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper label span,
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-list .form .input-wrapper label span,
.AB-023 .tutor-list .form .input-wrapper.select-1 label span,
.AB-023-form-placeholder_label span {
  font-weight: 300;
  margin-left: 2px;
}
@media screen and (max-width: 849px) {
  .AB-023-form-modal-visible.modal--tutor .tutor-item.trial-form {
    flex-wrap: wrap;
    width: calc(100vw - 32px);
    max-width: 500px;
    padding: 4px 4px 12px;
    max-width: calc(100vh - 32px);
    overflow-y: auto;
    max-height: calc(100vh - 36px);
  }
  .AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper {
    flex: 0 0 100% !important;
  }
  .AB-023-form-modal-visible.modal--tutor .AB-023-form-tutor-wrapper {
    width: 100%;
    padding: 10px 0;
  }
  .AB-023-form-tutor-image {
    width: 88px;
    height: 88px;
    border-radius: 88px;
  }
  .AB-023-form-tutor-name-wrapper {
    height: 39px;
    margin-top: -25px;
    min-width: 188px;
  }
  .AB-023-form-tutor-name {
    font-size: 12px;
  }
  .AB-023-form-tutor-subjects {
    margin: 16px auto 0;
  }
  .AB-023-form-tutor-subjects {
    max-width: 245px;
  }
  .AB-023-form-tutor-bottom-copy {
    max-width: 230px;
    margin: 16px 0 0;
  }
  .AB-023-form-modal-visible.modal--tutor .AB-023-form-heading-tutor-wrapper {
    margin: 16px 0 20px;
  }
  .AB-023-form-heading-tutor-wrapper .AB-023-form-heading {
    font-size: 14px;
    height: 32px;
  }
  .AB-023-form-heading-tutor-wrapper .AB-023-form-heading::before {
    height: 32px;
  }
  .AB-023.AB-023-form-modal-visible.modal--tutor .AB-023-close-button {
    background-color: #E7E7E7;
    width: 24px;
    height: 24px;
  }
  .AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form .input-wrapper .form-control {
    height: 34px;
  }
  .AB-023.AB-023-form-modal-visible.modal--tutor .tutor-list .form form {
    margin: 0 8px;
  }
}
/* banner form */
#AB-023-pre-modal {
  display: none;
}
.AB-023-pre-modal-visible #AB-023-pre-modal {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background-color: #fff;
  border-radius: 6px;
  padding: 32px;
  width: 520px;
  max-width: 520px;
}
.AB-023-pre-modal-visible {
  overflow: hidden;
}
.AB-023-pre-modal-visible .AB-023-modal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.AB-023-pre-back-button,
.AB-023-form-back-button {
  display: block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  position: absolute;
  left: 32px;
  top: 32px;
  padding: 0;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16406 10H15.8307" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16406 10L9.16406 15" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16406 10L9.16406 5" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}
.AB-023-form-back-button {
  display: none;
}
.AB-023-pre-modal-visible.pre-modal-step-1 .AB-023-pre-back-button {
  display: none;
}
.AB-023-pre-close-button {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 32px;
  right: 32px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8" clip-path="url(%23clip0_3552_36776)"><path d="M15 5L5 15" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5L15 15" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3552_36776"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: transparent;
}
.AB-023-pre-modal-content {
  display: none;
}
.AB-023-pre-modal-visible.pre-modal-step-1 .AB-023-pre-modal-content.step1,
.AB-023-pre-modal-visible.pre-modal-step-2 .AB-023-pre-modal-content.step2 {
  display: block;
}
.AB-023-pre-modal-heading {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 150%;
  font-weight: 700;
  color:#333C4E;
  text-align: center;
}
.AB-023-pre-modal-copy {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #333C4E;
  opacity: 0.9;
}
.AB-023-pre-modal-options {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 16px 0;
}
.AB-023-pre-option {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 2px;
  height: 53px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  color: #333C4E;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
}
.AB-023-pre-option:hover {
  border: 1px solid #36CBFA;
}
.AB-023-form-heading-banner-wrapper,
.AB-023-form-modal-visible.modal--banner .AB-023-form-heading-grid-wrapper  {
  display: none;
}
.AB-023-form-modal-visible.modal--banner .AB-023-form-heading-banner-wrapper,
.AB-023-form-modal-visible.modal--banner .AB-023-form-back-button {
  display: block;
}
.AB-023-form-modal-visible.modal--banner .AB-023-form-back-button {
  z-index: 3;
}
.AB-023-progress-bar,
.AB-023-form-heading-progress-bar {
  display: flex;
  gap: 0 4px;
  height: 20px;
  justify-content: center;
  align-items: center;
}
.AB-023-progress-bar-line {
  width: 28px;
  height: 2px;
  background: #E3F0FB;
  border-radius: 99px;
}
.pre-modal-step-1 .AB-023-progress-bar-line:first-child,
.pre-modal-step-2 .AB-023-progress-bar-line:nth-child(2),
.AB-023-form-modal-visible.modal--banner .AB-023-progress-bar-line:nth-child(3) {
  width: 44px;
  background: #2098D7;
}
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-item.trial-form {
  width: 520px;
}
.AB-023.AB-023-form-modal-visible.modal--banner .AB-023-close-button {
  width: 20px;
  height: 20px;
  top: 32px;
  right: 32px;
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8" clip-path="url(%23clip0_3552_36776)"><path d="M15 5L5 15" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5L15 15" stroke="%23333C4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3552_36776"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
  z-index: 3;
}
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-item.trial-form .AB-023-form-heading {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 150%;
  font-family: 'Open Sans', sans-serif;
}
.AB-023.AB-023-form-modal-visible.modal--banner .tutor-item.trial-form .AB-023-form-subheading {
  font-size: 14px;
  line-height: 130%;
}
@media screen and (max-width: 599px) {
  .AB-023-pre-modal-visible #AB-023-pre-modal {
    max-width: calc(100% - 32px);
    padding: 20px 12px;
  }
  .AB-023-pre-close-button,
  .AB-023.AB-023-form-modal-visible.modal--banner .tutor-item.trial-form .AB-023-close-button {
    top: 20px;
    right: 12px;
  }
  .AB-023-pre-back-button,
  .AB-023-form-back-button {
    top: 20px;
    left: 12px;
  }
  .AB-023.AB-023-form-modal-visible.modal--banner .tutor-item.trial-form {
    padding: 20px 12px;
  }
}
/* AB-023 suburb 05 DOM restyle addon starts here (CSS) */
.AB-023-dom-restyle-active {
  --dc-green-dark: #175a3e;
  --dc-green: #217653;
  --dc-green-soft: #f3f8ed;
  --dc-blue: #0daee5;
  --dc-text: #333c4d;
  --dc-muted: #7c8797;
  --dc-line: #dfe7dd;
  --dc-page: #fff;
  --dc-white: #fff;
  --dc-slab: "Roboto Slab", Georgia, serif;
  --dc-body: "Open Sans", Arial, sans-serif;
  background: var(--dc-page) !important;
  color: var(--dc-text) !important;
}
.AB-023-dom-restyle-active .header-main,
.AB-023-dom-restyle-active .header,
.AB-023-dom-restyle-active .header-top {
  background: var(--dc-white) !important;
}
.AB-023-dom-restyle-active .full {
  background: var(--dc-white) !important;
}
@media (min-width: 800px) and (max-width: 1399px) {
  .AB-023-dom-restyle-active .header .container-fluid {
    max-width: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .AB-023-dom-restyle-active .header .header-logo {
    flex: 0 0 auto !important;
    padding-left: 0 !important;
  }
  .AB-023-dom-restyle-active .header .nav .navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .AB-023-dom-restyle-active .header .nav .navbar-nav > li {
    flex: 0 0 auto !important;
  }
  .AB-023-dom-restyle-active .header .nav .navbar-nav > li > a {
    padding: 0 14px 0 0 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  .AB-023-dom-restyle-active .header .nav .navbar-nav > li:last-child > a {
    padding-right: 0 !important;
  }
}
.AB-023-dom-restyle-active .top-widget,
.AB-023-dom-restyle-active .AB-023-top-banner,
.AB-023-dom-restyle-active .title-search,
.AB-023-dom-restyle-active .tutor-list,
.AB-023-dom-restyle-active #local-reviews,
.AB-023-dom-restyle-active .lesson-notes,
.AB-023-dom-restyle-active .dc-nearby-section,
.AB-023-dom-restyle-active #local-spots {
  position: relative;
}
.AB-023-dom-restyle-active .tutor-list {
  width: min(1140px, calc(100vw - 32px));
  max-width: none !important;
  margin: 0 calc((100% - min(1140px, calc(100vw - 32px))) / 2);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.AB-023-dom-restyle-active .tutor-list .tutor-item {
  position: relative;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid var(--dc-line) !important;
  box-shadow: 0 8px 24px rgba(51, 60, 77, .06) !important;
}
.AB-023-dom-restyle-active .tutor-list .tutor-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--dc-green), #9db668);
}
.AB-023-dom-restyle-active .tutor-list .tutor-item .img-tutor img {
  background: var(--dc-green-soft);
  border: 1px solid var(--dc-line);
}
.AB-023-dom-restyle-active .tutor-list .tutor-info .name a,
.AB-023-dom-restyle-active .tutor-list .name a {
  color: var(--dc-blue) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.AB-023-dom-restyle-active .tutor-list .list-year li,
.AB-023-dom-restyle-active .tutor-list .skills-list li,
.AB-023-dom-restyle-active .tutor-list .subjects .list span,
.AB-023-dom-restyle-active .tutor-list .list-exam li {
  border-radius: 0 !important;
  font-weight: 900 !important;
}
.AB-023-dom-restyle-active .tutor-list .skills-list li,
.AB-023-dom-restyle-active .tutor-list .subjects .list span {
  white-space: nowrap !important;
}
.AB-023-dom-restyle-active .tutor-list > .pagination {
  grid-column: 1 / -1;
  justify-self: center;
}
@media (min-width: 641px) {
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added {
    box-sizing: border-box !important;
    flex: 0 0 248px !important;
    width: 248px !important;
    max-width: 248px !important;
    gap: 16px 8px !important;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added .AB-023-open-form-button,
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added .btn {
    box-sizing: border-box !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    max-width: 120px !important;
  }
}
.AB-023-dom-restyle-active #local-reviews,
.AB-023-dom-restyle-active .lesson-notes,
.AB-023-dom-restyle-active .dc-nearby-section,
.AB-023-dom-restyle-active #local-spots {
  margin: 0 !important;
  padding: 44px 0 0 !important;
  background: transparent !important;
}
.AB-023-dom-restyle-active #local-spots {
  padding-bottom: 44px !important;
}
.AB-023-dom-restyle-active #local-reviews .container,
.AB-023-dom-restyle-active .lesson-notes .container,
.AB-023-dom-restyle-active .dc-nearby-section .container,
.AB-023-dom-restyle-active #local-spots .container {
  width: min(1060px, calc(100% - 32px)) !important;
  max-width: none !important;
  padding: 0 !important;
}
.AB-023-dom-restyle-active #local-reviews .title-common,
.AB-023-dom-restyle-active .lesson-notes .title-common,
.AB-023-dom-restyle-active .dc-nearby-section .title-common,
.AB-023-dom-restyle-active #local-spots .title-common {
  margin: 0 0 18px !important;
  color: var(--dc-text) !important;
  font-family: var(--dc-slab) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}
.AB-023-dom-restyle-active #local-reviews .card-common,
.AB-023-dom-restyle-active #local-spots .card-common,
.AB-023-dom-restyle-active .lesson-notes__item {
  position: relative !important;
  overflow: hidden !important;
  background: var(--dc-white) !important;
  border: 1px solid var(--dc-line) !important;
  box-shadow: 0 8px 24px rgba(51, 60, 77, .06) !important;
}
.AB-023-dom-restyle-active #local-reviews .card-common::before,
.AB-023-dom-restyle-active #local-spots .card-common::before,
.AB-023-dom-restyle-active .lesson-notes__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--dc-green), #9db668);
}
.AB-023-dom-restyle-active #local-reviews .card-common,
.AB-023-dom-restyle-active #local-spots .card-common {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 28px 30px !important;
}
.AB-023-dom-restyle-active #local-reviews .card-common .icon,
.AB-023-dom-restyle-active #local-spots .card-common .icon {
  width: 42px !important;
  height: auto !important;
  margin: 2px 0 0 !important;
  opacity: .22 !important;
}
.AB-023-dom-restyle-active #local-reviews .card-common .text,
.AB-023-dom-restyle-active #local-spots .card-common .text {
  margin: 0 !important;
  color: #495468 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}
.AB-023-dom-restyle-active #local-reviews .card-common .name {
  margin: 14px 0 0 !important;
  color: var(--dc-green) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.AB-023-dom-restyle-active .lesson-notes__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.AB-023-dom-restyle-active .lesson-notes__item {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
}
.AB-023-dom-restyle-active .lesson-notes__item:nth-child(2)::before {
  background: linear-gradient(90deg, var(--dc-blue), #7cc6d8);
}
.AB-023-dom-restyle-active .lesson-notes__item:nth-child(3)::before {
  background: linear-gradient(90deg, #9db668, var(--dc-green));
}
.AB-023-dom-restyle-active .lesson-note__title {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--dc-green-dark) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
.AB-023-dom-restyle-active .lesson-note__title::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  background: var(--dc-green-soft);
  border: 1px solid #d8e8ce;
  box-shadow: inset 0 0 0 4px #fff;
}
.AB-023-dom-restyle-active .lesson-notes__item:nth-child(2) .lesson-note__title::before {
  background: #eef9fd;
  border-color: #d9edf4;
}
.AB-023-dom-restyle-active .lesson-notes__item:nth-child(3) .lesson-note__title::before {
  background: #f6f9ef;
}
.AB-023-dom-restyle-active .lesson-note__copy,
.AB-023-dom-restyle-active .lesson-note__copy p {
  color: #495468 !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}
.AB-023-dom-restyle-active .lesson-note__copy p {
  margin: 0 0 12px !important;
}
.AB-023-dom-restyle-active .lesson-note__copy p:last-child {
  margin-bottom: 0 !important;
}
.AB-023-dom-restyle-active .lesson-note__copy b {
  color: var(--dc-text) !important;
  font-weight: 900 !important;
}
.AB-023-dom-restyle-active .nearby-suburb__list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.AB-023-dom-restyle-active .nearby-suburb__list .nearby-suburb {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  background: var(--dc-white) !important;
  border: 1px solid var(--dc-line) !important;
  box-shadow: 0 6px 18px rgba(51, 60, 77, .045) !important;
}
.AB-023-dom-restyle-active .nearby-suburb-img,
.AB-023-dom-restyle-active .nearby-suburb-img a,
.AB-023-dom-restyle-active .nearby-suburb-img img {
  width: 48px !important;
  height: 48px !important;
  display: block !important;
}
.AB-023-dom-restyle-active .nearby-suburb-img {
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
}
.AB-023-dom-restyle-active .nearby-suburb-img img {
  object-fit: cover !important;
}
.AB-023-dom-restyle-active .nearby-suburb-label {
  min-width: 0 !important;
  text-align: left !important;
}
.AB-023-dom-restyle-active .nearby-suburb-label a {
  display: block !important;
  overflow: hidden !important;
  color: var(--dc-text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
}
.AB-023-dom-restyle-active .nearby-suburb-label span {
  display: block !important;
  margin: 0 0 3px !important;
  color: var(--dc-muted) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
@media (max-width: 1120px) {
  .AB-023-dom-restyle-active .tutor-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  .AB-023-dom-restyle-active .lesson-notes__grid,
  .AB-023-dom-restyle-active .nearby-suburb__list {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 640px) {
  .AB-023-dom-restyle-active .tutor-list {
    width: min(430px, calc(100vw - 32px)) !important;
    justify-items: stretch;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-item {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: center !important;
  }
  .AB-023-dom-restyle-active #local-reviews,
  .AB-023-dom-restyle-active .lesson-notes,
  .AB-023-dom-restyle-active .dc-nearby-section,
  .AB-023-dom-restyle-active #local-spots {
    padding-top: 34px !important;
  }
  .AB-023-dom-restyle-active #local-reviews .title-common,
  .AB-023-dom-restyle-active .lesson-notes .title-common,
  .AB-023-dom-restyle-active .dc-nearby-section .title-common,
  .AB-023-dom-restyle-active #local-spots .title-common {
    font-size: 23px !important;
  }
  .AB-023-dom-restyle-active #local-reviews .card-common,
  .AB-023-dom-restyle-active #local-spots .card-common {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 24px !important;
  }
  .AB-023-dom-restyle-active .lesson-notes__grid {
    grid-template-columns: 1fr !important;
  }
  .AB-023-dom-restyle-active .nearby-suburb__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.AB-023-dom-restyle-active .nearby-suburb__list > .nearby-suburb.nearby-suburb-m.card {
    box-sizing: border-box !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    float: none !important;
    justify-self: stretch !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 7px !important;
  }
  body.AB-023-dom-restyle-active .nearby-suburb-img,
  body.AB-023-dom-restyle-active .nearby-suburb-img a,
  body.AB-023-dom-restyle-active .nearby-suburb-img img {
    width: 42px !important;
    height: 42px !important;
  }
  body.AB-023-dom-restyle-active .nearby-suburb-label > a {
    margin-left: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
}
@media (min-width: 576px) and (max-width: 640px) {
  .AB-023-dom-restyle-active .tutor-list .tutor-item:not(.trial-form) .tutor-item__footer {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px 12px !important;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-item:not(.trial-form) .skills,
  .AB-023-dom-restyle-active .tutor-list .tutor-item:not(.trial-form) .subjects {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    max-width: calc(50% - 6px) !important;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added .f-rows {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
  }
  .AB-023-dom-restyle-active .tutor-list .f-cta_mobile.AB-023-button--added {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    position: static !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 640px) {
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added .AB-023-open-form-button,
  .AB-023-dom-restyle-active .tutor-list .tutor-badges.AB-023-button--added .btn {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .AB-023-dom-restyle-active .tutor-list .tutor-item:not(.trial-form) .skills-list {
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }
  .AB-023-dom-restyle-active .tutor-list .tutor-item:not(.trial-form) .skills-list li {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 9px !important;
  }
}
/* Preserve the approved inline form card, but remove card chrome when that node becomes a modal. */
.AB-023-dom-restyle-active.AB-023-form-modal-visible .tutor-list .tutor-item.trial-form {
  padding: 32px !important;
  border: 0 !important;
  box-shadow: none !important;
}
.AB-023-dom-restyle-active.AB-023-form-modal-visible .tutor-list .tutor-item.trial-form::before {
  content: none !important;
  display: none !important;
}
@media (max-width: 599px) {
  .AB-023-dom-restyle-active.AB-023-form-modal-visible .tutor-list .tutor-item.trial-form {
    padding: 40px 12px 32px !important;
  }
  .AB-023-dom-restyle-active.AB-023-form-modal-visible.modal--tutor .tutor-list .tutor-item.trial-form {
    --ab023-modal-top: max(12px, env(safe-area-inset-top, 0px));
    --ab023-modal-bottom: max(12px, env(safe-area-inset-bottom, 0px));
    top: var(--ab023-modal-top) !important;
    transform: translateX(-50%) !important;
    max-height: calc(100vh - var(--ab023-modal-top) - var(--ab023-modal-bottom)) !important;
    max-height: calc(100dvh - var(--ab023-modal-top) - var(--ab023-modal-bottom)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .AB-023-dom-restyle-active.AB-023-form-modal-visible.modal--tutor .AB-023-close-button {
    z-index: 5 !important;
  }
}

/* AB-023 local sticky header. Append after the existing Variation 1 CSS. */
body.AB-023-local-sticky-variant .floating-menu,
body.AB-023-local-sticky-variant .header-top .fusion-alignright,
body.AB-023-local-sticky-variant .header-top-wrap > .phone {
  display: none !important;
}
body.AB-023-local-sticky-variant .header-top .header-top-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 50px !important;
  padding: 0 20px !important;
}
body.AB-023-local-sticky-variant .AB-023-local-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  min-height: 50px;
  margin: 0 auto;
  white-space: nowrap;
}
body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft {
  display: flex !important;
  align-items: center;
  gap: 7px;
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  color: #1d594a;
}
body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft p {
  margin: 0 !important;
  font: 500 18px/24px 'Open Sans', sans-serif !important;
  letter-spacing: -.01em;
  color: #1d594a !important;
}
body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft svg {
  width: 18px;
  height: 21px;
  flex: 0 0 auto;
}
body.AB-023-local-sticky-variant .AB-023-local-divider {
  width: 1px;
  height: 24px;
  flex: 0 0 auto;
  background: #d4e4dc;
}
body.AB-023-local-sticky-variant .AB-023-cta-home,
body.AB-023-local-sticky-variant .AB-023-topbar-marker {
  display: none;
}
body.AB-023-local-sticky-variant .AB-023-local-topbar .AB-023-header-banner-content,
body.AB-023-local-sticky-variant .AB-023-mobile-sticky .AB-023-header-banner-content {
  display: flex !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.AB-023-local-sticky-variant .AB-023-header-banner-copy {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  white-space: nowrap;
}
body.AB-023-local-sticky-variant .AB-023-header-banner-button {
  flex: 0 0 auto;
  cursor: pointer;
}
body.AB-023-local-sticky-variant .AB-023-header-banner-button:focus-visible {
  outline: 3px solid #1d594a;
  outline-offset: 3px;
}
body.AB-023-local-sticky-variant.AB-023-mobile-sticky-visible .header.sticky {
  visibility: hidden !important;
}
/* The compact CTA owns stickiness. Keep the legacy navigation in document flow. */
body.AB-023-local-sticky-variant .header.sticky {
  position: static !important;
  box-shadow: none !important;
}
body.AB-023-local-sticky-variant .AB-023-mobile-sticky {
  display: none;
}
body.AB-023-local-sticky-variant.AB-023-mobile-sticky-visible .AB-023-mobile-sticky {
  display: flex;
  position: fixed;
  z-index: 2147483640;
  inset: 0 0 auto;
  height: 52px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-bottom: 1px solid #dcebe2;
  box-shadow: 0 2px 9px rgba(19, 48, 36, .08);
}
body.AB-023-local-sticky-variant.AB-023-mobile-sticky-visible.AB-023-form-modal-visible .AB-023-mobile-sticky,
body.AB-023-local-sticky-variant.AB-023-mobile-sticky-visible.AB-023-pre-modal-visible .AB-023-mobile-sticky {
  z-index: 1;
}
@media (max-width: 1100px) and (min-width: 901px) {
  body.AB-023-local-sticky-variant .AB-023-local-topbar { gap: 18px; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft p,
  body.AB-023-local-sticky-variant .AB-023-header-banner-copy { font-size: 16px !important; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .AB-023-header-banner-content { gap: 14px !important; }
}
@media (max-width: 900px) {
  body.AB-023-local-sticky-variant .AB-023-local-topbar { gap: 12px; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft p,
  body.AB-023-local-sticky-variant .AB-023-header-banner-copy { font-size: 13px !important; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .AB-023-header-banner-content { gap: 10px !important; }
}
@media (max-width: 699px) {
  body.AB-023-local-sticky-variant .header-top .header-top-wrap { padding: 0 !important; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar {
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-height: 80px;
    white-space: normal;
  }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft {
    order: 0;
    width: 100% !important;
    padding: 8px 10px;
    justify-content: center;
    gap: 4px;
    text-align: center;
    background: #eef8f2;
    border-bottom: 1px solid #dcebe2;
  }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft p {
    font-size: 12px !important;
    line-height: 17px !important;
  }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .fusion-alignleft svg { width: 14px; height: 17px; }
  body.AB-023-local-sticky-variant .AB-023-local-divider { display: none; }
  body.AB-023-local-sticky-variant .AB-023-local-topbar .AB-023-header-banner-content {
    order: 1;
    width: 100% !important;
    min-height: 50px;
    padding: 7px 8px !important;
  }
  body.AB-023-local-sticky-variant .AB-023-header-banner-copy { font-size: 13px !important; }
  body.AB-023-local-sticky-variant.AB-023-mobile-sticky-visible .AB-023-mobile-sticky { height: 50px; }
  body.AB-023-local-sticky-variant .AB-023-mobile-sticky .AB-023-header-banner-content { gap: 10px !important; }
}
@media (max-width: 359px) {
  body.AB-023-local-sticky-variant .AB-023-header-banner-content-left svg { display: none !important; }
  body.AB-023-local-sticky-variant .AB-023-header-banner-copy { font-size: 12px !important; }
  body.AB-023-local-sticky-variant .AB-023-header-banner-button {
    min-width: 100px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Allow longer local sentences to wrap before they push the CTA outside the strip. */
@media (min-width: 700px) {
  body.AB-023-local-sticky-variant .AB-023-local-topbar.AB-023-wrap-local-sentence .fusion-alignleft {
    min-width: 0;
  }
  body.AB-023-local-sticky-variant .AB-023-local-topbar.AB-023-wrap-local-sentence .fusion-alignleft p {
    white-space: normal;
  }
}