@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: 400;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf');
    font-weight: 600;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: 700;
	font-display: swap;
}

body, input, textarea, button {
    font-family: 'Poppins';
    color: #1A2126;
    font-size: 16px;
    line-height: 24px;
    transition: border .2s linear;
}

.container {
    width: 1120px;
    margin: 0 auto;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    font-weight: 600;
    text-decoration: none;
    color: #1A2126;
    transition: color .2s linear, background-color .2s linear;
}
section a {
    color: #0080FB;
}
a:not(.btn):hover {
    color: #056DD0;
}
a:not(.btn):active {
    color: #056DD0;
}

.custom-logo-link {
    display: block;
    line-height: 0;
}

h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    margin-top: 0;
    margin-bottom: 24px;
}

h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
    margin-top: 0;
    margin-bottom: 40px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
}

p {
    margin: 0;
}
h2, .desc {
    text-align: center;
}
.site-header {
    height: 98px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
    margin-top: 43px;
    padding-left: 40px;
    padding-right: 24px;
}

.site-header,
.menu,
.header__wrapper,
.menu-item {
    display: flex;
    align-items: center;
}

.site-header,
.header__wrapper {
    column-gap: 92px;
}
.header__wrapper {
    width: 100%;
    justify-content: space-between;
}
.header__wrapper .menu {
    column-gap: 38px;
}

.menu {
    font-weight: 600;
}

.menu-item {
    column-gap: 2px;
}

.header__user-wrapper a {
    color: #0080FB;
}
.header__user-wrapper a:hover {
    color: #056DD0;
}
.header__user-wrapper a:active {
    color: #0A5AA6;
}

.btn,
.btn a {
    display: inline-block;
    background-color: #0080FB;
    border-radius: 16px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    transition: background-color .2s linear;
    border: none;
}
.btn {
    padding: 16px 40px;
    font-weight: 600;
}
.btn:hover,
.btn a:hover {
    background-color: #056dd1;
}

.btn:active,
.btn a:active  {
    background-color: #0a5aa6;
}
.btn:before {
    background-color: #0080FB;
    opacity: .3;
}
.btn:after {
    background-color: #0080FB;
    opacity: .1;
}


.btn-secondary:active {
    outline: none;
    border: none;
}
.btn-secondary:before {
    background-color: #BFDFFE;
    opacity: .3;
}
.btn-secondary:after {
    background-color: #8CC6FD;
    opacity: .1;
}
.btn-white {
    color: #0080FB;
    background-color: #fff;
}
.btn-white:hover {
    background-color: #F5F5F5;
}
.btn-white:active {
    background-color: #EBEBEB;
}
.btn-white:before {
    background-color: #ffffff;
    opacity: 0.3;
}
.btn-white:after {
    background-color: #ffffff;
    opacity: 0.1;
}

.btn-secondary {
    background: #E6F3FF;;
    color: #0080FB;
}
.btn-secondary:hover {
    background-color: #BFDFFE;
}
.btn-secondary:active {
    background-color: #8CC6FD;
}
.btn-white {
    color: #0080FB;
    background: #FFFFFF;
}

.blue {
    color: #0080FB;
}


.blue-bg {
    background: #003970;
    color: #ffffff;
}

.menu .btn {
    padding: 0;
}

.menu .btn a {
    padding: 16px 24px;
}
.menu .btn a:hover {
    color: #ffffff;
}

.menu-item-has-children {
    /*position: relative;*/
}

.menu-item-has-children.active svg {
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
}

.menu-item-has-children svg {
    transform: rotate(0deg);
    transition: transform .3s ease-in-out;
}

.sub-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50px;
    background-color: #fff;
    padding: 8px 0;
    filter: drop-shadow(0px 0px 24px rgba(38, 47, 49, 0.08));
    border-radius: 16px;
    z-index: 1;
}

.sub-menu:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    bottom: calc(100% - 6px);
    left: calc(50% - 6px);
    z-index: 2;
    background-color: #fff;
}

.sub-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    bottom: -10px;
    right: -10px;
    z-index: -1;
}

.sub-menu a {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    width: 100%;
    white-space: nowrap;
}

.sub-menu a:hover {
    background-color: #E6F3FF;
}

.footer-social {
    column-gap: 24px;
}

.social-icon {
    font-size: 0;
    width: 24px;
    height: 24px;
}

.social-icon a {
    display: block;
    width: 24px;
    height: 24px;
}
.social-icon.twitter a {
    background-image: url("../img/icon/u_twitter-alt.svg");
}
.social-icon.twitter a:hover {
    background-image: url("../img/icon/u_twitter-alt-hover.svg");
}
.social-icon.twitter a:active {
    background-image: url("../img/icon/u_twitter-alt-active.svg");
}

.social-icon.instagram a {
    background-image: url("../img/icon/u_instagram.svg");
}
.social-icon.instagram a:hover {
    background-image: url("../img/icon/u_instagram-hover.svg");
}
.social-icon.instagram a:active {
    background-image: url("../img/icon/u_instagram-active.svg");
}

.social-icon.facebook a {
    background-image: url("../img/icon/u_facebook-f.svg");
}
.social-icon.facebook a:hover {
    background-image: url("../img/icon/u_facebook-f-hover.svg");
}
.social-icon.facebook a:active {
    background-image: url("../img/icon/u_facebook-f-active.svg");
}

.social-icon.linkedin a {
    background-image: url("../img/icon/u_linkedin-alt.svg");
}
.social-icon.linkedin a:hover {
    background-image: url("../img/icon/u_linkedin-alt-hover.svg");
}
.social-icon.linkedin a:active {
    background-image: url("../img/icon/u_linkedin-alt-active.svg");
}

.footer-primary {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 24px;
}

.footer__copyright {
    font-weight: 600;
    text-align: right;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.footer__address p {
    margin: 0;
}

.footer__form-wrapper form p {
    display: flex;
    column-gap: 16px;
    flex-wrap: nowrap;
    margin: 0;
}

.footer__form-wrapper input {
    padding: 16px 24px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    width: 100%;
    box-sizing: border-box;
}

.footer__form-wrapper button {
    border: none;
    padding: 16px 24px;
}

.footer__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.footer__column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 420px;
}
.site-footer {
    padding-top: 40px;
}

.slick-dots {
    display: flex;
    column-gap: 8px;
    margin-top: 40px;
}
.slick-dots li button{
    display: block;
    width: 8px;
    height: 8px;
    font-size: 0;
    border: none;
    background: #E6F3FF;
    transition: background .3s ease-in-out;
    border-radius: 50%;
    padding: 0;
}
.slick-dots li.slick-active button {
    background: #0080FB;
}
section {
    overflow: hidden;
}
.form__wrapper textarea,
.form__wrapper input {
    transition: border .2s linear;
}
.form__wrapper textarea:focus,
.form__wrapper input:focus {
    outline: none;
    border: 1px solid #0080FB;
}
select.wpcf7-not-valid + .select2-container .select2-selection,
.form__wrapper textarea.wpcf7-not-valid,
.form__wrapper input.wpcf7-not-valid {
    outline: none;
    border: 1px solid #DD2F2F;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 24px;
    color: #dc3232;
    margin-top: 8px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    position: relative;
    padding: 16px 24px;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    border-left: 8px;
}

.wpcf7 form.sent .wpcf7-response-output:before,
.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.unaccepted .wpcf7-response-output:before,
.wpcf7 form.payment-required .wpcf7-response-output:before,
.wpcf7 form.failed .wpcf7-response-output:before,
.wpcf7 form.aborted .wpcf7-response-output:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    height: auto;
    border-radius: 100px 0 0 100px;
}
.wpcf7 form.failed .wpcf7-response-output:before,
.wpcf7 form.aborted .wpcf7-response-output:before {
    background-color: #DD2F2F;
}
.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.unaccepted .wpcf7-response-output:before,
.wpcf7 form.payment-required .wpcf7-response-output:before {
    background-color: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output:before {
    background-color: #2d8647;
}
.footer__form-wrapper {
    margin-top: 64px;
}
.footer__form-wrapper .btn {
    max-height: 58px;
}
.footer__column:first-child {
    max-height: 218px;
}

.wpcf7-radio,
.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    display: block;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(32, 32, 32, 0.4);
    z-index: 5;
}
.modal__container {
    width: 480px;
    background: #FFFFFF;
    border-radius: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    box-sizing: border-box;
}
.modal__btn-wrapper {
    text-align: center;
}

.modal h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    width: 304px;
    margin: 0 auto 24px;
}
.modal .modal-desc {
    width: 400px;
    margin: 0 auto 40px;
    text-align: center;
}
.modal__image {
    margin-bottom: 40px;
}
.modal__image img {
    display: block;
}

.modal-close {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../img/Close icons.svg');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.footer-hero .modal__container {
    width: 1074px;
    border-radius: 40px;
}
.footer-hero svg {
    display: block;
}
.footer-hero .modal-content {
    margin: 40px 0;
}
.footer-hero h2 {
    width: auto;
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom:  0;
}
.footer-hero .list-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom:  8px;
}
.modal-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 16px;
}
.modal-list li {
    width: 489px;
    box-sizing: border-box;
    border: 1px solid #76BCFF;
    padding: 24px;
    border-radius: 16px;
}
.modal-list p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.modal-list .svg-wrapper {
    margin-bottom: 6px;
}
.footer__form-wrapper input.wpcf7-not-valid {
    border: 1px solid #DD2F2F;
}

.category__link {
    padding: 4px 16px;
    border-radius: 8px;
    font-weight: 600;
    display: block;
}
.category__link.btn {
    display: flex;
    column-gap: 8px;
}
.header-main {
    position: fixed;
    width: 100%;
    z-index: 1;
}
.site-header {
    background-color: #fff;
}
main {
    padding-top: 120px;
}
.site-header {
    position: relative;
}
.menu-item.active a {
    position: relative;
}
.sub-menu {
    left: 0;
    right: 0;
    top: 0;
    padding-top: 104px;
    height: 440px;
    box-sizing: border-box;
    z-index: -1;
}
.sub-navigation__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 102px;
    height: 518px;
    box-sizing: border-box;
    z-index: -1;
    background-color: #fff;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
    overflow: hidden;
}

.menu.submenu,
.sub-navigation__wrapper {
    display: flex;
    flex-direction: column;
}
.sub-navigation__item {
    display: flex;
}
.sub-navigation__img {
    width: 400px;
    height: 272px;
    position: relative;
}
.sub-navigation__img img {
    position: absolute;
}
.sub-navigation__content {
    padding-top: 40px;
    padding-left: 40px;
    width: 320px;
}
.sub-navigation__content .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.sub-navigation__content .desc {
    text-align: left;
    margin-top: 24px;
}
.sub-navigation__content a {
    display: flex;
    column-gap: 8px;
    margin-top: 24px;
    color: #0080FB;
}
.sub-navigation__menu {
    margin-left: auto;
    margin-top: 40px;
    position: relative;
}
.sub-navigation__item .sub-navigation__menu:after {
    content: '';
    display: block;
    position: absolute;
    width: 336px;
    height: 380px;
    top: -70px;
    right: 0;
    z-index: -1;
    background-color: #E6F3FF;
}
.sub-navigation__menu li,
.sub-navigation__menu a {
    display: block;
    text-align: left;
    width: 100%;
}
.menu-resources-container,
.menu-about-container,
.menu-practice-solutions-container {
    width: 280px;
}
.sub-navigation__menu .menu.submenu {
    row-gap: 24px;
}
.sub-navigation__social .menu.social {
    justify-content: flex-end;
    margin-right: 112px;
    column-gap: 24px;
}
.sub-navigation__wrapper,
.sub-navigation__item {
    display: none;
}
svg path {
    transition: fill .2s linear;
}
.js-sub-nav > a:focus {
    color: #056DD0;
}
.js-sub-nav > a:focus + svg path,
.js-sub-nav > a:hover + svg path {
    fill: #056DD0;
}


section.page {
    margin-bottom: 80px;
}
.page__header-wrapper {
    margin-top: 102px;
    margin-bottom: 40px;
}
.page__header-wrapper h1 {
    margin-bottom: 8px;
}
.page-wrapper {

}
.page-wrapper p {
    margin-bottom: 40px;
}

.footer__sub-wrapper {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
}
.footer-submenu {
    display: flex;
    column-gap: 33px;
    position: relative;
}
.footer-submenu:after {
    content: '';
    width: 1px;
    height: 16px;
    background: #E6E6E6;
    position: absolute;
    top: 4px;
    right: 123px;
}
.footer__sub-copyright {
    font-weight: 600;
}

.sub-navigation__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding: 0 40px;
    background-color: #003970;
    height: 80px;
    align-items: center;
}
.sub-navigation__footer-content {
    display: flex;
    color: #fff;
    column-gap: 40px;
    align-items: center;
}
.sub-navigation__footer-content .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.sub-navigation__footer-content .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.sub-navigation__footer-btn .btn {
    padding: 16px 24px;
}

.quadrangle__item-animations {
    display: none;
}
.mobile {
    display: none;
}
.form-row.from-row__submit {
    margin-bottom: 0;
}
.form__wrapper input.btn-finish {
    color: #ffffff;
    border: none;
    display: none;
}
#book-a-call-form .wpcf7-not-valid-tip {
 	display: none;   
}
@media (min-width: 1200px) {
    .hide-on-desktop {
        display: none !important;
    }
    #menu-primary > .menu-item > .sub-menu {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    h1 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 24px;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
    }
    main {
        padding-top: 80px;
    }
    .sub-navigation__wrapper {
        display: none !important;
    }

    .mobile-menu-open {
        height: calc(100vh - 32px);
        max-height: calc(100vh - 32px);
        overflow: hidden;
    }
    .menu-item.active a:after {
        display: none;
    }

    .container {
        width: calc(100% - 80px);
        margin: 0 40px;
    }

    .custom-logo-link {
        line-height: 0;
    }

    .site-header .custom-logo {
        width: 146px;
        height: 32px;
    }
    ul#menu-user {
        padding-bottom: 24px;
    }

    .btn {
        width: 100%;
        box-sizing: border-box;
    }

    .header__mobile-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 64px;
        min-height: 64px;
    }

    .site-header {
        column-gap: 0;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 16px;
        height: 64px;
        transition: height .5s ease-in-out;
        row-gap: 40px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 16px 40px 0;
        background-color: #fff;
        z-index: 100;
    }

    .hide-on-mobile {
        display: none;
    }

    .header__wrapper {
        display: none;
    }

    #nav-mobile {
        width: 20px;
        height: 9px;
        position: relative;
        padding: 0;
        margin: 0 2px;
        background-color: transparent;
        border: none;
        outline: none;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-mobile span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #1A2126;
        border-radius: 2px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-mobile span:nth-child(1) {
        top: 0;
    }

    #nav-mobile span:nth-child(2) {
        top: 5px;
    }

    #nav-mobile span:nth-child(3) {
        top: 10px;
    }

    #nav-mobile.open span:nth-child(1) {
        top: 5px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-mobile.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #nav-mobile.open span:nth-child(3) {
        top: 5px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .mobile-menu-open .site-header {
        height: calc(100vh - 32px);
        max-height: calc(100vh - 32px);
        overflow: scroll;
    }
    ul#menu-user {
        padding-bottom: 16px;
    }

    .header__wrapper.open {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        width: 100%;
        row-gap: 40px;
    }

    .header__user-wrapper,
    .main-navigation {
        width: 100%;
    }

    .header__wrapper .menu {
        display: flex !important;
        flex-direction: column;
    }

    .header__wrapper .menu > .menu-item {
        padding: 16px;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        row-gap: 0;
    }

    .header__wrapper .menu > .menu-item {
        row-gap: 16px;
    }

    .header__user-wrapper .menu > .menu-item {
        text-align: center;
        justify-content: center;
    }

    .header__user-wrapper .menu > .menu-item:last-child {
        padding: 0;
    }

    .menu-item-has-children {
        flex-wrap: wrap;
    }

    .sub-menu {
        position: relative;
        left: 0;
        top: 0;
        filter: none;
        padding: 0;
        height: 0;
        z-index: 1;
        width: 100%;
    }

    .menu-item.active .sub-menu {
        height: auto;
        min-width: 200px;
    }

    .sub-menu:before,
    .sub-menu:after {
        display: none;
    }

    .sub-menu a {
        padding: 12px 16px;
        white-space: normal;
    }

    .footer__wrapper {
        flex-direction: column;
        row-gap: 40px;
        margin-bottom: 40px;
    }

    .footer__email,
    .footer__address p,
    .footer__logo-wrapper {
        text-align: center;
    }

    .footer-social,
    .footer-primary .menu-item {
        width: 100%;
        justify-content: center;
    }

    .footer-primary {
        row-gap: 16px;
    }

    .footer__form-column {
        flex-direction: column-reverse;
        row-gap: 40px;
    }

    .footer__form-wrapper form p {
        flex-direction: column;
        row-gap: 15px;
    }

    .footer__column {
        max-width: 100%;
        align-items: center;
    }

    .footer__form-wrapper {
        max-width: 310px;
        margin-top:  0;
    }
    .form__wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    .form-column {
        width: 100%;
    }
    .form-row {
        flex-direction: column;
        row-gap: 40px;
        margin-bottom: 41px;
    }
    .form__wrapper textarea, .form__wrapper input {
        width: 100%;
        box-sizing: border-box;
    }
    .site-footer {
        padding-bottom: 0;
    }

    .page {
        margin-bottom: 40px;
    }
    .page__header-wrapper {
        margin-top: 40px;
        margin-bottom: 24px;
    }
    .page__header-wrapper h1 {
        margin-bottom: 8px;
    }
    .page-wrapper p {
        margin-bottom: 24px;
    }

    .footer__sub-wrapper {
        flex-direction: column;
    }
    .footer-submenu:after {
        right: 119px;
    }
    .footer-hero .modal__container {
        width: 80%;
        margin: 0 auto;
        padding: 24px;
    }
    .footer-hero .modal-close {
        top: 24px;
        right: 24px;
    }
    .modal-list li {
        width: calc(50% - 8px);
    }
    .modal.footer-hero {
        overflow: scroll;
    }
}

@media (max-width: 768px) {
    .container {
        width: calc(100% - 48px);
        margin: 0 24px;
    }

    .site-header {
        margin: 16px 24px 0;
    }
    
    .modal-list li {
        width: 100%;
        padding: 16px;
    }
    .footer-hero .modal__container {
        width: 90%;
    }
    .footer-hero .modal-content {
        margin: 16px 0;
    }
    .modal-list li a {
        display: flex;
        column-gap: 16px;
    }
    .modal-list p {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .footer-hero .modal__container {
        width: calc(100% - 80px);
        height: calc(100% + 24px);
        top: 32px;
        bottom: auto;
        border-radius: 24px;
        transform: none;
        left: 16px;
        padding: 24px;
        margin-bottom: -28px;
        box-sizing: content-box;
        height: 850px;
    }
    .footer-hero .modal__container svg {
        width: 100%;
        height: auto;
    }
    .footer-hero .modal__container .modal__wrapper {
        display: flex;
        flex-direction: column;
        height: 850px;
    }
    .modal-booking {
        display: none !important;
    }
}


.btn.animate:before {
    animation: buttonWave 10s infinite;
    z-index: -1;
}

.btn.animate:after {
    animation: buttonWave2 10s infinite;
    z-index: -2;
}

.paused {
    animation-play-state: paused;
}
@keyframes show {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes show-r {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes buttonWave {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    90% {
        opacity: 0;
        transform: scale(1);
    }
    91% {
        opacity: 1;
        transform: scale(1.02);
    }
    95% {
        transform: scale(1.05);
    }
    99% {
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes buttonWave2 {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    90% {
        opacity: 0;
        transform: scale(1);
    }
    91% {
        opacity: 1;
        transform: scale(1.04);
    }
    95% {
        transform: scale(1.1);
    }
    99% {
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}