.bg-primary {
background-color: #2B2D42 !important;
}
body {
overflow: hidden;
} .search-wrap,
.megamenu.show {
top: 145px;
}
#nav-wrapper {
left: 0;
right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-nav>li>a {
color: #fff;
font-size: 1.2rem;
}
.top-nav .current-menu-item>a,
.top-nav .current-page-ancestor>a {
color: #7b83ef;
}
.nav-top-menu {
overflow: hidden;
margin-top: 1.5rem;
}
.nav-top-menu li {
float: left;
margin-left: 1rem;
padding-left: 1rem;
border-left: 1px solid #505050;
line-height: 1rem
}
.nav-top-menu li:first-child {
border: none;
}
.carousel-caption {
left: 0;
top: 20rem;
}
.img-wrapper {
position: absolute;
top: 20rem;
overflow: hidden;
box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.1);
border-radius: 2rem;
}
.img-wrapper>img {}
.carousel-inner {
overflow: visible;
}
#myCarousel {
z-index: 10;
}
.icon-box {
position: relative;
z-index: 1;
}
.carousel-indicators [data-bs-target] {
width: 15px;
height: 15px;
margin-right: 10px;
border: none;
border-radius: 15px;
}
.carousel-indicators .active {
background: #D90429;
}   .carousel-caption {
z-index: 10; 
} .carousel-item {
height: 47rem;
}
.carousel-item>img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 36rem;
} @media (min-width: 40em) { .carousel-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
}
.news-more-btn {
font-size: 0.875rem;
margin-bottom: 1.5rem;
}
.nav-tabs {
border: none;
}
.nav-tabs .nav-link {
color: #A2A2A2;
font-size: 1.2rem;
padding: 1rem 0;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0);
;
}
.nav-tabs.news-tab .nav-item.show .nav-link,
.nav-tabs.news-tab .nav-link.active {
background: none;
color: white;
border: none;
border-bottom: 1px solid #fff;
font-size: 1.2rem;
}
.nav-tabs.news-tab .nav-item {
padding: 0 1.5rem;
}
.news-tab-content {
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.news-item-wrap {
padding: 6rem 3rem;
display: flex;
flex-direction: column;
background-color: transparent;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.news-item-wrap:hover {
background-color: rgba(43, 45, 66, 0.8);
}
.news-item-wrap .list-category {
margin: 0 auto;
margin-bottom: 2rem;
font-size: 0.852rem;
padding: 0.2rem 1rem;
border: 1px solid #707070;
border-radius: 2rem;
}
.news-item-wrap .news-title {
font-size: 1.1rem;
color: #fff;
margin-bottom: 2.2rem;
line-height: 1.5rem;
}
.news-item-wrap .list-date {
color: #B1B1B1;
margin-bottom: 2.5rem;
}
.news-item-wrap .read-more-btn {
font-size: 0.875rem;
color: white;
}
.laboratory-notice .list-group-item {
padding: 1rem;
}
.laboratory-notice .list-type-1 li .list-date {
top: 1rem;
}
.page-title-overlap {
padding-top: 10rem !important;
}
@media (max-width: 767.98px) { .nav-top-menu {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.navbar {
top: 90%;
}
.navbar-collapse {
margin-top: 0;
}
.navbar {
background-color: #29334e;
}
.top-nav {
border-bottom: 3px solid #505050;
}
.top-nav>li {
border-top: 1px solid #505050;
}
#myCarousel .carousel-item .carousel-caption .desc {
word-break: break-word;
}
#myCarousel .carousel-item .carousel-caption {
top: 9rem;
right: 0rem;
left: 0rem;
text-align: center !important;
position: relative;
}
.img-wrapper {
position: relative;
top: 9rem;
width: 40%;
margin: 0 auto;
}
.nav-tabs.news-tab .nav-item {
padding: 0 0.7rem;
}
.news-item-wrap {
padding: 3rem 1rem;
border-bottom: 1px solid #505050;
}
.news-item-wrap:last-child {}
.list-type-1 li .list-date {
position: relative;
margin-top: 0.5rem;
}
}