:root {
    --download-text14-13: clamp(0.8125rem, 0.7973rem + 0.0647vw, 0.875rem);
    
}
#patient-resources span.normal-bold {
    font-weight: 700;
}
#patient-resource #video-container .cmp-video__player {
    margin: 25px 0px 39px 0px;
}
#patient-resources span.space-no-wrap {
    white-space: nowrap;
}
#patient-resources div#second-res-vid-head .res-video-head {
    max-width: 90%;
}
#patient-resources b {
font-family: "Open Sans", sans-serif;
font-weight:700;
}
#patient-resources div#pls-scroll-text p.body-para {
    margin-top: 30px;
    margin-bottom: 10px;
}
#patient-resources .frag-body-para a {
    /*text-decoration: none;*/
}
#patient-resources .lang-card-download p a {
    color: var(--gray-color);
}
#patient-resources .resources-container {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    justify-content: center;
}
#patient-resources .language-card {
    max-width: 246px;
    border: 1px solid #6BD2DF;
    border-radius: 8px;
    line-height: 0;
}
#patient-resources .res-card-image img {
    border-radius: 8px 8px 0 0;
}
#patient-resources .lang-card-img img {
    border-radius: 8px 8px 0 0;
}
#patient-resources .res-lang-main .spec-lang-main {
    display: flex;
    gap: 25px;
}
#patient-resources .lang-card-download {
    background: #6BD2DF;
    border-radius: 0 0 8px 8px;
    height: 58px;
    display: flex;
    justify-content: center;
}
#patient-resources .lang-card-download p {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: var(--download-text14-13);
    line-height: 1.2;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    
}
#patient-resources .res-lang-main .lang-name {
    text-align: center;
    font-size: var(--heading-30-20);
    /*font-family: 'Opensans-Bold';*/
    font-family: "Open Sans", sans-serif;
    /*line-height: normal;*/
    color: var(--navy-color);
    font-weight: 700;
    padding: 10px 0 45px 0;
}
#patient-resources #resource-cards-contain .azcl-column-par1, #patient-resources #resource-cards-contain .azcl-column-par2, #patient-resources #resource-cards-contain .azcl-column-par3, #patient-resources #resource-cards-contain .azcl-column-par4 {
    max-width:404px;
    margin: auto;
}
#patient-resources .lang-card-img {
        border-radius: 8px 8px 0 0;
}
#patient-resources .cmp-text{
    padding: 0;
}
#patient-resources {
    max-width: 1920px;
    margin: auto;
}
#patient-resources .banner-heading{
    padding-right:20px;
}
#patient-resources span.text-nowrap {
    white-space: nowrap;
}
#patient-resources .resource-head-sec {
    margin: 60px 0 40px;
}
#patient-resources .res-card-image {
    background: #ffffff;
    text-align: center;
    line-height: 0;
    border-radius: 8px 8px 0 0;
}
#patient-resources .res-card-text-wrap {
    background: #6BD2DF;
    padding: 36px;
    padding-top: 15px;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
#patient-resources .card-text-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex: 1;
}
#patient-resources .card-text-cta {
    text-align: center;
    width: auto;
    padding: 5px;
}
#patient-resources .card-text-inner p {
    font-size: 16px;
    line-height: 1.3;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
    padding-right: 5px;
    font-weight: 700;
}

#patient-resources .card-text-cta p {
    font-size: var(--download-text14-13);
    line-height: 1.2;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
}
#patient-resources .card-text-cta p a {
    color: var(--gray-color);
}
#patient-resources .res-card-image img {
    border-radius: 8px 8px 0 0;
}
#patient-resources .res-cards-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border: 1px solid #6BD2DF;
    border-radius: 8px;
}
#patient-resources p.res-video-head {
    font-size: var(--subheading-27-18);
    line-height: 1.2;
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: var(--navy-color);
    max-width: 94%;
}
#patient-resources #video-container.azcl-columns__base {
    /*gap: 69px;*/
    /*grid-template-columns: 37.5% 37.5%;*/
    gap: 15px;
    grid-template-columns: 32.33% 32.33% 32.33%;
}
#patient-resources .resrce-self-admn-cta-sec {
    margin: 0 0 35px 0;
    display: flex;
    width: 100%;
    justify-content: center;
}
#patient-resources .resrce-self-admn-cta-sec a {
    background: var(--orange-color);
    color: var(--navy-color);
    padding: 17px 36px;
    font-size: var(--button-20-17);
    line-height: 1.58;
    font-weight: 700;
    border-radius: 8px;
    width:100%;
    /*max-width: 696px;*/
        max-width: 727px;
    display: flex;
    justify-content: center;
    text-align: center;
font-family: "Open Sans", sans-serif;
    letter-spacing: 1.2px;
}
#patient-resources #resource-cards-contain {
    /*gap: 0.751%;*/
    /*grid-template-columns: repeat(var(--col-count), 18.9%);*/
    gap: 1%;
    grid-template-columns: 24% 24% 24% 24%;
}
#patient-resources p.res-video-head span {
    margin-right: 36px;
}
#patient-resources .res-card-image img {
    /*height: 121px;*/
    height: auto;
    width: 100%;
}
#patient-resources .resource-head-sec.helpful-videos {
    /*margin-bottom: 20px;*/
}
#patient-resources .resrce-self-admn-cta-sec a:hover{
    text-decoration:none;
}
/*new css added start*/
#patient-resources #tezspire-wrapper-1 {
    padding: 5px 0px 17px 0px;
}
/*#patient-resources #tezspire-wrapper-1 p:nth-child(1) {
    margin-bottom: 23px;
} */

#patient-resources #tezspire-wrapper-1 .filter-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 50px;
    gap: 25px;
}
#patient-resources #tezspire-wrapper-1 .filter-container .find-out-more-cta-resource {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    /*font-weight: 300;*/
    font-size: var(--button-21-20);
    padding: 5.57px 10px;
    letter-spacing: 0.84px;
    text-decoration: none;
    border:1px solid transparent;
    background: var(--orange-color);
    border-radius: 8px;
    color: var(--navy-color);
    text-align: center;
font-family: "Open Sans", sans-serif;
}
#patient-resources #tezspire-wrapper-1 .filter-container .find-out-more-cta-resource:hover{
    background: #fff;
    border: 1px solid var(--orange-color);
}

/*#patient-resources #tezspire-wrapper-1 .filter-container a:nth-child(1) {
    max-width: 345px;
}
#patient-resources #tezspire-wrapper-1 .filter-container a:nth-child(2) {
    max-width: 384px;
}
#patient-resources #tezspire-wrapper-1 .filter-container a:nth-child(3) {
    max-width: 383px;
}
#patient-resources #tezspire-wrapper-1 .filter-container a:nth-child(4) {
    max-width: 418px;
}
*/
/*#patient-resources .res-card-text-wrap.card1-wrap {*/
/*    padding-top: 5px;*/
/*        padding-bottom: 13px;*/
/*}*/
#patient-resources p.heading-body.main-dwnld {
    padding-top: 40px;
}
/*new css added end*/


@media screen and (max-width:1600px){
    #patient-resources #resource-cards-contain {
       /*grid-template-columns: repeat(var(--col-count), 25.1%);*/
    }
}
@media screen and (max-width:1400px){
    #patient-resources #resource-cards-contain {
        grid-template-columns: repeat(var(--col-count), 22.1%);
        gap: 3.5%;
    }
}
@media screen and (min-width:1366px){
     #patient-resources #tezspire-wrapper-1 .filter-container a:hover {
        background: #fff;
        border: 1px solid var(--orange-color);
    }
    
}
@media screen and (max-width:1279px){
    #patient-resources #resource-cards-contain {
        grid-template-columns: repeat(var(--col-count), 32%);
        gap: 17px;
    }
    #patient-resources .res-card-text-wrap.card1-wrap {
        padding-top: 17px;
    }
}

@media screen and (max-width:991px){
    #patient-resources .resources-container {
    justify-content: center;
}
    #patient-resources #resource-cards-contain {
        /*grid-template-columns: 100%;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width:820px){
     #patient-resources p.res-video-head span {
        margin-right: 60px;
    }   
    #patient-resources .resrce-self-admn-cta-sec a{
        width: auto;
    }
}

@media screen and (max-width:767px){
    #patient-resources .resources-container {
    justify-content: center;
}
    #patient-resources #resource-cards-contain .azcl-column-par1, #patient-resources #resource-cards-contain .azcl-column-par2, #patient-resources #resource-cards-contain .azcl-column-par3, #patient-resources #resource-cards-contain .azcl-column-par4 {
    max-width: 100%;
}
    #patient-resources #tezspire-wrapper-1 .filter-container {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
        gap: 0;
    }
    #patient-resources p.heading-body.main-dwnld{
        padding-top: 30px;
    }
    #patient-resources #tezspire-wrapper-1 .filter-container .find-out-more-cta-resource{
        margin-bottom: 15px;
    }
    
    #patient-resources #inner-banner-design.azcl-columns__base .azcl-column-par2 .cmp-container__backgroundImage--enabled {
        background-position: top right;
        min-height: 87vw;
    }
    #patient-resources .resource-head-sec {
        margin: 10px 0px 25px;
        margin-bottom: 15px !important;
    }
    #patient-resources #resource-cards-contain {
        /*grid-template-columns: 100%;*/
        /*margin: 0 auto;*/
        /*width: 74.5%;*/
        grid-template-columns: 100%;
        margin: 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #patient-resources #video-container.azcl-columns__base {
        gap: 0px;
        grid-template-columns: 100%;
    }
    #patient-resources .resrce-self-admn-cta-sec a{
        padding: 26px 20px;
        width:100%;
    }
    #patient-resources .resrce-self-admn-cta-sec{
        margin-top:0;
    }
    #patient-resources .card-text-inner p{
        padding-right: 20px;
    }
     #patient-resources #video-container .cmp-video__player{
        padding-top: 30px;
     }
     #patient-resources .res-card-text-wrap{
        padding: 9px 17px 12px;
     }
     #patient-resources .card-text-cta img {
        width: 43px;
    }
    #patient-resources #tezspire-wrapper-1 .filter-container .find-out-more-cta-resource {
    padding: 2.5px 36px;
    width: 100% !important;
    font-weight: 700;
    line-height: 1.5;
    }
}
#patient-resources #tezspire-wrapper-1 .filter-container .find-out-more-cta-resource p span{
    display: inline-block;
}
@media screen and (max-width: 1800px) and (min-width: 991px) {
    #patient-resources .res-card-text-wrap.card1-wrap{
        /*padding-top: 15px;*/
        /*padding-bottom: 36px;*/
    }
    #patient-resources .res-card-text-wrap{
        min-height: 219px;
    }
}


@media screen and (max-width: 1800px) and (min-width: 1601px){
    #patient-resources #resource-cards-contain{
        /*grid-template-columns: repeat(var(--col-count), 23.1%);*/
    }
}
@media (min-width: 1920px){
    #patient-resources .azcl-column-par2 .card-text-inner p {
        padding-right: 46px;
    }
    #patient-resources .azcl-column-par3 .card-text-inner p {
    padding-right: 53px;
}
#patient-resources .res-card-text-wrap {
    min-height: 100px;
}
#patient-resources .resources-container {

    justify-content: unset;
}
    
}
@media screen and (max-width: 1098px) and (min-width: 908px){
div#video-cards {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 372px;
}
}

/*SUDHANVA 08-08-2024 CFF CSS*/
@media screen and (max-width: 1920px) {
        #patient-resources .res-card-text-wrap{
        min-height: 100px;
        padding: 15px 32px;
    }
}
@media screen and (max-width: 1800px) {
        #patient-resources .res-card-text-wrap{
        min-height: 115px;
        /*padding: 32px;*/
    }
}
@media screen and (max-width: 1680px) {
        #patient-resources .res-card-text-wrap{
        min-height: 115px;
        padding: 15px 32px;
        /*padding-top: 15px;*/
    }
}

@media screen and (max-width: 1440px) {
        #patient-resources .res-card-text-wrap{
        min-height: 135px;
        padding: 15px 25px;
        /*padding-top: 15px;*/
    }
}

@media screen and (max-width: 1366px) {
        #patient-resources .res-card-text-wrap{
        min-height: 134px;
        padding: 15px 20px;
        /*padding-top: 15px;*/
    }
}
@media screen and (max-width: 1296px) {
        #patient-resources .res-card-text-wrap{
        min-height: 154px;
        padding: 15px 20px;
        /*padding-top: 15px;*/
    }
}

@media screen and (max-width: 1280px) {
    #patient-resources #resource-cards-contain {
        grid-template-columns: 46% 46%;
        gap: 3.5%;
        /* padding-bottom: 40px; */
        justify-content: center;
        align-content: center;
    }
    #patient-resources .res-card-text-wrap{
        min-height: 100px;
        padding: 15px 36px;
        /*padding-top: 15px;*/
    }
}
@media screen and (max-width: 991px) {
        #patient-resources .res-cards-wrapper {
        margin-bottom: 35px;
    }
}