@charset "UTF-8";

.image-clamp {
	max-height: clamp(50vh, 50vw, 100vh);
}

.dropdown-menu {
	min-width: clamp(300px, 50vw, 600px) !important;
	width: auto !important;
	max-width: 90vw;
}

#top-info {
	max-width: 60%;
}

#top-info h5 {
	font-size: clamp(1.5rem, 3vw, 4rem);
	font-weight: bold;
}

#top-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
	text-align: justify;
}

#contact-info {
	max-width: 75%;
	margin: 0 auto;
}
/* Tablet (768px – 991px) */
@media ( min-width : 768px) and (max-width: 991px) {
	#contact-info {
		padding-left: 6rem;
		padding-top: 6rem;
		max-width: 100%;
	}
}

/* Desktop (992px and up) */
@media ( min-width : 992px) {
	#contact-info {
		padding-top: 6rem;
		max-width: 100%;
	}
}

#contact-info h6 {
	font-size: clamp(0.80rem, 1.6vw, 2rem);
	text-align: justify;
}

#contact-info h5 {
	font-size: clamp(1.1rem, 2.2vw, 2.5rem);
}

#contact-info h4 {
	font-size: clamp(1.5rem, 2vw, 3rem);
	text-align: justify;
}

#contact-info p {
	font-size: clamp(0.75rem, 1.6vw, 2rem);
	text-align: justify;
}

#contact-info {
	max-width: 85%;
}

.cube-size {
	width: 50px;
}

.card {
	width: 85%;
}

.card-title {
	font-size: clamp(1.1rem, 2.2vw, 2.5rem);
	text-align: justify;
}

.card-text {
	font-size: clamp(0.75rem, 1.6vw, 2rem);
	text-align: justify;
}

.dropdown-text {
	cursor: pointer;
	background: none;
	border: none;
	color: inherit;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.dropdown-text::after {
	display: none; /* hides Bootstrap’s caret */
}

#contactsReports {
	max-width: 90%;
}

#contactsReports h5 {
	font-size: clamp(1.1rem, 2.2vw, 2.5rem);
	font-weight: bold;
}

#contactsReports p, span, a {
	font-size: clamp(0.9rem, 1.4vw, 2rem);
	color: var(--darkest-blue);
	text-align: justify;
}

.dropdown-menu {
	position: fixed !important; /* anchor to viewport, not the trigger */
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 100vw !important;
	max-height: 75vh;
	overflow-y: auto;
	display: none;
}

@media ( min-width : 991px ) {
	.dropdown-menu {
		position: fixed !important; /* anchor to viewport, not the trigger */
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: 420px !important;
		max-width: 90vw;
		max-height: 75vh;
		overflow-y: auto;
		display: none;
	}
}