.home-about .image .childrens img {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1024px) {
    .home-about .image {
        width: 422px;
        height: 422px;
    }
}

/* For The News And Message */
.news-card,
.message-card {
    width: 208px;
    flex-shrink: 0;
}

.message-card {
    overflow: hidden;
}

.news-card img,
.message-card img:not(.message-view-all img) {
    height: 180px;
}

.project-card {
    width: 250px;
    height: 230px;
}

@media only screen and (min-width: 1024px) {
    .news-card {
        flex: 1;
        flex-shrink: auto;
    }

    .news-card img {
        height: 100%;
    }

    .project-card {
        width: 288px;
        height: 257px;
    }
}

@media only screen and (min-width: 1280px) {
    .message-card img:not(.message-view-all img) {
        height: 207px;
    }
}

/* For Swiper */
/* Swiper Pagination Bullets In Hero Section */
.swiper-pagination {
    position: relative;
    margin-top: 25px;
}

.swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
    border-radius: 8px;
}

.swiper-paginatin .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #c4c4c4;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 24px;
    background: #f7a81b;
}
