/* ======================================================================================================
 * Caisse intelligente - section
 * ====================================================================================================== */
#caisse-intelligente {
	display          : flex;
	flex-direction   : column;
	flex-wrap        : nowrap;
	justify-content  : space-between;
	align-items      : center;
	padding          : 95px 0 0 0;
	background-color : var(--background-color-ponsot);
	gap              : 0px;
}

.caisse-intelligente__content {
	text-align      : center;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
	max-width       : 750px;
	padding         : 0 20px 0 20px;
}

.caisse-intelligente__content p {
	max-width : 90%;
}

.caisse-intelligente__content-2__text-container {
	display               : grid;
	padding               : 0 20px 0 20px;
	grid-template-columns : 1fr 1fr;
	justify-items         : center;
	gap                   : 60px;
}

.caisse-intelligente__content-2__text-container .section__text {
	width     : 100%;
	max-width : 430px;
}

/* ========== Images ========== */
.caisse-intelligente__images {
	position : relative;
}

.caisse-intelligente__roche {
	opacity         : 0.7;
	width           : 100vw;
	height          : 800px !important;
	margin-top      : 0;
	pointer-events  : none;
	object-fit      : cover;
	object-position : bottom;
}

.caisse-intelligente__boite {
	position  : absolute;
	top       : 6%;
	left      : 50%;
	transform : translateX(-50%);
	max-width : 80%;
}

.caisse-intelligente__mobile-1 {
	position : absolute;
	top      : 215px;
	left     : 55%;
	z-index  : 4;
	width    : 400px;
}

.caisse-intelligente__mobile-2 {
	opacity  : 0;
	position : absolute;
	top      : 215px;
	left     : 55%;
	z-index  : 3;
	width    : 400px;
}

.caisse-intelligente__images .caisse-intelligente__overlay {
	opacity       : 0;
	position      : absolute;
	top           : 200px;
	left          : 58%;
	z-index       : 2;
	width         : 340px;
	height        : 340px;
	content       : "";
	border-radius : 100%;
	background    : rgb(222, 255, 0);
	background    : radial-gradient(
			circle,
			rgba(222, 255, 0, 1) 0%,
			rgba(222, 255, 0, 0) 70%
	);
}


@media (max-width : 1024px) {
	.caisse-intelligente__content-2__text-container {
		grid-template-columns : 1fr;
		justify-items         : center;
		gap                   : 40px;
	}
}


@media (max-width : 764px) {
	#caisse-intelligente {
		flex-direction : column;
		padding        : 50px 0 70px 0;
	}

	.caisse-intelligente__images {
		margin-top    : 50px;
		margin-bottom : -10%;
	}


	.caisse-intelligente__roche {
		height : 470px !important;
	}

	.caisse-intelligente__mobile-1,
	.caisse-intelligente__mobile-2 {
		top   : 115px;
		left  : 44%;
		width : 290px;
	}

	.caisse-intelligente__content-2__text-container {
		text-align : center;
	}
}

/* ======================================================================================================
 * END Caisse intelligente - section
 * ====================================================================================================== */