.loan-uses-block{
    background: #083D5B;
    background: linear-gradient(90deg,rgba(8, 61, 91, 1) 0%, rgba(8, 61, 91, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    position: relative;
        .wp-block-heading{
            margin-bottom: 33px;
        }
        &.faq-layout{
            .acf-innerblocks-container{
                *:last-child{
                    margin-bottom: 0;
                }
            }
            .faq-accordion-inner{
                padding-top: 0;
                padding-bottom: 0;
                    & .accordion-part {
                        .accordion-content {
                            transition: none;
                        }
                    }
            }
            .faq-accordion ~ .wp-block-buttons{
                padding-top:25px;
            }
        }
}


.loan-checklist-block ~ .loan-uses-block{
    .loan-uses-wrapper {
        flex-direction: row-reverse;
    }
    .loan-uses-block-inner{
        background:#ffffff;
        border-radius: 0 0 0 100px;
    }
    .loan-uses-media {
        .img-holder {
            border-radius: 0 0 100px 0;
        }
    }
}

.loan-uses-wrapper{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.loan-uses-block-inner, .loan-uses-media{
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
}

.loan-uses-block-inner{
    padding:57px 55px 73px 102px;
    .links{
        .link-row{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: nowrap;
            border-bottom:solid 1px #DCE2E6;
            width: 100%;
            min-height: 73px;
                .img-holder{
                    width:40px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right:47px;
                    flex-grow: 0;
                    flex-shrink: 0;
                        img{
                            width: auto;
                            max-height: 100%;
                        }
                }
                a{
                    display:block;
                    width: 100%;
                    color: var(--wp--preset--color--tertiary);
                    font-family: var(--wp--preset--font-family--outfit);
                    font-weight: 500;
                    font-size: 18px;
                    text-decoration: none;
                    padding:16px 30px 16px 0;
                    position: relative;
                      &:after{
                        content: "";
                        position: absolute;
                        width: 16px;
                        height: 18px;
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='16' height='18'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z' fill='%23083D5B'/%3E%3C/svg%3E");
                        top:50%;
                        right: 6px;
                        margin-top:-9px;
                        transform: translateX(0);
                        transition: all 0.3s ease-in-out;
                        }
                    &:hover:after{
                        transform: translateX(6px);
                        transition: all 0.3s ease-in-out;
                    }
                }
        }
    }
}

.loan-uses-media{
    .img-holder{
        width:100%;
        height:100%;
        min-height: 446px;
        border-radius: 100px 0 0 0;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width: 1240px){
    .loan-uses-block{
        > div {
            padding: 0 !important;
        }
    }
}

@media (max-width: 991px){
    .loan-uses-block-inner {
        padding: 57px 55px 73px 55px;
    }
}

@media (max-width: 680px){
    .loan-uses-block{
        background: linear-gradient(180deg,rgba(8, 61, 91, 1) 0%, rgba(8, 61, 91, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
            .wp-block-heading {
                margin-bottom: 13px;
            }
    }
    
    .loan-uses-wrapper {
        flex-direction: column;
    }
    .loan-uses-block-inner {
        padding: 20px 25px 47px 25px;
    }
    .faq-accordion{
        min-height: auto !important;
        max-height: 9999px !important;
    }
    .loan-checklist-block ~ .loan-uses-block{
        .loan-uses-wrapper {
            flex-direction: column-reverse;
        }
        .loan-uses-block-inner{
            background:#F1F6FA;
            border-radius: 0;
        }
    }
}

@media (max-width: 540px){
    .loan-uses-media {
        .img-holder {
            width: 100%;
            height: 414px;
            min-height: 414px;
        }
    }
    .loan-uses-block-inner {
        & .links {
            & .link-row {
                .img-holder {
                    width: 26px;
                    height: 26px;
                    margin-right: 20px;
                }
            }
        }
    }
}