.support-block
{
	padding          : 78px 0 74px;
	margin           : 0px auto;
	background-color : #F3F6F8;
	position         : relative;
}

.support-container
{
	max-width     : 1472px;
	padding-left  : 44px;
	padding-right : 44px;
	margin        : 0 auto;
}

.support-text
{
	max-width   : 600px;
	text-align  : left;
	font-family : "Open Sans";
	font-style  : normal;
	font-weight : 400;
	font-size   : 18px;
	line-height : 30px;
	color       : #364047;
}

.support-text-header
{
	font-family    : "Kanit";
	font-style     : normal;
	font-weight    : bold;
	font-size      : 44px;
	line-height    : 56px;
	text-align     : left;
	color          : #112336;
	padding-bottom : 17px;
	flex-basis     : 45%;
	padding-top    : 24px;
	letter-spacing : 0;
}

.support-wrapper
{
	display         : flex;
	flex-wrap       : wrap;
	justify-content : space-between;
}

.support-header-block
{
	flex-basis : 44%;
	text-align : left;
}

.support-team-block
{
	flex-basis      : 55%;
	display         : flex;
	flex-wrap       : wrap;
	justify-content : flex-end;
}

.member-wrap
{
	flex          : 0 0 auto;
	width         : 33.333%;
	padding-left  : 15px;
	padding-right : 15px;
	flex-basis    : 33.3%;
	width         : 234px;
	height        : 234px;
	max-width     : 234px;
	max-height    : 234px;
}

.member-wrap.blue
{
	max-width     : 204px;
	max-height    : 204px;
	background    : #4C75E6;
	border-radius : 20px;
	margin-left   : 16px;
	margin-right  : 16px;
}

.member-wrap.green
{
	max-width     : 204px;
	max-height    : 204px;
	background    : #CDFB3E;
	border-radius : 20px;
	margin-left   : 16px;
	margin-right  : 16px;
}

.member-wrap-4
{
	position : relative;
}

.member-wrap-4::before
{
	content       : "";
	width         : 204px;
	height        : 204px;
	background    : #CDFB3E;
	border-radius : 20px;
	position      : absolute;
	right         : 251px;
	display : block !important;
}

.member-wrap img
{
	border-radius : 20px;
	margin-bottom : 32px;
}

.support-contacts
{
	flex-basis    : 24%;
	margin-top    : -195px;
	width         : 338px;
	padding       : 0px 0px 20px;
	background    : #F3F6F8;
	border-radius : 20px;
	position      : relative;
	z-index       : 3;
}

.support-contacts:hover
{
	background : #F3F6F8;
}

.support-contact
{
	font-family    : "Kanit";
	font-style     : normal;
	font-weight    : 600;
	font-size      : 24px;
	line-height    : 30px;
	color          : #112336;
	padding-bottom : 17px;
}

.support-contact a
{
	color           : #112336;
	text-decoration : none;
}

.support-contact a:hover
{
	color  : #4C75E6;
	cursor : pointer;
}

.support-contact a:active
{
	color : #314B93;
}

.contact-icon
{
	margin-right : 10px;
}

@media (max-width : 1499px)
{
	.support-container
	{
		max-width     : 1077px;
		padding-left  : 44px;
		padding-right : 44px;
	}

	.support-header-block
	{
		flex-basis : 40%;
	}

	.support-text-header
	{
		font-size      : 44px;
		line-height    : 56px;
		padding-bottom : 8px;
		flex-basis     : 45%;
		padding-top    : 0;
	}

	.support-text
	{
		max-width   : 450px;
		font-size   : 18px;
		line-height : 30px;
	}

	.support-team-block
	{
		flex-basis   : 57%;
		margin-right : -5px;
	}

	.support-contacts
	{
		flex-basis    : 24%;
		margin-top    : -140px;
		width         : 338px;
		padding       : 0px 0px 20px;
		background    : #F3F6F8;
		border-radius : 14px;
		position      : relative;
		z-index       : 3;
	}

	.support-contact
	{
		padding-bottom : 8px;
	}

	.member-wrap
	{
		flex          : 0 0 auto;
		width         : 33.333%;
		padding       : 0;
		margin-left   : 11.32px;
		margin-right  : 11.32px;
		flex-basis    : 33.3%;
		width      : 144.33px;
		height     : 144.33px;
		max-width  : 144.33px;
		max-height : 144.33px;
		margin-bottom : 22.64px;
	}

	.member-wrap.green,
	.member-wrap.blue
	{
		max-width  : 144.33px;
		max-height : 144.33px;
		border-radius : 14.15px;
		margin-left   : 11.32px;
		margin-right  : 11.32px;
	}

	.member-wrap-4::before
	{
		content       : "";
		width         : 144.33px;
		height        : 144.33px;
		background    : #CDFB3E;
		border-radius : 14.15px;
		position      : absolute;
		right         : 166.64px;
		opacity: 0;
	}
}

@media (max-width : 1279px)
{
	.support-block
	{
		padding  : 125px 0 74px;
		overflow : hidden;
	}

	.support-wrapper
	{
		justify-content : space-between;
		align-items     : center;
	}

	.support-header-block
	{
		flex-basis : 100%;
		margin     : 0 auto 60px;
	}



	.support-container
	{
		max-width     : 800px;
		padding-left  : 44px;
		padding-right : 44px;
	}

	.support-text-header
	{
		font-size      : 36px;
		line-height    : 44px;
		padding-bottom : 17px;
		flex-basis     : 45%;
		padding-top    : 0px;
		text-align     : center;
		margin-bottom  : 0;
	}

	.support-text br
	{
		display : none;
	}

	.support-text
	{
		max-width   : 100%;
		font-size   : 16px;
		line-height : 28px;
		text-align  : center;
		margin      : 0 auto;
	}

	.support-team-block
	{
		position : relative;
		left     : 16px;
		flex-basis : 57%;
		order      : 3;
	}

	.support-contacts
	{
		flex-basis  : 46%;
		margin-top  : -58px;
		margin-left : -44px;
		padding     : 100px 35px 80px 50px;
		z-index     : 3;
		order       : 2;
	}

	.member-wrap
	{
		width         : 154px;
		height        : 154px;
		max-width     : 154px;
		max-height    : 154px;
		margin-bottom : 32px;
		margin-left   : 16px;
		margin-right  : 16px;
	}

	.member-wrap.green,
	.member-wrap.blue
	{
		max-width     : 154px;
		max-height    : 154px;
		border-radius : 15px;
		margin-left   : 16px;
		margin-right  : 16px;
	}

	.member-wrap-4::before
	{
		content       : "";
		width         : 154px;
		height        : 154px;
		background    : #CDFB3E;
		border-radius : 15px;
		position      : absolute;
		right   : 186px;
		opacity : 1;
	}


}

@media (max-width : 799px)
{
	.support-block
	{
		padding : 53px 0 74px;
	}

	.support-contact
	{
		padding-bottom : 10px;
	}

	.member-wrap-4::before
	{
		opacity : 1;
	}

	.support-wrapper
	{
		justify-content : space-between;
		align-items     : center;
	}

	.support-header-block
	{
		flex-basis : 100%;
		margin     : 0 auto 20px;
	}

	.support-container
	{
		max-width     : 800px;
		padding-left  : 20px;
		padding-right : 20px;
	}

	.support-text-header
	{
		font-size      : 36px;
		line-height    : 44px;
		padding-bottom : 8px;
	}

	.support-text
	{
		max-width     : 100%;
		font-size     : 16px;
		line-height   : 28px;
		margin-bottom : 30px;
	}

	.support-team-block
	{
		flex-basis      : 100%;
		order           : 2;
		justify-content : center;
		margin          : 0 auto;
		max-width       : 340px;
		gap             : 15.14px;
		left : 0;
	}

	.support-contacts
	{
		flex-basis  : 100%;
		margin-top  : 26px;
		margin-left : 0;
		padding     : 0;
		z-index     : 3;
		order       : 3;
		max-width   : 360px;
		margin      : 0 auto;
		padding-top : 40px;
	}

	.support-contact
	{
		font-size      : 24px;
		line-height    : 30px;
		padding-bottom : 10px;
	}

	.member-wrap
	{
		width         : 96.49px;
		height        : 96.49px;
		max-width     : 96.49px;
		max-height    : 96.49px;
		margin : 0 !important;
	}

	.member-wrap.green,
	.member-wrap.blue
	{
		max-width     : 96.49px;
		max-height    : 96.49px;
		border-radius : 9.4px;
	}

	.member-wrap-4::before
	{
		max-width     : 96.49px;
		max-height    : 96.49px;
		background    : #CDFB3E;
		border-radius : 9.4px;
		position      : absolute;
		right : 111.63px;
	}

	.member-wrap img
	{
		border-radius : 9.4px;
	}
}