/* BANNER SECTION STARTS */
#resources-pageId #background-banner .cmp-text {
    padding: 0;
}

#resources-pageId #banner-container .title {
    margin: 0;
}

#resources-pageId #banner-container .eyebrown {
    margin-bottom: 12px;
}

#resources-pageId #banner-container h1.cmp-title__text .yellow-font {
    color: #F3BE00;
}

/* BANNER SECTION ENDS */
#resources-pageId #resources-tabs-bg {
    background-image: linear-gradient(#E9EFF0, #E9EFF0);
    background-repeat: no-repeat;
    background-position-y: unset;
}

#resources-pageId #resources-body-container {
    max-width: 1154px;
    margin: 0 auto;
    padding: 0 15px;
}

#resources-pageId .cmp-text:has(.section-intro) {
    padding: 0;
}

#resources-pageId .section-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0 50px;
}

#resources-pageId .section-intro.congresses {
    gap: 35px;
}

#resources-pageId .section-intro.publications {
    gap: 25px;
}

#resources-pageId .section-intro h2 {
    font-family: "bebas-neue-pro", sans-serif;
    font-weight: 700;
    font-size: 49px;
    line-height: 49.49px;
    letter-spacing: -1px;
    text-align: center;
    color: #000000;
}

#resources-pageId .section-intro p {
    font-family: "Inter", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #000;
    max-width: 925px;
}

#resources-pageId #findUs-cong-txtComp .section-intro p {
    display: none;
}

#resources-pageId .cmp-tabs__tablist {
    display: none;
}

#resources-pageId #baxTab-confComp-two {
    display: none;
}

#resources-pageId .cmp-tabs__tablist {
    justify-content: center;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px -13px 47.8px -12px #00000017;
}

#resources-pageId .cmp-tabs__tab {
    background-color: #fff;
    padding: 28px;
    font-family: "Inter", serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #111D29;
    min-width: 278px;
    border: 1px solid #E9EDEF;
    transition: cubic-bezier(0.4, 0, 0.2, 1) all .2s;
}

#resources-pageId .cmp-tabs__tab:hover {
    background-color: #0F2D42;
    color: #fff;
    ;
}

#resources-pageId .cmp-tabs__tab.cmp-tabs__tab--active {
    background-color: #0F2D42;
    color: #fff;
}

#resources-pageId .cmp-tabs__tab:first-child {
    border-top-left-radius: 10px;
}

#resources-pageId .cmp-tabs__tab:last-child {
    border-top-right-radius: 10px;
}


#resources-pageId .cmp-text:has(.tab-card-flex) {
    padding: 0;
}

#resources-pageId .tab-card-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 23px 26px;
    max-width: 1046px;
    margin: 0 auto;
    padding: 105px 0;
}

#resources-pageId .tab-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 33px 30px 40px;
    flex: 0 0 50%;
    max-width: 510px;
    box-shadow: 0 24px 48px -12px #00000017;
}

#resources-pageId .tab-card img {
    width: 36px;
    height: 40px;
    margin-bottom: 25px;
}

#resources-pageId .tab-card h2 {
    font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #291f1e;
    font-size: 44px;
    line-height: 106%;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
    text-align: left;
}

#resources-pageId .tab-card p {
    font-family: "Inter", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #291F1E;
    margin-bottom: 14px;
}

#resources-pageId .tab-card p.bold {
    font-weight: 700;
}

#resources-pageId .tab-card a {
    display: none;
    font-family: "Inter", serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #291F1E;
    position: relative;
}

#resources-pageId .tab-card a::after {
    content: "";
    background-image: url(/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/yellow-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -26px;
    top: 4px;
}


#resources-pageId .publication-card-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 21px 31px;
    padding-bottom: 110px;
}

#resources-pageId .publication-card {
    flex: 0 0 33.33%;
    max-width: 351px;
    background: linear-gradient(90deg, #202F39 0%, #3C4F5D 100%) no-repeat;
    border: 2px solid #91A7AE;
    border-radius: 10px;
    padding: 34px 21px;
}

#resources-pageId .publication-card.publication-cardDnone {
    display: none;
}

#resources-pageId .publication-card img {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
}

#resources-pageId .publication-card h3 {
    font-family: "Inter", serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 123%;
    color: #fff;
    margin-bottom: 20px;
}

#resources-pageId .publication-card p,
#resources-pageId .publication-card a {
    font-family: "Inter", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 34px;
}

#resources-pageId .publication-card a {
    font-weight: 600;
    margin-bottom: unset;
    position: relative;
}

#resources-pageId .publication-card a::after {
    content: "";
    background-image: url("/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/yellow-arrow-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -26px;
    top: 4px;
}

@media only screen and (max-width:991px) {

    /* BANNER SECTION STARTS */
    #resources-pageId #background-banner {
        background-image: url("/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/inner-pg-banner-image-bg-mb.png");
        padding: 0;
        height: 145px;
        background-position: right 0;
        position: relative;
        top: 0;
    }

    #resources-pageId #banner-container h1.cmp-title__text {
        width: 76%;
        font-size: 27px;
        line-height: 27px;
        letter-spacing: 0;
    }

    #bax-clockBg-mainCont #clock-background #clock-background-wrapper>div {
        padding: 56px 27px 69px !important;
    }

    #resources-pageId #banner-container .eyebrown {
        margin: 0 auto 7px;
    }

    #resources-pageId #banner-container {
        padding: 41px 15px;
    }

    /* BANNER SECTION ENDS */
    #resources-pageId #findUs-cong-txtComp .section-intro {
        padding: 44px 0;
        gap: 10px;
    }

    #resources-pageId .section-intro.publications {
        gap: 10px;
        padding: 65px 10px 50px;
    }

    #resources-pageId .section-intro {
        gap: 8px;
    }

    #resources-pageId .section-intro h2 {
        font-size: 30px;
        line-height: 104%;
        letter-spacing: 0;
    }

    #resources-pageId .section-intro p {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0;
    }

    #resources-pageId #resources-tabs-bg {
        background-position-y: unset;
    }

    #resources-pageId .cmp-tabs__tablist {
        justify-self: center;
    }

    #resources-pageId .cmp-tabs__tab {
        font-size: 11px;
        line-height: 140%;
        letter-spacing: -1;
        min-width: unset;
    }

    #resources-pageId .cmp-tabs__tab:nth-of-type(1) {
        padding: 16px 7px;
    }

    #resources-pageId .cmp-tabs__tab:nth-of-type(2) {
        padding: 16px 18px;
    }

    #resources-pageId .cmp-tabs__tab:nth-of-type(3) {
        padding: 16px 7px;
    }

    #resources-pageId .cmp-tabs__tab:nth-of-type(4) {
        padding: 16px 12px;
    }

    #resources-pageId .cmp-tabs__tab:first-child {
        border-top-left-radius: 6px;
    }

    #resources-pageId .cmp-tabs__tab:last-child {
        border-top-right-radius: 6px;
    }

    #resources-pageId .tab-card-flex {
        gap: 15px;
        flex-wrap: unset;
        flex-direction: column;
        padding: 40px 0 78px;
        justify-content: center;
    }

    #resources-pageId .tab-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 26px 20px;
        width: 100%;
        align-self: center;
    }

    #resources-pageId .tab-card h2,
    #resources-pageId .tab-card p,
    #resources-pageId .tab-card a {
        text-align: center;
    }

    #resources-pageId .tab-card h2 {
        font-size: 38px;
    }

    #resources-pageId .tab-card p {
        font-size: 16px;
        line-height: 140%;
        max-width: 246px;
    }

    #resources-pageId .tab-card p.bold {
        font-size: 20px;
        line-height: 150%;
        max-width: unset;
    }

    #resources-pageId .tab-card a {
        font-size: 16px;
    }

    #resources-pageId .publication-card-flex {
        flex-wrap: unset;
        flex-direction: column;
        gap: 8px;
    }

    #resources-pageId .publication-card {
        flex: unset;
        max-width: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #resources-pageId .publication-card h3,
    #resources-pageId .publication-card p,
    #resources-pageId .publication-card a {
        text-align: center;
    }
}

@media only screen and (min-width: 992px) {

    #resources-pageId .publication-card.publication-cardOne {
        flex: 1;
        max-width: 510px;
        margin: auto;
    }

    /* BANNER SECTION STARTS */

    #resources-pageId #background-banner {
        background-image: url("/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/inner-pg-banner-image-bg-dt.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        min-height: 345px;
        position: relative;
        top: -57px;
    }

    #resources-pageId #banner-container {
        padding: 140px 15px;
        max-width: 1150px;
        margin: 0 auto;
    }

    #resources-pageId #banner-container h1.cmp-title__text {
        width: 68%;
    }

    #resources-pageId #findUs-cong-txtComp {
        margin-top: -57px;
    }

    #resources-pageId #findUs-cong-txtComp .section-intro {
        padding: 96px 0;
    }

    /* BANNER SECTION ENDS */
}