.messenger-section{
	background: linear-gradient(180deg, var(--bs-warm) 0%, var(--bs-white) 100%);
}

.messenger-box::before{
	content: "";
	width:30%;
	height: 100%;
	border: 1px solid var(--secondary-palette-warm-grey-300);
	position: absolute;
	top:0;
	left:0;
	z-index: 0;
}

.messenger-box::after{
	content: "";
	width:100px;
	height: calc(100% + 100px);
	position: absolute;
	background-image: url('../svg/pluses-2.svg');
	top:0;
	left:0;
	z-index: 0;
	opacity: 0.6;
}


@media only screen and (width <= 968.98px){
	.messenger-box::before, .messenger-box::after{
		display: none;
	}
}