.construction-update-section ul li {
    padding: 64px;
    border: 1px solid rgba(28, 30, 39, 0.2901960784) !important;
    box-shadow: 12px 12px 12px 0px #00000012;
}

.construction-update-section ul li .image-content-box {
    max-width: 60%;
    width: 60%;
    border-right: unset !important;
    padding-right: 40px !important;
}

.construction-update-section ul li .card-box .image-content-box .project-update {
    row-gap: 32px;
}

.construction-update-section ul li .img-layer {
    max-width: 40%;
    width: 40%;
}

.construction-update-section ul li .card-box .project-completion-box {
    flex-direction: unset;
    width: 100%;
    column-gap: 48px;
    row-gap: 18px;
}

.construction-update-section ul li .card-box .project-completion-box .date-details label {
    margin-bottom: 6px;
    color: #0A4647;
}

.construction-update-section ul li .card-box .image-content-box .project-update .project-name {
    color: #0A4647;
}

.construction-update-section ul li .img-layer .carousel-control-prev-icon,
.construction-update-section ul li .img-layer .carousel-control-next-icon {
    box-shadow: 12px 12px 12px 0px #00000012;
    border: 1px solid #1C1E2740;
}

.construction-update-section ul li .img-layer .carousel-control-prev-icon img,
.construction-update-section ul li .img-layer .carousel-control-next-icon img {
    width: 8px;
}

.construction-update-section ul li .carousel .carousel-control-prev {
    left: -24px;
    top: 50%;
    display: flex !important;
    transform: translateY(-50%);
}

.construction-update-section ul li .carousel .carousel-control-next {
    right: -24px;
    top: 50%;
    display: flex !important;
    transform: translateY(-50%);
}

.construction-update-section ul li .carousel-item img {
    aspect-ratio: 572/672;
    width: 100%;
}

@media screen and (max-width: 1199.98px) {
    .construction-update-section ul li .card-box .image-content-box .project-update {
        row-gap: 18px;
    }
    
    .construction-update-section ul li {
        padding: 44px;
    }
}

@media screen and (max-width: 991.98px) {
    .construction-update-section ul li .card-box{
        flex-direction: column !important;
        gap: 24px;
    }

    .construction-update-section ul li .img-layer,
    .construction-update-section ul li .card-box .image-content-box{
        max-width: 100%;
        width: 100%;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 575.98px) {
        .construction-update-section ul li {
        padding: 24px;
    }

    .construction-update-section ul li .card-box .project-completion-box .date-details label{
        font-size: 16px;
        line-height: normal;
    }

    .construction-update-section ul li .card-box .image-content-box .project-update .project-description{
        font-size: 16px;
    }

    .construction-update-section ul li .card-box .project-completion-box .date-details{
        font-size: 14px;
    }
}
.construction-update-section ul li:nth-child(odd) .card-box .image-content-box:lang(ar), .construction-update-section ul li:nth-child(even) .card-box .image-content-box:lang(ar) { 
  border-left:unset !important;
  
}