.custom-section-main {
    width: 100%;
    height: 512px; 
    background: #313199; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center; 
    padding: 20px; 
  }

  .custom-section-library{
    width: 100%;
    height: 442px; 
    background: #313199; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center; 
    padding: 20px; 
  }

.custom-subscribe-main {
    width: 100%;
    height: 300px; 
    background: #313199; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center; 
    padding: 20px; 
    margin-top: 154px;
}

.title-subscribe-main{
    color: #FFF;
    text-align: center;
    font-family: "halyard-display";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 112.5%;
    letter-spacing: 0.36px;
    margin-bottom: 10px;
}

.center-image-main {
    max-width: 100%; 
    max-height: 200px; 
    margin-bottom: 20px;
}

.center-image-library {
    max-width: 100%; 
    max-height: 200px; 
    margin-bottom: 20px;
}

.background-hero-main{
    /* width: 1198px;
    height: 360px; */
    max-height: 410px;
    position: absolute;
    z-index: 0;
}

.mb-22{
    margin-bottom: 22px !important;
}

.pb-0{
    padding-bottom: 0px !important;
}

.background-bottom-main{
    position: absolute;
    max-height: 300px;
    width: 100%;
    padding-top: 20px;
}

.mt-300{
    margin-top: 300px;
}

.section-text-main {
    margin-bottom: 40px; 
    color: #FFF;
    text-align: center;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.section-text-library {
    margin-bottom: 47px; 
    color: #FFF;
    text-align: center;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.button-group-main {
    display: flex; 
    gap: 10px; 
    z-index: 1;
    padding-bottom: 40px;
}

.btn-orange-main {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 24px;
    background: #F60;
    color: #FFF; 
    border: none; 
    font-size: 16px; 
    cursor: pointer; 
    display: flex; 
}

.btn-orange-main:hover {
    text-decoration: none;
    border-width: px;
    background-color: #313199;
    border-color: rgba(255, 255, 255, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.btn-orange-episode-detail {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 24px;
    background: #F60;
    color: #FFF; 
    border: none; 
    font-size: 16px; 
    cursor: pointer; 
    display: flex; 
}

.btn-orange-episode-detail:hover {
    text-decoration: none;
    border-style: solid;
    border-width: px;
    background-color: rgba(90, 90, 173, 1.0);
    border-color: rgba(255, 255, 255, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.btn-main {
    background: transparent; 
    /* border: none;  */
    cursor: pointer; 

    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;

    border-radius: 20px;
    border: 1px solid #FFF;

    color: #FFF;
    font-family: "halyard-text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.btn-main:hover {
    text-decoration: none;
    border-style: solid;
    border-width: px;
    border-color: rgba(255, 102, 0, 1.0);
    background-color: rgba(255, 102, 0, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.btn-main-episode:hover{
    border-color: #f60 !important;
    color: #F60 !important;
    background-color: transparent !important;
}

.btn-main-episode:hover .icon-notification{
    content: url("https://luma2022stg.wpengine.com/wp-content/uploads/2025/01/notifications-1.png");
}

.btn-main-episode:hover .icon-share-blue{
    content: url("https://luma2022stg.wpengine.com/wp-content/uploads/2025/01/ios_share-2.png");
}

.icon-main {
    font-size: 18px;    
}

.icon-spotify{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/Spotify_Primary_Logo_RGB_White-1.png");
}

.icon-apple{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/Apple_Podcasts_Icon_wht_sm_060623-1.png");
}

.icon-share{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/ios_share.png");
}

.icon-play{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/play_circle_outline.png");
}

.icon-spotify-green{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/image-1.png");
}

.icon-apple-podcast{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/Apple_Podcasts_Icon_RGB_sm_060623-1.png");
}

.icon-notification{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/notifications.png");
    color: inherit;
}

.icon-share-blue{
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/ios_share-1.png");
}

.on-air-next-main{
    width: 100%;
    height: 411px; 
    background: #EEF; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center; 
    padding: 20px; 
}

.container-episode-detail{
    width: 100%;
    /* height: 900px;  */
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center; 
    padding: 20px; 
    margin-top: 61px;
}


.season-main{
    color: #313199;
    text-align: center;
    font-family: "halyard-display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.season-library{
    color: #313199;
    text-align: center;
    font-family: "halyard-display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.season-episode-detail{
    color: var(--Luma-Blurple, #313199);
    text-align: center;
    font-family: "halyard-display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.content-on-air-next-main{
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.content-episode-detail{
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.title-on-air-next-main{
    color: #000;
    text-align: center;
    font-family: "halyard-text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
}

.title-episode-detail{
    color: #000;
    text-align: center;
    font-family: "halyard-display";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    width: 80%;
    align-self: center;
}

.subtitle-on-air-next-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subtitle-episode-detail {
    display: flex;
    flex-direction: column;
}

.name-on-air-next-main{
    color: #000;
    text-align: center;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.name-episode-detail{
    color: #000;
    text-align: center;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}


.ocuppation-on-air-next-main{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    width: 72%;
}

.ocuppation-episode-detail{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.btn-align-self-main{
    /* width: 16%; */
    display: flex;
    align-self: center;
    margin-top: 10px;
}

.btn-align-self-episode-detail{
    width: 16%;
    display: flex;
    align-self: center;
    margin-top: 10px;
}

.featured-episodes-main{
    display: flex; 
    gap: 20px;
    flex-direction: column;
    align-items: center;
    margin-top: 45px;
}

.view-episode-main{
    /* margin-top: 20px; */
    margin-top: auto;
}

.last-episode-link-library {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.view-episode-library{
    /* text-align: center;  */
    margin-top: 20px;
    z-index: 2;
}

.view-episode-main a{
    display: inline-block; 
    padding: 10px 20px 10px 0px;
    background: transparent; 
    text-decoration: none; 
    border-radius: 5px;

    color: #F60;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
}

.view-episode-main a:hover{
    text-decoration: underline; 
    text-decoration-color: #F60;
    background-color: transparent;
}

.view-episode-library a{
    display: inline-block; 
    padding: 10px 20px 10px 0px;
    background: transparent; 
    text-decoration: none; 
    border-radius: 5px;

    color: #F60;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
}

.view-episode-library a:hover{
    text-decoration: underline; 
    text-decoration-color: #F60;
    background-color: transparent;
}

.title-featured-episode-main{
    color: #000;
    text-align: center;
    /* Heading 2 */
    font-family: "halyard-display";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.5%;
    margin-bottom: 20px;
}

.card-content-main{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.h2-card-featured-main{
    color: #000;
    font-family: "halyard-text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
}

.h2-card-featured-library{
    color: #000;
    font-family: "halyard-text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
    z-index: 2;
}

.h2-card-featured-library:hover {
    color: #FF6600;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
}


.testimony-name-main{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.testimony-name-library{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.testimony-info-main{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    width: 90%;
}

.testimony-info-library{
    color: #000;
    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.description-main{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.purple-hover:hover{
    text-decoration: none !important;
    /* border-style: solid !important; */
    border: 1px solid #FFF;
    padding: 11px 16px;
    border-width: px !important;
    background-color: rgba(90, 90, 173, 1.0) !important;
    border-color: rgba(255, 255, 255, 1.0) !important;
    color: rgba(255, 255, 255, 1.0) !important;
}

.custom-subscribe-main.ask-question{
    margin-top: -5px;
}

.card-featured{
    width: 370px; 
    /* height: 696px;  */
    height: auto;
    flex-shrink: 0; 
    border-radius: 20px; 
    background: #FFF; 
    box-shadow: 0px 4px 12px 0px rgba(49, 49, 153, 0.15); 
    padding: 20px; 
    display: flex; 
    flex-direction: column; 
    /* justify-content: space-between; */
    justify-content: flex-start;
    gap: 16px;
}

.btn-blue-featured-episode-main{
    margin-top: 35px;
    display: inline-flex;
    height: 45px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 24px;
    background: #313199;
    cursor: pointer;

    color: #FFF;
    text-align: center;
    font-family: "halyard-text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;

    margin-left: auto;
    margin-right: auto;

    margin-bottom: 40px;
}

.btn-blue-featured-episode-main:hover{
    background-color: rgba(255, 255, 255, 1.0);
    border: 1px solid rgba(49, 49, 153, 1.0);
    color: rgba(49, 49, 153, 1.0);
    text-decoration: none;
    padding: 12px 16px;
    font-weight: 500;
    border-radius: 24px;
    display: inline-block;
}

.last-episode-container-main{
    display: flex; 
    flex-direction: column; 
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 114px;
}

.last-episode-container-library{
    display: flex; 
    flex-direction: row; 
    gap: 27px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 34px;
    flex-wrap: wrap;
    justify-content: center;

}



.last-episode-content-main{
    display: flex;
    padding: 20px;
    background: #FFF;
    border-radius: 20px;
    flex-direction: row;
    gap: 28px;
}

.last-episode-content-library{
    display: flex;
    padding: 20px;
    background: #FFF;
    border-radius: 20px;
    flex-direction: column;
    gap: 28px;
    margin-top: 20px;
    max-width: 368px;
    flex-shrink: 0;
    box-shadow: 0px 4px 12px 0px rgba(49, 49, 153, 0.15);
    justify-content: flex-start;

    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    position: relative;
    overflow: hidden;
}

.last-episode-content-library:hover {
    transform: scale(1.03);
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.15);
}

.last-episode-group-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.last-episode-group-library{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    /* width: 368px; */
    flex-grow: 1;
}

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

.mt-0{
    margin-top: 0px;
}

.last-episode-testimony-info-main{
    display: flex;
    flex-direction: column;
}

.last-episode-testimony-info-library{
    display: flex;
    flex-direction: column;
}

.hr-main{
    width: 1159.002px; 
    height: 1px; background: #313199; 
    border: none; 
    margin: 40px auto;
}

.hr-library{
    width: 1159.002px; 
    height: 1px; background: #313199; 
    border: none; 
    margin: 40px auto;
}

.last-episode-search-field-main{
    display: flex;
    width: 219px;
    padding: 10px 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex-direction: row;
    border-radius: 8px;
    border: 1px solid #313199;
    background-color: #fff;
}

.last-episode-search-field-library{
    display: flex;
    width: 219px;
    padding: 10px 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex-direction: row;
    border-radius: 8px;
    border: 1px solid #313199;
    background-color: #fff;
}

.last-episode-icon-main{
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;

    border-radius: 50%;
    /* margin-bottom: 8px; */
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/search.png");
}

.last-episode-search-field-main .last-episode-search-input-main {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #000;
    background: none;
    padding: 0;
}

.last-episode-search-field-library .last-episode-search-input-library {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #000;
    background: none;
    padding: 0;
}

.last-episode-search-field-main .last-episode-search-input-main::placeholder {
    color: #999;
}

.last-episode-search-field-main:hover {
    border-color: #5151d1;
}

.last-episode-search-field-library .last-episode-search-input-library::placeholder {
    color: #999;
}

.last-episode-search-field-library:hover {
    border-color: #5151d1;
}

.last-episode-title-main{
    color: #000;

    text-align: center;
    /* Heading 2 */
    font-family: "halyard-display";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.5%; 
}

.last-episode-title-library{
    color: #000;

    text-align: center;
    /* Heading 2 */
    font-family: "halyard-display";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.5%; 
    margin-top: 114px;
    margin-bottom: 40px;
}

.last-episode-subtitle-search-main {
    display: flex;
    flex-direction: row;
    margin: 0 20px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -25px;
}

.last-episode-subtitle-search-library {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -25px;
    max-width: 1200px;
    padding-left: 40px;
}

.last-episode-subtitle-main{
    color: #000;
    font-family: "halyard-text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
}

.last-episode-subtitle-library{
    color: #000;
    font-family: "halyard-text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
    display: flex;
    align-items: center;
    gap: 15px;
}

.wistia_responsive_padding{
    padding: 0 !important;
}

.video-container {
    display: flex;
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    margin: 0 auto; 
    margin-top: 42px;
}

.wistia-wrapper {
    width: 897px; 
    height: 509px; 
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden; 
    position: relative; 
}

.wistia_embed {
    width: 100%;
    height: 100%;
    position: relative;
}

.wistia_swatch {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 200ms;
}

.wistia_swatch img {
    filter: blur(5px);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.buttons-group-episode-detail{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    margin-top: 35px;
}

.body-episode-detail{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 52%;
    align-items: center;
}

.body-episode-detail ul {
    list-style: disc; 
    align-self: baseline;
    margin-left: 49px;
    /* width: 88%; */
}

.body-episode-detail ul li {
    padding-bottom: 5px;
}

.body-episode-detail p{
    width: 100%;
}

.body-episode-detail p img{
    width: 100%;
    max-width: 960px;
}

.body-episode-detail h1{
    font-family: "halyard-display";
    font-weight: 500;
    font-size: 40px;
    line-height: 45px;
}

.body-episode-detail h2{
    font-family: "halyard-display";
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
}

.body-episode-detail h3{
    font-family: "halyard-display";
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
}

.body-episode-detail h4{
    font-family: "halyard-text";
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}

.body-episode-detail ol {
    list-style-type: decimal;
    width: 100%;
    line-height: 25px;
}

.with-bar{
    display: flex;
    align-items: flex-start;
    gap: 25px; 
    margin: 0; 
}

.with-bar::before {
    content: ""; 
    display: inline-block;
    width: 6px; 
    height: 69px; 
    background-color: #313199;
    flex-shrink: 0;
}

/* Estilo base para a lista */
.page-numbers {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 10px;
    padding: 0;
    margin: 0;
}

/* Estilo para os números de página */
.page-numbers a {
    color: var(--000000, #000);
    font-family: "halyard-text";
    font-size: 17.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.page-numbers a:hover {
    background-color: #f0f0f0;
    color: #FF6600;
}

/* Estilo para a página atual */
.page-numbers .current {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #F60;
    color: #FFF;
    font-family: "halyard-text";
    font-size: 17.5px;
    text-align: center;
}

/* Estilo para os botões Next e Previous */
.page-numbers .next,
.page-numbers .prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    color: #FF6600;
    font-size: 18px; /* Ajuste do tamanho da seta */
    font-weight: bold;
    text-decoration: none;
    /* border: 1px solid #FF6600; */
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Substituir o texto "Next" e "Previous" por ícones */
.page-numbers .next::after {
    content: '>'; /* Ícone de seta direita */
    font-size: 20px;
    color: #FF6600;
    display: block;
    visibility: visible;
    text-indent: 0;
    margin-right: 7px;
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/keyboard_arrow_right.png");
}

.page-numbers .prev::before {
    content: '>'; /* Ícone de seta direita */
    font-size: 20px;
    color: #FF6600;
    display: block;
    visibility: visible;
    text-indent: 0;
    margin-right: -7px;
    content: url("https://www.lumahealth.io/wp-content/uploads/2024/12/keyboard_arrow_left.png");
}

/* Remover o texto interno dos links */
.page-numbers .next, 
.page-numbers .prev {
    text-indent: -9999px; /* Ocultar texto */
    overflow: hidden;
}

/* Hover Effects para as setas */
.page-numbers .next:hover,
.page-numbers .prev:hover {
    background-color: rgba(255, 102, 0, 0.1);
    color: #FF6600;
}

.sort-by-select {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #313199;

    color: #313199;

    font-family: "halyard-text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    appearance: none;
    background: url('https://www.lumahealth.io/wp-content/uploads/2024/12/keyboard_arrow_down.png') no-repeat right 16px center;
    /* background-size: 16px; */
    padding-right: 40px; 
}

.sorted-text{
    color: #000;

    font-family: "halyard-text";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

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

/* .footer-copy-content{
    width: max-content;
} */

.left-content .terms-content{
    gap: 10px !important;
}

.footer-main-coontent .left-content .bottom-logo{
    width: auto !important;
}

.footer-main-coontent .left-content{
    width: 100%;
}

.footer-copy-content .left-content{
    width: 90% !important;
    align-items: flex-start ;
}

.bottom-logo{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ul-container {
    display: flex;
    flex-direction: column;
    width: 55%;
    gap: 35px;
}

.ul-content {
    display: flex;
    flex-direction: row;
    gap: 46px;
    justify-content: flex-end;
}

.footer-main-coontent .left-content ul.f-menu.first{
    width: auto;
}

.footer-main-coontent .left-content ul.f-menu.second{
    width: auto;
}

.subscribe-container {
    display: flex;
    justify-content: flex-end;
}

.social-menu {
    margin-left: auto;
}

.f-social{
    margin-left: auto;
    display: flex;
}

.f-social li{
    margin-left: 23px;
}

.f-social li a{
    width: 37px;
    height: 37px;
    background-size: 37px 37px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    stroke-dasharray: 112;
    stroke-dashoffset: 112;
}

.f-social li a svg{
    stroke: #313199;
}

.f-social li a svg #outter {
    stroke: #FF6600;
    display: block;
    stroke-dasharray: 112;
    stroke-dashoffset: 0;
}

.f-social li a svg path {
    fill: #FF6600;
}

.f-social li a svg:hover #inner {
    animation: socialCircleLinear 200ms ease reverse forwards;
}

.f-social li a svg:hover path {
    animation: socialPathFill 200ms ease forwards;
}

.p-footer{
    width: 45%;
    color: #000;
    font-family: "halyard-text";
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 145%;
    letter-spacing: -0.1px;
}

.footer-copy-content .left-content ul.f-sub-menu li a{
    color: #F60 !important;
    font-family: "halyard-text";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 30px;
    letter-spacing: -0.1px;
}

.footer-copy-content .left-content .copy{
    color: #F60 !important;
    font-family: "halyard-text";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 30px;
    letter-spacing: -0.1px;
}

.footer-itens-style ul li a{
    color: #000 !important;
    font-family: "halyard-text" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 140% !important;
    cursor: pointer !important;
}

.footer-itens-style ul li a:hover{
    color: #ff6600 !important;
}

.hide-desktop{
    display: none;
}

@media (max-width: 992px) {
    .footer-main-coontent .left-content {
        flex-direction: row;
    }

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

    .footer-copy-content {
        align-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {

    .title-episode-detail{
        width: 100%;
    }

    .hide-mobile{
        display: none;
    }

    .on-air-next-main{
        height: auto;
    }

    .custom-section-library{
        height: 300px;
    }

    .card-content-main{
        flex-direction: column;
    }

    .last-episode-content-main{
        flex-direction: column;
        align-items: center;
    }

    .hr-main{
        width: 90%;
    }

    .background-hero-main{
        width: 100%;
        height: 100%;
        max-height: 200px;
        object-fit: cover;
    }

    .button-group-main{
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .mt-200-mobile{
        margin-top: 200px !important;
    }

    .custom-section-main{
        justify-content: flex-start;
        height: auto;
    }

    .btn-align-self-main{
        width: auto;
    }

    .last-episode-subtitle-search-main{
        padding: 0 15px;
        justify-content: center;
    }

    .featured-episodes-main{
        height: auto !important;
    }

    .pb-40-mobile{
        padding-bottom: 40px;
    }

    .video-container{
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 9;
        position: relative;
    }

    .wistia-wrapper{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .buttons-group-episode-detail{
        flex-wrap: wrap;
    }

    .container-episode-detail{
        margin-top: 30px;
    }

    img.wp-image-11490.aligncenter{
        width: auto;
        height: auto;
    }
    
    .body-episode-detail{
        width: 85%;
    }

    p.with-bar + p{
        padding-left: 0 !important;
    }

    .last-episode-container-library{
        flex-direction: column;
        align-items: center;
    }

    .last-episode-subtitle-search-library{
        flex-direction: column-reverse;
        align-items: center;
        gap: 15px;
        padding-left: 0;
    }

    #iframe-connect-with-us{
        height: revert-layer;
        min-height: 824px;
    }

    #iframe-ask-a-question{
        height: revert-layer;
        min-height: 705px;
    }

    .navbar-logo{
        position: absolute;
        top: -26px;
    }

    .last-episode-content-library img{
        height: auto;
        width: auto;
    }

    .ul-container{
        width: 100%;
    }
    .footer-main-coontent .left-content {
        flex-direction: column;
    }

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

    .ul-content{
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
        padding-top: 45px;
    }

    .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field{
        width: 100%;
        padding-top: 10px;
    }

    #email-b25d01df-8c56-457d-8c46-6943c0ee00dd{
        width: 100% !important;
    }

    form#hsForm_b25d01df-8c56-457d-8c46-6943c0ee00dd {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .f-subscribe{
        width: 100%;
    }

    #email-b25d01df-8c56-457d-8c46-6943c0ee00dd::placeholder {
        color: #F60;
        text-align: center;
        font-family: "halyard-text";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 109.62%;
        opacity: 1; /* Garante que a cor apareça completamente */
    }

    .footer-main-coontent .f-subscribe h6{
        font-size: 17px;
        text-align: center;
    }

    .footer-main-coontent .f-subscribe{
        margin: 25px 0px 0px 0px;
    }

    .social-menu{
        align-self: center;
        margin-left: inherit;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .footer-copy-content .left-content .copy{
        align-items: center;
    }

    .footer-copy-content .left-content{
        align-items: center !important;
    }

    .footer-copy-content{
        align-content: center !important;
    }

    .left-content .terms-content{
        gap: 0px !important;
    }
}

@media (max-width: 400px) {
    #iframe-connect-with-us {
        height: revert-layer;
        min-height: 1000px;
    }

    #iframe-ask-a-question{
        height: revert-layer;
        min-height: 865px;
    }
}