.sitecore-form .buttons-section {
    display: flex;
    align-items: center;
    margin-top: 24px
}

.sitecore-form .buttons-section span.cancel-button {
    display: inline-block;
    margin: 0 0 0 20px
}

.sitecore-form .buttons-section input[type=submit] {
    margin-top: 0 !important
}

.sitecore-form .captcha-section {
    margin: 24px 0
}

.sitecore-form div[data-sc-field-key] {
    margin-bottom: 24px
}

.sitecore-form div[data-sc-field-key]:last-of-type,
.sitecore-form div[data-sc-field-key]>[data-sc-field-key]:not(p) {
    margin-bottom: 0;
    margin-top: 0
}

.sitecore-form .countries-select {
    margin-bottom: 24px
}

.sitecore-form .turnstile-disabled {
    opacity: .5;
    pointer-events: none
}

.sitecore-form .turnstile-component .turnstile-wrapper {
    height: 89px
}

.sitecore-form form:not(.lesson-survey-form) {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.sitecore-form form:not(.lesson-survey-form) input:not([type=submit]).disabled,
.sitecore-form form:not(.lesson-survey-form) input:not([type=submit]):disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=date].disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=date]:disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=email].disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=email]:disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=number].disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=number]:disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=password].disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=password]:disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=text].disabled,
.sitecore-form form:not(.lesson-survey-form) input[type=text]:disabled {
    pointer-events: none;
    border-color: var(--form-disabled-color);
    color: var(--form-disabled-color);
    background: var(--form-disabled-background)
}

.sitecore-form form:not(.lesson-survey-form) input:not([type=submit]),
.sitecore-form form:not(.lesson-survey-form) select:not([type=submit]) {
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius)
}

.sitecore-form form:not(.lesson-survey-form) input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=tel]),
.sitecore-form form:not(.lesson-survey-form) select:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=tel]) {
    width: 100%;
    height: 40px;
    padding: 10px
}

.sitecore-form form:not(.lesson-survey-form) :not([type=submit]):not(li) {
    color: var(--form-text-color)
}

.sitecore-form form:not(.lesson-survey-form) .counter {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    text-align: right;
    padding: 5px 10px;
    width: 100%
}

@media (max-width:575px) {
    .sitecore-form form:not(.lesson-survey-form) .counter {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .01em
    }
}

.sitecore-form form:not(.lesson-survey-form) .placeholder-select {
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 40px;
    padding: 10px;
    position: relative;
    margin-bottom: 24px
}

.sitecore-form form:not(.lesson-survey-form) .placeholder-select label {
    color: #6e757a;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 0
}

.sitecore-form form:not(.lesson-survey-form) .placeholder-select select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 0 0;
    width: 100%;
    border: none;
    font-size: 0 !important
}

.sitecore-form form:not(.lesson-survey-form) .placeholder-select select option {
    font-size: 14px
}

.sitecore-form form:not(.lesson-survey-form) .placeholder-select .field-validation-error {
    position: absolute;
    top: 100%;
    left: 0
}

.sitecore-form form:not(.lesson-survey-form) .contact-reason .field-validation-error {
    top: calc(100% + 5px) !important;
    color: #c92c18
}

.sitecore-form form:not(.lesson-survey-form) textarea {
    width: 100%;
    height: 275px;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: rgba(255, 255, 255, 0);
    padding: 10px;
    resize: none
}

.sitecore-form form:not(.lesson-survey-form) .checkbox {
    font-size: 14px;
    line-height: 20px
}

.sitecore-form form:not(.lesson-survey-form) .checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    margin: 0;
    position: absolute;
    left: -10000px
}

.sitecore-form form:not(.lesson-survey-form) .checkbox label {
    padding-left: 25px;
    display: block;
    position: relative;
    z-index: 2
}

.sitecore-form form:not(.lesson-survey-form) .checkbox label::before {
    content: none
}

.sitecore-form form:not(.lesson-survey-form) .checkbox::before {
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    border-radius: var(--input-border-radius);
    border: 1px solid #12225c
}

.sitecore-form form:not(.lesson-survey-form) .checkbox.checked::before {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-color: var(--input-border-color);
    background-color: #12225c;
    background-image: url(../../../images/check-white.svg);
    background-size: 70% 70%
}

.sitecore-form form:not(.lesson-survey-form) input[type=submit] {
    width: auto;
    justify-self: flex-start;
    margin-top: 20px
}

.sitecore-form form:not(.lesson-survey-form) .field-validation-error {
    display: inline-block;
    padding: 3px 10px
}

.sitecore-form form:not(.lesson-survey-form) .field-validation-error span {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .01em;
    color: #c92c18
}

.sitecore-form form:not(.lesson-survey-form)>* {
    width: 100%
}

@media (min-width:992px) {
    .sitecore-form form:not(.lesson-survey-form) .half-width {
        width: calc(50% - 10px);
        margin-right: 10px
    }

    .sitecore-form form:not(.lesson-survey-form) .half-width+.half-width {
        margin-right: 0;
        margin-left: 10px
    }
}

.sitecore-form form:not(.lesson-survey-form) .confirmation {
    text-align: center
}

.sitecore-form form:not(.lesson-survey-form) .confirmation .confirmation-heading::after {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../../../images/check-circle.svg);
    margin: 30px auto
}

.sitecore-form .contact-us-form,
.sitecore-form .demo-form {
    max-width: 588px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent
}

@media (max-width:991px) {

    .sitecore-form .contact-form,
    .sitecore-form .contact-us-form {
        width: 90% !important
    }
}

.sitecore-form .contact-form .counter *,
.sitecore-form .contact-us-form .counter * {
    color: #707070
}

.sitecore-form .contact-form input[type=submit],
.sitecore-form .contact-us-form input[type=submit] {
    float: left
}

.sitecore-form .contact-form .cancel-button,
.sitecore-form .contact-us-form .cancel-button {
    text-transform: uppercase;
    float: left;
    color: #707070;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px
}

.sitecore-form .contact-form .cancel-button:hover,
.sitecore-form .contact-us-form .cancel-button:hover {
    cursor: pointer
}

.sitecore-form .form ::-webkit-input-placeholder {
    color: #6e757a;
    font-size: 14px
}

.sitecore-form .form :-moz-placeholder {
    color: #6e757a;
    font-size: 14px
}

.sitecore-form .form ::-moz-placeholder {
    color: #6e757a;
    font-size: 14px
}

.sitecore-form label input[type=checkbox] {
    margin-right: 10px
}

.sitecore-form .hidden-section {
    display: none
}

.sitecore-form .demo-form {
    background-color: #fff;
    border-radius: 10px;
    padding: 32px 40px
}

@media (max-width:768px) {
    .sitecore-form .demo-form {
        padding: 24px;
        border-radius: 0
    }
}

.sitecore-form .demo-form a,
.sitecore-form .demo-form h4 {
    color: #2454af !important
}

.sitecore-form .demo-form p {
    color: #000
}

.sitecore-form .demo-form .bulleted {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.sitecore-form .demo-form .bulleted::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: flex;
    background-color: #0954b5;
    margin-right: 8px
}

.sitecore-form .demo-form p.p-xsmall {
    margin-top: 24px
}

.sitecore-form .demo-form input[type=submit] {
    display: flex;
    height: 40px;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    transition: background-color .5s, color .5s, border .5s, box-shadow .5s;
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    background-color: #fe710d !important;
    border: none
}

.sitecore-form .demo-form input[type=submit]:hover {
    background-color: #e0610d !important
}

.sitecore-form .demo-form .modal-close {
    width: 20px
}

.sitecore-form .close-form-button {
    display: none;
    position: absolute;
    width: 15px !important;
    height: 15px;
    background-image: url(../../../images/close.svg);
    background-repeat: no-repeat;
    right: 20px;
    top: 20px;
    cursor: pointer
}

@media (max-width:768px) {
    .sitecore-form .close-form-button {
        width: 20px !important;
        height: 20px;
        right: 10px;
        top: 10px
    }
}

.sitecore-form .validation-summary-errors {
    margin: 10px 0
}

.sitecore-form .validation-summary-errors li {
    font-size: 14px;
    line-height: 20px;
    color: #c92c18
}

.sitecore-form .form-submit-loader {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 15px;
    margin-left: 15px
}

.sitecore-form .form-submit-loader::before {
    content: '';
    background-image: url(../../../images/loader.gif);
    background-size: cover;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px
}

.sitecore-form .form-submit--with-loader {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.sitecore-form .form-submit--with-loader>input[type=submit].active~.form-submit-loader {
    display: flex
}

.modal .close-form-button {
    display: flex
}

.modal .contact-us-form {
    padding: 40px;
    border-radius: 10px
}

.modal .sitecore-form form:not(.lesson-survey-form) {
    display: none
}

.modal label {
    color: #888
}

.contact-us-form .select-selected {
    background-color: transparent !important
}

.hubpage {
    margin-left: 0 !important
}

.captcha-section {
    margin-bottom: 20px
}

.agreement-section {
    margin-bottom: 20px;
    margin-top: 20px
}

.page-heading.dark-theme .sitecore-form p.login-form__forgot a {
    color: #0954b5
}

.sitecore-form form.form-2fa {
    display: none
}

.sitecore-form form.form-2fa .two-factor-back-button {
    border: none;
    background: 0 0;
    cursor: pointer;
    text-decoration: underline
}

.sitecore-form form .floating-label {
    display: flex;
    flex-direction: column;
    position: relative
}

.sitecore-form form .floating-label .field-validation-error {
    position: absolute;
    left: 0;
    top: 100%
}

.sitecore-form form .floating-label input,
.sitecore-form form .floating-label textarea {
    position: relative;
    z-index: 2
}

.sitecore-form form .floating-label label {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #707070;
    z-index: 3;
    transition: all .2s
}

.sitecore-form form .floating-label.focused label,
.sitecore-form form .floating-label.has-data label {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .01em;
    left: 8px;
    top: -7px;
    z-index: 3;
    background-color: #f9f9fc;
    padding: 0 2px
}

.sitecore-form form .floating-label.focused label {
    color: var(--form-active-label-color)
}

.sitecore-form form .floating-label.focused input,
.sitecore-form form .floating-label.focused textarea {
    border-color: var(--input-border-color)
}

.sitecore-form form .floating-label:not(.focused):not(.has-data) input[type=date] {
    color: transparent
}

.sitecore-form form .floating-label:has(input:-webkit-autofill) label,
.sitecore-form form .floating-label:has(input:autofill) label,
.sitecore-form form .floating-label:has(textarea:-webkit-autofill) label,
.sitecore-form form .floating-label:has(textarea:autofill) label {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .01em;
    left: 8px;
    top: -7px;
    z-index: 3;
    background-color: #f9f9fc;
    padding: 0 2px
}

.sitecore-form form .floating-label.has-error::after {
    font-weight: 600;
    content: "!";
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    color: #c92c18;
    border: 2px solid #c92c18;
    border-radius: 50%;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    z-index: 3
}

.sitecore-form form .floating-label.has-error.focused::after,
.sitecore-form form .floating-label.has-error.is-password::after,
.sitecore-form form .floating-label.has-error.is-select:not(.phone-select)::after {
    display: none
}

.sitecore-form form .floating-label.has-error:not(.focused) input[type=date]::-webkit-calendar-picker-indicator,
.sitecore-form form .floating-label.has-error:not(.focused) input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.sitecore-form form .floating-label.has-error label {
    color: #c92c18
}

.checkbox {
    font-size: 14px;
    line-height: 20px
}

.checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    margin: 0;
    position: absolute;
    left: -10000px
}

.checkbox label {
    padding-left: 25px;
    display: block;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer
}

.checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: var(--input-border-radius);
    border: 2px solid var(--input-border-color)
}

.checkbox input[type=checkbox]:checked+label::before {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-color: var(--input-border-color);
    background-color: #12225c;
    background-image: url(../../../images/check-white.svg);
    background-size: 70% 70%
}

/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-datepicker {
    background: #fff;
    padding: 20px;
    color: #fff;
    margin-top: -10px;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14)
}

.ui-datepicker:after {
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 10px 10px 0 10px;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.ui-datepicker-header {
    background: #12225c;
    border: none;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    top: 0
}

.ui-datepicker .ui-corner-all .ui-icon {
    display: none
}

.ui-datepicker .ui-corner-all.ui-state-hover {
    background: 0 0;
    border: none
}

.ui-datepicker-next::before,
.ui-datepicker-prev::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 6px;
    height: 12px;
    background-repeat: no-repeat
}

.ui-datepicker-prev::before {
    background-image: url(../../../images/chevron-left-main-white.svg)
}

.ui-datepicker-next::before {
    background-image: url(../../../images/chevron-right-main-white.svg)
}

.ui-datepicker-calendar {
    table-layout: fixed
}

.ui-datepicker-calendar .ui-state-default {
    border: none;
    background: 0 0;
    font-weight: 400;
    color: rgba(0, 0, 0, .7);
    outline: 0;
    text-align: center;
    line-height: 40px;
    width: 100%;
    padding: 0
}

.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-hover {
    background: #12225c;
    color: #fff
}

.ui-datepicker-calendar thead {
    background-color: #12225c
}

.ui-datepicker-calendar thead th {
    font-size: 14px;
    line-height: 25px;
    color: rgba(255, 255, 255, .8);
    letter-spacing: .14px;
    text-transform: uppercase;
    font-weight: 200
}

.ui-datepicker-calendar tbody {
    background-color: #fff
}

.ui-datepicker-calendar tbody td {
    padding: 0;
    border-left: 1px solid var(--input-border-color);
    border-bottom: 1px solid var(--input-border-color)
}

.ui-datepicker-calendar tbody td:last-child {
    border-right: 1px solid var(--input-border-color)
}

.ui-datepicker-unselectable {
    background: #e6e8f1;
    color: #000
}

.ui-datepicker th {
    padding: 0
}

.ui-datepicker table {
    margin: 0
}

@media (max-width:767px) {
    .ui-datepicker {
        width: 320px;
        padding: 10px 10px 10px;
        margin-top: 0
    }

    .ui-datepicker-calendar {
        margin: 0
    }

    .ui-datepicker th {
        padding: .7em .3em
    }
}

.radio {
    font-size: 14px;
    line-height: 20px
}

.radio input[type=radio] {
    width: 0;
    height: 0;
    margin: 0;
    position: absolute
}

.radio label {
    padding-left: 25px;
    display: block;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.radio label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid var(--input-border-color)
}

.radio input[type=radio]:checked+label::before {
    border-color: var(--input-border-color);
    background-color: #12225c
}

.sitecore-form .component-content form .agreement-section label {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    width: 100%
}

.sitecore-form .component-content form .agreement-section label:not(:first-of-type) {
    margin-left: 34px
}

.sitecore-form .component-content form .agreement-section label:not(:first-of-type):hover::before {
    box-shadow: rgba(0, 0, 0, .05) 0 0 0 7px;
    background-color: rgba(0, 0, 0, .05)
}

.sitecore-form .component-content form .agreement-section input[type=radio]+label:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    left: -34px;
    border: 2px solid var(--input-border-color);
    border-radius: 50%
}

.sitecore-form .component-content form .agreement-section input[type=radio]:checked+label:not(:first-of-type)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    width: 10px;
    left: -30px;
    background-color: var(--input-border-color);
    border-radius: 50%
}

.sitecore-form .component-content form .agreement-section input {
    display: none
}

.countries-select {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.countries-select .field-validation-error {
    order: 1
}

.countries-select.focused .select-selected {
    border: 1px solid #0954b5
}

.countries-select select {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.select-selected::before {
    position: absolute;
    content: "";
    top: 6px;
    width: 1px;
    height: 28px;
    right: 38px;
    background-color: #707070
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 6px;
    right: 3px;
    width: 30px;
    height: 28px;
    background-image: url(../../../images/chevron-down-main.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s
}

.select-selected.select-arrow-active:after {
    transform: rotate(180deg)
}

.select-selected {
    height: 40px;
    background-color: #fff;
    background-position: 10px center;
    background-repeat: no-repeat;
    border-radius: var(--input-border-radius);
    border: 1px solid #12225c;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 40px;
    width: 100%;
    font-size: 14px;
    color: #12225c
}

.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    height: 250px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #efefef
}

.select-items>div {
    padding: 5px 10px 5px 40px;
    font-size: 14px;
    background-position: 10px center;
    background-repeat: no-repeat
}

.select-hide {
    display: none
}

.same-as-selected,
.select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
}

.sitecore-form select:not(.telephone-codes-select) {
    width: 100%;
    height: 40px;
    padding: 10px;
    border-radius: var(--input-border-radius);
    font-size: 14px
}

.sitecore-form select:not(.telephone-codes-select) option {
    font-size: 14px
}

.sitecore-form .phone-select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.sitecore-form .phone-select .phonecode-select {
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 40px;
    padding: 10px 0 10px 10px;
    display: flex;
    align-items: center;
    position: relative
}

.sitecore-form .phone-select .phonecode-select .phonecode {
    position: relative;
    padding-right: 4px;
    border-right: 1px solid #6e757a
}

.sitecore-form .phone-select .phonecode-select .phonecode .phonecode-inner {
    background-image: url(../../../images/chevron-down-main.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;
    background-size: 12px 6px
}

.sitecore-form .phone-select .phonecode-select .phonecode select.telephone-codes-select {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    border: none;
    font-size: 0;
    background: 0 0;
    opacity: 0;
    height: 24px
}

.sitecore-form .phone-select .phonecode-select .phonecode select.telephone-codes-select option {
    font-size: 14px
}

.sitecore-form .phone-select .phonecode-select input[type=tel] {
    flex: 1;
    border: none;
    width: auto;
    margin: 0;
    height: 38px
}

@media (max-width:575px) {
    .sitecore-form .phone-select .phonecode-select input[type=tel] {
        width: 100%
    }
}

.sitecore-form .phone-select .phonecode-select+.field-validation-error {
    position: absolute;
    top: 100%;
    left: 0
}

.sitecore-form .phone-select input~span.phone-code-error-icon {
    display: none
}

.sitecore-form .phone-select input.input-validation-error~span.phone-code-error-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #c92c18;
    border: 2px solid #c92c18;
    border-radius: 50%;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    display: inline-block
}

.sitecore-form .with-toggler+.show-hide-trigger {
    position: relative;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
    margin-left: calc(100% - 20px - 10px);
    margin-top: -20px;
    transform: translateY(-10px)
}

.sitecore-form input[type=password].with-toggler+.show-hide-trigger {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.466564 10.4284C0.478284 10.4636 0.478284 10.5004 0.495034 10.5348C0.839194 11.2273 1.25117 11.8578 1.69666 12.4507L2.88824 11.2591C2.64038 10.9141 2.40759 10.5532 2.19741 10.1688C3.68458 7.50684 6.12384 5.73077 8.81933 5.32799L10.5477 3.59966C10.3601 3.58878 10.175 3.567 9.98579 3.567C6.08364 3.567 2.44862 5.93843 0.499234 9.756C0.481654 9.79117 0.481654 9.82885 0.469094 9.86486C0.457374 9.895 0.451504 9.92516 0.443134 9.95613C0.428894 10.0206 0.417174 10.0817 0.418014 10.1462C0.417174 10.2082 0.428064 10.2685 0.440624 10.3313C0.448994 10.3648 0.454854 10.3966 0.466584 10.4284H0.466564Z" fill="%23888b8b"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.4968 10.0423C19.4885 10.009 19.4827 9.97654 19.4702 9.94405C19.4585 9.90907 19.4585 9.87325 19.4419 9.83993C18.5321 8.00574 17.2351 6.5064 15.7081 5.42936L18.8787 2.25909C19.2036 1.93339 19.2036 1.40613 18.8787 1.08127C18.553 0.755583 18.0256 0.755583 17.7007 1.08127L15.4665 3.31446C15.4465 3.33778 15.4306 3.3636 15.409 3.38526L3.20293 15.5908C3.1796 15.6132 3.15294 15.6291 3.12878 15.6507L1.0203 17.759C0.694568 18.0847 0.694568 18.6119 1.0203 18.9368C1.18275 19.1 1.39601 19.1808 1.60927 19.1808C1.82253 19.1808 2.0358 19.1 2.19825 18.9368L5.48219 15.6532C6.87924 16.3737 8.41457 16.7702 9.9999 16.7702C13.882 16.7702 17.4983 14.4113 19.4377 10.6129C19.4552 10.5788 19.4552 10.5421 19.4677 10.5071C19.4793 10.4763 19.486 10.4455 19.4935 10.4138C19.5077 10.3505 19.5193 10.2889 19.5185 10.2256C19.5202 10.164 19.5093 10.1048 19.4968 10.0423ZM11.7902 9.34681C11.8901 9.59753 11.9451 9.87241 11.9451 10.1615C11.9451 11.3184 11.0587 12.2597 9.96908 12.2597C9.65585 12.2597 9.36344 12.1747 9.10019 12.0365L11.7902 9.34681ZM9.9999 15.1043C8.86693 15.1043 7.76562 14.8519 6.73595 14.3996L7.89141 13.2451C8.48122 13.6716 9.19599 13.9256 9.96907 13.9256C11.9776 13.9256 13.6112 12.2364 13.6112 10.1615C13.6112 9.40679 13.3905 8.7071 13.0197 8.11735L14.5051 6.63134C15.8055 7.4893 16.9293 8.70293 17.7482 10.2031C16.0571 13.2285 13.1297 15.1043 9.9999 15.1043V15.1043Z" fill="%23888b8b"/></svg>')
}

.sitecore-form input[type=text].with-toggler+.show-hide-trigger {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5206 7.01019C19.5214 6.94822 19.5106 6.88877 19.4981 6.8268C19.4898 6.79247 19.484 6.75981 19.4715 6.72715C19.4598 6.69198 19.4606 6.65598 19.444 6.62248C17.5186 2.72368 13.8761 0.302002 9.93862 0.302002C6.05617 0.302002 2.43949 2.67344 0.499926 6.49101C0.481596 6.52618 0.481596 6.5647 0.469096 6.60071C0.458266 6.63002 0.452436 6.65932 0.444106 6.68947C0.429946 6.75395 0.418276 6.81675 0.419116 6.88123C0.417446 6.94404 0.428276 7.00516 0.441606 7.06796C0.449106 7.09978 0.454936 7.13077 0.466596 7.16174C0.479096 7.19775 0.478256 7.23543 0.495756 7.2706C2.42199 11.1677 6.06366 13.5886 10.0003 13.5886C13.8827 13.5886 17.4994 11.2171 19.4398 7.40039C19.4573 7.36522 19.4573 7.32838 19.469 7.29321C19.4815 7.26223 19.4873 7.23124 19.4956 7.19943C19.5098 7.13579 19.5214 7.07466 19.5206 7.01018V7.01019ZM10.0003 11.9138C6.82933 11.9138 3.87334 10.003 2.18955 6.903C3.88 3.86166 6.8085 1.97674 9.93863 1.97674C13.1104 1.97674 16.0656 3.88846 17.7494 6.98757C16.0589 10.0297 13.1312 11.9138 10.0003 11.9138Z" fill="%23888b8b"/><path d="M9.96975 3.998C8.41056 3.998 7.14697 5.3177 7.14697 6.94555C7.14697 8.57256 8.41056 9.89226 9.96975 9.89226C11.5298 9.89226 12.7934 8.57256 12.7934 6.94555C12.7934 5.3177 11.5298 3.998 9.96975 3.998Z" stroke="%23888b8b" stroke-width="2"/></svg>')
}

.sitecore-form input[type=password].with-toggler.input-validation-error+.show-hide-trigger {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.466564 10.4284C0.478284 10.4636 0.478284 10.5004 0.495034 10.5348C0.839194 11.2273 1.25117 11.8578 1.69666 12.4507L2.88824 11.2591C2.64038 10.9141 2.40759 10.5532 2.19741 10.1688C3.68458 7.50684 6.12384 5.73077 8.81933 5.32799L10.5477 3.59966C10.3601 3.58878 10.175 3.567 9.98579 3.567C6.08364 3.567 2.44862 5.93843 0.499234 9.756C0.481654 9.79117 0.481654 9.82885 0.469094 9.86486C0.457374 9.895 0.451504 9.92516 0.443134 9.95613C0.428894 10.0206 0.417174 10.0817 0.418014 10.1462C0.417174 10.2082 0.428064 10.2685 0.440624 10.3313C0.448994 10.3648 0.454854 10.3966 0.466584 10.4284H0.466564Z" fill="%23A82528"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.4968 10.0423C19.4885 10.009 19.4827 9.97654 19.4702 9.94405C19.4585 9.90907 19.4585 9.87325 19.4419 9.83993C18.5321 8.00574 17.2351 6.5064 15.7081 5.42936L18.8787 2.25909C19.2036 1.93339 19.2036 1.40613 18.8787 1.08127C18.553 0.755583 18.0256 0.755583 17.7007 1.08127L15.4665 3.31446C15.4465 3.33778 15.4306 3.3636 15.409 3.38526L3.20293 15.5908C3.1796 15.6132 3.15294 15.6291 3.12878 15.6507L1.0203 17.759C0.694568 18.0847 0.694568 18.6119 1.0203 18.9368C1.18275 19.1 1.39601 19.1808 1.60927 19.1808C1.82253 19.1808 2.0358 19.1 2.19825 18.9368L5.48219 15.6532C6.87924 16.3737 8.41457 16.7702 9.9999 16.7702C13.882 16.7702 17.4983 14.4113 19.4377 10.6129C19.4552 10.5788 19.4552 10.5421 19.4677 10.5071C19.4793 10.4763 19.486 10.4455 19.4935 10.4138C19.5077 10.3505 19.5193 10.2889 19.5185 10.2256C19.5202 10.164 19.5093 10.1048 19.4968 10.0423ZM11.7902 9.34681C11.8901 9.59753 11.9451 9.87241 11.9451 10.1615C11.9451 11.3184 11.0587 12.2597 9.96908 12.2597C9.65585 12.2597 9.36344 12.1747 9.10019 12.0365L11.7902 9.34681ZM9.9999 15.1043C8.86693 15.1043 7.76562 14.8519 6.73595 14.3996L7.89141 13.2451C8.48122 13.6716 9.19599 13.9256 9.96907 13.9256C11.9776 13.9256 13.6112 12.2364 13.6112 10.1615C13.6112 9.40679 13.3905 8.7071 13.0197 8.11735L14.5051 6.63134C15.8055 7.4893 16.9293 8.70293 17.7482 10.2031C16.0571 13.2285 13.1297 15.1043 9.9999 15.1043V15.1043Z" fill="%23A82528"/></svg>')
}

.sitecore-form form .validation-rules {
    position: relative
}

.sitecore-form form .validation-rules.focused .validation-rules__box,
.sitecore-form form .validation-rules.has-data .validation-rules__box,
.sitecore-form form .validation-rules.has-error .validation-rules__box {
    display: block !important
}

.sitecore-form form .validation-rules.has-error {
    --input-border-color: #C92C18;
    --form-text-color: #C92C18
}

.sitecore-form form .validation-rules__box {
    position: relative;
    padding: 25px 30px;
    margin-top: 24px;
    background: var(--validation-box-background-color, #e6e8f1);
    --form-text-color: #12225C
}

.sitecore-form form .validation-rules__title {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px
}

.sitecore-form form .validation-rules__item {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 20px
}

.sitecore-form form .validation-rules__item-with-icon {
    margin-top: 5px;
    margin-bottom: 0
}

.sitecore-form form .validation-rules__item-with-icon::before {
    content: "";
    display: block;
    width: 11px;
    height: 8px;
    margin-right: 5px;
    background-image: url(../../../images/check-grey-small.svg);
    background-size: 11px;
    background-position: center left;
    background-repeat: no-repeat
}

.sitecore-form form .validation-rules__symbols {
    padding-left: 16px
}

.sitecore-form form .validation-rules--valid::before {
    background-image: url(../../../images/check-green.svg)
}

.sitecore-form form .validation-rules .field-validation-error {
    top: 38px
}

form.hubpage-form,
form.newsletter-form {
    max-width: 508px;
    margin: 0 auto
}

form.hubpage-form input,
form.newsletter-form input {
    background: #fff
}

form.hubpage-form input[type=submit],
form.newsletter-form input[type=submit] {
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    transition: background-color .5s, color .5s, border .5s, box-shadow .5s;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    text-decoration: none;
    color: #fff;
    background: #fe710d;
    padding: 13px 20px;
    border: 0;
    margin-left: auto;
    margin-right: auto
}

form.hubpage-form input[type=submit]:hover,
form.newsletter-form input[type=submit]:hover {
    color: #fff;
    background: #c55d13
}

form.hubpage-form input[type=email],
form.newsletter-form input[type=email] {
    margin-bottom: 20px
}

.cookie-settings-form {
    background: #f7f8fb;
    border-radius: 10px;
    padding: 80px 95px;
    margin: 24px 0
}

@media (max-width:768px) {
    .cookie-settings-form {
        padding: 30px 16px
    }
}

.cookie-settings-form h3 {
    color: #2454af !important;
    margin: 0 0 18px 0;
    display: inline-block;
    margin-left: 24px
}

.cookie-settings-form p {
    font-size: 16px;
    color: #000 !important
}

.cookie-settings-form span.form-title-icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url(../../../images/cookies-settings-title.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.cookie-settings-form label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #000 !important
}

.cookie-settings-form .necessary-cookies-title {
    position: relative;
    margin-bottom: 8px;
    margin-top: 44px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width:768px) {
    .cookie-settings-form .necessary-cookies-title {
        margin-top: 30px
    }
}

.cookie-settings-form .necessary-cookies-title::before {
    width: 14px;
    height: 14px;
    border: 1px solid #b0b8ba;
    content: "";
    display: inline-block;
    margin-right: 12px
}

.cookie-settings-form .necessary-cookies-title::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../../../images/check-grey.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 2px;
    top: 0;
    display: block
}

@media (max-width:768px) {
    .cookie-settings-form .buttons-section {
        text-align: center
    }
}

.sitecore-form form.webinar-video-form {
    flex-flow: row nowrap
}

.webinar-video-form__btn {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.webinar-video-form__btn>span,
.webinar-video-form__btn>svg {
    display: none
}

.sitecore-form form .webinar-video-form__btn .vote-overall-count {
    display: block;
    color: #6e757a
}

.sitecore-form form .webinar-video-form__btn>input[type=submit] {
    position: absolute;
    left: 20px;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1;
    margin: 0
}

.webinar-video-form__btn::before {
    content: '';
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../../images/thumbup-alt-grey.svg);
    width: 20px;
    height: 20px;
    margin-left: 20px;
    margin-right: 10px
}

.webinar-video-form__btn--no::before {
    transform: rotate(180deg)
}

.webinar-video-form__btn.selected,
.webinar-video-form__btn:hover {
    cursor: pointer
}

.webinar-video-form__btn.selected::before,
.webinar-video-form__btn:hover::before {
    background-image: url(../../../images/thumbup-alt-blue.svg)
}

.sitecore-form form.lesson-survey-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form {
        max-width: 385px;
        margin: 20px auto
    }
}

.sitecore-form form.lesson-survey-form .survey-question {
    font-size: 20px;
    line-height: 26px;
    flex-basis: 35%;
    align-self: center;
    margin-bottom: 0;
    padding-right: 20px
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form .survey-question {
        flex-basis: 100%;
        padding-right: 0;
        text-align: center
    }
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .survey-question {
        font-size: 16px;
        line-height: 22px
    }
}

.sitecore-form form.lesson-survey-form p.ui-label,
.sitecore-form form.lesson-survey-form textarea {
    font-size: 16px;
    line-height: 22px;
    flex-basis: 65%;
    margin-left: 35%;
    margin-bottom: 10px;
    max-width: 385px
}

@media (max-width:991px) {

    .sitecore-form form.lesson-survey-form p.ui-label,
    .sitecore-form form.lesson-survey-form textarea {
        margin-left: 0;
        flex-basis: 100%
    }
}

@media (max-width:575px) {

    .sitecore-form form.lesson-survey-form p.ui-label,
    .sitecore-form form.lesson-survey-form textarea {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .ui-label {
        font-size: 13px;
        line-height: 20px
    }
}

.sitecore-form form.lesson-survey-form textarea {
    border: 1px solid #707070;
    height: 156px;
    padding: 5px 10px 20px;
    resize: none
}

.sitecore-form form.lesson-survey-form .counter {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    width: 385px;
    text-align: right;
    padding: 5px
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .counter {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .01em
    }
}

@media (max-width:768px) {
    .sitecore-form form.lesson-survey-form .counter {
        max-width: 100%
    }
}

.sitecore-form form.lesson-survey-form .field-validation-error {
    color: #c92c18
}

.sitecore-form form.lesson-survey-form .field-validation-error,
.sitecore-form form.lesson-survey-form .field-validation-valid {
    font-size: 13px;
    line-height: 20px;
    flex-basis: 65%;
    margin-left: 35%;
    max-width: 385px;
    margin-bottom: 30px
}

@media (max-width:991px) {

    .sitecore-form form.lesson-survey-form .field-validation-error,
    .sitecore-form form.lesson-survey-form .field-validation-valid {
        margin-left: 0;
        flex-basis: 100%
    }
}

@media (max-width:575px) {

    .sitecore-form form.lesson-survey-form .field-validation-error,
    .sitecore-form form.lesson-survey-form .field-validation-valid {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .01em;
        margin-bottom: 15px
    }
}

.sitecore-form form.lesson-survey-form .button {
    margin-left: 35%
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form .button {
        margin-left: 0
    }
}

.sitecore-form form.lesson-survey-form .button-link.cancel {
    margin-top: 0;
    margin-bottom: 0
}

.sitecore-form form.lesson-survey-form .vote-wrap+p:not(.ui-label) {
    flex-basis: 100%
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form .vote-wrap+p:not(.ui-label) {
        text-align: center
    }
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .vote-wrap+p:not(.ui-label) {
        font-size: 13px;
        line-height: 20px
    }
}

.sitecore-form form.lesson-survey-form .vote-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 180px;
    padding: 12px;
    margin: 30px 0;
    transition: color .3s, border-color .3s
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .vote-wrap {
        width: 120px;
        margin: 15px 0 20px
    }
}

.sitecore-form form.lesson-survey-form .vote-wrap.selected {
    pointer-events: none
}

.sitecore-form form.lesson-survey-form .vote-wrap svg {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px)
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .vote-wrap svg {
        width: 13px;
        height: 13px
    }
}

.sitecore-form form.lesson-survey-form .vote-wrap span {
    color: inherit;
    padding: 0 10px
}

.sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-up {
    flex-direction: row-reverse
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-up {
        margin-left: auto
    }
}

.sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-up.selected {
    color: #14964f
}

.sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-up svg {
    right: 60px
}

@media (max-width:991px) {
    .sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-down {
        margin-right: auto
    }
}

.sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-down.selected {
    color: #c92c18
}

.sitecore-form form.lesson-survey-form .vote-wrap.vote-wrap-down svg {
    transform: rotate(180deg);
    left: 60px
}

.sitecore-form form.lesson-survey-form .vote-wrap .vote-overall-count {
    display: none
}

.sitecore-form form.lesson-survey-form .vote-wrap+.vote-wrap {
    margin-left: 24px
}

@media (max-width:575px) {
    .sitecore-form form.lesson-survey-form .vote-wrap+.vote-wrap {
        margin-left: 16px
    }
}

.sitecore-form form.lesson-survey-form input[type=submit].vote-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    border: none;
    background: 0 0
}

.sitecore-form form.lesson-survey-form input[type=submit].vote-btn:hover {
    background: initial
}

.sitecore-form .login-form input[type=submit].button {
    margin: 15px 0 0
}

.sitecore-form .login-form__header {
    display: none;
    margin: 0 0 15px
}

.sitecore-form .login-form__forgot {
    font-size: 14px;
    line-height: 20px
}

.sitecore-form .login-form__forgot a {
    text-decoration: underline
}

.sitecore-form .login-form__footer {
    display: flex;
    flex-flow: column;
    margin-bottom: 24px
}

.sitecore-form .login-form .captcha-section {
    margin: 0 0 20px
}

@media (max-width:767px) {
    .vertical-tabs .sitecore-form .login-form {
        margin: 10px -15px;
        width: calc(100% + 30px)
    }
}

@media (min-width:768px) {
    .sitecore-form .login-form input[type=submit].button {
        margin: 15px 0 0
    }

    .sitecore-form .login-form__header {
        display: block
    }

    .sitecore-form .login-form__footer {
        flex-flow: row;
        justify-content: space-between
    }

    .vertical-tabs .sitecore-form .login-form {
        margin: 20px 25px
    }
}

.sitecore-form form input[type=submit] {
    border-radius: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #12225c;
    background-color: #fff;
    color: #12225c;
    transition: background-color .5s, color .5s, border-color .5s
}

.sitecore-form form input[type=submit]:hover {
    background-color: #12225c;
    color: #fff
}

.sitecore-form .contact-form {
    margin: 80px auto;
    max-width: 588px
}

@media (max-width:991px) {
    .sitecore-form .contact-form {
        margin: 50px auto
    }
}

.sitecore-form .floating-label.phone-select label {
    left: 20px
}

.sitecore-form .floating-label.phone-select.focused label,
.sitecore-form .floating-label.phone-select.has-data label {
    left: 18px
}

.cookie-settings-form .options-section {
    margin-bottom: 54px
}

@media (max-width:768px) {
    .cookie-settings-form .options-section {
        margin-bottom: 40px
    }
}

.cookie-settings-form .options-section input {
    margin-top: 54px
}

@media (max-width:768px) {
    .cookie-settings-form .options-section input {
        margin-top: 30px
    }
}

.cookie-settings-form .options-section>div:first-child {
    opacity: .7
}

.cookie-settings-form .necessary-cookies-title {
    color: #000 !important
}

.lesson-survey-form .vote-wrap {
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    color: #707070;
    background-color: #f9f9fc;
    border: 1px solid rgba(255, 255, 255, 0)
}

.lesson-survey-form .vote-wrap:hover {
    color: #0954b5;
    border-color: #0954b5
}

.lesson-survey-form .vote-wrap span {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: inherit;
    padding: 0 10px
}

@media (max-width:575px) {
    .lesson-survey-form .vote-wrap span {
        font-size: 13px;
        line-height: 20px
    }
}

.lesson-survey-form textarea {
    border: 1px solid #707070
}

.sitecore-form .login-form .floating-label.has-error {
    margin-bottom: 4px
}

.sitecore-form .login-form .floating-label.has-error:after {
    top: 10px
}

.sitecore-form .login-form .floating-label .field-validation-error {
    position: static
}