.pattern_modules{
	margin-top: 64px;
}

.pattern_modules section:nth-child(even){
	
}

.pattern_modules .hero{
	color: white;
	background: ;
	display: flex;
	justify-content: space-between;
	gap: 32px;
}
	.pattern_modules .hero .text{
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.pattern_modules .hero .text h2{
		font-size: 32px;
	}
	.pattern_modules .hero .text a{
		color: #111;
		text-decoration: none;
		background: white;
		border-radius: 8px;
		padding: 8px 16px;
	}
	.pattern_modules .hero .image{
		position: relative;
		border-radius: 16px;
		width: 40%;
	}
		.pattern_modules .hero .image img{
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
		.pattern_modules .hero .image div{
			top: 0;
			position: absolute;
			border: 1px solid white;
			border-radius: 16px;
			height: 100%;
			width: 100%;
			transform: rotate(5deg);
		}
	@media (max-width: 768px){
		.pattern_modules .hero{
			flex-direction: column;
		}
		.pattern_modules .hero .text{
			width: 100%;
		}
			.pattern_modules .hero .image{
				width: 100%;
			}
	}
.pattern_modules .reasons{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
	.pattern_modules .reasons .container{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 32px 16px;
	}
			@media (max-width: 768px){
				.pattern_modules .reasons .container{
					grid-template-columns: repeat(2, 1fr);
					gap: 32px 8px;
				}
			}
		.pattern_modules .reasons .card{
			/*background: rgba(100, 100, 100, 0.05);
			border: 1px solid rgba(100, 100, 100, 0.2);
			border-radius: 16px;*/
			display: flex;
			align-items: center;
			gap: 8px;
		}
			.pattern_modules .reasons .card img{
				height: 48px;
				width: 64px;
				object-fit: contain;
			}
	.pattern_modules .reasons h3{
		font-size: 32px;
	}

.pattern_modules .features{
	color: white;
	background: #222;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
	.pattern_modules .features .container{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 48px 16px;
	}
			@media (max-width: 768px){
				.pattern_modules .features .container{
					grid-template-columns: repeat(2, 1fr);
					gap: 12px;
				}
			}
		.pattern_modules .features .card{
			color: white;
			background: rgba(100, 100, 100, 0.05);
			border: 1px solid rgba(100, 100, 100, 0.2);
			border-radius: 16px;
			padding: 16px 12px;
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
		/*.pattern_modules .features .card_hr{
			grid-column: span 4;
		}*/
	.pattern_modules .features h3{
		font-size: 32px;
	}