/* Insurance block */
.condo-insurance__box {
    opacity: 0;
    transform: translateX(-100%);
    /*transition:*/
    /*        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),*/
    /*        opacity 0.3s ease-out;*/
    transition:
            transform 1.2s linear,
            opacity 0.6s ease-out;
    will-change: transform;
}
/* active state */
.condo-insurance__box.is-visible {
    opacity: 1;
    transform: translateX(0);
}


/* Policies block */
.policies__cards {
    opacity: 0;
    clip-path: inset(0 0 100% 0); /* hidden from bottom to top */
    transition:
            clip-path 1.6s linear,
            opacity 0.6s ease-out;
    will-change: clip-path;
}

.policies__cards.is-visible {
    opacity: 1;
    clip-path: inset(0 0 0 0); /* completely open */
}

/* Cyber-coverage block */

/*1*/
.cyber-coverage__middle-top {
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

.cyber-coverage__middle-top.is-visible {
    opacity: 1;
    transition-delay: 0.2s;
}
/*2*/
.cyber-coverage__middle-left-list {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition:
            clip-path 0.8s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.3s ease-out;
}

.cyber-coverage__middle-left-list.is-visible {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transition-delay: 0.5s;
}
/*3*/
.cyber-coverage__middle-right-list {
    opacity: 0;
    transform: translateY(100px) scale(1.08);
    transition:
            transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.6s ease-out;
}

.cyber-coverage__middle-right-list.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}
/*4*/
.cyber-coverage__bottom-top {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.cyber-coverage__bottom-top.is-visible {
    opacity: 1;
}
/*4*/
.cyber-coverage__bottom-list-item {
    opacity: 0;
    transition:
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.5s ease-out;
}

/* starting positions */
.cyber-coverage__bottom-list-item:nth-child(1),
.cyber-coverage__bottom-list-item:nth-child(2) {
    transform: translateX(-100px);
}

.cyber-coverage__bottom-list-item:nth-child(3),
.cyber-coverage__bottom-list-item:nth-child(4) {
    transform: translateX(100px);
}

/* active */
.cyber-coverage__bottom-list.is-visible .cyber-coverage__bottom-list-item {
    opacity: 1;
    transform: translateX(0);
}

/* short stagger */
.cyber-coverage__bottom-list.is-visible .cyber-coverage__bottom-list-item:nth-child(1) { transition-delay: 0.1s; }
.cyber-coverage__bottom-list.is-visible .cyber-coverage__bottom-list-item:nth-child(2) { transition-delay: 0.2s; }
.cyber-coverage__bottom-list.is-visible .cyber-coverage__bottom-list-item:nth-child(3) { transition-delay: 0.1s; }
.cyber-coverage__bottom-list.is-visible .cyber-coverage__bottom-list-item:nth-child(4) { transition-delay: 0.2s; }

/* Cyber-insurance block */
.cyber-insurance__card {
    transition:
            opacity 0.8s ease-out,
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

/* ODD - already slightly visible */
.cyber-insurance__card:nth-child(odd) {
    opacity: 0.4;
    transform: translateY(40px);
    transition-delay: 0.1s;
}

/* EVEN - completely hidden */
.cyber-insurance__card:nth-child(even) {
    opacity: 0;
    transform: translateY(60px);
    transition-delay: 0.6s;
}

/* ACTIVATION */
.cyber-insurance__card.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Table-cyber block */
.table-cyber {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition:
            clip-path 2s linear,
            opacity 0.6s ease-out;
    will-change: clip-path;
}

.table-cyber.is-visible {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

/* FAQ block */
.faqs-info {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition:
            clip-path 1.6s linear,
            opacity 0.6s ease-out;
    will-change: clip-path;
}

.faqs-info.is-visible {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}