
/* -------------- COLORS -------------- */

/* ---------------------------- */

/* -------------- FRONT END -------------- */

/* ---------------------------- */

/* -------------- ADMIN -------------- */

/* ---------------------------- */

/* -------------- MIXINS -------------- */

/* ---------------------------- */

/* -------------- MEDIA QUERIES -------------- */
.section-container {
	padding: 1vw 2vw;
}

.section-container:not(:first-child) {
	border-top: 3px solid #f6b757;
}

.section-container .section-body, .section-container .section-header {
	padding: 0 2vw;
}

.section-container .section-header {
	display: flex;
	gap: 20px;
}

.section-container .icon {
	width: 45px;
	margin-left: -69px;
}

.section-container .content {
	display: flex;
	justify-content: space-between;
}

.section-container h2 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
}

.section-container h3 {
	padding-top: 0;
	padding-bottom: 0;
}

.section-container .date span {
	color: #111e4c;
	font-weight: 600;
}

.section-container .btn {
	width: 145px !important;
	margin: 0px !important;
}

.section-container p {
	width: 80%;
	padding-top: 20px;
}

.section-container .no-border {
	border: 0 !important;
}

.section-container .item:not(:last-child) {
	border-bottom: 2px dotted #f6b757;
	padding-bottom: 1.5vw;
	margin-bottom: 1.5vw;
}

.section-container .mob-cta {
	display: none;
}

.customer-journey .dectxt {
	padding: 0 !important;
}

@media only screen and (max-width: 991px) {
	.customer-jouerny-list {
		padding: 0 20px;
	}
	
	.section-container p {
		width: 100%;
	}
	
	.section-container .mob-cta {
		display: block !important;
		margin: 0px 0px 10px !important;
	}
	
	.section-container .lg-cta {
		display: none !important;
	}
	
	.icon {
		margin-left: -57px;
	}
}

.reach-container h3, .reach-container h2 {
	color: #243769;
}

.acquisition-container h3, .acquisition-container h2 {
	color: #4e86bf;
}

.conversion-container h3, .conversion-container h2 {
	color: #76c1d1;
}

.retention-container h3, .retention-container h2 {
	color: #ebb769;
}

.loyalty-container h3, .loyalty-container h2 {
	color: #c6573b;
}
