@import url("../reset.css");
@import url("../shared.css");

@import url("../footer.css");
@import url("../header.css");

.cab-ticket-description {
	display: flex;
	gap: 30px;
}

.cab-ticket-description__info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cab-ticket-description__img-box {
	flex: 1;
}

.cab-ticket-description-row {
	margin-bottom: 24px;
}

.cab-ticket-description-row__title {
	color: var(--primitives-typography-black-secondary, #303533);

	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.cab-ticket-description-row__text {
	color: var(--primitives-typography-black-secondary, #303533);

	font-size: 16px;
}

.cab-ticket-description-row__text--highlighted {
	color: var(--global-brand-700, #057146);
}

.cab-ticket-description__img-box-inner {
	border-radius: 20px;
	background: var(--primitives-background-primary-color, #fff);

	/* shadow */
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);
	padding: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.cab-ticket-description__img {
}

.cab-ticket-description__btn-box {
	width: 80%;
}

@media (max-width: 769px) {
	.cab-ticket-description {
		flex-direction: column;
	}

	.cab-ticket-description-row {
		margin-bottom: 16px;
	}

	.cab-ticket-description__btn-box {
		width: 100%;
	}
}