.our-services{flex-direction:column;gap:20px;width:100%;padding-top:20px;display:flex}.our-services__services{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr;gap:30px;display:grid}.our-services__button{align-self:center;width:max-content}
.service-card{box-shadow:var(--shadow-grey);background-color:var(--color-white);border-top:4px solid var(--color-white);transition:var(--transition-default);border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.service-card:hover{background-color:var(--color-green-3);border-top:4px solid var(--color-green-2)}.service-card:hover .service-card__img{opacity:1;right:0}.service-card:hover .service-card__img-wrapper-text{right:0}.service-card__title-wrapper{justify-content:space-between;gap:10px;display:flex}.service-card__title-icon-wrapper{background-color:var(--color-green-3);border-radius:50%;place-content:center;height:max-content;padding:10px;display:grid}.service-card__title{font-size:24px}.service-card__description{font-size:18px}@media (min-width:35.0613em){.service-card__img-wrapper-text{transition:var(--transition-default);position:relative;right:-20px}}.service-card__img-wrapper{color:var(--color-green-2);align-self:flex-end;align-items:center;gap:10px;margin-top:auto;font-size:18px;display:flex}@media (min-width:35.0613em){.service-card__img{opacity:0;transition:opacity var(--transition-default),right var(--transition-default);position:relative;right:10px}}