@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*=== base ===*/

.primary-btn {
	padding: .5rem;
	background-color: var(--blue-color);
	border-radius: var(--btn-border-radius);
	color: var(--white-color);
	font-style: italic;
	font-weight: 600;
}

.secondary-btn {
	padding: .5rem;
	background-color: transparent;
	border-radius: var(--btn-border-radius);
	color: var(--white-color);
	font-style: normal;
	font-weight: 600;
}

.aan-hidden {
	display: none !important;
}

.mobile-only,
.mobile-md-only {
	display: none !important;
}

.desktop-only {
	display: flex !important;
}

.desktop-md-only {
	display: block !important;
}

.desktop-flex-md-only {
	display: flex !important;
}

.mobile-flex-md-only {
	display: none !important;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* === responsive === */

@media (max-width: 1919.98px) {

}

@media (max-width: 1441px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
	.desktop-only {
		display: none !important;
	}

	.mobile-md-only {
		display: block !important;
	}

	.desktop-md-only {
		display: none !important;
	}

	.desktop-flex-md-only {
		display: none !important;
	}

	.mobile-flex-md-only {
		display: flex !important;
	}


	.aan-details-page-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.plus-minus {
		left: 0;
	}
}

@media (max-width: 767.98px) {
	.mobile-md-only {
		display: block !important;
	}
	.desktop-md-only {
		display: none !important;
	}
}

@media (max-width: 575.98px) {
	.mobile-only {
		display: flex !important;
	}
}