/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");*/
@import url("/css/poppins.css?family=Poppins:wght@200;300;400;500;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  --melocolor: rgb(254,80,0); /*this is the pantone 021*/
  --txtcolor: rgb(132, 128, 133);
  --linecolor: rgb(208,233,220);
  --placecolor: rgb(27, 136, 161);
  --fontsize: 1.2rem;
  --fontsizeh3: 1.4rem;
  --melobabes: rgb(193,217,209);
  --melobabes_color:rgb(250,103,194);
  --oncology: rgb(68,117,147);
  --melo24: rgb(244,130,33);
  --orthopaedics: rgb(61,163,164);
  --melohearts: rgb(136,208,200);
  --melominds: rgb(102,99,98);
  --renalcare: rgb(93,137,161);
  --melocares: rgb(255,81,0);
  --header_color:rgb(102, 102, 102);
  --melo24_red:rgb(216,36,41);
} 
.grid_container{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	width: 100%;
	background-color: white;
	gap: 30px;	
}
.grid_item{
	width:100%;
	border:0px solid lime;
}
.grid_item_span2{
	width:100%;
	grid-column: span 2;
	border:0px solid hotpink;
}
.grid_item_span3{
	width:100%;
	grid-column: span 3;
	border:0px solid red;
}
.span3_container {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: row;
    border: 0px solid red;
	position:relative;
}

.span3_cntr{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.span3_btn{
	position:absolute;
	bottom:10px;
	right:10px;
	width:200px;
	text-decoration:none;
	border-radius:5px;
	background-color: var(--melocolor);
	padding: 0.5rem 1rem;
	color:white;
	border:none;
	height:47px;
	font-size: 1rem;
	transition: 1s;
}

.span3_btn:hover{
	background-color: transparent;
	border-radius:20px;
	cursor:pointer;
	color:var(--melocolor);
	border:1px solid var(--melocolor);
}





.mySlides {
	display: none;

}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  
}
.fade {
  animation-name: fade;
  animation-duration: 2.5s;
  transition: opacity 2s ease-in-out; 
}
@keyframes fade {
  from {opacity: .6} 
  to {opacity: 1}
}

.boot_icon{
color: var(--melocolor);
width: 3rem;
height: 3rem;
font-size: 2rem;

border: 0px solid var(--melocolor);
border-radius: 50%;
display: flex;
flex-direction:row;
align-items: center;
justify-content: center; /* Center horizontally */
background-color: rgba(254,80,0, 0.1);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;

}

.sticker_24{
	width:100%;
	height:3rem;
	display:flex;
	justify-content: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
background-color:whitesmoke; 
font-size:1.2rem;
font-weight:600; 
}



.melo2fleet_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:650px;
	/* background-color:green; */
	/* z-index:100; */
	/* background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);  */
	/* background: transparent;  */

}
.melo2fleet_overlay_txt{
	position:absolute;
	top:20px;
	left:20px;	
	width:60%;
	backdrop-filter: blur(10px) saturate(1);
	border:1px solid white;
	border-radius:10px;
	padding:20px;
}

.melo2fleet_overlay_txttop{
	position:absolute;
	top:20px;
	right:20px;	
	width:60%;
	backdrop-filter: blur(10px) saturate(1);
	border:1px solid white;
	border-radius:10px;
	padding:20px;
}

.melo2fleet_overlay_txt h2{color:white;text-align:left;}
.melo2fleet_overlay_txt p{color:white;text-align:left;}

.melo2fleet_overlay_txttop h2{color:white;text-align:left;}
.melo2fleet_overlay_txttop p{color:white;text-align:left;}

.event_img_container{
	width:100%;
	border:0px solid hotpink;
	position:relative;
}

.event_img_txt{
	position:absolute;
	bottom:20px;
	left:20px;	
	width:60%;
	backdrop-filter: blur(10px) saturate(1);
	border:1px solid white;
	border-radius:10px;
	padding:5px;
	text-transform:none;
	z-index:200;
}


.neback_txt{
	color:white;
	font-size:clamp(0.65rem, 2vw, 2.5rem);
	display:flex;
	text-align:left;
	justify-content: center;
  align-items: center;
height: clamp(65px, 20vh, 200px);
  width:75%;
  border:0px solid hotpink;
  padding:10px;
}


.span3_container_item {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ensure images don’t overflow */
	padding:10px;
}

.span3_container_item img {
    object-fit: contain;
    width: 100%;
    height: 100%; /* Make sure the image fills the container */
}

.grid_item_span4{
	width:100%;
	grid-column: span 4;
	border:0px solid blue;
}
.grid_item_span6{
	width:100%;
	grid-column: span 6;
	border:0px solid green;
}
.grid_item_span8{
	width:100%;
	grid-column: span 8;
	border:0px solid purple;
}
.grid_item_span8_shadow{
	width:100%;
	height:20px;
	grid-column: span 8;
	box-shadow: 0 -10px 20px -5px rgba(115, 115, 115, 0.4);
	border:0px solid green;
}
.maincolor{color:var(--melocolor);}
.images {
	object-fit: cover;
	width:100%;
	height:56vh;
	border-radius:10px;
	transition: transform .4s;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
}
.images:hover {
  cursor:pointer;
}
.avatar_iframe{
	width:100%;
	border:none;
	outline:none;
	height:100%;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	background:transparent;
	position:relative;
	z-index:10;
	overflow:hidden;
}
.avatar_overlay{
	position:absolute;
	left:-600px;
	top:115vh;
	z-index:0;
	background:transparent;
	border:0px solid lime;
	width:100%;
	height:90%;
}
.avatar_overlay img{
	width:100%;
	opacity:0.06;
}
.pdfdwn{
font-size:1rem;
text-decoration:none;
color:var(--txtcolor);	
line-height:2;
font-weight:300;
}
.pdfdwn:hover{
	color:var(--melocolor);
	transition:500ms;
}
.pdf_icon{
	font-size:1.5rem;
	color:var(--melocolor);
}
iframe{
	position:relative;
	margin-top:0;
	width:100%;
	height:700px;
	border:none;
    -moz-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    -webkit-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
}
.special_iframe{
	width:100%;
	height:400px;
	border:none;
	border-radius:10px;
	 -moz-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    -webkit-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
}
.media_iframe{
	width:500px;
	height:500px;
	border:none;
	border-radius:10px;
}
.textspan{
	position:absolute;
	bottom:10px;
	right:18px;	
	font-weight:500;
	display:inline;
	border:2px solid rgb(230, 120, 23);
	border-radius:20px;
	color:white;
	font-size:0.85rem;
	background-color:rgb(230, 120, 23);
	height:2.3rem;
	width:2.3rem;
	transition:1s ease-in-out;
	text-align:left;
	overflow:hidden;
}
.textspan:hover{
	width:10rem;
	cursor:pointer;
}
.h1_trans{
	display:block;
	position:absolute;
	z-index:10;
	top:120px;
	left:0px;
	background-color:rgba(0,0,0,5);
	padding:30px;
	font-size:2rem;
	color:whitesmoke;
	text-transform:uppercase;
	 text-shadow: 0 5px 10px rgba(94, 94, 94, 1);
	mix-blend-mode: overlay;
	font-weight:600;
	width:100%;
}
.input_container{
	display:flex;
	flex-direction:row;
	object-content:center;
	text-align:center;
	justify-content:center;
	position:absolute;
	top:480px;
	left: 0;
	z-index:10;
	width:100%;
	border:0px solid lime;
	flex-wrap: wrap;
	background-color:transparent;
}
.banner_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:760px;
}
.banner_content{
	display:flex;
	flex-direction:row;
	object-content:center;
	text-align:center;
	justify-content:center;
	gap:30px;
	position:absolute;
	top:550px;
	left: 0;
	z-index:10;
	width:100%;
	border:0px solid lime;
	flex-wrap: wrap;
}
.banner_item{
	background-color:hsla(360, 100%, 100%, 0.15);
	border:1px solid whitesmoke;
	color:white;
	text-transform:uppercase;
	 text-shadow: 0 5px 10px rgba(94, 94, 94, 1);
	 width:300px;
	 height:135px;
	 border-radius:15px;
	 text-align:left;
	 padding:20px;
	 align-content: center;
	 position:relative;
	 transition:2s;
	 backdrop-filter: blur(10px) saturate(1);
}
.banner_txt_container{
	border:0px solid lime;
	display:inline;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	padding:10px 15px;
	width:205px;
}
.banner_btn{
	position:absolute;
	right:10px;
	bottom:10px;
	border:1px solid whitesmoke;
	font-size:0.75rem;
	background-color:hsla(360, 100%, 100%, 0.15);
	color:white;
	backdrop-filter: blur(10px) saturate(1);
	text-decoration:none;
	padding:3px 5px;
	border-radius:15px;
	transition:1s;
}
.banner_btn:hover{
	background-color:var(--melocolor);
	border:none;
	backdrop-filter: blur(10px) saturate(1);
		border:1px solid whitesmoke;
}
.banner_txt{
    display: table-cell;
    vertical-align: middle;
	font-size:1.5rem;
}
.banner_icon{
	width:60px;
	height:60px;
	border:2px solid white;
	border-radius:50%;
	font-size:3rem;
	padding:3px;
	text-align: center;
	transition:1s;
	margin-left:0;
	margin-right:0;
}
.banner_p{
	font-size:0.85rem;
	color:white;
}
.banner_item:hover {
	background-color:hsla(212, 55%, 54%, 0.22);
	cursor:pointer;
}
.banner_icon:hover{transform: rotate(360deg);cursor:pointer;}
h1{
	color:white;
	letter-spacing:4px;
	font-size:2rem;
	font-weight:400;
	text-transform:uppercase;
}
h2{
	font-size:1.8rem;
	color:var(--header_color);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	font-weight:300;
}
.h2_left{
	font-size:1.8rem;
	color:var(--header_color);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
	font-weight:300;
	padding:10px;
}
.h2_left_articles{
	font-size:1.4vw;
	color:var(--melocolor);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
	font-weight:300;	
}
h3{
	font-size:clamp(1.2rem, calc(1.4rem - 0.4vw), 1.4rem);
	color:var(--header_color);
	text-transform:uppercase;
	font-weight:400;
}
h4{
	font-size:1.1rem;
	color:var(--header_color);
	text-transform:uppercase;
	font-weight:400;
}
p{
	color:var(--txtcolor);
	font-size:1rem;
	font-weight:300;
	text-align: justify;
}
.p_left{
	color:var(--txtcolor);
	/* font-size:1rem; */
	font-size: clamp(0.65rem, calc(0.75rem + 0.25vw), 1rem);
	font-weight:300;
	text-align: left;
	padding:10px;
}


.h1_left24{
	font-size: 2rem;
	color:var(--header_color);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
	font-weight:500;

	
}
.h2_left24{
	font-size: 1.6rem;
	color:var(--header_color);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
	font-weight:500;
	padding:10px;
	flex-shrink: 0;
	
}
.p_left24{
	color:var(--txtcolor);
	/* font-size:1rem; */
	font-size: clamp(0.85rem, calc(1rem + 0.25vw), 1.2rem);
	font-weight:300;
	text-align: justify;
	padding-left:0;

}

.p_left24_left{
	color:var(--txtcolor);
	/* font-size:1rem; */
	font-size: clamp(0.85rem, calc(1rem + 0.25vw), 1.2rem);
	font-weight:300;
	text-align: left;
}

.p24_ul{
	color:var(--txtcolor);
	/* font-size:1rem; */
	font-size: clamp(0.85rem, calc(1rem + 0.25vw), 1.2rem);
	font-weight:300;
	text-align: left;
	padding-left:40px;
}
.p24_icon{
	color:steelblue;
	font-size:1.5rem;
}
.m24_nr{
	font-size: clamp(0.85rem, calc(1rem + 0.25vw), 1.2rem);
	color:var(--header_color);
	background-color:#e6e7e9;
	width:100%;
	padding:5px;
	text-align:center;
	font-weight:600;
}

.this_blue24{
	width:80%;
	height:150px;
	background-color:#003870;
	padding:30px;
	color:white;
	font-size: clamp(0.85rem, calc(1rem + 0.25vw), 1.2rem);
}

.box_line{
	display: flex; 
	align-items: center;
	white-space: nowrap; 
	overflow: hidden;
	width: 100%;
	padding-right:10px;
}

.box_line_item{
	flex-grow: 1; 
	height: 2px; 
	background: grey; 
	margin-left: 10px;
	min-width: 10px;
}
.img_transfer{
	position:absolute;
	bottom:-40px;
	right:80px;
	width:calc(25px + 25vw);
}

.that_img{
	position:relative;
	height:350px;
}

.that_img_image{
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:110%;
}

 

.anchors{
	text-decoration:none;
	color:var(--txtcolor);
	font-weight:400;
	transition:1s;
}
.anchors:hover{color:var(--melocolor);}
.input-wrap {
  position: relative;
  height: 47px;
  margin-bottom: 0;
}
.input-field {
  position: relative;
  width: 100%;
  height: 47px;
  background: none;
  outline: none;
  border: 1px solid #f1f0f0;
  padding-left: 10px;
  font-size: 1.2rem;
  color: #151111;
  transition: 0.4s;
  border-radius: 10px;
}

.icon{
	position:absolute;
	right:5px;
	top:0;
	color:var(--txtcolor);
	font-size:2.3rem;
}
.input_label {
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-70%);
  font-size: 1rem;
  color: rgb(27, 136, 161);
  pointer-events: none;
  transition: 0.4s;
  padding-left: 10px;
}

.input-field:focus:invalid{
	border-bottom-color: orangered;
}

.input-field.active {
  border-bottom-color: limegreen;
}

.input-field.active + .input_label {
  font-size: 1rem;
  top: -5px;
}
select option {
  font-size: 0.85rem;
}
select option:disabled {
  color: grey;
}
.form_grid{
	display:grid;
	grid-template-columns:auto;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 6px 12px 5px whitesmoke;
	-webkit-box-shadow: 0px 6px 12px 5px whitesmoke;
	-moz-box-shadow: 0px 6px 12px 5px whitesmoke;
	border-radius:10px;
	background-color:white;
	position:relative;
}

.form_grid .a_right{
	position:absolute;
	bottom:10px;
	right:20px;
	text-decoration:none;
	color:var(--txtcolor);
	transition:1s;
}

.form_grid .a_left{
	position:absolute;
	bottom:10px;
	left:20px;
	text-decoration:none;
	color:var(--txtcolor);
	transition:1s;
}

.form_grid a:hover{
	color:var(--melocolor);
}
.form_grid_item{
	background-color:transparent;
	text-align:center;
	width:100%;
	padding:16px 20px;
}
.form_btn{
	text-decoration:none;
	border-radius:5px;
	background-color: var(--melocolor);
	padding: 0.5rem 1rem;
	color:white;
	width:100%;
	border:none;
	height:47px;
	font-size: 1rem;
	transition: 1s;
}
.form_btn:hover{
	
	background-color: transparent;
	border-radius:20px;
	cursor:pointer;
	color:var(--melocolor);
	border:1px solid var(--melocolor);
}
.editform_btn{
	text-decoration:none;
	border-radius:5px;
	background-color: steelblue;
	padding: 0.5rem 1rem;
	color:white;
	width:100%;
	border:none;
	height:47px;
	font-size: 1rem;
	transition: 1s;
}
.editform_btn:hover{	
	background-color: transparent;
	border-radius:20px;
	cursor:pointer;
	color:dodgerblue;
	border:1px solid var(--melocolor);
}
.form_txtcolor{
	color:var(--txtcolor);
	font-size:1rem;
	text-align: left;
	font-weight:300;
	padding:10px;
}
.hrline{
	border: 1px solid var(--linecolor);
	width:30%;
	display:inline-block;
	margin-top:0;
	margin-bottom:0;
	margin-right:20px;
	margin-left:20px;
}
.hrline_txt{
font-size:0.85rem;
color: var(--linecolor);
}
.footer_container{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	max-width: 100%;
	gap: 10px;
	background: grey;
	padding-left:100px;
	padding-right:100px;
	text-align:left;
}
.footer_item{
	background-color:transparent;
	color:white;
	padding:30px 15px;
	width:100%;
	border:0px solid hotpink;
}
.footer_item_span2{
	grid-column: span 2;
	padding:5px;
	border:0px solid hotpink;
}
.footer_item_span3{
	grid-column: span 3;
	padding:5px;
	border:0px solid hotpink;
}
.footer_item_span4{
	grid-column: span 4;
	padding:0;
	border:0px solid hotpink;	
}
.footer_item_span6{
	grid-column: span 6;
	padding:10px;
border:0px solid limegreen;
}
.footer_logo{	
	margin:60px;
	width:150px;
	filter: drop-shadow(0 8px 5px white);	
}
.footer_logo:hover{ 
    animation: shake 1s;
  animation-iteration-count: infinite;
  cursor:pointer;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-2deg); }
  20% { transform: translate(-3px, 0px) rotate(2deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(2deg); }
  50% { transform: translate(-1px, 2px) rotate(-2deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-2deg); }
  80% { transform: translate(-1px, -1px) rotate(2deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-2deg); }
}
.footer_header{
	font-size:0.95rem;
	line-height:2;
}
.footer_menu a{
	font-family: "Poppins", sans-serif;
	color: white;
	text-decoration:none;
	font-size: 0.85rem;
}
.footer_menu a:hover{
	color:	#e6e6e6;
}
.footer_icons{
	width:40px;
	height:40px;
	border:2px solid white;
	border-radius:50%;
	font-size:1.6rem;
	padding:6px 0;
	text-align: center;
	transition:1s;
	margin:0 10px;
}
.footer_icons:hover{
	 animation: shake 1s;
	animation-iteration-count: infinite;
	scale:1.2;
	transition:500ms;
	color: var(--melocolor);
	cursor:pointer;
	border:2px solid var(--melocolor);
	border-radius:10px;
}
.footer_follow{
	font-size:0.75rem;
	line-height:6; 
	padding-left:10px;
	letter-spacing:10px;
}
.beelogo{
	width:120px;
	filter: invert(100%);
}
.footer_address{
	font-size: 0.85rem;
	line-height:3;
}
button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  height: 0px;
  width: 0px;
  overflow: hidden;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: transparent;
  clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
  bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus{
  outline: 0 !important;
}
button.back-to-top::before,
button.back-to-top::after {
  content: "";
    display: block;
    vertical-align: middle;
    border-bottom: solid 10px #EA5D5F;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
	border-radius:20px;
	visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {
  border-bottom-color:#fff;
      position: relative;
  top:-24px;
}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
  right: 25px;
	bottom: 80px;
  height: 50px;
  width: 50px;
  visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}
.val_h2 {
  text-align: center;
}
.val_ul {
  --col-gap: 2rem;
  --barH: 1rem;
  --roleH: 2rem;
  --flapH: 2rem;
  width: min(80rem, 90%);
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap);
  padding-inline: calc(var(--col-gap) / 2);
  justify-content: center;
  align-items: flex-start;
  list-style: none;
}
.val_ul .val_li {
  width: 12em;
  display: grid;
  grid-template:
    "role"
    "val_icon"
    "val_title"
    "val_descr";
  align-items: flex-start;
  gap: 0.65rem;
  padding-block-end: calc(var(--flapH) + 1rem);
  text-align: center;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6) var(--roleH),
    rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem),
    rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem)
  );
  clip-path: polygon(
    calc(var(--col-gap) / -2 - 5px) 0,
    calc(100% + var(--col-gap) / 2 + 5px) 0,
    calc(100% + var(--col-gap) / 2 + 5px ) calc(100% - var(--flapH)),
    50% 100%,
    calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH))
  );
  
  transition:1s;
}

.val_li:hover{
  transform: scale(1.03);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.val_ul .val_li::before {
  content: "";
  grid-area: role;
  height: var(--barH);
  width: calc(100% + var(--col-gap));
  margin-left: calc(var(--col-gap) / -2);
  margin-top: calc(var(--roleH) / 2 - var(--barH) / 2);
  background: grey;
  z-index: -1;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
}
.val_ul .val_li::after {
  content: "";
  grid-area: role;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
  height: var(--roleH);
}
.val_ul .val_li .val_icon,
.val_ul .val_li .val_title,
.val_ul .val_li .val_descr {
  padding-inline: 1rem;
  color: white;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}
.val_ul .val_li .val_icon {
  font-size: 3rem;
}
.val_ul .val_li .val_title {
  font-size: 0.95rem;
  font-weight: 700;
}
.val_ul .val_li .val_descr {
  font-size: 0.9rem;
}
.val_img{
	width:90px;
	   -webkit-filter: invert(1);
   filter: invert(1);
}
.grid-item-slider{
	grid-column: span 8;
	object-fit:center;
	text-align:left;
	height:750px;
	background-color:white;
	position:relative;
	overflow:hidden;
	border:0px solid lime;
}
.grid-item-slider .list .item {
	position:absolute;
	inset: 0 0 0 0;
	opacity:0;
	transition: .5s;
}
.grid-item-slider .list .slider_img{
	width:100%;
	height:100%;
	object-fit: fill;
}
.grid-item-slider .list .item::after{
	content: '';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);
}
.grid-item-slider .list .item .content{
	position:absolute;
	left:10%;
	top:10%;
	width:800px;
	max-width:80%;
	z-index:1;
	color:white;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:4px;
	font-size:1.2rem;
	font-weight:600;
	text-transform:uppercase;
}
.grid-item-slider .list .item .content p:nth-child(3){
	color:white;
	font-size:1rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:3rem;
	margin:0;
}
.grid-item-slider .list .item.s_active{
	opacity:1;
	z-index:10;
}
@keyframes showContent{
	to{
		transform: translateY(0);
		filter: blur(0);
		opacity: 1;
	}
}
.grid-item-slider .list .item.s_active p:nth-child(1),
.grid-item-slider .list .item.s_active h3,
.grid-item-slider .list .item.s_active p:nth-child(3){
	transform: translateY(30px);
	filter: blur(20px);
	opacity: 0;
	animation: showContent .5s .7s ease-in-out 1 forwards;
}
.grid-item-slider .list .item.s_active h3{
	animation-delay: 1s;
}
.grid-item-slider .list .item.s_active p:nth-child(3){
	animation-delay: 1.3s;
}
.arrows{
	position:absolute;
	bottom:0;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index:11;
}
.arrows button{
	border:none;
	 background: #fff;
	width:50px;
	height:50px;
	font-size:2rem;
	color:var(--melocolor);
	border-radius:50%;
	padding-top:3px;
	margin-left:30px;
	text-align:center;
	transition: 1s;
		box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
.arrows button:hover{
	background-color: lightgrey;
	cursor:pointer;
	color:white;
}
.thumbnail_flex{
	position:absolute;
	bottom:100px;
	z-index:15;
	display:flex;
	gap:10px;
	flex-direction: row;
	width:100%;
	height:160px;
	padding: 0 20px;
	box-sizing: border-box;
	overflow:auto;
	justify-content:center;
	border: 0px solid lime;
	}
.thumbnail_flex::-webkit-scrollbar{
	width:0;
}
.thumbnail_flex .thumbnail_item{
	width:130px;
	height:145px;
	filter: brightness(.8);
	transition:.5s;
	flex-shrink:0;
	background-color:whitesmoke;
border-radius:10px;
}
.thumbnail_flex .thumbnail_item img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:10px;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: brightness(1.5);
  filter: grayscale(100%);
}
.thumbnail_flex .thumbnail_item.t_active img{
	filter: brightness(1.8);
	border-radius:10px;
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}
.thumbnail_flex .thumbnail_item .thumbnail_content{
	position:absolute;
	inset:auto 10px 10px 10px;
	color:var(--melocolor);
	font-weight:600;
}
.testimonials-section {
  background: transparent;
  height: 500px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border:0px solid lime;
}
.testimonials-section_overlay{
	overflow:hidden;
	width:100%;
	height:inherit;
	position:absolute;
	left:0;
	top:0;
}
.testimonials-section_overlay img{
	width:70%;
	margin-left:-1600px;
	margin-top:-50px;
	opacity:0.1;
}
.slider__nav {
  width: 22px;
  height: 22px;
  border-radius:50%;
  margin: 20px 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid var(--melocolor);
  outline-offset: -6px;
  box-shadow: 0 0 0 0 red, 0 0 0 0 var(--melocolor);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
  animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__nav:checked:nth-of-type(5) ~ .slider__inner {
  left: -400%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 480px;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  border:0px solid hotpink;
}
.slider__contents {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider__caption {
  font-size: 14px;
  color: #111;
  opacity: .5;
  font-weight: bold;
}
.slider__txt {
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.7;
  color: var(--txtcolor);
  margin-top: -30px;
  margin-bottom: 10px;
  max-width: 850px;
  max-height:450px;
  border:0px solid green;
}
.slider_textarea{
width: 850px;
 min-height:350px;
 border:none;
   text-align: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size:1.2rem;
    font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.7;
  color: var(--txtcolor);
  outline:none;
  padding:5px;
}
textarea::-webkit-scrollbar {
    width: 0.55em;
}
textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
textarea::-webkit-scrollbar-thumb {
  background-color: lightgrey;
  outline: 0px solid slategrey;
  cursor:grab;
}
quote {
  font-family: 'Arial';
  font-weight: bold;
  font-size: 100px;
  color: var(--melocolor);
  margin-bottom: 0;
}
@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
.complimentary_container{
		width:100%;
		height:70vh;
		border:0px solid lime;
		background-color:whitesmoke;
		background-image:url('/images/m-slider3a.webp');
		background-size:85%;
		background-repeat:no-repeat;
		background-position: 100% 0;
		position:relative;
}
.career_container{
		width:100%;
		height:70vh;
		border:0px solid lime;
		background-image:url('/images/careers2.webp');
		background-size:75%;
		background-repeat:no-repeat;
		background-position: 100% 0;
		position:relative;
background-color:whitesmoke;
}
.career_container_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70vh;
	background:whitesmoke;
	clip-path: polygon(0 0, 54% 0, 25% 100%, 0 100%);
	border:10px solid whitesmoke;
}
.career_content{
	position:absolute;
	top:100px;
	left:12vw;
	color:black;
	font-size:1rem;
}
.career_content h2{
	font-size:2.5rem;
}
  .news_btn{
	text-decoration:none;
	border-radius:10px;
	background-color: transparent;
	padding: 0.2rem 0.6rem;
	color:var(--melocolor);
	width:100%;
	border:none;
	height:35px;
	font-size: 1rem;
	border:1px solid var(--melocolor);
}

.melo24_career{
	 background-image:url("/images/careerstripes.webp");
	 background-size:contain;
	 background-repeat:no-repeat;
	 height:600px;
	 position:relative;
}
.melo24_career_content{
	position:absolute;
	left:60px;
	top:150px;
}


.news_btn:hover{
	transition-duration: 1s;
	color: white;
	border-radius:20px;
	cursor:pointer;
	background-color:var(--melocolor);
	border:1px solid var(--melocolor);
}
.news_grid_container{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(auto-fit, minmax(180px, 200px));
	gap:10px;
	border:0px solid lime;
}
.news_grid_item{
	border:0px solid lime;
	width:100%;
	min-height:200px;
	position:relative;
}
.news_grid_item_span2{
	grid-column: span 2;
	border:0px solid pink;
	position:relative;
	}
.news_grid_item_span3{
	grid-column: span 3;
	border:0px solid pink;
	position:relative;
	min-height:200px;
	}
.news_grid_item_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);
}
.news_item_content{
	position:absolute;
	bottom:10px;
	right:10px;
	padding:8px;
	color:white;
	
}
.news_item_content_full{
	text-align:left;
	font-size:0.85vw;
	padding:8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	height:250px;
	color:var(--txtcolor);
}
.news_item_content p{
	color:white;
	font-size:0.75vw;
	text-align:left;
}
.news_item_content h5{
	letter-spacing:2;
	font-size:0.85vw;
}
.news_item_content a{
	color:white;
	font-size:0.85rem;
	float:right;
	text-decoration:none;
	transition:1s;
}
.news_item_content a:hover{
	scale:1.1;
	color:var(--melocolor);
}
.lsp_container{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(17, 1fr);
	gap:0px;
	background-color:white;
	border:none;
	width:100%;
	height:120vh;
}
.lspitem_span1{
	grid-column: 1 / 2;
	grid-row: 1 / 13;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span2{
	grid-column: 2;
	grid-row: span 6;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span3{
	grid-column: 3;
	grid-row: span 6;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span4{
	grid-column: 2;
	grid-row: 7 / 13;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span5{
	grid-column: 3;
	grid-row: 7 / 18;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span6{
	grid-column: 1 / 3;
	grid-row: 13 / 19;
	height:350px;
	text-align:center;
	font-size: 1.2em;
	color:whitesmoke;
	font-weight:bold;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding:10px;
	transition:1s;
}
.lspitem_span1:hover,
.lspitem_span2:hover,
.lspitem_span3:hover,
.lspitem_span4:hover,
.lspitem_span5:hover,
.lspitem_span6:hover{
	z-index:100;
	scale:1.04;
		box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	cursor:pointer;
}
     figcaption {
            opacity: 0;
            visibility: visible;
        }
		
		figcaption h4{
			text-align:left;
		}

.lspitem_span1:hover figcaption,
.lspitem_span2:hover figcaption,
.lspitem_span3:hover figcaption,
.lspitem_span4:hover figcaption,
.lspitem_span5:hover figcaption,
.lspitem_span6:hover figcaption{
		background-color:whitesmoke;
		font-size:1rem;
        height: 100%;
		width:100%;
        opacity: 1;
        padding: 2em;
        position: absolute;
        top: 0;
        transition: opacity 1s ease, visibility 55s;
		border-radius:5px;
        scale:1.02;
		color:var(--txtcolor);
		font-weight:300;
		text-align:justify;
    }

.lsp_overlay{
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
	}
.main_container{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	margin:auto;
	width:100%;
	gap:30px;
	border:0px solid lime;
}

.main_container24{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	margin:auto;
	width:100%;
	gap:5px;
	border:0px solid lime;
}
.main_container_item{
	width:100%;
	background:white;
	text-align:left;
	padding:10px;
}
.main_container_item_span2{
	grid-column: span 2;
	width:100%;
	background:white;
	padding:10px;
}
.main_container_item_span3{
	grid-column: span 3;
	width:100%;
	background:white;
	padding:10px;
	
}










.main_container_item_span3 p{
	color:var(--txtcolor);
	padding:10px;

}

.in_txt{
	color:var(--txtcolor);
}

.main_container_item_span4{
	grid-column: span 4;
	width:100%;
	background:white;
	padding:10px;
}
.main_container_item_span6{
	grid-column: span 6;
	width:100%;
	background:white;
	padding:10px;
}
.main_container_item_span8{
	grid-column: span 8;
	width:100%;
	background:transparent;
	padding:0px;
	border:0px solid lime;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding:18px 18px 6px 12px;
  width: 100%;
  border: none;
  border-bottom:2px solid whitesmoke;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.4s;
  border-radius:7px;
}
.acc_active, .accordion:hover {
  background-color: #ccc;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size:1.5rem;
    transition: transform 0.4s; /* Add transition property */
}
.accordion:hover:after {
  transform: rotate(180deg); /* Rotate the character on hover */
}
.acc_active:after {
  content: "\2212";
  font-size:1.5rem;
}
.acc_active:hover:after {
  transform: none; /* Reset the transform on hover for the active state */
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p{
	font-size:1rem;
	line-height:2;
}
.horizon_slider{
	width:100%;
	border:0px solid lime;
	height: var(--height);
	overflow:hidden;
	mask-image: linear-gradient(to right, transparent, #000 10% 90%, transparent);
}
.horizon_slider .horizon_list{
	    padding: 0;
		margin: 0;
		display:flex;
		flex-direction: row;
		width:100%;
		min-width:calc(var(--width) * var(--quantity));
		position:relative;
}
.horizon_slider .horizon_list .horizon_item{
	width: var(--width);
	height: var(--height);
	position:absolute;
	left:100%;
	animation: autoRun 10s linear infinite;
	animation-delay: calc( (10s / var(--quantity)) * (var(--position) - 1) );
	transition: filter 0.5s;
}
@keyframes autoRun{
	from{
		left:100%;
	}to{
		left: calc(var(--width) * -1);
		}
}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:100%;
}

.horizon_slider:hover .horizon_item{
	animation-play-state:paused !IMPORTANT;
	filter: grayscale(1);
}

.horizon_slider .horizon_item:hover{
	filter: grayscale(0);
	cursor:pointer;
}
.sp_container{
	display:grid;
	grid-template-columns: repeat(4, 1fr); 
	gap:20px;
}
.sp_item{
	background-color:none;
	width:100%;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    position:relative;
	transition:1s;
}
.sp_item_span2{
	grid-column: span 2;
	background-color:none;
	width:100%;
	min-height:350px;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    position:relative;
}
.sp_item:hover{
	scale:1.05;
	box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
}
.sp_btn{
	position:absolute;
	bottom:10px;
	right:10px;
	padding: 0.1rem .1rem;
	width:80px;
	background-color:transparent;
	border:1px solid var(--melocolor);
	color:var(--melocolor);
	text-decoration:none;
	border-radius:10px;
	transition:1s;
	text-align:center;
	font-size:1rem;
	cursor:pointer;
}
.sp_btn:hover{
	background-color:var(--melocolor);
	border-radius:20px;
	color:white;
	border:1px solid var(--melocolor);
}
.sp_img_container{
	width:100%;
	height:280px;
	border:0px solid gold;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);
	background-color:transparent;
	background-size:cover;
	-moz-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    -webkit-box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
    box-shadow: 0 40px 80px rgba(217, 243, 232, 0.4);
}
.sp_hr{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid var(--linecolor);
}
.sp_container .sp_item .sp_img{
	width:100%;
}
.sp_h2{
	font-size:1vw;
	color:var(--melocolor);
	text-align:left;
	padding:5px 10px;
	font-weight:400;
}
.sp_sp_h2{
	font-size:2vw;
	color:var(--melocolor);
	text-align:left;
	padding:0 10px;
}
.sp_sp_h3{
		text-align:left;
	color:var(--txtcolor);
	padding:0 10px 0 10px;
	line-height:1.3;
	font-weight:500;
	font-size:2vw;
}
.sp_p{
	color:var(--txtcolor);
	padding:0 10px 0 10px;
	line-height:1.2;
	font-weight:300;
	font-size:1vw;
}
.sp_h3{
	text-align:left;
	color:var(--txtcolor);
	padding:5px 10px;
	line-height:1.3;
	font-weight:500;
	font-size:1vw;
}
.doctor_container{
	width:100%;
	height:455px;
	position:relative;
}
.doctor_img{
	display:block;
	width:100%;	
	object-fit:cover;
}

.dr_img{
	object-fit:cover;
	width:100%;
	border-radius:5px;	
	padding:0;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
}
.doctor_txt{
	position:absolute;
	bottom:50px;
	left:50px;
	color:white;
	font-size:3rem;
	text-shadow: 0 5px 10px rgba(94, 94, 94, 1);
}
.doctor_txt p{
	font-size:1rem;
	color:var(--melocolor);
}
.dr_item{
	width:100%;
	height:400px;
	background:steelblue;
}
.dr_select_container{
min-width:205px;
height:220px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, var(--melo24) 100%);
border-radius:15px;
display:inline-block;
text-align:center;	
margin:10px;
transition:1s;
padding:4px;
}
.dr_select_container:hover{
	transform: scale(1.1);
	background-color:white;
	border:1px solid rgb(236,229,220);
}
.dr_select_img{
	width:100px;
	height:100px;
	border-radius:50%;
	object-content:center;
}
.anchor{
	color:black;
	text-decoration:none;
}
.inside_container{
	width:100%;
	display:grid;
	grid-template-columns:auto auto;
	width:100%;
}
.inside_container_item{
	background-color:none;
}

.inside_img{
	width:250px;
}
.mortons_img{
		width:150px;
	height:150px;
		background-color:rgb(4,33,109);
	border-radius:50%;
}
.srch_container{
	position: relative;
	background-color:transparent;
	display:inline;
	height:3.3rem;
	border:0px solid hotpink;
}

.form_inline{
	display:inline;
}
 .search_btn{
	position:absolute;
	right:10px;	
	top:-10px;
	background-color:white;
	outline:none;
	border:1px solid lightgrey;
	border-radius:50%;
	width:2.5rem;
	height:2.5rem;
	z-index:15;
	cursor:pointer;
	transition:1s;
}
.search_btn:hover{
	color:white;
	background-color:rgb(236,229,220);
}
.input_search {
  width: 400px;
  height: 3rem;
  background: none;
  outline: none;
  border: 2px solid lightgrey;
  padding-left: 20px;
  font-size: 1.2rem;
  color: black;
  transition: 0.4s;
  border-radius: 25px;
  backdrop-filter: blur(10px) saturate(1);
	position:relative;
}
.input_search:focus{
	border-bottom:1px solid orangered;
	outline:none;
}

.input_search option:disabled {
  color: var(--txtcolor); /* Grey color for the placeholder-like option */
}

.input_search::placeholder{
	color:black;
}


.input_search_label{
		position:absolute;
		top:-50px;
		left:0;
		font-size:1rem;
		padding-left:15px;
}
.search_icon{
	font-size:1.6rem;
	color:lightgrey;
	transition:1s;
}
.search_icon:hover{
	color:white;
}
.shine {
  position: relative;
  overflow: hidden;
}
.shine::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
.shine:hover::before, .shine:focus::before {
  -webkit-animation: shine 2s;
          animation: shine 2s;
		  
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.tab-content{
	display:none;
	}
.rdtab{
	display:none;
}
.tab_label{
	font-size:1rem;
}
.tab_label:hover{
	color:var(--melocolor);
	cursor:pointer;
	transition:500ms ease-in-out;
}
/* display contents */
.tab1:checked ~ .content1,
.tab2:checked ~ .content2,
.tab3:checked ~ .content3,
.tab4:checked ~ .content4,
.tab5:checked ~ .content5,
.tab6:checked ~ .content6,
.tab7:checked ~ .content7,
.tab8:checked ~ .content8,
.tab9:checked ~ .content9,
.tab10:checked ~ .content10,
.tab11:checked ~ .content11,
.tab12:checked ~ .content12,
.tab13:checked ~ .content13,
.tab14:checked ~ .content14,
.tab15:checked ~ .content15,
.tab16:checked ~ .content16,
.tab17:checked ~ .content17,
.tab18:checked ~ .content18,
.tab19:checked ~ .content19,
.tab20:checked ~ .content20,
.tab21:checked ~ .content21,
.tab22:checked ~ .content22,
.tab23:checked ~ .content23,
.tab24:checked ~ .content24,
.tab25:checked ~ .content25,
.tab26:checked ~ .content26,
.tab27:checked ~ .content27,
.tab28:checked ~ .content28,
.tab29:checked ~ .content29,
.tab30:checked ~ .content30,
.tab31:checked ~ .content31,
.tab32:checked ~ .content32,
.tab33:checked ~ .content33,
.tab34:checked ~ .content34,
.tab35:checked ~ .content35,
.tab36:checked ~ .content36,
.tab37:checked ~ .content37,
.tab38:checked ~ .content38,
.tab39:checked ~ .content39,
.tab40:checked ~ .content40,
.tab41:checked ~ .content41,
.tab42:checked ~ .content42,
.tab43:checked ~ .content43,
.tab44:checked ~ .content44,
.tab45:checked ~ .content45,
.tab46:checked ~ .content46,
.tab47:checked ~ .content47,
.tab48:checked ~ .content48,
.tab49:checked ~ .content49,
.tab50:checked ~ .content50,
.tab51:checked ~ .content51 {
  display: block;
}


.tab1b:checked ~ .content1,
.tab2b:checked ~ .content2,
.tab3b:checked ~ .content3,
.tab4b:checked ~ .content4,
.tab5b:checked ~ .content5,
.tab6b:checked ~ .content6,
.tab7b:checked ~ .content7,
.tab8b:checked ~ .content8,
.tab9b:checked ~ .content9,
.tab10b:checked ~ .content10,
.tab11b:checked ~ .content11
{
  display: block;
}

.tab1c:checked ~ .content1,
.tab2c:checked ~ .content2,
.tab3c:checked ~ .content3,
.tab4c:checked ~ .content4,
.tab5c:checked ~ .content5,
.tab6c:checked ~ .content6
{
  display: block;
}
.melobabes_ol{
	color:var(--txtcolor);
	font-size:1rem;
	text-align: justify;
	font-weight:300;
	line-height:2.5;
}
.melobabes_ol li{
	margin-left:60px;
}
.circle_container{
	display:flex;
	flex-direction:row;
	width:100%;
	gap:20px;
	border:0px solid gold;	
	margin:0;
	text-align:center;
	justify-content:center;
	flex-wrap:wrap;
}
.circle_1{
	border:5px solid rgb(236,229,220);
	width:18%;
	height:320px;
	border-radius:14px;
	position:relative;
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); 	
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;			
	padding:0 5px;
	box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	transition:1s;
}
.circle {
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 120px;
	animation-fill-mode: both; /* Add this line */
	opacity:1;
	border:10px solid white;
	border-radius:50%;
	transition:1s;
}
.circle_h2{
	color:white;
	margin-top: 100px;
	font-size:1.2rem;
}
.circle_p{
	  color: white;
	font-size:0.95rem;
	text-align:center;
}
.circle:hover { 
  transform: rotate(360deg);
  cursor: pointer;
  
}
.circle_1:hover{
	scale:1.1;
}
.info_card_container{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	width:100%;
	gap:20px;
	padding:60px 80px;
}
.info_card_item{
	width:100%;
	height:65vh;
	box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	position:relative;
	border-radius:15px;
}
.info_card_inner{
	position:absolute;
	left:50%;	
	top: 100%;
	transform: translate(-50%, -50%);
	min-width:90%;
	border-radius:15px;
	background-color:hsla(360, 100%, 100%, 0.80);
	backdrop-filter: blur(2px) saturate(1);
	text-align:left;
	padding:15px;
	box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 12px 14px 1px rgba(0, 0, 0, 0.25);
}
.info_card_inner p{
	color:black;
}
.info_card_inner_logo{
	position:absolute;
	bottom:15px;
	left:30px;
	width:140px;
}
.ortho_img{
	position:absolute;
	bottom:15px;
	left:30px;
	width:60px;
}
.info_card_btn{
	position:absolute;
	bottom:15px; 
	right:30px;
	text-decoration:none;
	font-size:1rem;
	padding:4px 8px;
	background-color:transparent;
	color:var(--txtcolor);
	cursor:pointer;
	border-radius:10px;
	border:1px solid var(--txtcolor);
	transition:1s;
	animation-delay: 1.6s;
}
.info_card_btn:hover{
	background-color:var(--txtcolor);
	color:white;
	border:1px solid var(--txtcolor);
	border-radius:20px;
}
.simple_container {
	position: relative;
	width: 100%;
	height: 56vh;
	border:0px solid lime;
}
.simple_image {
	position: absolute;
	width: 100%;
	height:inherit;
	opacity: 0;
	animation: change-img-anim 20s infinite;
	object-fit:cover;
	border-radius:10px;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
}
.simple_image:nth-of-type(1) {
	animation-delay: 0s;
}
.simple_image:nth-of-type(2) {
	animation-delay: 2.5s;
}
.simple_image:nth-of-type(3) {
	animation-delay: 5s;
}
.simple_image:nth-of-type(4) {
	animation-delay: 7.5s;
}
.simple_image:nth-of-type(5) {
	animation-delay: 9s;
}
.simple_image:nth-of-type(6) {
	animation-delay: 11.5s;
}
@keyframes change-img-anim {
	0%{ opacity: 0;}
	10%{ opacity: 1;}
	90%{ opacity: 1;}
	100%{ opacity: 0;}
}
.melomag_container{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:30px;
	width:75%;
	margin:auto;
	padding:0;
}

.melomag_item_span4{
	grid-column:span 4;
}
.melomag_item{
	border:0px solid whitesmoke;
	border-radius:10px;
	height:50vh;
	background-color:whitesmoke;
	padding:0;
	color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
}
.melomag_logo{
	width:80px;
	position:absolute;
	bottom:20px;
	right:20px;
}
.melomag_overlay{
	z-index:2;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
	border-radius:10px;
}
.melomag_txt{
	position:absolute;
	bottom:0;
	left:0;
	font-size:1.2rem;
	text-align:left;
	padding:10px;
}
.melomag_item a{
	text-decoration:none;
	color:white;
}
.melomag_item:hover figcaption{
		background-color:whitesmoke;
		font-size:1rem;
        height: 100%;
		width:100%;
        opacity: 1;
        padding: 1em;
        position: absolute;
        top: 0;
        transition: opacity 1s ease, visibility 55s;
		border-radius:5px;
		color:var(--txtcolor);
		font-weight:300;
		text-align:justify;
		cursor:pointer;
		box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
    }
.pages_a{
color:var(--txtcolor);
font-size:1.2rem;
text-decoration:none;	
transition:1s;
}
.pages_a:hover{
	color:var(--melocolor);
}
.vrt_container{
	width:100%;
	border-radius:5px;
	height: 27rem;
	border:5px;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25); 
	position:relative;
	transition:1s;
	grid-auto-rows: max-content;
}
.vrt_btn{
	position:absolute;
	bottom:15px; 
	right:15px;
	text-decoration:none;
	font-size:1rem;
	padding:4px 8px;
	background-color:transparent;
	color:var(--txtcolor);
	cursor:pointer;
	border-radius:10px;
	border:1px solid var(--txtcolor);
	transition:1s;
	animation-delay: 1.6s;
}
.vrt_btn:hover{
	background-color:var(--txtcolor);
	color:white;
	border:1px solid var(--txtcolor);
	border-radius:20px;
}

.vrt_btn2{
	position:absolute;
	bottom:15px; 
	left:15px;
	text-decoration:none;
	font-size:1rem;
	padding:4px 8px;
	background-color:transparent;
	color:var(--txtcolor);
	cursor:pointer;
	border-radius:10px;
	border:1px solid var(--txtcolor);
	transition:1s;
	animation-delay: 1.6s;
}
.vrt_btn2:hover{
	background-color:var(--txtcolor);
	color:white;
	border:1px solid var(--txtcolor);
	border-radius:20px;
}


.vrt_container:hover{
	transform:scale(1.1);
}
.vrt_container h3{
	padding:0 20px;
	font-size:1rem;
	font-weight:400;
}
.vrt_container p{
	padding:0 20px;
	font-size:1rem;
	font-weight:300;	
		
	}
.vrt_container img{
	width:100%;
	border-radius:5px 5px 0 0;
}
.shape_img{
	object-fit: cover;
    width: 120px;
    border:6px solid white;
	float:left;
	margin-right:10px;
	display:inline-block;
}
.mets_container{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:30px;
	width:73%;
	margin:auto;
	padding:0;
}
.mets_item{
	border:0px solid whitesmoke;
	border-radius:10px;
	height:auto;
	background-color:white;
	padding:0;
	color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);  
}
.mets_item p{
	color:var(--txtcolor);
	text-align:left;
	padding:10px;
}
.events{
	width:100%;
	position:relative;
	border-radius:10px;
	padding:10px;
	display:grid;
	grid-template-columns: 10px 40px auto 40px;
}
.events_item{
	border-bottom:1px solid lightgrey;
	height:75px;
	padding-top:4px;

}
.left_border{
	border:none;
	border-left:5px solid var(--melocolor);
	
	text-align:right;
	height:60px;
}

.left_border_y{
	border:none;
	border-left:5px solid limegreen;
	
	text-align:right;
	height:60px;
}

.left_border_c{
	border:none;
	border-left:5px solid purple;
	
	text-align:right;
	height:60px;
}
.events_bxicon{
	font-size:3rem;
	text-decoration:none;
	color:var(--melocolor);
	transition:1s;
}
.events_bxicon:hover{
	color:var(--txtcolor);
}
.events_container{
	width:100%;
	height:250px;
	border-radius:10px;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.25); 
	position:relative;
}
.event_img_side{
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:250px;
	border:0px solid lime;
	background-size: cover;
	text-align:center;
	border-radius:10px 0 0 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.event_img_overlay{
	z-index:2;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
	border-radius:10px;
}
.event_overlay_txt{
		z-index:3;
		position:absolute;
		bottom:10px;
		width:250px;
		border:0px solid hotpink;
		color:white;
}
.event_r_side{
	position:absolute;
	right:0;
	top:0;
	height:auto;
	width: calc(100% - 250px);
	border:0px solid red;
	padding:10px;
	font-size:calc(100% + 2vw);
	
}
.event_input{
	/*width:calc(100% - 250px);*/
	width:100%;
	font-size:1rem;
	padding:2px;
	border:1px solid lightgrey;
	border-radius:6px;
	color:steelblue;
	outline:none;
}

.event_input::placeholder{
	color:steelblue;
	font-weight:100;
}

.event_input:focus{
	border-bottom:2px solid orangered;
}

.event_textarea::placeholder{
	color:steelblue;
	font-weight:100;
}

.event_textarea{
	/*width:calc(100% - 250px);*/
	width:100%;
	height:100px;
	font-size:1rem;
	padding:2px;
	border:1px solid lightgrey;
	border-radius:6px;
	color:steelblue;
}

.events_container p{
		text-align:left;
}
.events_txt{
	display:inline-block;
	vertical-align:top;
		width:100%;
		border-bottom:1px solid lightgrey;
		line-height:2.5;
		text-align:left;
}
.events_txt_b{
	display:inline-block;
	width:230px;
	font-weight:500;

}

.events_txt_c{
	color:orangered;
	font-size:0.95rem;
	font-weight:200;
}
.event_radio{
		height:30px;
		width:30px;
		margin-top:10px;
		}
 .customfileinput {
    content: 'Choose File';
    display: inline;
    background-color: var(--melocolor); 
    color:white;
    margin:0;
    border-radius: 6px;
    padding: 10px 6px 6px 10px;
    outline: none;
        -webkit-user-select: none;
    cursor: pointer;
    font-size: 1rem;
  }
  .customfileinput:hover {
    background-color: blue;
  }
.slider_tbl{
	width:100%;
	border:1px solid lime;
}
.slider_tbl td{
	border:0px solid hotpink;
}
.pos_grid{
	display:grid;
	grid-template-columns: repeat(10, 1fr);
	width:100%;
	padding:20px;
	border:0px solid green;
	text-align:center;
	align-content:center;
	margin:auto;
}
.pos_grid_item{
	border:1px solid red;
}

.pos_grid_item_span10{
	grid-column: span 10;
	border:1px solid blue;
}
.images_rnd{
	object-fit: cover;
    width: 200px;
    border-radius:100vw;
    border:6px solid white;
    box-shadow: .25rem .25rem .5rem hsl(0 0% 0% / .2);
	shape-outside: circle(50%);
	float:left;
	margin-right:10px;
	display:inline-block;
}
.tableMain{
	font-size:0.95rem;
	width:100%;
	border-collapse:collapse;
	padding:6px;
}
.tableMain tr:nth-child(odd){ 
		background:white;
		}	
.tableMain tr:nth-child(even){ 
background:whitesmoke;
		}
.tableMain th{
background: steelblue;
padding-left:5px;
border: 1px solid lightgrey;
text-align: left;
color:white;
font-size:1rem;
padding:7px;
}
.tableMain td{
padding: 7px;
border: 1px solid lightgrey;
}

.tbl_events{
	font-size:1rem;
	width:100%;
	border-collapse:collapse;
	padding:6px;
color:var(--txtcolor);	
}

.tbl_events td{
	border:1px solid lightgrey;
	font-weight:500;
	padding:6px;
}

.tbl_events th{
	border:1px solid lightgrey;
	padding:6px;
}

.event_anchor{
	text-decoration:none;
	color:black;
	transition:1s;
}

.event_anchor:hover{
	color:white;
}

.can_container {
      position: relative;
	  width:60vw;
      height: 100vh;
      overflow: hidden;
	  border:0px solid red;
	  background-color:whitesmoke;
	  margin:auto;
	  border-radius:10px;
    }
 canvas {
      width: 100%;
      height: 90vh;
      transition: 1s;
      position: absolute;
	left:50%;	
	top: 50%;
	transform: translate(-50%, -50%);
    }
.controls {
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 10;
    }
    #canvas {
      opacity: 1;
    }
.canvas_btn{
	width:2.6rem;
	height:2.6rem;
	font-size:1.6rem;
	padding:2px 4px;
	color:var(--melocolor);
	background-color:whitesmoke;
	border:1px solid var(--melocolor);
	cursor:pointer;
	border-radius:50%;
	transition:1s;
	margin:auto;
}
.canvas_btn:hover{
	background-color:var(--melocolor);
	color:white;
}
.pdf_download {
      position: absolute;
      bottom: 130px;
      right: 10px;
      z-index: 10;
	  text-decoration:none;
	  line-height:1;
    }
.canva_icons{
		color:steelblue;
		font-size:3rem;
	}
.canva_icons:hover{
		color:var(--txtcolor);
	}
	
		
	

.melocaptcha_container {
  display:inline-block;
  width:200px;
  align-items: center;
  text-align:center;
  cursor: pointer;
  border:1px solid lightgrey;
  padding:10px;
  border-radius:5px;
}

#melocaptcha {
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  cursor:pointer;
}

.checkbox-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #d3d3d3;
  border-radius: 3px;
  margin-right: 10px;
  transition: transform 1s;
  cursor:pointer;
}

#melocaptcha:checked + .checkbox-label::before {
  background-color: white;
  border: none; /* Border disappears after checking */
  transform: rotate(360deg);
  background-image: url('/images/melocaptcha.png');
  background-size: cover;
  background-position: center;
  cursor:pointer;
}


  
    #melocaptcha:checked + .checkbox-label::before {
    animation: rotate-and-change 1s forwards;
  }

  @keyframes rotate-and-change {
    0% {
      transform: rotate(0deg);
      background-color: transparent;
      border-color: #d3d3d3;
    }
    100% {
      transform: rotate(360deg);
       background-color: #28a745;  /*Green background after rotation 
	   
     border-color: #28a745;
	  border:0px solid hotpink;*/
    }
  }


.txt_container {
  text-transform: uppercase;
  display: block; 
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  border:0px solid hotpink;
  line-height:1.2;
}


.txt_container img{
	width:260px;
}


.anim_text1 {
  color: black;
  font-size: 2.6rem;
  font-weight: 300;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  color:var(--txtcolor);
  transform: scaleY(.8);
  border:0px solid grey;
}

.anim_text1:nth-child(3){
	border:0px solid hotpink;
	margin-left:3rem;
}

.anim_text1:nth-child(6){
	position:relative;
	top:10px;
	background-color:var(--melocolor);
	border-radius:50%;
	border:5px solid grey;
	display:inline-block;
	width:2.3rem;
	height:2.3rem;
	margin-right:3rem;
	padding-top:3px;
	
}

.anim_text2 {
  font-size: 1rem;
  color: black;
  letter-spacing:15px;
  color:var(--txtcolor);
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}


	.avatar_height{
		height:3400px;
	}


.innertbl{
		width:100%;
		border:none;
		border-collapse:collapse;
}

.innertbl td{
	border-bottom: 1px solid lightgrey;
	height:3rem;
	padding:2px;
}
.innertbl th{
	border-bottom: 1px solid grey;
	text-align:left;
		height:3rem;
		padding:2px;
}

  .att_btn{
	  text-decoration:none;
	  background-color:limegreen;
	  width:80px;
	  font-size:1rem;
	  color:white;
	  cursor:pointer;
   padding: 8px 6px 6px 8px;	
outline:none;
border:none;
border-radius:6px;   
transition:1s;
  }
    .att_btn:hover {
    background-color: var(--melocolor);
  }

.tbodysearch{
	width:90%;
	font-size:0.95rem;
	border:none;
	outline:none;
	border-bottom:2px solid grey;
	padding:6px;
}

.tbodysearch::placeholder{
	color:var(--txtcolor);
	font-weight:600;
}

.tbodysearch:focus{
	border-bottom:2px solid limegreen;
}


.back_pdf {
	margin-top:0;
  position: relative;
  width: 100vw;
  height: 100vh;
  background-image: url("/images/Website hope page generic images3.webp");
  background-size: cover;
  background-position: center;
  border:0px solid red;
}

.back_pdf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0 0% 100% / 0.2);
  z-index: 1;
}



.sp_pdf_h1 {
  position: absolute;
	left:15%;	
	top: 25%;
  z-index: 2;
  color: var(--melocolor);
  font-size: 4rem;
  font-weight: 600;
  text-align: left;
  width: 800px;
}

.img_pdf {
  position: absolute;
  top:100px;
  right:50px;
  z-index: 3;
  width: 220px;
}

.pdfs_bottom{
position:absolute;
bottom:0;
left:0;
width:100%;
height:150px;	
z-index: 3;
background-color:var(--melocolor);
border:0px solid red;
color:white;
padding:10px;
}




.back2_pdf {
  position: relative;
  width: 100vw;
  height: 100vh;
  border:0px solid red;
}
.pdf2_top{
position:absolute;
top:0;
left:0;
width:100%;
height:200px;	
z-index: 3;
/* background-color:#f5cfa9; */
background-color:transparent;
border:1px solid red;
color:black;
padding:10px;
}


.pdf_grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	border:1px solid lightgrey;
	gap:5px;
	padding:10px;
	max-width:100%;
	/* max-height:calc(100vh - 200px); */
	height:auto;
	margin:auto;
}

.pdf_item{
	width:100%;
	border:1px solid lightgrey;
	padding:10px;
	border-radius:10px;
}

.pdf2_hos{
width:100%;
height:200px;	
z-index: 3;
background-color:#f5cfa9;
border:0px solid red;
color:black;
padding:10px;
font-size:1rem;
}

.pdf_hos_txt{
	margin-left:50px;
font-size:1rem;
}

.pdf_hos_header{
margin-left:50px;
color:var(--melocolor);
font-size:1.4rem;
}
.page-break {
    page-break-before: always;   /* force new page before (we’ll use conditionally) */
}

.hospital-block {
    page-break-inside: avoid;    /* keep content together */
    margin-bottom: 20px;
}

@media print {
  .pdf2_hos {
    page-break-after: avoid;   /* keep hospital info stuck to grid */
    break-after: avoid;
  }

  .pdf_grid {
    page-break-before: avoid;  /* don’t push the grid onto its own page */
    break-before: avoid;
    page-break-inside: auto;   /* let grid naturally flow */
    break-inside: auto;
	border:0px solid white;
  }

  .pdf_item {
    page-break-inside: avoid;  /* don’t split a single doctor card in half */
  }
}




	/* START MEDIA SCREENS */
	
	
	
@media only screen and (max-width: 768px) {
/*
@media only screen and (max-width: 1535px){
	@media only screen and (max-width: 1280px) and (min-width: 1536px){*/
	.neback_txt{
		height:75px;
		font-size:0.55rem;
	}
	.avatar_height{
		height:1750px;
	}
	

.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}	
	

.melomag_txt{font-size:1rem;}	
.sp_img_container{height:160px;}	
.sp_container{gap:20px;	}
.sp_item{min-height:350px;}	
.info_card_btn{
	font-size:0.95rem;
	padding:2px 6px;
}
.panel p{
		font-size: 0.95rem;
		text-align:left;
	}
.accordion{font-size: 1rem;}
.input_label{font-size: 1rem;}
.circle_1{
	width:200px;
	height:270px;
	}
.circle_h2{font-size:0.95rem;}
.circle_p{font-size:0.75rem;}	
.hrline{width:30%;}
h1{font-size:1.8vw;}
h2{font-size:1.6vw;}
.h2_left{font-size:1.2rem;}
h3{font-size:1.2vw;}
h4{font-size:1.1vw;}
p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}



.srch_container{
	width:100%;
	display:block;
}
.input_search {
  width: 100%;
  font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;border:0px solid hotpink;}
.in_txt{padding:10px;}
.sp_item_span2{
	grid-column:span 4;
}

.h2_left_articles{
	font-size:1rem;
	padding:10px;
}


.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}


.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}


}

@media only screen and (max-width: 968px){
h1{font-size:1.2rem;}
h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		/* padding-right:40px; */

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:0px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1.2rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}

.melo24_career_content{
		font-size:1rem;
	left:10px;
	top:50px;	
}
.melo24_career_content .h2_left{
	font-size:1rem;
}	

.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;}
.in_txt{padding:10px;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}

.srch_container{
	width:100%;
	display:block;

}
.input_search {
  width: 100%;
   font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.sp_btn{
	font-size:0.75rem;
}


.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}

.txt_container img{
	width:160px;
}


.anim_text1 {
  font-size: 1.2rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.anim_text1:nth-child(3){
	margin-left:1rem;
}

.anim_text1:nth-child(6){
top:5px;
border:2px solid grey;
	width:1.2rem;
	height:1.2rem;
	margin-right:1rem;

	
}

.anim_text2 {
  font-size: 0.55rem;
  letter-spacing:0.5rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}

.h2_left_articles{
	font-size:1rem;
	padding:10px;
}

.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}


.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

}



	
/*IPAD*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	
.footer_icons{
	font-size:1.6rem;
	width:36px;
	height:36px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:8px;
	padding:2px 2px 5px 2px;
	}

.circle_container{
	gap:10px;
	border:0px solid gold;	
	}

.circle_1{
	width:200px;
	height:360px;
	}
	
	.srch_container{
	width:100%;
	display:block;
}
.input_search {
  width: 100%;
  font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}


.h2_left_articles{
	font-size:1rem;
	padding:10px;
}

.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

}	
	
	
	
	
	
	
	
/*	
@media only screen and (max-width: 1279px){
		@media only screen and (min-width: 968px) and (max-width: 1280px) {
.footer_icons{
	font-size:1.6rem;
	width:36px;
	height:36px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:8px;
	padding:2px 2px 5px 2px;
	}

.circle_container{

	gap:10px;
	border:0px solid gold;	
}
.circle_1{
	width:200px;
	height:360px;
}
}	
*/




/*iPhone 14*/
@media only screen
and (width: 390px) 
and (device-height: 844px)
and (-webkit-device-pixel-ratio: 3) {
		.avatar_height{
		height:1750px;
	}
h1{font-size:1.2rem;}
h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		/* padding-right:40px; */

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:0px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1.2rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}

.melo24_career_content{
		font-size:1rem;
	left:10px;
	top:50px;	
}
.melo24_career_content .h2_left{
	font-size:1rem;
}	


.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;}
.in_txt{padding:10px;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}

.srch_container{
	width:100%;
	display:block;

}
.input_search {
  width: 100%;
   font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.sp_btn{
	font-size:0.75rem;
}


.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}

.txt_container img{
	width:160px;
}


.anim_text1 {
  font-size: 1.2rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.anim_text1:nth-child(3){
	margin-left:1rem;
}

.anim_text1:nth-child(6){
top:5px;
border:2px solid grey;
	width:1.2rem;
	height:1.2rem;
	margin-right:1rem;

	
}

.anim_text2 {
  font-size: 0.55rem;
  letter-spacing:0.5rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}	

p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}

.h2_left_articles{
	font-size:1rem;
	padding:10px;
}

.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}

.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

}


/*iPhone 14 Pro*/
@media only screen
    and (width: 393px) 
    and (device-height: 852px)
    and (-webkit-device-pixel-ratio: 3) {
			.avatar_height{
		height:1750px;
	}
		h1{font-size:1.2rem;}
h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		/* padding-right:40px; */

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:0px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1.2rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}
.melo24_career_content{
		font-size:1rem;
	left:10px;
	top:50px;	
}
.melo24_career_content .h2_left{
	font-size:1rem;
}	

.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;}
.in_txt{padding:10px;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}
.srch_container{
	width:100%;
	display:block;

}
.input_search {
  width: 100%;
   font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.sp_btn{
	font-size:0.75rem;
}


.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}

.txt_container img{
	width:160px;
}


.anim_text1 {
  font-size: 1.2rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.anim_text1:nth-child(3){
	margin-left:1rem;
}

.anim_text1:nth-child(6){
top:5px;
border:2px solid grey;
	width:1.2rem;
	height:1.2rem;
	margin-right:1rem;

	
}

.anim_text2 {
  font-size: 0.55rem;
  letter-spacing:0.5rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}
.h2_left_articles{
	font-size:1rem;
	padding:10px;
}
.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}

.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

	}
	
	
	/*iPhone 14 Pro Max*/
@media only screen
    and (device-width: 430px) 
    and (device-height: 932px) 
    and (-webkit-device-pixel-ratio: 3) {
			.avatar_height{
		height:1750px;
	}
		h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		/* padding-right:40px; */

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:0px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1.2rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}

.melo24_career_content{
		font-size:1rem;
	left:10px;
	top:50px;	
}
.melo24_career_content .h2_left{
	font-size:1rem;
}	

.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;}
.in_txt{padding:10px;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}

.sp_btn{
	font-size:0.75rem;
}


.srch_container{
	width:100%;
	display:block;

}
.input_search {
  width: 100%;
   font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}

.txt_container img{
	width:160px;
}


.anim_text1 {
  font-size: 1.2rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.anim_text1:nth-child(3){
	margin-left:1rem;
}

.anim_text1:nth-child(6){
top:5px;
border:2px solid grey;
	width:1.2rem;
	height:1.2rem;
	margin-right:1rem;

	
}

.anim_text2 {
  font-size: 0.55rem;
  letter-spacing:0.5rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}

.h2_left_articles{
	font-size:1rem;
	padding:10px;
}

.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}

.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

	}
	
	
	
	
	
	
	
	
	
		/*iPhone 15, 15 PLUS, 15 PRO, 15 PRO MAX*/
@media only screen and
    ((device-width: 360px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 3)),
    (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4),
    (device-width: 360px) and (device-height: 747px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 360px) and (device-height: 760px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 360px) and (device-height: 770px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 360px) and (device-height: 771px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 360px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 360px) and (device-height: 840px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 384px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 384px) and (device-height: 854px) and (-webkit-device-pixel-ratio: 3.75),
    (device-width: 385px) and (device-height: 854px) and (-webkit-device-pixel-ratio: 1.875),
    (device-width: 390px) and (device-height: 390px) and (-webkit-device-pixel-ratio: 1.85),
    (device-width: 390px) and (device-height: 695px) and (-webkit-device-pixel-ratio: 1.85),
    (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 392px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 393px) and (device-height: 786px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 808px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 816px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 817px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 830px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 851px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 393px) and (device-height: 873px) and (-webkit-device-pixel-ratio: 2.75),
    (device-width: 400px) and (device-height: 880px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 402px) and (device-height: 874px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 411px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 4),
    (device-width: 412px) and (device-height: 1004px) and (-webkit-device-pixel-ratio: 2.625),
    (device-width: 412px) and (device-height: 732px) and (-webkit-device-pixel-ratio: 2.625),
    (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 412px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 412px) and (device-height: 883px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 2.625),
    (device-width: 412px) and (device-height: 906px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 412px) and (device-height: 914px) and (-webkit-device-pixel-ratio: 2.625),
    (device-width: 412px) and (device-height: 915px) and (-webkit-device-pixel-ratio: 2.625),
    (device-width: 412px) and (device-height: 919px) and (-webkit-device-pixel-ratio: 3.5),
    (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 432px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2.5),
    (device-width: 440px) and (device-height: 956px) and (-webkit-device-pixel-ratio: 3),
    (device-width: 504px) and (device-height: 504px) and (-webkit-device-pixel-ratio: 2.85),
    (device-width: 540px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 600px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 768px) and (device-height: 1076px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2),
    (device-width: 884px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 2) {

    /* Your styles */

		
			.avatar_height{
		height:1750px;
	}
		h2{font-size:1rem;}
h3{font-size:0.95rem;}	
p{font-size:0.95rem;}
.h2_left{font-size:1.2rem;}	
.hrline{display:none;}
	iframe{
	height:250px;
	}
.grid_container{
	grid-template-columns: auto;
	}
.grid_item_span3{
	grid-column: span 8;
	border:0px solid red;
	padding:0 20px;
	}
.grid_item_span6{
		grid-column:span 8;
	}
.grid_item_span4{
		grid-column:span 8;
		/* padding-right:40px; */

	}
.grid_item{
		display: none;
	}
.grid_item_span8{
		grid-column: span 8;	
		border:0px solid pink;
	}
.main_container_item_span2{
		grid-column:span 8;
	}
.main_container_item_span4{
		grid-column:span 8;
	}
.info_card_container{
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: auto;
		padding:0;
		width:90%;
	}
.info_card_item{
		height:350px;
		margin-bottom:150px;
	}
.info_card_inner{
	height:250px;
	padding:10px;
	}
.info_card_inner p{font-size:0.85rem;}
.info_card_inner_logo{
		width:100px;
	}
.ortho_img{width:60px;}
.info_card_btn{
		
	font-size:0.75rem;
	padding:6px 10px;
	}
.grid-item-slider{
	grid-column:span 1;
	width:100%;
	height:450px;
}
.grid-item-slider .list .item .content p:nth-child(1){
	color:var(--melocolor);
	letter-spacing:2px;
	font-size:0.95rem;
	font-weight:600;
}
.grid-item-slider .list .item .content p:nth-child(3){
	font-size:0.75rem;
	font-weight:400;
}
.grid-item-slider .list .item .content h3{
	font-size:1rem;
}	
.thumbnail_flex .thumbnail_item{
	margin-top:80px;
	width:60px;
	height:75px;
}	
.content p{
	font-size:0..75rem;
}
#next_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
#prev_btn{
	height:40px;
	width:40px;
	font-size:1rem;
}
.testimonials-section_overlay{display:none;}	
.testimonials-section{
	width:80%;
	border:0px solid lime;
	margin-left:auto;
	margin-right:auto;
	
}		
.logo{display:none;}

.grid-container{
		width: 100%;
		gap:10px;
	}
.grid-item-span3{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.85rem;
	}
.grid-item-span6{
		grid-column:span 8;
		padding:0 20px;
		background-color:white;
		text-align:center;
		font-size:0.75rem;
	}
.slider__txt{
		font-size:0.85rem;
	}
	
	quote {
font-size:3rem;
}
.slider__caption{font-size:0.75rem;}
	
.testimonials-section {
	height: 450px;
}	

.slider__nav {
  width: 16px;
  height: 16px;
}	
.removethis{display:none;}
.footer_container{
	grid-template-columns: repeat(5, 1fr);
	gap:5px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
}
.footer_item{padding:0;overflow:hidden;width:100%;}
.footer_header{
	margin-top:20px;
	font-size:0.75rem;
}
.footer_menu a{
	font-size: 0.65rem;
	line-height:0;
	}
.footer_icons{
	font-size:2rem;
	width:40px;
	height:40px;
	border:2px solid white;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius:50%;
	margin-left:12px;
	padding:2px 2px 5px 2px;
	}
.footer_item_span6{
	grid-column:span 5;
	font-size:0.75rem;
}
.beelogo{
	height:60px;
	width:60px;
}
.footer_follow{
	font-size:0.65rem;
}	
.career_container{
height:250px;
background-size:100%;
}	
.career_container_overlay{
	height:250px;
}
.career_content{
	font-size:1rem;
	left:10px;
	top:50px;
}
.career_content .h2_left{
	font-size:1.2rem;
}	
.career_content .form_btn	{
	font-size:0.75rem;
	padding: 0.3rem 0.5rem;
}
.melo24_career_content{
		font-size:1rem;
	left:10px;
	top:50px;	
}
.melo24_career_content .h2_left{
	font-size:1rem;
}	


.news_grid_container{
	padding-left:40px;
}
.news_grid_item_span2{
	grid-column:span 4;
}
.news_grid_item_span3{
	grid-column:span 4;
}
.news_grid_item{
	display:none;
}
.news_item_content_full{
	font-size:1rem;
}
.news_item_content h5{
	font-size:0.85rem;
}
.news_item_content p{
	font-size:0.70rem;
}

.avatar_overlay{display:none;}
.horizon_slider .horizon_list .horizon_item .horizon_img{
	width:60%;
}
.main_container_item_span3{grid-column:span 8; padding:10px;}
.main_container_item_span6{grid-column:span 8; padding:10px;}
.in_txt{padding:10px;}
.form_grid{
	width:95%;
}
.input_label {
  font-size: 1rem;
}
.images {
  object-fit: fill;
  height:45vh;
}
.sp_container{
	height:auto;
}
.sp_item{
	grid-column:span 4;
}
.sp_h2{
	font-size:1.5rem;
}
.sp_h3{
	font-size:1rem;
}
.sp_p{
font-size:1rem;
}

.sp_img_container{
height:160px;
}

.sp_btn{
	font-size:0.75rem;
}


.srch_container{
	width:100%;
	display:block;

}
.input_search {
  width: 100%;
   font-size:0.95rem;
}

.input_search option:disabled{
	color: var(--txtcolor);
}
.input_search_label{
	display:none;
}

.input_search::placeholder{
	color:black;
}

.search_btn{
	color:green;
	top:5px;
	right:5px;
}

.mets_item{
	grid-column: span 4;
}

.slider_textarea{
	width: 80vw;
	 min-height:250px;
	font-size:0.85rem;
}
.footer_item_span2{
	grid-column:span 6;
}

.txt_container img{
	width:160px;
}


.anim_text1 {
  font-size: 1.2rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.anim_text1:nth-child(3){
	margin-left:1rem;
}

.anim_text1:nth-child(6){
top:5px;
border:2px solid grey;
	width:1.2rem;
	height:1.2rem;
	margin-right:1rem;

	
}

.anim_text2 {
  font-size: 0.55rem;
  letter-spacing:0.5rem;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

p{font-size:0.95rem;}
.p_left{font-size:0.95rem;}


.h2_left_articles{
	font-size:1rem;
	padding:10px;
}

.img_transfer{
	width:250px;
	right:10px;
	bottom:-100px;
}

.this_blue24{
		width:100%;
	height:100px;
	padding:10px;
	font-size: clamp(0.75rem, calc(1rem + 0.25vw), 1.2rem);
}

.h1_left24{font-size: 1.4rem;}
.h2_left24{font-size: 1.2rem;}

.that_img{height:150px;}
.that_img_image{width:100%;}


.pdf_grid{
	grid-template-columns:auto;
	width:100%;
}
.pdf_hos_txt{
	margin-left:30px;
	font-size:0.85rem;
}

.pdf_hos_header{
margin-left:30px;
font-size:1rem;
}

	}