.home-banner {
    margin-top: 12px
}

.home-banner img {
    border: 1px solid #485cb1;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .253);
    width: 99.4%
}

.home-text {
    margin: 12px 0 0;
    padding: 0 10px
}

.home-img-1 {
    margin-top: 3px;
    float: left
}

.recent-updates {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 240px;
    padding: 10px;
    margin-top: 12px;
    font-size: 1em
}

.recent-updates div {
    overflow: auto
}

.recent-updates p {
    border-bottom: 3px solid #8699df;
    margin: 0;
    padding: 5px 7px
}

.recent-updates strong {
    color: #001aad;
    margin-right: 5px
}

.recent-updates strong:after {
    content: " -"
}

.carousel-buttons {
    width: 99.5%;
    padding: 5px 0;
    margin-top: 12px;
    overflow: hidden
}

.carousel-buttons div {
    animation: 35s linear infinite carousel;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    width: calc(13 * 96px)
}

.carousel-buttons img {
    flex-shrink: 0;
    height: 32px
}

@keyframes carousel {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(calc(13 * -96px), 0, 0)
    }
}

@media (max-width:400px) {
    .home-img-1 {
        display: none
    }
}