.ps-left { width: 50%; padding: 52px 115px 75px 45px; border: 1px solid currentColor; min-height: 285px; margin-bottom: 50px; }
.ps-right { width: 50%; padding: 63px 60px 70px; min-height: 285px; }
.ps-left-text h3 { font-size: 30px; line-height: 1; letter-spacing: -0.01em; margin-bottom: 21px; }
.ps-right-text h3 { font-size: 30px; line-height: 1; letter-spacing: -0.01em; margin-bottom: 21px; color: var(--kal-blue); }
.psr-icon-box { width: 110px; height: 110px; position: absolute; right: 100%; top: 0; background: inherit; }
.psr-icon { width: 62px; height: auto;}

.bg-white .ps-right{background: var(--kal-grey)!important;}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
	.ps-left { padding: 30px 115px 30px 35px; }
	.ps-left-text h3 { margin-bottom: 6px; }
	.ps-right { padding: 30px 110px 30px 30px; }
	.ps-right-text h3 { margin-bottom: 6px; }
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.ps-left { width: calc(100% - 85px); padding: 60px 96px; min-height: auto; margin-bottom: 0; }
	.ps-right { width: calc(100% - 85px); margin-left: auto; margin-top: 0; padding: 60px 114px; min-height: auto; }
	.psr-icon-box { width: 85px; height: 85px; right: 0; bottom: 100%; top: auto; }
	.psr-icon { width: 48px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.ps-left { width: calc(100% - 96px); padding: 58px 85px 58px 95px; }
	.ps-right { width: calc(100% - 96px); padding: 60px 67px; }
	.psr-icon-box { width: 96px; height: 96px; }
	.psr-icon { width: 54px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.ps-left { width: 100%; padding: 34px 38px; }
	.ps-right { width: 100%; padding: 34px 38px; }
}

/* ======================================================
! 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) { }