.left-half-grey{
    --bs-bg-opacity: 0.6;
    --bs-grey-rgb:0,0,0;
    background-color: rgba(var(--bs-grey-rgb), var(--bs-bg-opacity)) !important; 
    border-bottom-right-radius: 500px;
    border-top-right-radius: 500px;
    padding-top: 5%;
    padding-bottom: 3%; 
    margin-left: -15px;   
}


.btn-pink{
    color:#fff;
    background-color:#FF3DA6;
    border-color:#FF3DA6
}
.btn-pink:hover{
    color:#fff;
    background-color:#FF3DA6;
    border-color:#FF3DA6
}
.btn-pink.focus,
.btn-pink:focus{
    box-shadow:0 0 0 .2rem rgba(255,61,166,.5)
}
.btn-pink.disabled,
.btn-pink:disabled{
    color:#fff;
    background-color:#FF3DA6;
    border-color:#FF3DA6
}
.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show>.btn-pink.dropdown-toggle{
    color:#fff;
    background-color:#FF3DA6;
    border-color:#FF3DA6
}
.btn-pink:not(:disabled):not(.disabled).active:focus,
.btn-pink:not(:disabled):not(.disabled):active:focus,
.show>.btn-pink.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(255,61,166,.5);
}

.single-image-banner-resource{
    padding: 104px 0 134px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.news-data{
    padding: 26px 16% 26px 32%;
}
.news-data .type{
    padding-bottom: 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
}
.news-data .title{
    padding-bottom: 32px;
    font-size: 44px;
    font-weight: 700;
    line-height: 100%;
}
.news-data .link{
    padding-bottom: 50px;
}
.resource_carousel .carousel-caption{
    left: 0;

}
.carousel-indicators{bottom: -10px !important;}
.carousel-indicators [data-bs-target]{
    width: 5px;
    height: 5px;
    border: 1px solid #49525C;
    padding: 5px;
    border-radius: 50%;
}
.carousel-indicators .active{
    background-color: #49525C !important;
}

.resource-title{
    color: var(--medium-gray, #49525C);
    font-size: 43.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 43.9px */
}

.resource-type{
    margin-top: 16px;
    margin-bottom: 24px;

}
.resource-type ul{
    list-style: none;
    padding-left: 0;
}
.resource-type ul li{
    display: inline-block;
}
@media (max-width:575px){
    .resource-type ul li{
        display: block;
    }   
}
.resource-type ul li p{
    padding-right: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.resource-type ul li button{
    color: #49525C;
    border: none;
    margin: 8px 16px;
}

.news-resource-filter .nav-link{
    color:#21272A;
}
.news-resource-filter .nav-link:focus, 
.news-resource-filter .nav-link:hover{
    color:#21272A;
    text-decoration: underline !important; 
}
.news-resource-filter .nav-link.disabled, 
.news-resource-filter .nav-link:disabled{
    font-weight: bold;
}

.news-resource-filter.nav-pills .nav-link.active, 
.news-resource-filter.nav-pills .show>.nav-link {
    color:#21272A !important;
    background-color: transparent !important;
    text-decoration: underline !important;     
}

.news-resource-data{
    padding:0 5.3%;    
}

.whof-post.hide-post{    
    display: none;
}

.whof-post-thumbnail{
    position: relative;
    margin-bottom: 24px;
    margin-top: 32px;
}
.whof-post-thumbnail img{
    min-height: 267px;
    object-fit: cover;
}
.whof-post-taxo{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: flex;
}

.whof-post-taxo button{    
    border-radius: 32px;
    color: #fff;
    background: rgba(31, 32, 36, 0.80);
    border: none;
    height: 40px;
    padding: 5px 12px;
    margin-top: -50px !important;
    margin: 0 auto;
}
.whof-post-data .post_and_date{
    text-transform:capitalize;
    font-size: 11px;
    line-height: 12px;
    margin:6px 0px 5px 0px;

}

.whof-post-data .read_time button{
    padding: 1px 10px;
    align-items: center;
    border-radius: 32px;
    background: #FF3DA6;
    width: auto;
    border: none;
    color: #fff;
    font-size: 11px;

}

.whof-post-title{
    min-height: 50px;
    width: 100%;
}
.whof-post-title a{
    color: var(--medium-gray, #49525C);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none !important;
}

.whof-post-data .read-more{
    margin-bottom: 16px;
}