.hide-container{
        display:none !important;
    }

    .wp-block-kadence-singlebtn.active {
        background-color: white !important;
        border-color:  !important;
        color: black !important;

    }

    .text-white {
        color: white !important;
    }

    .w-100 {
        width: 100% !important;
    }
    .rounded-lg{
        border-radius: 1rem !important;
    }

    .podcast-swiper{
        width: 100% !important;
        max-width: 1000px !important;
    }

    .swiper-wrapper{
        /* padding-top: 100px; */
        /* padding-bottom: 200px; */
        /* transform: translate3d(-200px, 0px, 0px) !important; */
    }

    .pe-0 {
        padding-right: 0 !important;
    }
    .ps-0 {
        padding-left: 0 !important;
    }

    ._title{
        font-size: 24px;
        line-height: 24px;
        font-weight: 500;
        color: #191238;
    }
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
    .text-black{
        color: black !important;
    }

    ._text-light {
        color: #6B7B9B;
    }
    ._podcast-divider {
        border-bottom: 3px solid #C7D0E1;

    }

    .bg-white{
        background-color: white !important;
    }
    .p-3{
        padding: 24px !important;
    }

    .flex-column{
        flex-direction: column !important;
    }

     .gap-2{
        gap: 0.5rem !important;
    }

     .gap-3{
        gap: 1rem !important;
    }

    .mt-auto{
        margin-top: auto !important;
    }

     .justify-content-between{
         justify-content: space-between;
     }


.swiper-slide {
  width: 200px;
  height: 200px;
}


    .swiper-slide img {
      display: block;
      filter: blur(3px);
      transition: filter 0.3s ease, width 0.3s ease;
        width: 80%;
    }

   .swiper-slide-prev img,
    .swiper-slide-next img {
        width: 90% ;
    }


    .swiper-slide-active img {
      filter: blur(0px);
      width: 100% ;
    }
    .swiper-button-next::after,
    .swiper-button-prev::after {
    display: none;
    color: transparent !important;
    }
    .swiper-button-next,
    .swiper-button-prev {

    color: transparent ;
    }

   ._main-title{
        color: var(--Colour-Navy, #191238);

        /* Heading/H2 */
        font-size: var(--Type-Font-size-Heading-H2, 32px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--Type-Line-height-H2, 35.2px); /* 110% */
    }

    ._subtitle{
        color: var(--Colour-Black, #000);


        font-size: var(--Type-Font-size-Heading-H3, 24px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--Type-Font-size-Heading-H3, 24px); /* 100% */
    }

    ._text{
        color: var(--Colour-Black, #000);

        /* Paragraph/P1 */
        font-size: var(--Type-Font-size-Body-P1, 20px);
        font-style: normal;
        font-weight: 300;
        line-height: var(--Type-Line-height-B1, 32px); /* 160% */
        letter-spacing: var(--type-letter-spacing-body, 0.2px);
    }


    ._btn-podcast{
        border-radius: 100px;
        background-color: black;
        border: none;
        color: white;
        padding: 0.5rem 1.5rem;
        transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;
        margin: 0;
   
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 45px;
    }

    ._btn-podcast:hover{
        background-color: white;
        color: black;
    }

    ._btn-podcast.active {
        background-color: white;
        color: black;
        position: relative;
        z-index: 2;
        border-radius: 100px 100px 0 0;
    }

    ._btn-podcast.active::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 24px;
        background-color: white;
        bottom: -24px;
        border-radius: 0;
    }

    ._btn-podcast ._btn-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        font-size: 16px;
        line-height: 1;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    ._btn-podcast ._btn-close::before {
        content: "\25BE";
        display: inline-block;
        transform: translateY(-1px);
    }

    ._btn-podcast.active ._btn-close::before {
        content: "\00D7";
        transform: translateY(-1px);
    }



    ._podcast-episodes{
        margin-top: 24px !important;
        padding: 0 24px !important;
        background-color: white;
        overflow-y: scroll;
        /* hide scrollbar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */

        max-height: 1000px;
        transition: max-height 0.5s ease-in-out;

        border-radius: 8px 8px 8px 8px;
        -webkit-box-shadow: 4px 4px 20px 0px rgba(0,0,0,0.25); 
        box-shadow: 4px 4px 20px 0px rgba(0,0,0,0.25);
    }

    ._podcast-episodes.collapsed {
        max-height: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    ._podcast-episodes.active {
        border-top-right-radius: 0;
    }

    .position-relative{
        position: relative !important;
    }

    .position-absolute{
        position: absolute !important;
    }
    .bottom-0{
        bottom: 0 !important;
    }

    .align-items-center {
        align-items: center;
    }

    .align-items-end{
        align-items: flex-end;
    }

    .podcast-logos a{
        display: flex;
        align-items: center;
    }

    .podcast-logos svg{
        display: block;
        height: 45px;
    }

    .p-5{
        padding: 40px;
    }

    .my-5{
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .my-3{
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .top { top: 0 !important; } .end-0{ right: 0 !important; }
    .pe-3{
padding-right: 16px !important;
    }
    ._max-image-h{
        max-height: 320px !important;
    }

    ._podcast-button-group{
        justify-content: space-between;
    }

    ._partner-logo{
        max-height: 64px;
    
    }

    @media(max-width: 2000px) {
        .podcast-logos svg {
            height: 32px;

        }
        ._partner-logo{
            max-height: 40px;
        }
    }

    @media(max-width: 1200px) {
        .d-lg-none{
            display: none !important;
        }
        .d-lg-flex {
            display: flex !important;
        }
        ._podcast-button-group{
            padding-top: 16px !important;
            justify-content: flex-end !important;
        }
    }

    @media(max-width: 768px) {
       
        .podcast-logos{
            justify-content: space-between !important;
        }

        .p-5 {
            padding: 24px !important;
        }
        
    }



    .d-flex{
        display: flex;
    }