.swiper-du-an .swiper {
    width: 100%;
    height: 100%;
}

.swiper-du-an .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-du-an .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-du-an .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-du-an .swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiper-du-an .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.swiper-du-an .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.swiper-du-an .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-du-an .mySwiper2 {
    height: 80%;
    width: 100%;
}

.swiper-du-an .swiper-button-next,
.swiper-du-an .swiper-button-prev {
    color: #fff;
}

.swiper-du-an .swiper-button-prev,.swiper-du-an .swiper-button-next{
	width: 22px;
    height: 44px;
    background: transparent;
}
.swiper-du-an .swiper-button-next:after{
	content: "";
    width: 100%;
    height: 100%;
	background: url(/wp-content/uploads/2025/08/icon-right.svg) no-repeat 50%;
    background-size: contain;
}
.swiper-du-an .swiper-button-prev:after{
	content: "";
    width: 100%;
    height: 100%;
	background: url(/wp-content/uploads/2025/09/icon-left2.svg) no-repeat 50%;
    background-size: contain;
}

/* Tab styles */
.du-an-description .project-information {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    border-bottom: 1px solid #ddd;
    background: #fff; /* Đảm bảo nền trắng khi sticky */
    z-index: 1000; /* Đảm bảo menu nằm trên các phần tử khác */
}

.du-an-description .project-information.sticky {
    position: sticky;
    top: 62px; /* Cách top header 62px */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Thêm shadow khi sticky */
}

.du-an-description .project-information li {
    margin-right: 0;
}

.du-an-description .project-information li a {
    display: block;
	font-size: 15px;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.du-an-description .project-information li.active a {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.du-an-description .project-information li a:hover {
    color: #000;
}

.du-an-description .tab-content .tab-pane {
    display: none;
}

.du-an-description .tab-content .tab-pane.active {
    display: block;
}

.du-an-description .the-content {
    margin-bottom: 20px;
}

.box.box-overlay .box-text{
	z-index:1;
}
.box.box-overlay:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 66%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
	pointer-events: none;
}
.box.box-overlay:hover:after{
	height:100%;
	transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
#related-project h2{
	    margin: 30px 0;
    font-size: 32px;
    line-height: 39px;
}