.modal-myBookero {

    *,
    ::after,
    ::before,
    :after,
    :before {
        box-sizing: border-box
    }

    footer,
    header,
    img,
    main,
    nav,
    section {
        display: block
    }

    .content-form .choose-method,
    a,
    button {
        transition: all .4s ease-in-out;
        cursor: pointer
    }

    .content,
    .wrapper,
    img {
        width: 100%
    }

    .content-form-extra form .error,
    .popup-content p {
        text-align: center
    }

    a,
    b,
    blockquote,
    body,
    canvas,
    caption,
    code,
    div,
    em,
    embed,
    fieldset,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    html,
    i,
    iframe,
    img,
    label,
    li,
    main,
    nav,
    object,
    ol,
    p,
    pre,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Black.woff2) format("woff2"), url(../fonts/Poppins-Black.woff) format("woff");
        font-weight: 900;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Bold.woff2) format("woff2"), url(../fonts/Poppins-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-ExtraBold.woff2) format("woff2"), url(../fonts/Poppins-ExtraBold.woff) format("woff");
        font-weight: 800;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Medium.woff2) format("woff2"), url(../fonts/Poppins-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Thin.woff2) format("woff2"), url(../fonts/Poppins-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Light.woff2) format("woff2"), url(../fonts/Poppins-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-ExtraLight.woff2) format("woff2"), url(../fonts/Poppins-ExtraLight.woff) format("woff");
        font-weight: 200;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-SemiBold.woff2) format("woff2"), url(../fonts/Poppins-SemiBold.woff) format("woff");
        font-weight: 600;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Poppins;
        src: url(../fonts/Poppins-Regular.woff2) format("woff2"), url(../fonts/Poppins-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    *,
    ::after,
    ::before {
        margin: 0;
        padding: 0
    }

    body {
        background-color: #f4f4f4;
        color: #000;
        font-family: Poppins, sans-serif;
        font-size: 15px;
        word-wrap: break-word;
        outline: 0 !important;
        font-weight: 400;
        line-height: 1.6;
        margin: 0;
        padding: 0
    }

    .content-form-extra form .iti__country-container:focus,
    .content-form-extra form .iti__country-container:focus-visible,
    .content-form-extra form .iti__country-container:hover,
    .content-form-extra form .iti__search-input:focus,
    .content-form-extra form .iti__search-input:focus-visible,
    .content-form-extra form input#phone:focus,
    .content-form-extra form input#phone:focus-visible {
        outline: #525199 solid 1px
    }

    img {
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        height: auto;
        max-width: 100%
    }

    a {
        color: #525199
    }

    a:hover {
        text-decoration: none
    }

    button {
        background: 0 0;
        border: none;
        font-size: 16px
    }

    strong {
        font-weight: 700
    }

    .site-main {
        margin-top: 24px
    }

    .site-main>.wrapper {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        gap: 24px
    }

    .wrapper {
        margin: 0 auto;
        position: relative;
        padding: 0 15px;
        max-width: 1230px
    }

    .content-flex {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        gap: 24px
    }

    @media all and (max-width:1010px) {
        .site-main>.wrapper {
            flex-direction: column
        }
    }

    @media all and (max-width:500px) {
        body {
            overflow-x: hidden
        }
    }

    .content {
        max-width: 810px
    }

    .content-form {
        background-color: #fff;
        border-radius: 8px;
        padding: 32px 24px;
        margin-bottom: 24px
    }

    .content-form>h2 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 24px
    }

    .content-form>h2.border-bottom {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 24px
    }

    .content-form>h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 16px
    }

    .content-form>span {
        color: #575757;
        display: block;
        font-size: 16px;
        margin-bottom: 15px
    }

    .content-form-switcher {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        gap: 16px
    }

    .content-form .choose-method {
        align-items: center;
        border: 1px solid #ccd5e2;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 250px;
        padding: 16px 0;
        width: 100%
    }

    .content-form .choose-method.active,
    .content-form .choose-method.active button::before,
    .content-form .choose-method:hover,
    .content-form .choose-method:hover button::before {
        border-color: #525199
    }

    .content-form .choose-method.active img,
    .content-form .choose-method:hover img {
        transform: translateY(-4px)
    }

    .content-form .choose-method.active button,
    .content-form .choose-method:hover button {
        color: #525199
    }

    .content-form .choose-method.active button::after,
    .content-form .choose-method:hover button::after {
        background-color: #525199
    }

    .content-form .choose-method img {
        height: 100%;
        max-width: 42px;
        -o-object-fit: contain;
        object-fit: contain;
        transition: all .4s linear
    }

    .content-form .choose-method button {
        align-items: center;
        background: 0 0;
        border: none;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        gap: 16px;
        margin: 16px 0 0;
        position: relative
    }

    .content-form .choose-method button::before,
    .content-form .choose-method button:after {
        display: block;
        transition: all .4s ease-in-out;
        content: ""
    }

    .content-form .choose-method button::before {
        border: 1px solid #000;
        border-radius: 50%;
        height: 24px;
        position: relative;
        width: 24px
    }

    .content-form .choose-method button:after {
        border-radius: 50%;
        height: 12px;
        left: 6px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 12px
    }

    .content-form .change-method {
        background-color: #fff;
        color: #525199;
        display: none;
        font-size: 16px;
        font-weight: 400;
        padding: 12px 0
    }

    .content-form .change-method:hover {
        color: #074985
    }

    .content-form .choose-your-method {
        display: none;
        font-weight: 400;
        margin-top: 10px
    }

    .content-form .choose-your-method span {
        font-weight: 600
    }

    .content-form-extra {
        margin-top: 16px
    }

    .content-form-extra.active button span {
        border-color: #525199
    }

    .content-form-extra.active button span::before {
        opacity: 1
    }

    .content-form-extra.active form {
        display: block
    }

    .content-form-extra .terms {
        border: 1px solid #e6e6e6;
        border-left: 0;
        border-right: 0;
        margin: 40px 0 20px;
        padding: 20px 0
    }

    .content-form-extra .terms-item {
        align-items: flex-start;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .content-form-extra .terms-item strong {
        display: block;
        font-size: 14px;
        margin-bottom: 7px;
        width: 100%
    }

    .content-form-extra .terms-item input {
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        cursor: pointer;
        height: 22px;
        margin: 3px 0;
        position: relative;
        transition: all .25s ease-out;
        width: 22px
    }

    .content-form-extra .terms-item input::after,
    .content-form-extra .terms-item input::before {
        background: #fff;
        content: "";
        display: block;
        margin: 0;
        padding: 0;
        position: absolute
    }

    .content-form-extra .terms-item input::before {
        height: 3px;
        left: 5px;
        top: 9px;
        transform: rotate(45deg);
        transform-origin: left top;
        transition: width .15s ease-out;
        width: 0
    }

    .content-form-extra .terms-item input::after {
        height: 3px;
        left: 8px;
        top: 13px;
        transform: rotate(-45deg);
        transform-origin: left bottom;
        transition: width .15s ease-out;
        width: 0
    }

    .content-form-extra .terms-item input:checked {
        background-color: #525199;
        border-color: #525199
    }

    .content-form-extra .terms-item input:checked::before {
        width: 7px
    }

    .content-form-extra .terms-item input:checked::after {
        transition-delay: 125ms;
        width: 12px
    }

    .content-form-extra .terms-item input:checked+p {
        font-weight: 700
    }

    .content-form-extra .terms-item p {
        color: #000;
        font-size: 15px;
        margin: 0 0 0 auto;
        max-width: 725px
    }

    .content-form-extra .terms-item p a {
        transition: none
    }

    .content-form-extra>button {
        align-items: stretch;
        color: #525199;
        display: flex;
        gap: 8px
    }

    .content-form-extra>button>span {
        border: 1px solid #000;
        border-radius: 2px;
        display: block;
        flex: 0 0 auto;
        height: 15px;
        position: relative;
        width: 15px
    }

    .content-form-extra>button>span::before {
        content: "\2713";
        display: block;
        font-size: 11px;
        font-weight: 700;
        left: 50%;
        line-height: 1;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .4s ease-in-out
    }

    .content-form-extra form {
        display: none;
        margin-top: 7px
    }

    .content-form-extra form .error,
    .content-form-extra form .error-phone {
        color: red;
        font-weight: 700
    }

    .content-form-extra form .error-phone.hidden,
    .content-form-extra form .error.hidden {
        display: none
    }

    .content-form-extra form .error-phone {
        margin-top: 10px
    }

    .content-form-extra form p {
        color: #575757;
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 10px
    }

    .content-form-extra form label {
        display: block
    }

    .content-form-extra form label span {
        display: block;
        font-weight: 600;
        margin-bottom: 6px
    }

    .content-form-extra form input#phone {
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        font-size: 14px;
        left: 85px;
        padding: 10px !important;
        position: relative
    }

    .content-form-extra form button[type=submit] {
        background-color: #525199;
        border-radius: 10px;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 700;
        margin: 10px auto 0;
        padding: 12px 60px;
        transition: all .4s ease-in-out
    }

    .content-form-extra form button[type=submit]:hover {
        background-color: #434080
    }

    .content-form-extra form .iti {
        width: 100%
    }

    .content-form-extra form .iti__country-container {
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        padding: 0 6px;
        width: 80px
    }

    .content-form-extra form .iti__selected-country-primary {
        padding: 0 !important
    }

    .content-form-extra form .iti__selected-dial-code {
        font-size: 14px;
        line-height: 1
    }

    .content-form-extra form .iti__search-input {
        padding: 7px
    }

    .content #section-10680 {
        display: none
    }

    .content #section-10680.active {
        display: block
    }

    .popup,
    body .bookero-plugin-form .bookero-plugin-form-heading:first-of-type,
    body .bookero-plugin-form .bookero-plugin-header,
    body .bookero-plugin-form .params-section .field:nth-child(1),
    body .bookero-plugin-form .params-section .field:nth-child(2),
    body .bookero-plugin-form .params-section .field:nth-child(3),
    body .bookero-plugin-form .services-section {
        display: none
    }

    @media all and (max-width:1010px) {
        .content {
            max-width: 100%
        }
    }

    @media all and (max-width:610px) {
        .content-form .choose-method {
            max-width: 100%;
            width: 100%
        }
    }

    body .bookero-plugin-form {
        margin: 10px 0 0 !important;
        max-width: 100% !important
    }

    body .bookero-plugin-form .dates-section,
    body .bookero-plugin-form .hours-section .field {
        max-width: 560px
    }

    body .bookero-plugin-form-cart-step-2 {
        margin-bottom: 10px
    }

    body .bookero-plugin-form .bookero-plugin-form-heading {
        margin: 0
    }

    body .bookero-plugin-form .bookero-plugin-form-heading.has-separator {
        margin: 10px 0
    }

    body .bookero-plugin-form input:focus {
        border-color: #525199 !important
    }

    body .bookero-plugin-form .dates-section .calendar-wrapper.is-loading::after {
        border-color: #525199
    }

    body .bookero-plugin-form .dates-section .calendar-wrapper .calendar-days-list-cell.is-valid {
        border-color: #f0efff;
        background-color: #f0efff;
        color: #525199
    }

    body .bookero-plugin-form .dates-section .calendar-wrapper .calendar-days-list-cell.is-selected {
        background-color: #525199;
        color: #fff
    }

    body .bookero-plugin-form .hours-section {
        padding: 10px 0 0
    }

    body .bookero-plugin-form .hours-section .hours-wrapper.is-loading:before {
        border-color: #525199
    }

    body .bookero-plugin-form .hours-section .hours-wrapp