.internal-signpost-50-50-container{overflow: hidden;}
.is-50-50-box {padding: 84px 0 128px;padding-right: 31px;}
.is-50-50-box.right {padding-left: 15px;padding-right: 15px;height: 100%;}
.is-50-50-text { padding: 26px 40px 40px; border-radius: 5px; background: rgb(32 55 71 / 80%); color: #fff; position: relative; height: 100%; display: flex; flex-flow: column; }
.is-50-50-text h3 {font-size: 48px;line-height: 50px;margin-bottom: 32px; font-weight: 700;}
.is-50-50-cta { margin-top: auto; }
.is-50-50-cta .btn {min-width: 246px;position: relative;z-index: 9;}
.is-50-50-text .shape-box { display: flex; align-items: center; position: absolute; bottom: -48px; right: -13px; z-index: 8; }
.is-50-50-text .shape-box .shape-one { width: 84px; height: 84px; display: block; background: var(--teal-color); border-radius: 5px; box-shadow: 0 0 15px 0px rgb(0 0 0 / 50%); margin-left: -50px; z-index: 9; opacity: .9; }
.is-50-50-text .shape-box .shape-two { width: 126px; height: 128px; display: block; background: var(--orange-color); border-radius: 5px; box-shadow: 0 0 15px 0px rgb(0 0 0 / 60%); opacity: .9; }
.is-50-50-bg {position: absolute;width: 50vw;top: 0;z-index: -1;height: 100%;}
.is-50-50-bg img {width: 100%;height: 100%;object-fit: cover;}
.left .is-50-50-bg {right: 0;}
.right .is-50-50-bg { left: 0; }


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .is-50-50-box { padding-right: 15px; }
    .is-50-50-box.right { padding-left: 0; }

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .is-50-50-cta .btn { background-color: var(--blue-color); }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .is-50-50-box, .is-50-50-box.right { padding: 55px 0px 90px; position: relative; }
    .is-50-50-text { padding: 20px 26px 30px; }
    .is-50-50-text h3 { font-size: 35px; line-height: 40px; margin-bottom: 30px; }
    .is-50-50-text .shape-box { right: -86px; flex-flow: row-reverse; bottom: -57px; }
    .is-50-50-text .shape-box .shape-one { margin-left: auto; margin-right: -42px; margin-top: 8px; }
    .is-50-50-bg, .left .is-50-50-bg { position: absolute; width: calc(100% + 44px); left: 0; right: 0; margin-left: -22px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}