.preview-image{
    -o-object-fit: contain !important;
       object-fit: contain !important;
    max-width:100% !important;
}


.block-line-triangle.use_p_w{
    overflow-x:hidden;
    width:100%;
}


.bott_trian .arrow-container{
    transform: scaleY(-1);
    margin-top:30px;
}


.link-wrap{
    margin-bottom:-18px;
}


.bott_trian .link-wrap{
    margin-bottom:7px;
}


@container (min-width: 1225px) {
    .out_trian .arrow-container{
        margin-left:-59px;
    }
}


.ext_trian .arrow-container{
    margin-left:60px;
}


.arrow-container:after{
    content:'';
    display: block;
    width:calc(100% - 60px);
    height:0;
    border-bottom:solid 1px var(--wp--preset--color--black);
    position: absolute;
    left:58px;
    bottom:0;
}


.line-infinite .arrow-container:after{
    width:90vw;
}


.arrow-container:before{
    content:'';
    display: block;
    width:40vw;
    height:0;
    border-bottom:solid 1px var(--wp--preset--color--black);
    position: absolute;
    left:-40vw;
    bottom:0;
}


.right_trian .arrow-container svg {margin-left:auto;}


.right_trian .arrow-container:before{
    width:90vw;
    right:59px;
    left:initial;
}


.right_trian .arrow-container:after{
    left:initial;
    right:-90vw;
}


@container (min-width: 1225px) {
    .right_trian.out_trian .arrow-container{
        margin-right:-59px;
    }
}


.right_trian.ext_trian .arrow-container{
    margin-right:60px;
}


@container (max-width: 1224px) {
    .block-line-triangle:not(.ext_trian):not(.out_trian):not(.right_trian) .arrow-container{
        margin-left:29px;
    }
    .block-line-triangle.right_trian:not(.ext_trian):not(.out_trian) .arrow-container{
        margin-right:30px;
    }
}


.block-line-triangle.use_p_w:not(.ext_trian):not(.out_trian):not(.right_trian) .arrow-container{
    margin-left:29px;
}


.block-line-triangle.right_trian.use_p_w:not(.ext_trian):not(.out_trian) .arrow-container{
    margin-right:30px;
}


.arrow-helper {
    container-type: inline-size;
    container-name: arrow-helper;
}


@container arrow-helper (max-width: 120px) {
    .arrow-container {
        margin-left:0 !important;
        margin-right:0 !important;
    }
       .arrow-container svg {
            display:none !important;
        }
    .arrow-container:before {
        left: initial;
        right:15px;
    }
    .arrow-container:after {
        display:none;
    }
}


@media only screen and (max-width: 639px ) {
        .mob_stack .link-with-arrow{
            text-align: right;
        }
            .mob_stack:not(.use_p_w) .arrow-container:after {
                width: 100vw;
            }
}