.menu-link{
		font-family: 'Roboto', sans-serif;
}
.menu-link:hover{
  font-family: 'Roboto', sans-serif;
  background-color: #E5EFF8;
}
.japan-link{
  font-size:13px;
  color:#B7B5B7;
}
.menu-link:hover .japan-link {
  color: black;
}
.carousel-inner img {
    width: 100%;
    height: 100%;
  }
.tog-nav-icon {
  width: 25px;
  height: 2px;
  background-color: #111336e1;
  margin: 6px 0;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
.text-s{
		
		font-family: 'Roboto', sans-serif;
		line-height: 1.7;
		text-justify: inter-word;
		text-align: justify;
    color: #111336e1;
}
.topic-s{
		font-family: 'Roboto', sans-serif;
		color: #111336e1;
	  padding:0px;
		font-weight: 550;
		text-align: center;
}
.mobile_header{ display: none;}
.uni_menu{ padding-left:30px;}
.main_area{
	min-height:594px ;
	background-color: #ffffff;
	color:#111336b4;
	size: 12px;
	border-radius: 8px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;

}

* {
  box-sizing: border-box;
}

.mobile_quiclink{ display: none;}
.desktop_quiclink{ display: block;}

@media only screen and (max-width: 991px) 
	{
		.mobile_header{ display: block;}
		.desktop_header{ display: none;}
		.mobile_quiclink{ display: block;}
		.desktop_quiclink{ display: none;}
		.uni_menu{ padding-left:0px;}
	}	

.fa {
  padding: 5px;
  font-size: 15px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  margin-top:3.8px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #ffffff;
  color: #111336b4;
  border-style:solid;
  border-width:1px
}
.fa-download{
	background: #ffffff;
	color: #111336b4;
  border-style:solid;
  border-width:1px
}
.fa-sign-in
{
	background: #ffffff;
	color: #111336b4;
  border-style:solid;
  border-width:1px

}

.container {
  max-width: 1250px; /* Set your custom width */
}


#scrollUpBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; /* Hidden by default */
  width: 40px;
  height: 40px;
  background-color: #ffffff; /* Button color */
  color: black;
  border-style:solid;
  border-width:1px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#scrollUpBtn:hover {
  background-color: #E5EFF8; /* Darker blue on hover */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

#scrollUpBtn:focus {
  outline: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #D5D5D5;
  min-width: 200px;
  box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.2);
  z-index: 10;
  left: 0;
}

.dropdown-content a {
  color: black;
  padding: 2px 3px;
  text-decoration: none;
  display: block;
  z-index: 10;
  text-align: left;
}

.dropdown-content a:hover {background-color: #F2F2F2;}

.dropdown:hover .dropdown-content {display: block;}

@media (max-width: 768px) {
  .dropdown-content {
    left: -150px; /* Shift left by 50px */
    width: calc(100% + 150px); /* Adjust width to maintain alignment */
  }
}