section.wp-block-icb-icb005-highlight-cta {

    padding: 100px 0;

    .wrap {
        display: flex;
        gap: 100px;
        align-items: start;
        justify-content: space-between;
        flex-direction: column;
        @media( min-width: 1024px ) {
            flex-direction: row;
        }
        
        .headings,
        .content {
            flex: 1;
        }
    }

    .headings {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 40px;

        /* @media( min-width: $lg ) {
            position: sticky;
            top: 100px;
        } */

        .heading,
        .sub-heading {
            padding: 0;
            margin: 0;
        }
        .heading {
            /* text-transform: lowercase; */
            line-height: .95;
        }
    }

    .content-standard {
        background: #ffffff;
        padding: 30px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 40px;
        @media( min-width: 1024px ) {
            max-width: 625px;
            padding: 50px;
        }
        
        .inner-content {
            *:last-child {
                margin: 0;
            }
        }
    }

    &.content-right {
        .wrap {
            @media( min-width: 1024px ) {
                flex-direction: row-reverse;
            }
        }
    }

    &.background-white {
        .content {
            background: transparent;
        }
        .content-standard {
            @media( max-width: 1024px ) {
                padding: 0;
            }
        }
    }

    &.has-dark-gray-background-color {
        .headings {
            color: #ffffff;
        }
    }

    &.mode-multiple {
        .wrap {
            display: flex;
            flex-direction: column;
            gap: 100px;
            @media(min-width: 1280px) {
                flex-direction: row;
                align-items: start;
                justify-content: space-between;
            }
            .headings,
            .content-multiple {
                flex: 1;
            }
        }
        .content-multiple {
            display: flex;
            flex-direction: column;
            align-items: start;
            gap: 30px;
            @media(min-width: 1280px) {
                max-width: 625px;
                gap: 65px;
            }
            
            .item {
                background: #ffffff;
                padding: 30px;
                border-radius: 20px;
                display: flex;
                flex-direction: column;
                align-items: start;
                gap: 30px;
                @media(min-width: 1280px) {
                    padding: 50px;
                }
                h3 {
                    margin: 0;
                    padding: 0;
                    color: #CB3D2F;
                }
                p.text {
                    margin: 0;
                }
            }
        }
    }

    &.mode-links {
        .content-links {
            display: flex;
            flex-direction: column;
            gap: 30px;

            .item {
                background: #ffffff;
                border-radius: 20px;
                padding: 25px 40px;
                display: flex;
                gap: 10px;
                line-height: 1;
                align-items: center;
                justify-content: space-between;
                font-size: 25px;
                font-style: normal;
                font-weight: 600;
                color: #000000;
                transition: all 150ms linear;
                @media( min-width: 768px ) {
                    min-width: 450px;
                }
                span {
                    display: block;
                    max-width: 250px;
                }
                i {
                    font-size: 25px;
                    width: 40px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #ffffff;
                    color: #000000;
                    border-radius: 50%;
                    transition: all 150ms linear;
                }
                &:hover,
                &:focus {
                    background: #CB3D2F;
                    color: #ffffff;
                }
            }

        }
    }
    &.mode-accordion {
        .wrap {
            display: flex;
            flex-direction: column;
            gap: 80px;
        }
        .headings {
            display: flex;
            gap: 100px;
            align-items: start;
            justify-content: space-between;
            @media( min-width: 1024px ) {
                flex-direction: row;
            }
            
            .heading,
            .sub-heading,
            .accordion-text-wrap {
                flex: 1;
            }

        }

        .content-accordion {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
            @media( min-width: 1024px ) {
                grid-template-columns: 1fr 1fr;
            }
            @media( min-width: 1280px ) {
                column-gap: 80px;
                row-gap: 30px;
            }
        }

        .item-wrap {
            .item {
                background: #ffffff;
                border-radius: 20px;
                padding: 25px 40px;
            }
        }

        .accordion-toggle {
            position: relative;
            cursor: pointer;
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: capitalize;
            padding: 0;
            margin: 0;

            display: flex;
            gap: 10px;
            line-height: 1;
            align-items: center;
            justify-content: space-between;

        
            &:after {
                content: "\2b";
                font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';
                /* position: absolute;
                right: 5px;
                top: 50%;
                transform: translateY(-50%); */
                font-size: 25px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                /* color: $darkGray; */
                text-align: center;
                line-height: 40px;
                transition: all 150ms linear;
            }
            &.active:after {
                content: "\f068";
            }
        }
        .panel {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        
            .accordion-panel-inner {
                padding-top: 30px;
            }
        }

        &.acc-short {
            .wrap {
                gap: 50px;
                justify-content: space-between;
                align-items: center;
                flex-direction: column;
                @media( min-width: 768px ) {
                    flex-direction: row;
                }
            }
            .headings {
                display: flex;
                flex-direction: column;
                gap: 50px;
                flex: 1;
                max-width: 515px;
            }
            .content-accordion {
                display: flex;
                flex-direction: column;
                flex: 1;
                max-width: 515px;
            }
        }
    }

    /* &.mode-standard,
    &.mode-links {
        .headings {
            @media( min-width: $lg ) {
                position: sticky;
                top: 100px;
            }
        }
    } */

}
/*# sourceMappingURL=block.css.map */