.page-signposts-container{  --ps-grid-line: var(--kal-grey);}  
.bg-grey.page-signposts-container{  --ps-grid-line: var(--kal-white);}   

.page-signposts-list { width: calc(100% + 30px); margin-left: -15px; }
.page-signposts-item { width: 50%; padding: 0 15px;}
.page-signposts-box {width: 100%; min-height: 300px;border: 1px solid var(--ps-grid-line); }
.psb-left { width: 60.18%; }
.psb-left-head h3 { font-size: 30px; margin-bottom: 0; }
.psb-left-head { padding: 25px 30px; background: var(--kal-green); }
.psb-left-body { padding: 30px 20% 30px 30px; height: 100%; gap: 20px; }
.psb-left-text { font-size: 20px; }
.psb-right { width: 39.82%; }
.psb-right-img { position: relative; width: 100%; height: 100%; }
.psb-right-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.psb-right-icon { height: 100%; padding: 30px;}
.psb-right-icon img{ max-width: 237px;}

.page-signposts-container.has-grid .page-signposts-list{position: relative;}
.page-signposts-container.has-grid .page-signposts-list::before{content: '';width: 100vw;height: 100vh;position: absolute;bottom: calc(100% - 1px);right: calc(100% - 16px);border: 1px solid var(--ps-grid-line);}
.page-signposts-container.has-grid .page-signposts-list::after{content: '';width: 100vw;height: 100vh;position: absolute;top: calc(100% - 1px);left: calc(100% - 16px);border: 1px solid var(--ps-grid-line);}
 
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .psb-left-head { padding: 20px 30px; }
    .psb-left-body { padding: 30px; }
    .psb-right-icon { padding: 20px; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .page-signposts-item { width: 100%; }
    .page-signposts-item:not(:last-child){ margin-bottom: 30px; }
    .psb-left-body { padding: 30px 19% 30px 30px; }
    .psb-right-img{padding-bottom: 100%; height: auto;}
    .psb-right-icon { padding: 20px 40px; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .psb-left-body { padding: 30px; }
    .psb-right-icon { padding: 20px 65px; }

    .page-signposts-container.has-grid .page-signposts-list::before, .page-signposts-container.has-grid .page-signposts-list::after{display: none;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .psb-left { width: 100%; }
    .psb-left-body { padding: 30px 25px; }
    .psb-right { width: 100%; }
    .psb-right-img { padding-bottom: 41.5%; }
    .psb-right-icon { padding: 5.25% 32%; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}