.it-5050-container{--it-grid-line: var(--kal-grey);}  
.bg-grey.it-5050-container{--it-grid-line: var(--kal-white);}   

.it-5050-content { min-height: 430px; flex-direction: row; }
.it-5050-left { width: 100%; padding: 30px 264px 30px 48px; }
.it-5050-left-inner { max-width: 335px; }
.it-5050-text { margin-bottom: 40px; letter-spacing: -0.006em; }
.it-5050-text h3 { font-size: 40px; margin-bottom: 20px; }
.it-5050-icon-box { width: 216px; height: 216px; position: absolute; right: 0; top: 0; padding: 20px; }
.it-5050-icon { width: 175px; height: auto; }
.it-5050-right { width: 50%; }
.it-5050-img { padding-bottom: 55%;}
.it-5050-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.img-right .it-5050-left { width: 50%; padding: 30px 264px 30px 48px; }
.img-right .it-5050-icon-box { right: 0; left: auto; }

.img-left .it-5050-content { flex-direction: row-reverse; }
.img-left .it-5050-left { width: 50%; padding: 30px 48px 30px 264px; align-items: flex-end; }
.img-left .it-5050-icon-box { left: 0; right: auto; }

.has-grid  .it-5050-content-outer{position: relative;}
.has-grid  .it-5050-content::before{content: '';width: 1px;height: 300%;background: var(--it-grid-line);position: absolute;top: 0;left: 0;z-index: 2;}
.has-grid  .it-5050-content::after{content: '';width: 1px;height: 300%;background: var(--it-grid-line);position: absolute;top: 0;right: 0;z-index: 2;}
.has-grid  .it-5050-content-outer::before{content: '';width: 100vw;height: 1px;background: var(--it-grid-line);position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.has-grid  .it-5050-content-outer::after{content: '';width: 100vw;height: 1px;background: var(--it-grid-line);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
	.it-5050-left-inner { max-width: 300px; }
	.it-5050-text h3 { margin-bottom: 35px; }
	.it-5050-right { width: 38%; }
	.it-5050-img { padding-bottom: 110%; }

	.img-left .it-5050-left, .img-right .it-5050-left { width: 62%;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.it-5050-left { padding: 30px 50px; }
	.it-5050-left-inner { max-width: 100%; }
	.it-5050-text { margin-bottom: 25px; }
	.it-5050-text h3 { margin-bottom: 15px; }
	.it-5050-right { width: 48%; }
	.img-left .it-5050-left { width: 52%; padding: 30px 10.5% 30px 5%; }
	.img-right .it-5050-left { width: 52%; padding: 30px 5% 30px 10.5%; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.it-5050-content { min-height: auto;}
	.it-5050-img { padding-bottom: 138%; min-height: auto; }
	.it-5050-text { margin-bottom: 20px; }
	.img-left .it-5050-left, .img-right .it-5050-left { padding: 30px 35px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.it-5050-content { gap: 60px; flex-direction: column;  }
	.it-5050-left { padding: 0; }
	.it-5050-right { width: 100%; }
	.it-5050-text h3 { margin-bottom: 25px; }
	.it-5050-img { width: calc(100% + 30px); margin-left: -15px; padding-bottom: 60%; }


	.img-left .it-5050-left, .img-right .it-5050-left { width: 100%; padding: 0; align-items: flex-start; }
	.img-left .it-5050-text, .img-right .it-5050-text { max-width: 100%; }

	.it-5050-content::before, .it-5050-content::after, .it-5050-content-outer::before, .it-5050-content-outer::after{display: none;}
}

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