#references-list {

	display: flex;
	flex-direction: column;
	gap: 20px;

	.reference {

		display: flex;
		flex-direction: column;
		margin-top: 30px;
		width: 100%;

		@media (min-width: 769px) {
			flex-direction: row;
			border-top: 4px solid #2F377F;
		}

		img {

			display: block;
			width: 100%;
			height: 160px;
			object-fit: cover;

			@media (min-width: 769px) {
				width: 33.33%;
				height: 200px;
			}

			@media (min-width: 1025px) {
				height: 250px;
			}

		}

		div {

			width: 100%;
			padding: 20px 10px 10px;

			@media (min-width: 769px) {
				width: 66.67%;
				padding: 20px;
			}

			@media (min-width: 1025px) {
				padding: 30px;
			}

			.client {
				margin-bottom: 10px;
			}

			.timeframe {
				color: #B1B2B3;
			}

		}

	}

}