/* image text block */

.imageright {
	flex-direction: row-reverse;
}



.two-col-content {
	width: 100%;
	position: relative;
	height: auto;
	padding: 0 6%;
	margin: 50px 0;
}

.two-col-content .max-width {
	display: flex;
	position: relative;
	margin: 0 auto;
	background: #d4d2d9;
	border-radius: 20px;
	overflow: hidden;
}

.light.two-col-content .max-width {
	background:#ffffff;
}


.two-col-content .col:first-child {
	width: 50%;
	position: relative;
/*	align-self: flex-start;*/
	align-self: stretch;
	overflow:hidden;
	border-bottom-right-radius: 80px;
}

.two-col-content .imageright .col:first-child {
	border-bottom-left-radius: 80px;
	border-bottom-right-radius: 0;
}


.two-col-content .imageright .col:last-child {
	display: flex;
	  justify-content: center;
	  padding: 40px 40px;
	  width: 50%;
	  flex-direction: column;
	  margin: 0 auto;
	  position: relative;
	
}

.two-col-content .col:last-child {
	display: flex;
	justify-content: center;
	padding: 40px 40px;
	width:50%;
	flex-direction: column;
	margin: 0 auto;
	position: relative;
}

.two-col-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.two-col-content h2 {
	background: linear-gradient(90deg, rgba(231,69,29,1) 0%, rgba(205,47,60,1) 35%, rgba(170,41,85,1) 100%);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	letter-spacing: 0.02em;
}

.two-col-content h3 {
	color: #63616f;
}

.two-col-content.light h3 {
	color: #2f2e37;
}

.two-col-content h4 {
	color: #e5441f;
	font-weight: 700;
	font-size: 16px;
}

.two-col-content.light h4 {
	color: #e5441f;
}

.two-col-content a {
	color: #0c8da6;
}

.two-col-content a:hover{
	color: #f39500;
}
	
.two-col-content.light p {
	color:#63616f;
}

.two-col-content p {
	color:#63616f;
}



.two-col-content p:last-of-type {
	margin-bottom: 0;
}

.two-col-content ul {
	margin: 10px 0 15px 0;
}

.two-col-content li:before {
	content:'\f138';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0;
	left: 0;
	color: rgb(231,69,29);
	font-size: 1.2em;
}

.two-col-content li {
	padding-left: 26px;
	position: relative;
	margin: 0 0 9px 0;
	color: #63616f;
	line-height: 1.6em;
}

.two-col-content.light li {
	color: #2f2e37;
}



@media only screen and (min-width: 1399px){
	.two-col-content {
		height: auto;
	}
	
}


@media only screen and (max-width: 840px){
		.two-col-content .max-width {
			flex-direction: column;
		}
		.two-col-content .col {
			width: 100%!important;
		}
		
		.two-col-content .col:last-child, .two-col-content .imageright .col:last-child {
			display: flex;
			justify-content: center;
		}
	}

@media only screen and (max-width: 420px) {
	.two-col-content .col:first-child {
		border-bottom-left-radius: 30px;
	}
}