@charset "utf-8";
/* CSS Document */


/*VENDOR*/

	/*TITLE*/
	.vendor .content_vendor {padding-top: 170px; background-color: var(--white);}
		.vendor .content_vendor .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.vendor .content_vendor .section_title hr {width: 55%; border-color: var(--white); border-width: 2px;}
			.vendor .content_vendor .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.vendor .content_vendor {transition: background 0.5s ease-in-out;}
			.vendor .content_vendor.show {background-color: var(--pink);}

		.vendor .content_vendor .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.vendor .content_vendor.show .section_title hr {transform: scale(1);}

		.vendor .content_vendor .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.vendor .content_vendor.show .section_title h1 {opacity: 1;}

	/*BECOME A VENDOR*/
	.vendor .content_info {margin-top: 80px;}
		.vendor .content_info .content_container {display: flex; align-items: flex-start; justify-content: center; gap: 68px;}
			.vendor .content_info .content_half:first-child {width: 522px;}
			.vendor .content_info .content_half:last-child {width: calc(100% - 590px);}
				.vendor .content_info .content_half img {width: 100%;} 
				.vendor .content_info .content_half h5 {font-size: 2.25rem; margin-bottom: 44px;}
				.vendor .content_info .content_half p {font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px;}
				.vendor .content_info .content_half ul {list-style-type: disc; padding-left: 15px;}
					.vendor .content_info .content_half ul li {padding-left: 35px; font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px;}
				.vendor .content_info .content_half a {text-decoration: underline;}

		/*Animations*/
		.vendor .content_info .content_half figure,
		.vendor .content_info .content_half h5 {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.vendor .content_info.show .content_half figure,
			.vendor .content_info.show .content_half h5 {opacity: 1;}
		.vendor .content_info .content_half p,
		.vendor .content_info .content_half li {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateY(20px);}
			.vendor .content_info.show .content_half p,
			.vendor .content_info.show .content_half li {opacity: 1; transform: translateY(0px);}

	/*APPLICATION*/
	.vendor .content_application {margin-top: 83px;}
		.vendor .content_application .content_container {gap: 120px;}
			.vendor .content_application .content_half {width: 50% !important;}

	/*ACTIONS*/
	.vendor .content_actions {margin-top: 146px; margin-bottom: 152px;}
		.vendor .content_actions .actions_container {display: flex; align-items: stretch; justify-content: center; gap: 16px; flex-wrap: wrap;}
			.vendor .content_actions .actions_container .box.big {background: var(--pink); text-align: center; padding: 61px 0; width: 100%;}
			.vendor .content_actions .actions_container .box.small {background: rgba(239, 147, 158, .15); text-align: left; padding: 38px 55px 41px 118px; width: calc(50% - 8px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
				.vendor .content_actions .actions_container .box h5 {font-size: 2.25rem; min-height: 84px; margin-bottom: 17px;}
				.vendor .content_actions .actions_container .box p {font-weight: 400; font-size: 1.25rem; line-height: 1.4;}
				.vendor .content_actions .actions_container .box.big p {margin-bottom: 57px;}
				.vendor .content_actions .actions_container .box.small p {margin-bottom: 44px;}

		/*Animations*/
		.vendor .content_actions .actions_container .box {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.vendor .content_actions.show .actions_container .box {opacity: 1;}

@media (max-width: 1000px) {
	.vendor .p_left_1 {padding-left: 0;}
	.vendor > section .center_content.c_10,
	.vendor > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.vendor .content_vendor {padding-top: 115px;}
		.vendor .content_vendor .section_title {width: 100% !important;}
			.vendor .content_vendor .section_title h1 {font-size: 3rem;}

	/*Vendor*/
	.vendor .content_info .content_container {flex-direction: column;}
		.vendor .content_info .content_container .content_half {width: 100% !important;}
			.vendor .content_info .content_container .content_half:nth-child(1) {order: 2;}
			.vendor .content_info .content_container .content_half:nth-child(2) {order: 1;}
			.vendor .content_info .content_container .content_half figure {width: 332px; margin: auto;}
			.vendor .content_info .content_half h5 {font-size: 1.75rem; margin-bottom: 68px;}
			.vendor .content_info .content_half p {font-size: 1.125rem;}
			.vendor .content_info .content_half ul li {padding-left: 20px; font-size: 1.125rem;}

	/*Application*/
	.vendor .content_application {margin-top: 50px;}
		.vendor .content_application .content_container {gap: 50px;}
			.vendor .content_application .content_container .content_half figure {width: 100%;}
			.vendor .content_application .content_container .content_half:nth-child(1) {order: 1;}
			.vendor .content_application .content_container .content_half:nth-child(2) {order: 2;}

	/*Actions*/
	.vendor .content_actions {margin-top: 80px; margin-bottom: 65px;}
		.vendor .content_actions .actions_container {gap: 52px 16px;}
			.vendor .content_actions .actions_container .box.big:before {content: ''; display: block; position: absolute; top: 0; left: calc((100vw - 100%) / -2); background: var(--pink); height: 100%; width: 100vw; z-index: -1;}
			.vendor .content_actions .actions_container .box h5 {font-size: 1.75rem; margin-bottom: 27px;}
			.vendor .content_actions .actions_container .box.small {padding: 60px 37px;}
				.vendor .content_actions .actions_container .box p,
				.vendor .content_actions .actions_container .box.small p {font-size: 1.125rem;}
				.vendor .content_actions .actions_container .box.small .button {width: 214px;}
}

@media (max-width: 750px) {
	.vendor > section .center_content.c_10,
	.vendor > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.vendor .content_vendor {padding-top: 165px;}
		.vendor .content_vendor .section_title {padding: 43px 0;}
			.vendor .content_vendor .section_title hr {width: 42%;}
			.vendor .content_vendor .section_title h1 {font-size: 1.875rem;}

	/*Vendor*/
	.vendor .content_info .content_container {padding: 0 36px;}
		.vendor .content_info .content_container .content_half figure {width: 100%;}
		.vendor .content_info .content_half p {word-break: break-word;}

	/*Actions*/
	.vendor .content_actions .actions_container {flex-direction: column; padding: 0 36px;}
		.vendor .content_actions .actions_container .box.big .button {margin: auto;}
		.vendor .content_actions .actions_container .box.small {width: 100%; padding: 60px 20px;}
			.vendor .content_actions .actions_container .box.small .button {border: 1px solid var(--pink);}
}