/*********************************************************************************

	Template Name: Template Full Name Here
	Description: A perfect template to build beautiful and unique medical websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/
.text-keep-all {
	word-break: keep-all;
}

.flexcenter{
	display: inline-flex;
	justify-content: center;
}

.banner{

	width: 100%;
	max-width: 338px;

	border-radius: 15px;
	background-color: white;
	border: 3px solid #243959;

	display: inline-flex;
	justify-content: center;
	align-items: center;

	aspect-ratio: 202/57;
}

.banner img{
	aspect-ratio: 202/57;
	max-width: 75%;

	object-fit: contain;
	aspect-ratio: 202 / 57;
	max-width: 75%;
	height: auto;
}

/* Language dropdown responsive styles */
.language-dropdown {
	position: relative;
}

.language-text {
	display: inline-block;
	text-decoration: none;
}

.language-icon {
	display: none;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

#header-fluid .header-left{
	flex-basis: auto;
}

/* Hide text and show icon on mobile (768px and below) */
@media only screen and (max-width: 768px) {
	#header-fluid{
		padding-left: 15px;
		padding-right: 15px;
	}

	#header-fluid .dropdown.show{
		margin-left: 4px;
	}

	#header-fluid .header-left{
		flex-basis: auto;
	}
	#header-fluid h2{
		font-size: 18px;
	}

	.language-text {
		display: none;
	}

	.language-icon {
		display: inline-block;
	}



	/* Ensure dropdown doesn't overflow on very small screens */

}

@media only screen and (max-width: 768px) {
	#header-fluid .dropdown-menu.show {
		left: -50% !important;
		max-width: 180px;
	}
}