:root {
    --wp--custom--ast-default-block-top-padding: 6em;
    --wp--custom--ast-default-block-right-padding: 3em;
    --wp--custom--ast-default-block-bottom-padding: 6em;
    --wp--custom--ast-default-block-left-padding: 3em;
    --swiper-theme-color: var(--ast-global-color-0);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: rgb(255, 255, 255, 0.2);
    --swiper-pagination-bullet-size: 1px;
}

@media(max-width: 921px) {
    :root {
        --wp--custom--ast-default-block-top-padding: 3em;
        --wp--custom--ast-default-block-right-padding: 20px;
        --wp--custom--ast-default-block-bottom-padding: 3em;
        --wp--custom--ast-default-block-left-padding: 20px;
    }
}

@media(max-width: 544px) {
    :root {
        --wp--custom--ast-default-block-top-padding: 3em;
        --wp--custom--ast-default-block-right-padding: 20px;
        --wp--custom--ast-default-block-bottom-padding: 3em;
        --wp--custom--ast-default-block-left-padding: 20px;
    }
}

/*astra*/
.ast-button-wrap .menu-toggle:focus,
.ast-menu-toggle:focus {
    outline: none;
}

@media (width <=921px) {
    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
        font-size: 1rem;
    }
}

/*cf7*/
.wpcf7 form > div,
.wpcf7 form > p {
    margin-bottom: 0;
}

.wpcf7 form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.wpcf7 form .wp-block-columns {
    gap: 1em;
}

.wpcf7 .wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #ea4335;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1em;
}

.wpcf7 form .wpcf7-response-output {
    line-height: 1em;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
    margin: 2em 0 1em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fbbc04;
    background: #fbbc04;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #34a853;
    background: #34a853;
    color: #FFF;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ea4335;
    background: #ea4335;
    color: #FFF;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #ff6d01;
    background: #ff6d01;
}

.wpcf7 form:not(.submitting) .wpcf7-spinner {
    display: none;
}

/*swiper*/
.swiper-button-next,
.swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FFF;
    transition: all 0.5s ease;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    background-color: transparent;
    border: 1px solid #FFF;
    opacity: 0.5;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

.swiper-button-prev.swiper-button-disabled:after,
.swiper-button-next.swiper-button-disabled:after {
    -webkit-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%);
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    background-image: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.0493 10.4932L1.04932 10.4932M1.04932 10.4932L10.7668 20.4932M1.04932 10.4932L10.7668 0.493163" stroke="%232B2B2B"/></svg>');
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    background-image: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.952149 10.4932L20.9521 10.4932M20.9521 10.4932L11.2347 0.493164M20.9521 10.4932L11.2347 20.4932" stroke="%232B2B2B"/></svg>');
}

.swiper-pagination {
    display: flex;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 100%;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.swiper-pagination-clickable .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    transition: width 0.3s ease;
    z-index: 1;
    background: linear-gradient(90deg, hsla(30, 100%, 50%, 1) 0%, hsla(30, 73%, 84%, 1) 100%);
}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
}

/*veo*/
.veo-arrow {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite;
}

@-webkit-keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }
}