.document-checklist-block{
    position: relative;
    margin-block-start: 0 !important;
    .wp-block-heading{
        margin-bottom: 13px;
    }
    .doc-intro-text{
        font-size: 24px;
        font-weight: 300;
        line-height: 32px;
        font-family: var(--wp--preset--font-family--outfit);
        margin-bottom: 13px;
    }
    .doc-note-text{
        font-size: 20px;
        font-weight: 300;
        line-height: 32px;
        font-family: var(--wp--preset--font-family--outfit);
        margin-bottom: 13px;
        strong{
            font-weight: 500;
        }
    }
}

.document-checklist-wrapper{
    text-align: center;
    padding:50px 0 90px;
}

.docs-wrap{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 21px;
    margin-top: 34px;
        .docs-cell{
            width:392px;
            border:solid 1px #DCE2E6;
            flex-grow: 0;
            flex-shrink: 0;
            box-sizing: border-box;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
            text-align: left;
            .docs-cell-inner{
                padding: 20px 35px 20px 45px;
                color:var(--wp--preset--color--tertiary);
            }
            .toggler-icon{
                transition: all 0.3s ease-in-out;
                transform: rotate(0deg);
            }
            &.active{
                .doc-row.hidden-docs{
                    max-height: 9999px;
                    transition: all 0.3s ease-in-out;
                }
                .toggler-icon{
                    transition: all 0.3s ease-in-out;
                    transform: rotate(180deg);
                }
            }
            .doc-toggler{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 43px;
                border:none;
                cursor:pointer;
                border-top:solid 1px #DCE2E6;
            }
            .title-row{
                margin-bottom: 4px;
                h3{
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 24px;
                    font-family: var(--wp--preset--font-family--outfit);
                    margin: 0;
                    color: var(--wp--preset--color--secondary);
                }
            }
            .doc-row{
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                font-family: var(--wp--preset--font-family--lato);
                color: var(--wp--preset--color--dark-gray);
                margin-bottom: 3px;
                position: relative;
                padding-left: 20px;
                &.hidden-docs{
                    max-height: 0;
                    overflow: hidden;
                    transition: all 0.3s ease-in-out;
                }
                &:before{
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 7px;
                    width:13px;
                    height:13px;
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1658_1002)'%3E%3Cpath d='M12.1626 6.4996C12.1626 9.90309 9.5124 12.6623 6.24339 12.6623C2.97437 12.6623 0.324219 9.90309 0.324219 6.4996C0.324219 3.0961 2.97437 0.336914 6.24339 0.336914C9.5124 0.336914 12.1626 3.0961 12.1626 6.4996Z' fill='white' stroke='%231E7EBA' stroke-linejoin='round'/%3E%3Cpath d='M3.77344 5.02904L6.4786 7.86908L12.7634 0.840576' stroke='%231E7EBA' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1658_1002'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                }
            }
        }
}




@media (max-width: 1240px){
    
}