section.wp-block-icb-icb008-hero {

    /* padding: 75px 0; */
    position: relative;

    .wrap {
        grid-column: full-width !important;
        display: flex;
        flex-direction: column;
        background-color: #272525;
        /* border-radius: 20px; */
        position: relative;
        overflow: hidden;
        
        @media( min-width: 825px ) {
            flex-direction: row;
        }
    }

    .media {
        position: relative;
        height: 500px;
        @media( min-width: 825px ) {
            flex: 1 1 64.5%;
            height: unset;
        }
        @media( min-width: 1600px ) {
            height: 750px;
        }
        .feature-image {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        .overlay {
            background: linear-gradient(180deg, rgba(39, 37, 37, 0.00) 0%, rgba(39, 37, 37, 0.25) 21%);
            mix-blend-mode: multiply;
            width: 100%;
            height: 100%;
            z-index: 0;
            position: absolute;
        }
    }
    
    .headings {
        .heading {
            line-height: 0.82;
            /* text-transform: lowercase; */
            margin: 0;
            padding: 0;
            font-size: 80px;
            @media( min-width: 768px ) {
                font-size: 95px;
            }
            /* @media( min-width: $md ) {
                font-size: 95px;
            } */
            @media( min-width: 1280px ) {
                /* font-size: utopia.clamp(80, 150); */
                font-size: 118px;
            }
            @media( min-width: 1600px ) {
                font-size: 150px;
            }
            
            span.shift {
                position: relative;
                left: 75px;
            }
        }
    }


    .headings {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        color: #ffffff;
        .wrap-inner {
            @media(min-width: 825px) {
                max-width: 920px;
            }
            @media( min-width: 1400px ) {
                padding: 130px 50px 285px 25px;
            }
        }
    }

    .content {
        flex: 1 1 35.5%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        
        h3 {
            margin: 0;
            padding: 0;
        }
        .text {
            margin: 0;
            font-size: 22px;
        }
        .sub-text {
            font-weight: 600;
            margin: 0;
        }
        .button {
            margin-top: 20px;
        }
        .wrap-inner {
        }
    }
    .wrap-inner {
        padding: 40px 25px 75px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: start;
        /* align-items: center; */
        /* text-align: center; */

        @media(min-width: 825px) {
            align-items: start;
            text-align: unset;
            max-width: 440px;
            padding: 65px 25px;
            padding: 65px 45px 65px 25px;
        }
    }

    #arrow-03-darkgray-down,
    #arrow-03-white-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        max-height: 80px;
        width: 100%;
        min-width: 900px;
        z-index: 1;
        display: none;
    }

    #arrow-03-darkgray,
    #arrow-03-white {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 1;
        display: none;
        max-width: 80px;
        @media( min-width: 825px ) {
            
        }
    }
    #arrow-03-darkgray-down {
        @media( max-width: 825px ) {
            display: block;
        }
    }
    #arrow-03-darkgray {
        @media( min-width: 825px ) {
            display: block;
        }
    }
    .chat-icon {
        position: absolute;
        right: 25px;
        bottom: 25px;
    }

}

section.icb008-hero {
    &.prime-links {
        /* height: 400px;
        background: $brandThree; */
        position: relative;
        z-index: 1;
        background: #ffffff;
        padding: 75px 0;

        @media( min-width: 1400px ) {
            height: 0;
            padding: unset;
        }

        .wrap {
            display: flex;
            align-items: center;
            @media( min-width: 1400px ) {
                background: #ffffff;
                border-radius: 20px;
                transform: translateY(-50%);
                padding: 50px 70px;
                max-width: 1300px;
                margin: 0 auto;
            }
        }

        .links {
            display: flex;
            flex-direction: column;
            gap: 50px;
            @media( min-width: 800px ) {
                flex-direction: row;
                align-items: stretch;
                justify-content: space-between;
            }
            @media( min-width: 1024px ) {
                gap: 100px;
            }
            
            .link {
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 30px;
                justify-content: space-between;

                .heading {
                    color: #CB3D2F;
                    margin: 0;
                    padding: 0;
                }
                p {
                    /* display: none; */
                    margin: 0;
                    /* @media( min-width: $lg ) {
                        display: block;
                    } */
                }
            }
        }

    }
    &.quick-links {
        background: #CB3D2F;
        padding: 75px 0;

        @media( min-width: 1400px ) {
            height: 375px;
            padding: unset;
        }

        .wrap {
            position: relative;
            .wrap-inner {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 75px;
                @media( min-width: 1024px ) {
                    justify-content: space-between;
                    flex-direction: row;
                    gap: unset;
                }
                @media( min-width: 1400px ) {
                    position: absolute;
                    bottom: 0;
                    padding-bottom: 80px;
                }
            }
            .content {
                display: flex;
                flex-direction: column;
                gap: 20px;
                color: #ffffff;
                span {
                    line-height: 1;
                    margin: 0;
                    padding: 0;
                }
                .heading {
                    /* text-transform: lowercase; */
                    font-weight: 500;
                }
            }
            .links {
                display: flex;
                flex-direction: column;
                gap: 35px;
                @media( min-width: 1024px ) {
                    flex-direction: row;
                    align-self: end;
                }
            }
        }
    }
}
/*# sourceMappingURL=block.css.map */