@import 'variables';
@import '_mixins';

a {
	text-decoration: none;
}

.box-1 {
	padding-top: 100px;
	margin-bottom: 30px;
	.col-12 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;

		@include respond-below(lg) {
			flex-direction: column-reverse;
			align-items: flex-start;
			row-gap: 20px;
		}
	}

	h2 {
		color: $cBlack;
		font-family: 'URW Form', sans-serif;
		font-size: 26px;
		font-style: normal;
		font-weight: 300;
		line-height: 130%;
		letter-spacing: 3.99px;
		text-transform: uppercase;

		strong {
			font-weight: 500;
		}

		@include respond-below(md) {
			font-size: 20px;
		}
	}
	img {
		max-width: 200px !important;
	}
}

.box-2 {
	margin-bottom: 60px;
	h3 {
		color: $cBlack;
		font-family: 'URW Form', sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: 3.99px;
		text-transform: uppercase;
		margin-bottom: 20px;

		@include respond-below(md) {
			font-size: 18px;
		}
	}
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 20px;
		li {
			img {
				width: 100%;
				max-width: 170px;
			}
		}

		@include respond-below(xs) {
			grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		}
	}
}

.box-3 {
	margin-bottom: 100px;
	p {
		color: $cBlack;
		font-family: 'URW Form', sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 152.682%;
	}
}