.row.signpost-row{margin-bottom: -30px;}
.row.signpost-row .col-md-6, .row.signpost-row .col-md-4 { margin-bottom: 30px; }
.signpost-box { background: var(--sof-green); border-radius: 20px; overflow: hidden; width: 100%; height: 100%; }
.sb-img h2 { font-size: 40px; line-height: 1; color: var(--sof-white); text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; text-shadow: 10px 10px 20px rgb(0 0 0 / 30%); }
.sb-img h2 .currency{font-size: 30px;}
.sb-img { position: relative; min-height: 200px; overflow: hidden; display: flex; flex-flow: column; justify-content: end; padding: 20px 27px; }
.sb-img::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 100px; mix-blend-mode: multiply; background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); }
.sb-img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s ease-in; }
.sb-content { min-height: 130px; padding: 38px 27px; line-height: 1.4; color: #333; height: 100%; display: flex; flex-flow: column; background-color: var(--sof-white); }
.sb-btn { font-size: 20px; font-weight: 900; margin-bottom: 0; color: var(--sof-white); letter-spacing: 0.20em; padding: 16px 10px; transition: all 0.3s ease-in; text-transform: uppercase; font-family: var(--sof-secondary-font); margin-top: auto; position: relative; }
.sb-btn:before{content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); z-index: 0; opacity: 0; transition: var(--sof-custom-ease);}
.sb-btn em {  height: 25px; display: flex; flex-shrink: 0; margin-right: 15px; position: relative; z-index: 1; }
.sb-btn em img{height: 100%; width: auto;}
.sb-btn span{position: relative; z-index: 2;}
.signpost-row + .signpost-row { margin-top: 30px; }
.sb-logo-box { position: absolute; top: -18px; left: 0; width: 155px; height: 115px; }
.sb-details-box { gap: 12px; margin-top: auto; padding-top: 17px; }
.sb-details-inner { font-size: 30px; color: var(--sof-green); font-weight: 900; font-family: var(--sof-secondary-font); letter-spacing: 0.05em; }
.signpost-box:hover .sb-content { color: var(--sof-black); }
.signpost-box:hover .sb-img>img { transform: scale(1.05); }
.signpost-box:hover .sb-btn { background-color: var(--sof-blue-dark);}
.signpost-box:hover .sb-btn:before {opacity: 0.2;}



/* ========================================== 
! Large devices (desktops, less than 1500px)
=========================================== */
@media (max-width:1499.98px) {
	.sb-img h2 { font-size: 30px; }
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.signpost-box { border-radius: 10px; }
	.sb-content { padding: 27px 20px; }
	.sb-details-box { flex-flow: column; }
	.sb-logo-box { top: -14px; width: 128px; height: 95px; }
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { }

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