.special-happenings {
    background: #143cdb;
    padding: 20px 0; 
    /* padding-top: 32px; */
    margin-bottom: 32px;

}




.nav {
    overflow-x: scroll; 
    white-space: nowrap; 
    cursor: grab; 
    display: flex; 
}

.nav.active {
    cursor: grabbing; 
}
.special-happenings .col-md-12 > div {
    max-width: 320px;
    min-width: 320px;
    display: inline-block; 
    margin-right: 20px; 
position: relative;
}

.special-happenings--scroll-container p {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    text-wrap: wrap;
    color: #fff;
    font-size: 12px;

}
.special-happenings--scroll-container > div {
    position: relative;
}
.special-happenings--scroll-container .sc-live-slide-btn{
    background: #d9d9fd;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    color: #143cdb;
    padding: 12px 15px;
    border-radius: 8px;
}


.special-happenings .col-md-12 img {
    max-width: 320px;
    display: inline-block; 
    margin-right: 20px; 
}

.special-happenings .text-white h1,
.special-happenings .text-white h2,
.special-happenings .text-white h3,
.special-happenings .text-white h4,
.special-happenings .text-white h5,
.special-happenings .text-white h6,
.special-happenings .text-white p {
    color: white;
}

.special-happenings--scroll-container{
    flex-wrap: nowrap;
    padding: 32px;
    padding-left: 0;
}



.nav::-webkit-scrollbar {
    display: none;
}