.bannerCardImg , .flandersCardImg, .otherCastCardImg{
            background-color:transparent;
            transform: scale(1);
            filter: grayscale(100%);
            transition: filter .4s ease; 
        }

        .bannerCardImg:hover, .flandersCardImg:hover, .otherCastCardImg:hover
        {filter: grayscale(0);}




        .portraitImg{
            background-color:white;
            transform: scale(1);
            filter: grayscale(100%);
            transition: filter .4s ease; 
        }
            .portraitImg:hover{filter: grayscale(0);}


     .contentTxtDetailsPg{
        font-size: 18px !important;
        line-height: 20px !important; 
        color: white !important; 
    }


.catchPhraseListFormatting {
    display: block; 
    padding-left: 20px; /* ensures bullets show properly */
    font-size: 16px !important;
    line-height: 24px !important;  
}

 
.animatedBannerImg {
    width: 100%;
    height: auto;
    object-fit: contain;

    /* Smooth drop shadow */
    filter: drop-shadow(0px 24px 28px rgba(0,0,0,0.95)); 
    /* Optional slight scale */
    transform: scale(0.55);

    /* Smooth transitions */
    transition: transform 0.3s ease;
    background-color:yellow;
/*      filter: grayscale(100%) !important;*/
  
}

.animatedBannerImg:hover {
    transform: scale(0.6);
    
}


.swiper-slide .tf-card-box /*..card-media*/
{
     border: 1px solid white;
     /* BIG soft drop shadow 
    filter: drop-shadow(0px 0px 0px rgba(255, 216, 0, .42));*/
}

    .contentTxtForFAQ
    {
        color:white !important;
        font-size: 18px !important;
        line-height:20px;
    }

     .contentTxtForContact
    {
        color:white !important;
        font-size: 18px !important;
        line-height:20px;
    }


     .all-characters-numviews
     {
         color:white !important;
         font-weight:bold;
     }

     .all-characters-name
     {
         background-color:transparent;   
         min-height:40px;
     }