/* =========================================
SERVICES
========================================= */
.services { position: relative; padding: 80px 0 140px; background: var(--color-white); }
.services:before { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; height: 450px; background: rgba(253, 230, 0, 0.07); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 28%); pointer-events: none; z-index: 0; }
.services .section-header { margin-bottom:97px; }
.services__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; padding: 0 24px; }
.services__grid--2col { grid-template-columns: repeat(2, 1fr); padding: 0; }
.services--no-padding { padding: 0; }
.service-card { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(253,230,0,1) 75%,rgba(253,220,0,1) 100%); background-size: 100% 400%; border: 2px solid var(--color-border); border-radius: var(--radius-lg); padding: 30px; transition: all .4s ease-in-out; display: flex; flex-direction: column; align-items: self-start; overflow:hidden; }
.service-card.aos-animate {transition: all .4s ease-in-out;}
.service-card:hover { box-shadow: 0px 4px 20px 0px rgba(253, 220, 0, 0.18); border-color: var(--color-primary); background-position: 100% 100%; }
.service-card__icon { display: inline-flex; color: var(--color-gold); width: auto; height: 48px; margin-bottom: 25px; transition: var(--transition-default); font-size: 48px; line-height: 1; font-weight: 900; }
.service-card__icon img { width: auto; height: 100%; transition: var(--transition-default); }
.service-card:hover .service-card__icon img { filter: brightness(0) invert(1); }
.service-card__title { font-size: 24px; font-weight: 600; margin-bottom: 16px; }
.service-card__text { font-size: 18px; color: var(--color-dark); margin-bottom: 18px; }
.service-card__link { font-size: 16px; font-weight: 700; color: var(--color-gray-900); border-bottom: 2px solid var(--color-primary); padding-bottom: 2px; display: inline-flex; align-items: center; gap: 7px; text-decoration: none; margin-top: auto; }
.service-card:hover .service-card__icon { color: var(--color-white); }
.service-card:hover .service-card__image { color: var(--color-white); }
.service-card:hover .service-card__link { border-bottom-color: #FDE600; }
.service-card__image { height:280px; margin:-30px; margin-bottom:30px;width: calc(100% + 60px); }
.service-card__image img { width:100%; height:100%; object-fit:cover; }

@media (max-width: 1199px) {
	.services { padding: 60px 0; }
	.services__grid { grid-template-columns: repeat(2, 1fr); padding: 0; gap: 20px; }
	.services .section-header { margin-bottom:60px; }
}

@media (max-width: 1023px) {
	.service-card__title { font-size: 20px; }
}

@media (max-width: 767px) {
	.services { padding: 50px 0 70px; }
	.services__grid { grid-template-columns: 1fr; gap: 32px; }
	.service-card__title { font-size: 21px; }
	.services .section-header { margin-bottom:44px; }
	.service-card__image { height:auto; }
}