/* --- Cases Solved
-------------------------------------------------------- */

.wp-block-cases-solved {
    .btn-popup-container {
        padding-bottom: 24px;

        .wp-block-fse-pro-popup-video.fse-popup-video-enable-thumb {
            aspect-ratio: 3/2;

            .fse-popup-clone-video-thumb {
                cursor: pointer;
                position: relative;
                overflow: hidden;
                &:before {
                    content: "";
                    background-color: rgba(0, 0, 0, 0.4);
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.3s ease-in-out;
                    z-index: 1;
                }

                &:hover::before {
                    opacity: 1;
                    visibility: visible;
                }
                .fse-popup-image-thumb {
                    transition: all 0.3s ease-in-out;
                }
                &:hover {
                    + .content {
                        inset: auto auto -7% 0%;
                    }
                    .fse-popup-image-thumb {
                        transform: scale(1.03);
                    }
                }
            }
        }

        .content {
            margin: 0 0 0 16px !important;
            position: absolute;
            inset: auto auto -9% 0%;
            transition: all 0.3s ease-in-out;

            .video-play {
                margin: 0;

                svg {
                    fill: var(--wp--preset--color--color-light) !important;
                }
                &:hover {
                    svg {
                        fill: var(--wp--preset--color--foreground) !important;
                    }
                }
            }
        }

        .wp-block-image {
            padding-bottom: 27px;
        }

    }
}



.wp-block-promotional-headline {
    .wp-block-media-text__media {
        animation: fadein 1s ease backwards;
        animation-delay: 0.3s;
    }
}

/* Has Media Clipped */

.wp-block-media-text.has-media-clipped {
    .wp-block-media-text__content {
        padding: 0 var(--wp--custom--spacing--small) !important;

        .wp-block-group-heading {
            margin-bottom: 28px;
        }
    }
}

@media screen and (max-width: 600px) {
    .wp-block-media-text.has-media-clipped {
        .wp-block-media-text__media {
            margin-bottom: 0;
        }
    }
}

/* Has Media Clipped Style One */

.wp-block-media-text.has-media-clipped-style-one {
    .wp-block-media-text__media {
        -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    }
}

.wp-block-media-text.has-media-clipped-style-one.has-media-on-the-right {
    .wp-block-media-text__media {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    }
}

/* Has Media Clipped Style Two */

.wp-block-media-text.has-media-clipped-style-two {
    .wp-block-media-text__media {
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    }
}

.wp-block-media-text.has-media-clipped-style-two.has-media-on-the-right {
    .wp-block-media-text__media {
        -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    }
}

@media screen and (max-width: 600px) {

    .wp-block-media-text.has-media-clipped-style-one,
    .wp-block-media-text.has-media-clipped-style-two {
        .wp-block-media-text__media {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
        }
    }

    .wp-block-media-text.has-media-clipped-style-one.has-media-on-the-right,
    .wp-block-media-text.has-media-clipped-style-two.has-media-on-the-right {
        .wp-block-media-text__media {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }
    }
}

/* Services We Provide */
@media screen and (min-width: 1400px) {
    .wp-block-services-we-provide {
        .heading-overlap {
            position: relative;
            z-index: 2;
        }
        .wp-block-group-content {
            margin-top: -130px;
            .container--tabs {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                .nav.nav-tabs {
                    z-index: 2;
                    width: 60%;
                }
                .tab-content {
                    padding-top: 100px;
                }
            }
        }
    }
}

/* Tabs */
.container--tabs {
    .nav-tabs {
        animation: fadeInDown 1s ease backwards;
        animation-delay: 0.8s;
        border: 0;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;

        @media (max-width: 781px) {
            overflow: auto;
            padding-bottom: 20px;
            padding-top: 2px;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }
        > li {
            > a {
                border: 1px solid var(--wp--preset--color--border-default-color);
                border-radius: 0;
                margin: 0;
                padding: 6px 14px;
                font-size: 14px;
                border-radius: 16px;
                @media (max-width: 781px) {
                    white-space: nowrap;
                }
                &:hover {
                    border: 1px solid transparent !important;
                    margin: 0;
                    background-color: var(--wp--preset--color--primary);
                    color: var(--wp--preset--color--color-light);
                }
            }
        }
        > li.active {
            > a,
            a:hover,
            a:focus {
                border: 1px solid transparent !important;
                margin: 0;
                background-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--color-light);
            }
        }
    }
    .tab-content {
        ul {
            list-style: none;
            li {
                a {
                    text-decoration: none;
                    font-size: 14px;
                }
                + li {
                    margin-top: 10px;
                }
            }
        }
        .wp-block-columns {
            gap: var(--wp--preset--spacing--35) var(--wp--preset--spacing--100)
        }

        .tab-pane.active {
            .tab-content-left {
                animation: fadeInLeft 1s ease backwards;
                animation-delay: 0.2s;
            }
            .tab-content-right {
                animation: fadeInRight 1s ease backwards;
                animation-delay: 0.2s;
            }
        }

        .tab-content-right {
            .wp-block-image {
                img {
                    -webkit-mask-image: url(assets/images/mask.png);
                    mask-image: url(assets/images/mask.png);
                    mask-position: center center;
                        mask-repeat: no-repeat;
                        mask-size: cover;
                }
            }
        }
    }
}

/* Stats Counter */

.wp-block-stats-counter {
    .wp-block-group-heading {
        margin-bottom: 28px;
    }
}

/* Frequently Asked Question */
.wp-block-fse-pro-accordion-item:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid var(--wp--preset--color--border-default-color);
}

/* FAQ */
.advanced-accordion-wrap {
    .fse-pro-advanced-accordion-controls {
        .fse-pro-advanced-accordion-title-wrap {
            padding-left: 21px;
            padding-right: 21px;
            .fse-pro-advanced-accordion-title {
                font-weight: 500;

            }
            &:hover {
                .fse-pro-advanced-accordion-title {
                    color: var(--wp--preset--color--body-text) !important;
                }
            }
        }
        .inner-wrap {
             .inner-content {
                padding-left: 21px;
                padding-right: 21px;
                padding-top: 0;
                p {
                    margin-top: 0;
                    font-size: 16px;
                }

            }
        }
    }
    border: 1px solid var(--wp--preset--color--border-default-color);
}

/* Members */

.wp-block-team-slider {
    .wp-block-image {
        border-radius: 16px;
        overflow: hidden;
        img {

            transition: 0.3s;
        }
        &:hover {
            img {
                transform: scale(1.1);
            }

        }
    }

}
