.poster-img-top {
    max-width: 150px;
    height: auto;
    object-fit: cover;
    margin: auto;
}

.poster-card-title {
    padding: 3px;
    margin-bottom: 5px;
    margin-left: 4px;
    margin-right: 4px;
    color: #3e4555;
    font-weight: 900;
    background-color: #E7EDEF;
    border: 0px;
}

/* ----- coming soon page ----- */

.comingsoon-poster-image {
    width: 130px;
    height: auto;
    object-fit: cover;
}


.comingsoon-grid-container {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: dense;
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fill, 130px);
    align-content: center;
    justify-content: center;
}

/* ----- playing now page ----- */

.playingnow-poster-img {
    width: 130px;
    height: auto;
    object-fit: cover;
}


.playingnow-grid-container {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: dense;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, 170px);
    align-content: center;
    justify-content: center;
}

/* ----- reminder page ----- */

.reminder-poster-img {
    width: 170px;
    height: auto;
    object-fit: cover;
}

.reminder-grid-container {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: dense;
    grid-gap: 13px;
    grid-template-columns: repeat(auto-fill, 170px);
    align-content: center;
    justify-content: center;
}

/* ----- owl carousel ----- */

.owl-prev, .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
}

.owl-prev {
    left: -40px;
}

.owl-next {
    right: -30px;
}

.owl-prev i, .owl-next i {
    font-size: 40px;
}