#services {
	background: #111;

	.list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 32px;

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

		.item {
			display: grid;
			align-content: baseline;
			gap: 40px;			
			border-radius: 32px;
			padding: 0px 60px 60px 60px;
			background: #1A1A1A;

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

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

			.heading {
				padding: 15px;
				font-weight: 800;
				font-family: var(--font-big);
				text-transform: uppercase;
				text-box: cap alphabetic;
				margin-top: -35px;
				width: fit-content;
				height: fit-content;
				color: #000;
				font-size: 80px;
				border-radius: 10px;
				transform: rotate(-4deg);	

		        @media only screen and (max-width: 980px) {
		            font-size: 52px;
		        } 
			}

			&:nth-child(1) .heading, &:nth-child(4) .heading {
				background: #FFB3DB;
			}

			&:nth-child(2) .heading, &:nth-child(5) .heading {
				background: #CAF291;
			}

			&:nth-child(3) .heading, &:nth-child(6) .heading {
				background: #70e6ed;
			}	

			.points {
				.point {
					padding-block: 26px;
					font-size: 26px;
					font-family: var(--font-big);
					color: #fff;
					text-transform: uppercase;
					text-box: cap alphabetic;
					border-top: 1px dashed var(--border);
					text-decoration: underline;

	                @media only screen and (max-width: 980px) {
	                    font-size: 24px;
	                }

					&:last-child {
						padding-bottom: 0px;
					}
				}
			}
		}
	}
}