/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 20:40:14 */
/* ========================================= SHORTCUT CARDS ========================================= */
.shortcut-cards-section {
	.card-wrapper-outer {
		display: flex;
		flex-direction: column;
		height: 100%;
		
		@media screen and (min-width: 991px) {
			flex-direction: row;
		}
		
		.card-wrapper {
			display: block;
			flex: 1;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			position: relative;
			overflow: hidden;
			height: 150px;
			text-decoration: none;
			
			@media screen and (min-width: 991px) {
				height: clamp(400px, 60vh, 800px);
			}

			.card-shortcut {
				@media screen and (min-width: 991px) {
					position: absolute;
					inset: 0;
					display: flex;
					align-items: end;
					z-index: 1;
				}

				&::before {
					content: '';
					position: absolute;
					left: 0;
					right: 20%;
					bottom: 0;
					height: 100%;
					background-color: var(--green-dark-transparent-1);
					transition: height 0.6s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
					z-index: 0;
					
					@media screen and (min-width: 991px) {
						height: var(--card-text-bg-height, 8rem);
						right: 0;
					}
				}

				.card-text {
					position: relative;
					z-index: 1;
					width: 80%;
					padding: 2.5rem 1.5rem;
					text-align: center;
					background-color: transparent;
					
					@media screen and (min-width: 991px) {
						width: 100%;
					}

					.card-title {
						font-size: 1.5rem;
						font-weight: 700;
						color: var(--white);
						
						@media screen and (min-width: 991px) {
							font-size: 2rem;
						}
					}
				}
			}

			/*
			&:hover {
				.card-shortcut {
					&::before {
						height: 100%;
					}
				}
			}
			*/
		}
	}
}