.yd-signature-products {
	    .title-section {
	    	display: flex;
            justify-content: center;
	    	margin-bottom: 40px;
	    	.title {
	    		line-height:1.2;
                font-size: calc(var(--font-heading-h2-scale)* 3.2rem);
	    		padding-right: 40px;
	    	}
	    	.description {
	    		font-size: calc(var(--font-body-scale)* 1.4rem);
	    		max-width: 40%;
	    		color: rgb(128, 128, 128);
	    	}
	    }

	.signature-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;

		.signature-card {
			flex: 1 1 calc(20% - 10px);
			background-color: rgb(242 240 239);
			border-radius: 20px;
			overflow: hidden;

			img {
				width: 100%;
				height: 230px;
				object-fit: cover;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
            .card-content{
              padding: 30px 25px 25px 25px;
                .title {
			    	 font-size: calc(var(--font-heading-h3-scale)* 2.6rem);
			    	margin-bottom:18px;
                    line-height: 1;
			    }
			    .para {
			    	font-size: calc(var(--font-body-scale)* 1.4rem);
			    	color: rgb(128, 128, 128);
                    font-weight:400;
			    }
            }
		}
	}

	@media (max-width: 992px) {
		.title-section {
			flex-direction: column;

			.title {
				max-width: 68%;
				margin-bottom: 20px;
			}

			.description {
				max-width: 100%;
			}
		}

		.signature-cards {
			.signature-card {
				flex: 1 1 calc(40% - 10px);
			}
		}
	}

	@media (max-width: 768px) {
		.title-section {
			.title {
				font-size: 45px;
				max-width: 100%;
			}
		}
	}

	@media (max-width: 575px) {
		.signature-cards {
			.signature-card {
				flex: 1 1 100%;
			}
		}
	}
}