.img-hover-zoom {
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.1);
    cursor: pointer;
}

.back {
    background-color:#022433; 
    color:white;
    border: 1px solid #fff;
}

.back:hover {
    background-color: #fff ;
    border: 1px solid #022433 ;
    color: #022433;
}

#article li {
    font-size: 14px;
    margin:6px;
}

#article h6 {
    font-size: 14px;
}

#facebook {
    background-color: #3b5998;
    color:white;
    border: 1px solid white;
}

#facebook:hover {
    background-color: white;
    color:#3b5998;
    border: 1px solid #3b5998;
}

.button-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.button-container button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 15px;
    cursor: pointer;
    font-size: 24px;
    outline: none;
}
.button-container button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#line {
    background-color: #06C755;
    color:white;
    border: 1px solid white;
}

#line:hover {
    background-color: white;
    color:#06C755;
    border: 1px solid #06C755;
}

.subscribe_btn {
    margin-top:10px;
    border-radius:10px;
    width:200px;
    padding:10px 20px;
}

.subscribe_btn h5 {
    margin:0;
}

.link {
    text-decoration: underline;
}

@media screen and (max-width: 600px) {
    /* #other_articles {
        width:80%;
    } */
    /* #header-other {
        font-size: 1.7rem;
    } */

    /* #each_article {
        width:70% !important;
    } */
}