/* --- Block CTA
-------------------------------------------------------- */
.wp-block-section.wp-block-cta {
    padding-top: var(--wp--custom--spacing--section-block-top);
    padding-bottom: var(--wp--custom--spacing--section-block-top);
}


.wp-block-cta-with-video .wp-block-group-heading,
.wp-block-cta-just-video .wp-block-group-heading,
.wp-block-cta .wp-block-group-heading {
    border-left: 0;
    padding-left: 0;
}


.wp-block-cta .wp-block-group-heading {
    margin: 0 auto 35px;
}

.wp-block-cta-wrapper {
    padding: var(--wp--custom--spacing--group-heading-bottom-gap);
    position: relative;

    .wp-block-buttons {
        position: relative;
        z-index: 2;
    }
}

/* --- Block CTA With Video
-------------------------------------------------------- */

.wp-block-cta-with-video .content .video-play svg,
.wp-block-cta-just-video .content .video-play svg {
    display: none;
}

.wp-block-cta-with-video .content {
    margin-top: 3em;
    padding-bottom: 26px;
}

.wp-block-cta-with-video .content .video-play:before,
.wp-block-cta-with-video .content .video-play:after,
.wp-block-cta-just-video .content .video-play:before,
.wp-block-cta-just-video .content .video-play:after {
    content: "";
    border: 1px solid var(--wp--preset--color--text-link);
    position: absolute;
    border-radius: 50%;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
}

.wp-block-cta-with-video .content .video-play,
.wp-block-cta-just-video .content .video-play {
    background: var(--wp--preset--color--text-link);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 auto;
}

.wp-block-cta-with-video .content .video-play:hover,
.wp-block-cta-just-video .content .video-play:hover {
    background: var(--wp--preset--color--secondary);
}

.wp-block-cta-with-video .content .video-play:hover span,
.wp-block-cta-just-video .content .video-play:hover span {
    border-left-color: var(--wp--preset--color--color-dark);
}

.wp-block-cta-with-video .content .video-play span,
.wp-block-cta-just-video .content .video-play span {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid var(--wp--preset--color--color-dark);
    border-bottom: 15px solid transparent;
    margin-top: 0;
    text-indent: -9999px;
    padding: 0;
}

.wp-block-cta-with-video .content .video-play:before,
.wp-block-cta-just-video .content .video-play:before {
    border: 1px solid transparent;
}

.wp-block-cta-with-video .content .video-play:before,
.wp-block-cta-with-video .content .video-play:after,
.wp-block-cta-just-video .content .video-play:before,
.wp-block-cta-just-video .content .video-play:after {
    border-radius: 100%;
    transition: 0.3s;
}

.wp-block-cta-with-video .content .video-play:hover::before,
.wp-block-cta-with-video .content .video-play:focus::before,
.wp-block-cta-with-video .content .video-play:hover::after,
.wp-block-cta-with-video .content .video-play:focus::after,
.wp-block-cta-just-video .content .video-play:hover::before,
.wp-block-cta-just-video .content .video-play:focus::before,
.wp-block-cta-just-video .content .video-play:hover::after,
.wp-block-cta-just-video .content .video-play:focus::after {
    border-radius: 100%;
    border-color: var(--wp--preset--color--color-light);
}




/* For Wp Custom Block - Popup Video Overlay Issues */

.wp-block-cta-with-video.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cta-just-video.wp-block-cover .wp-block-cover__inner-container {
    z-index: inherit;
}

.wp-block-cta-with-video .wp-block-group-heading,
.wp-block-cta-just-video .wp-block-group-heading {
    position: relative;
    z-index: 2;
}

.wp-block-cta-with-video .wp-block-fse-pro-popup-video .content,
.wp-block-cta-just-video .wp-block-fse-pro-popup-video .content {
    position: relative;
}

.wp-block-hire {
    &+.wp-block-section {
        padding-top: 0 !important;
    }


    .has-background {
        position: relative;

        &::after {
            position: absolute;
            right: -200px;
            bottom: -200px;
            content: '';
            width: 200px;
            height: 200px;
            border-radius: 50%;
            border: 140px solid var(--wp--preset--color--background);
            opacity: 0.3;
        }

        .wp-block-buttons {
            margin-block-start: 0;

            .wp-block-button__link.wp-element-button {
                margin-top: 0;
            }
        }
    }
}

/** gallery slider css **/
.wp-block-gallery-slider .wp-block-image img {
    box-sizing: border-box;
    width: 100%;
}

.wp-block-gallery-slider .fse-slider-wrapper .swiper-button {
    opacity: 0;
    transition: all 0.4s;
}

.wp-block-gallery-slider .fse-slider-wrapper:hover .swiper-button {
    opacity: 1;
}

.wp-block-gallery-slider .fse-slider-wrapper .swiper-button-prev {
    left: 45px !important;
}

.wp-block-gallery-slider .fse-slider-wrapper .swiper-button-next {
    right: 44px;
}

.wp-icons-with-text figure {
    margin-bottom: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--wp--preset--color--background);


    img {
        width: 60px;
        height: 60px;
        object-fit: contain;
        box-sizing: border-box;
        padding: 10px;
        filter: drop-shadow(0 1000px 0 var(--wp--preset--color--text-link));
        transform: translateY(-1000px);
    }
}

/** Time table with cta **/
.wp-block-time-table-with-cta {
    overflow: hidden;

    .wp-block-circle-pattern {
        position: absolute;
        mix-blend-mode: multiply;
        opacity: 0.7;
        left: -10%;
        top: -17%;
        width: 50%;
    }
}

.wp-block-time-table-with-cta .wp-block-circle-pattern+div {
    margin: 0;
}

.wp-block-two-col {
    display: flex;
    justify-content: center;
    /* or space-between, if you want */
    align-items: center;
    height: 100%;
    padding: var(--wp--custom--spacing--main-block-gap) var(--wp--custom--spacing--section-pricing-content);
    flex-wrap: nowrap;
    width: 100%;
    /* ensure it fills its parent */
}

.wp-block-two-col>div {
    max-width: 700px;
    flex: 1;
    width: 100%;
}

.wp-block-time-table div.wp-block-columns {
    gap: 0;
}



.wp-block-time-table div.wp-block-columns+div.wp-block-columns {
    margin-block-start: 0.75rem;
}

.cta-media-on-left .wp-icons-with-text {
    gap: 1.5rem;
}