.top-news .card-news .caption a:hover{
    color: #0065c9;
}
.slider-news .img-box{
    padding-bottom: 85%;
}
.card-news .img-box{
    padding-bottom: 70%;
}
.flickity-prev-next-button {
    top: 95%;
    border-radius: 5px;
    background-color: #fff;
    color: #1E90FF;
    border: 3px solid #1E90FF !important;
    /* font-size: 0.5rem !important; */
    width: 30px;
    height: 30px;
}
.flickity-rtl .flickity-prev-next-button.previous{
    left: 50px !important;
    right: inherit;
}
.card-news .caption a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.main-right-news .box-news-items .title,
.main-right-news .box-news-items .title span{
    position: relative;
}
.main-right-news .box-news-items .title::before{
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    height: 1px;
    background-color: #9c9c9c;
    right: 0;
}
.main-right-news .box-news-items .title span::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    top: 100%;
    right: 0;
    background-color: #F65151;
    z-index: 2;
}
.news-text-items .news-text:last-child{
    border: none !important;
}
.news-text-items .news-text .sqr{
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    background-color: #1E90FF;
}
.box-news-items{
    min-height: 360px;
}
.box-media-news .media-news img{
    border: 3px solid #fff;
}
.news-slider-img{
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.news-slider-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.news-slider-img .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    box-shadow: 0 -95px 79px -47px #000000 inset;
}
.news-slider-img .icon{
    position: absolute;
    bottom: 0px;
    left: 10px;
    z-index: 1;
}
.flickity-page-dots {
    bottom: 0%;
    top: 10px;
    left: 10px;
    height: auto;
    flex-direction: column;
    display: flex;
    width: auto;
}
.flickity-page-dots .dot{
    margin: 2px;
}
.tabligh .img-box{
    padding-bottom: 85%;
}
/* survey */

/*  */
.box-card-news .title i,
.box-news .title i{
    width: 25px;
    border-radius: 5px;
    height: 25px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-news .news-item .circle{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    flex-shrink: 0;
    background-color: #fff;
    border: 2px solid #1E90FF;
}
.main-left-news .box-news{
    min-height: 400px;
}
.box-gallery .box-card-news .br-left{
    height: 1.5px;
}
.box-gallery .box-card-news .card-news .img-box{
    border: 3px solid #1E90FF;
}
.box-gallery .section-img .img-news{
    border-radius: 10px;
    overflow: hidden;
}
.box-gallery .section-img .img-news .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    box-shadow: 0 -95px 79px -47px #000000 inset;
}
.box-gallery .section-img .img-news .caption h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.column-25{
    max-height: 25%;
    flex-basis: 25%;
    flex-shrink: 0;
}
.column-auto{
    max-height: 100%;
    flex-grow: 1;
    flex-basis: 0;
}
.column-50{
    max-height: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
}
.h-200px{
    height: 100%;
    max-height: 180px;
}

/* .box-img-items .h30{
    height: 30%;
} */






@media screen and (max-width: 576px) {
    .slider-news .img-box{
        padding-bottom: 44%;
    }
    .slider-news{
        min-height: 400px;
    }
    .slider-news .caption h1 a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .news-slider-img {
        padding-bottom: 65%;
    }
}
@media screen and (max-width: 500px) {
    .slider-news .img-box{
        padding-bottom: 55%;
    }
    .slider-news .caption h1 a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}





.menu{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    box-shadow: 0px -6px 20px #0000002b;
    z-index: 1000;
    padding: 10px;
}
.menu .menu-item{
    width: calc(100% / 5);
}
.menu .menu-item.active .menu-link{
    position: relative;
    color: #1E90FF;
}
.menu .menu-item.active .menu-link::before{
    content: '';
    position: absolute;
    top: -2px;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #1E90FF;
}
.menu .menu-item .menu-module{
    position: fixed;
    height: 70vh;
    background-color: #fff;
    right: 50%;
    transform: translateX(50%);
    top: 10%;
    z-index: 50;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    /* opacity: 0; */
}

.menu-module .title i{
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1E90FF;
    color: #fff;
}
.menu-module .body-links{
    height: 100%;
    /* background-color: #F65151; */
    overflow: auto;
}
@media screen and (max-width: 992px) {
    .tabligh .img-box{
        padding-bottom: 50%;
    }
}