@import url("colors.css");

.ev-visa-subIntro-card {
	background: linear-gradient(90deg, #EDF5FF 0%, #D6E4FE 98.96%) !important;
	height: 100%;
	flex-direction: column;
	display: flex;
}

.ev-visa-subIntro-card:hover {
	background: linear-gradient(90deg, #BCF2F6 0%, #D6E4FE 98.96%) !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; 
}

.ev-visa-subIntro-card .ui-card-body {
	flex-direction: column;
	display: flex;
	flex: 1;
}

.ev-visa-subIntro-card .ui-card-footer {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: flex-end;
	padding: 0 !important;
}

.ev-visa-subIntro-card .ui-card-title {
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 25.2px !important;
	color: var(--black-100) !important;
}

.ev-visa-subIntro-card .ui-card-content {
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
	color: var(--gray-200) !important;
}

.ev-visa-subIntro-card .ui-card-content {
	border-top: 1px solid var(--gray-500);
}

.ev-visa-subIntro-card .ui-button {
	width: fit-content;
}

.ev-visa-subIntro-tableCard .ui-card-content {
	padding: 1rem !important;
}

.ev-visa-subIntro-table--border {
	border-bottom: 1px solid var(--gray-500);
}

.ev-visa-subIntro--applyVisaBtn {
	height: fit-content;
}

.ev-subVisa-applicationMode-card {
	background: linear-gradient(90deg, #EDF5FF 0%, #D6E4FE 98.96%) !important;
	height: 100%;
	flex-direction: column;
	display: flex;
	text-align: center !important;
}

.ev-subVisa-applicationMode-card:hover {
	background: linear-gradient(90deg, #BCF2F6 0%, #D6E4FE 98.96%) !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; 
}

.ev-subVisa-applicationMode-card .ui-card-content {
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
	color: var(--gray-200) !important;
	padding: 0 !important;
}

.ev-subVisa-applicationMode-card .ui-card-body {
	flex-direction: column;
	display: flex;
	flex: 1;
}

.ev-subVisa-applicationMode-card .ui-card-footer {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: flex-end;
	align-items: center;
}

.ev-subVisa-applicationMode-icon {
	font-size: 24px !important;
	color: var(--black-100);
}

.ev-subVisa-applicationMode-btn {
	width: fit-content;
}

.ev-subVisa-button--flat .ui-button-text {
	padding: 0 !important;
}

.ev-subVisa-button--flat:hover {
	background-color: var(--white) !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.ev-visa-subIntro-card .ui-button {
		width: 100%;
	}
}