/*--------------------------------------------------------------
SIGNATURE COLLECTION
--------------------------------------------------------------*/


.signature-collection{

	width:100%;

	padding:120px 0;

	background:#ffffff;

}


.signature-collection .container{

	width:92%;

	max-width:1320px;

	margin:auto;

}



/*--------------------------------------------------------------
HEADING
--------------------------------------------------------------*/


.signature-heading{

	text-align:center;

	max-width:850px;

	margin:auto auto 80px;

}


.signature-heading span{

	display:inline-block;

	margin-bottom:20px;

	font-size:13px;

	font-weight:600;

	letter-spacing:3px;

	color:#a9854f;

}


.signature-heading h2{

	margin:0;

	font-size:48px;

	line-height:1.2;

	font-weight:600;

	color:#111111;

}


.signature-heading p{

	margin-top:30px;

	font-size:17px;

	line-height:1.9;

	color:#666666;

}




/*--------------------------------------------------------------
GRID
--------------------------------------------------------------*/


.signature-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:35px;

}




/*--------------------------------------------------------------
CARD
--------------------------------------------------------------*/


.signature-card{

	background:#ffffff;

	border-radius:24px;

	overflow:hidden;

	box-shadow:0 20px 60px rgba(0,0,0,.05);

	transition:.4s ease;

}


.signature-card:hover{

	transform:translateY(-8px);

}


.signature-card__image{

	overflow:hidden;

}


.signature-card__image img{

	width:100%;

	display:block;

	transition:.5s ease;

}


.signature-card:hover img{

	transform:scale(1.05);

}



.signature-card__content{

	padding:35px;

}


.signature-card__content h3{

	margin:0;

	font-size:28px;

	line-height:1.3;

	font-weight:600;

	color:#111111;

}


.signature-card__content p{

	margin-top:20px;

	line-height:1.9;

	color:#666666;

}


.signature-card__content a{

	display:inline-block;

	margin-top:25px;

	text-decoration:none;

	font-weight:600;

	color:#a9854f;

	transition:.4s ease;

}


.signature-card__content a:hover{

	color:#111111;

}




/*--------------------------------------------------------------
FOOTER CTA
--------------------------------------------------------------*/


.signature-footer{

	text-align:center;

	margin-top:80px;

}


.signature-button{

	display:inline-block;

	padding:18px 40px;

	border-radius:50px;

	background:#111111;

	color:#ffffff;

	text-decoration:none;

	font-size:15px;

	font-weight:600;

	transition:.4s ease;

}


.signature-button:hover{

	background:#a9854f;

	color:#ffffff;

}




/*--------------------------------------------------------------
TABLET
--------------------------------------------------------------*/


@media(max-width:1024px){


	.signature-grid{

		grid-template-columns:1fr;

	}


	.signature-heading h2{

		font-size:40px;

	}


}




/*--------------------------------------------------------------
MOBILE
--------------------------------------------------------------*/


@media(max-width:768px){


	.signature-collection{

		padding:90px 0;

	}


	.signature-heading h2{

		font-size:34px;

	}


	.signature-button{

		width:100%;

		text-align:center;

	}


}




@media(max-width:576px){


	.signature-collection{

		padding:70px 0;

	}


	.signature-heading h2{

		font-size:28px;

	}


	.signature-card__content{

		padding:28px;

	}


	.signature-card__content h3{

		font-size:24px;

	}


}