/* START READY TO DREAM */
.ready {
	margin-bottom: 						130px;
}

.ready .rowContainer {
	position: 							relative;
	background-color: 					var(--brown);
	border-radius: 						30px;
	padding-block: 						55px;
}

.ready .rowContainer .image {
	width: 								auto;
	height: 							125%;
	object-fit: 						contain;
	object-position: 					center center;
	position: 							absolute;
	bottom: 							0;
	left: 								0;
	padding: 							0;
	z-index: 							1;
}

.ready .rowContainer .texture {
	width: 								auto;
	height: 							100%;
	object-fit: 						contain;
	object-position: 					center center;
	position: 							absolute;
	bottom: 							0;
	left: 								20px;
	padding: 							0;
}

.ready .rowContainer .title {
	color:								var(--beige);
	margin-bottom: 						10px;
}

.ready .rowContainer .title cc {
	font-family: 						'Refoke';
	color: 								var(--white);
}

.ready .rowContainer .description {
	font-weight: 						300;
	color: 								var(--beige);
	margin-bottom: 						30px;
}

.ready .rowContainer .btnDream {
	width: 								fit-content;
	gap: 								135px;
	padding: 							25px 20px;
}

.ready .rowContainer .btnDream::before {
	padding: 							25px 20px;
}
/* END READY TO DREAM */

@media (max-width: 991px) {
	/* START READY TO DREAM */
	.ready {
		margin-bottom: 						50px;
	}

	.ready .rowContainer {
		position: 							relative;
		background-color: 					transparent;
		border-radius: 						0;
		padding-block: 						0;
	}

	.ready .rowContainer .mobileView {
		position: 							relative;
		padding: 							55px 0 0;
		background-color: 					var(--brown);
		border-radius: 						30px;
		text-align: 						center;
		overflow: 							hidden;
	}

	.ready .rowContainer .mobileView .image {
		width: 								100%;
		height: 							auto;
		position: 							relative;
	}

	.ready .rowContainer .mobileView .texture {
		width: 								135%;
		height: 							auto;
		bottom: 							0;
		left: 								50%;
		transform: 							translateX(-50%);
	}

	.ready .rowContainer .mobileView .title {
		font-size: 							25px;
		padding-inline: 					35px;
		margin-bottom: 						15px;
	}

	.ready .rowContainer .mobileView .description {
		padding-inline: 					35px;
		margin-bottom: 						15px;
	}

	.ready .rowContainer .mobileView .btnDream {
		gap: 								40px;
		padding: 							20px;
		margin: 							0 auto 20px;
	}

	.ready .rowContainer .mobileView .btnDream::before {
		text-align: 						start;
		padding: 							20px;
	}
	/* END READY TO DREAM */
}