/* --- Block Services
-------------------------------------------------------- */


/* --- Block Featured Services
-------------------------------------------------------- */

.wp-block-services-list {
    background-color: var(--wp--preset--color--primary);
    padding: var(--wp--custom--spacing--section-pricing-content);
    transition: all 0.5s ease-in-out;
}

.wp-block-services-list:hover {
    background-color: var(--wp--preset--color--text-link);
    border-radius: 16px;
}

.wp-block-services-list:hover h2 {
    color: var(--wp--preset--color--color-dark);
}

.wp-block-services-list:hover .fse-pro-icons svg {
    color: var(--wp--preset--color--color-dark);
    fill: var(--wp--preset--color--color-dark);
}

.wp-block-services-list .fse-pro-icons svg {
    color: var(--wp--preset--color--text-link);
    fill: var(--wp--preset--color--text-link);
    transition: all 0.3s ease-in-out;
}

.wp-block-featured-services .wp-block-cover__inner-container .wp-block-media-text__content>.wp-block-columns:last-child {
    margin-bottom: 0;
}

.wp-block-featured-services .wp-block-media-text .wp-block-media-text__media:before {
    content: "";
    background-color: var(--wp--preset--color--text-link);
    top: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 20%;
    left: 0;
}

.wp-block-our-strength .wp-block-section-content .wp-block-column .wp-block-buttons>.wp-block-button {
    position: relative;
    text-indent: 999999px;
    padding: 0;
    width: 22px;
    height: 22px;
    padding: 10px;
    background: transparent;
    text-align: right;
    margin-left: auto;
    transform: rotate(315deg);
    top: 15px;
    right: -10px;
    transition: all 0.4s;
    cursor: pointer;
    overflow: inherit;
    background-image: none;
    overflow: hidden;

    .wp-element-button {

        background: transparent;

        &:hover,
        &:focus {
            box-shadow: none;
        }
    }
}

.wp-block-our-strength .wp-block-section-content .wp-block-column .wp-block-buttons>.wp-block-button:before {
    width: 25px;
    height: 2px;
    background: var(--wp--preset--color--color-light);
    content: '';
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 10px;
}

.wp-block-our-strength .wp-block-section-content .wp-block-column .wp-block-buttons>.wp-block-button::after {
    width: 12px;
    height: 12px;
    content: '';
    border-right: 2px solid var(--wp--preset--color--color-light);
    border-bottom: 2px solid var(--wp--preset--color--color-light);
    z-index: 99;
    position: absolute;
    transform: rotate(315deg);
    top: 4px;
    right: 4px;
}

.wp-block-our-strength .wp-block-section-content:last-child {
    border-bottom: none;
}

.wp-block-our-strength .wp-block-group:hover>.wp-block-section-content:not(:hover) {
    opacity: 0.3;
}

.wp-block-our-strength .wp-block-group .wp-block-section-content {
    opacity: 1;
    transition: all 0.4s;
    border-color: var(--wp--preset--color--border-color);
}

.wp-block-our-strength .wp-block-group .wp-block-section-content:hover {
    animation: pulse timing-function delay iteration-count direction fill-mode;
}

.wp-block-our-strength .wp-block-group .wp-block-section-content:hover .wp-block-button {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: finite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation: pulse-animation 1s finite
}

@-webkit-keyframes blinker {
    0% {
        transform: scale(1) rotate(315deg)
    }

    50% {
        transform: scale(1.2) rotate(315deg)
    }

    100% {
        transform: scale(1) rotate(315deg)
    }
}

@-moz-keyframes blinker {
    0% {
        transform: scale(1) rotate(315deg)
    }

    50% {
        transform: scale(1.2) rotate(315deg)
    }

    100% {
        transform: scale(1) rotate(315deg)
    }
}

@keyframes blinker {
    0% {
        transform: scale(1) rotate(315deg)
    }

    50% {
        transform: scale(1.2) rotate(315deg)
    }

    100% {
        transform: scale(1) rotate(315deg)
    }
}

.wp-block-our-strength>.wp-block-group:first-child {
    top: 40px;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.4s;
}

.wp-block-our-strength>.wp-block-group:last-child {

    top: 120px;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.9s;
}

.wp-block-our-strength.transition-element>.wp-block-group {
    top: 0;
    opacity: 1;
}

.block-editor-block-list__block.wp-block-our-strength .wp-block-group {
    top: 0;
    opacity: 1;
}