/* Task 7: About page advantage card interaction. */
.alsakan-about-card{
	position:relative;
	isolation:isolate;
	min-height:100%;
	border-radius:var(--ui-radius);
	box-shadow:0 2px 8px rgba(10,22,40,.035),0 12px 28px rgba(10,22,40,.055);
	transition:transform 290ms var(--ui-ease),box-shadow 290ms var(--ui-ease),border-color 290ms var(--ui-ease),background-color 290ms var(--ui-ease);
	outline:none;
}
.alsakan-about-card__icon{
	border-radius:.9rem;
	transition:background-color 290ms var(--ui-ease),color 290ms var(--ui-ease);
}
.alsakan-about-card__icon svg{width:1.75rem;height:1.75rem;max-width:1.75rem;max-height:1.75rem}
.alsakan-about-card__title,
.alsakan-about-card__text{transition:color 290ms var(--ui-ease)}
.alsakan-about-card:hover,
.alsakan-about-card:focus-visible{
	background-color:var(--ui-teal-dark);
	background-image:linear-gradient(135deg,#54c5c0,var(--ui-teal-dark));
	border-color:rgba(255,255,255,.22);
	box-shadow:0 18px 42px rgba(10,22,40,.18),0 8px 20px rgba(77,189,184,.18);
	transform:scale(1.035);
}
.alsakan-about-card:hover .alsakan-about-card__icon,
.alsakan-about-card:focus-visible .alsakan-about-card__icon{background-color:rgba(255,255,255,.18);color:#fff}
.alsakan-about-card:hover .alsakan-about-card__title,
.alsakan-about-card:focus-visible .alsakan-about-card__title{color:#fff}
.alsakan-about-card:hover .alsakan-about-card__text,
.alsakan-about-card:focus-visible .alsakan-about-card__text{color:rgba(255,255,255,.86)}
.alsakan-about-card:focus-visible{outline:3px solid rgba(77,189,184,.32);outline-offset:4px}
@media(hover:none){.alsakan-about-card:hover{transform:none;background:#fff;border-color:rgba(77,189,184,.1);box-shadow:0 2px 8px rgba(10,22,40,.035),0 12px 28px rgba(10,22,40,.055)}.alsakan-about-card:hover .alsakan-about-card__icon{background-color:rgba(77,189,184,.05);color:var(--ui-teal)}.alsakan-about-card:hover .alsakan-about-card__title{color:#1f2937}.alsakan-about-card:hover .alsakan-about-card__text{color:#6b7280}}
@media(prefers-reduced-motion:reduce){.alsakan-about-card,.alsakan-about-card__icon,.alsakan-about-card__title,.alsakan-about-card__text{transition:background-color 80ms linear,color 80ms linear,border-color 80ms linear,box-shadow 80ms linear}.alsakan-about-card:hover,.alsakan-about-card:focus-visible{transform:none}}