#values {
	background: #111;

	.list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);

        @media only screen and (max-width: 980px) {
            grid-template-columns: 1fr;
        } 

		.item {
			display: grid;
			justify-content: center;
			align-content: baseline;
			text-align: center;
			gap: 24px;			
			padding: 22px 28px;

	        @media only screen and (max-width: 980px) {
	            padding: 44px 0px;
	        } 

			svg {
				margin-inline: auto;
				display: block;
			}

			.heading {
				font-size: 26px;
				font-family: var(--font-big);
				color: #fff;
				text-transform: uppercase;
				text-box: cap alphabetic;
			}

			&:first-child {
				padding-top: 0px;
			}

			&:not(:last-child) {
		        @media only screen and (min-width: 980px) {
		            border-right: 1px dashed var(--border);
		        } 

		        @media only screen and (max-width: 980px) {
		            border-bottom: 1px dashed var(--border);
		        } 

			}
		}
	}

	.btn-wrap {
		text-align: center;
		margin-top: 64px;

        @media only screen and (max-width: 980px) {
            margin-top: 16px;
        } 

	}
}