/*TAB-1*/
#main_wrapper{
    background: #00927C17;
}

/*section-1 lokelma-card*/
#ad_patients_nod .lokelma-card{
    /*margin-top:75px;*/
    /*margin-bottom:60px;*/
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    margin:75px auto 60px;
    max-width: 73%;
}

/*Images*/
/*#ad_patients_nod .lokelma-image {*/
  /*flex: 0 0 215px;   */
  /*max-width: 215px;*/
/*  height: 243px;*/
/*  opacity: 1;*/
/*}*/

#ad_patients_nod  .crd-img{
    max-width:215px;
}


#ad_patients_nod .lokelma-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

/*Right Content Section*/
/*#ad_patients_nod .lokelma-content{*/
/*    display:flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    gap:13px;*/
/*    flex-wrap:wrap;*/
/*    max-width:561px;*/
/*}*/
#ad_patients_nod .lokelma-content .p-large-bold{
    color: #00927C;
    margin-bottom: 10px;
}

#ad_patients_nod .lokelma-content .main-text{
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
}


/*section-2*/
#ad_patients_nod .dose-wrapper{
    display:flex;
    gap:16px;
    align-items: stretch;
    margin-bottom:70px;
}

/*Right & Left boxes*/
.dose-wrapper .dose-card{
    flex:1;
    background: linear-gradient(180deg, rgba(0, 146, 124, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    text-align: center;
}

/*First-p*/
.dose-card .p-large-bold{
    background: #003B45;
    color:#FFFFFF;
    padding:15px 0px;
    font-size: 24px;
}

/*Second-p*/
.dose-card .dose-body{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color:#00927C;
    margin:20px 0px;
    text-align:center;
}

/*span*/
#ad_patients_nod .dose-body .highlight {
  display: inline-flex;       
  align-items: center;        
  vertical-align: middle;  
  font-size:47.95px;
}

/*Images*/
#ad_patients_nod .dose-wrapper img{
    /*max-width: 512px;*/
    max-height:206.0984649658203px;
    object-fit: contain;
    display:block;
    margin:0 auto;
}

/*Third-p*/
.dose-card .p-medium-bold{
    display:block;
    max-width: 435px;
    text-align:center;
    margin:0 auto;
    margin-top:10px;
    font-size: 18.65px;
}

/* First item = 60% */
/*.dose-wrapper .dose-card:first-child {*/
/*  flex: 0 0 60%;*/
/*}*/

/* Second item = 40% */
.dose-wrapper .dose-card:last-child {
  flex: 0 0 39%;
}

.dose-wrapper .dose-card:last-child .p-large-bold {
    background: #00927C;
}

.dose-wrapper .dose-card:last-child .p-medium-bold{
    max-width: 326px;
}

/*.dose-wrapper .dose-card:last-child .dose-body{*/
/*    max-width:129px;*/
/*}*/
/*Arrow-icons*/
 #ad_patients_nod .bottom-info{
    width:75%;
    margin:0 auto;
    margin-bottom:120px;
}

 #ad_patients_nod .bottom-info ul.commonList-cls li{
     margin-bottom:10px;
     line-height: 20px;
 }
 
/*Section-3*/
#for_patients_across{
    /*max-width:1440px !important;*/
    background:#00927C21;
    padding: 1px 0px;
    
}

#for_patients_across .for-paas{
    text-align:center;
    margin:20px 0;
    
}

/*first-p*/
#for_patients_across .for-paas .p-large-bold{
    color:#003B45;
    margin-bottom: 10px;
}

/*headline*/
#for_patients_across .for-paas .for-pass-headline{
    font-size: 40px;
    line-height: 36.76px;
}

/*Stir & Drink*/
#for_patients_across .lokelma-stir-drink{
    display:flex;
    align-items: center;
    justify-content:center;
    margin-bottom: 40px;
}

/*flex-items-widths*/
.lokelma-stir-drink .lokelma-text{
    max-width: 390px; 
}


#for_patients_across .lokelma-stir-drink .stir-drink-image img{
    max-height: 254px;
}
#for_patients_across .lokelma-stir-drink .stir-drink-image{
    position: relative;
    right: 39px;
}
/*heading*/
.lokelma-stir-drink .lokelma-heading{
    margin-bottom:10px;
    font-size: 30px;
    line-height: 35px;
}

/*para*/
.lokelma-stir-drink .p-regular{
    font-size: 18px;
    margin-bottom: 10px;
    width: 100%;
    line-height: 100%;
}



/*Section-3 steps*/


#to-administer{
    background: #00927C2B;
    text-align: center;
    padding-top: 60px;
    padding-bottom:170px;
}

/*title*/
#to-administer .steps-title{
    font-size: 40px;
    line-height: 36.76px;
    color:#003B45;
    margin-bottom:10px;
}

/*flex*/
#to-administer .steps-wrapper{
    display:flex;
    justify-content: space-between;
    /*gap:60px;*/
    /*flex-wrap: wrap;*/
}

/*step-card*/
#to-administer .steps-wrapper .step-card{
  width: 100%;
  max-width: 342px;
  text-align: center;
}

/*step-img*/
.steps-wrapper .step-card .step-img{
    max-width: 210px;
    height: auto;
    margin: 25px 0px;
}

/*step-text*/
.steps-wrapper .step-card .p-large-regular{
    max-width: 327px;
    font-size: 25px;
    line-height: 30px;
}



#dont-forget {
    background: #00927C36;
    padding-top: 100px;   /* create space for upward movement */
    padding-bottom: 35px;
}

/* Wrapper */
#dont-forget .reminder-section {
    width: 916px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

/* Green Box */
#dont-forget .reminder-section .green-box {
    background: #00927C;
    color: #FFFFFF;
    padding: 98px 141px;
    clip-path: polygon(11% 0, 100% 0, 89% 100%, 0% 100%);
    position: relative;
    top: -205px;   /* move upward without breaking parent background */
    z-index: 2;
}

#dont-forget .reminder-section .green-box ul.commonList-cls li {
    color:#FFFFFF;
    line-height: 120%;
    font-size: 20px;
}


#dont-forget .reminder-section .green-box ul.commonList-cls li::before{
    content:" ";
    background-image: url("/content/dam/intelligentcontent/brands/lokelma-hcp/us/en/images/icons/list-bullet-icon-white.svg");
    background-repeat: no-repeat;
    position: absolute;
    inset-inline-start: 0;
    width: 12px;
    height: 14px;
    top: 4px;
}


/* Yellow Box */
#dont-forget .yellow-box {
    width: 232px;
    height: 26px;
    background-color: #FBAE17;
    clip-path:polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
    margin-top: -215px;   /* adjust overlap with green */
    margin-bottom: 50px;
    margin-left: 120px;
    position: relative;
    z-index: 3;   /* above green */
}

/* Title */
.reminder-section .green-box .title {
    font-size: 40px;
    margin-bottom: 15px;
}

.reminder-section .green-box .bullet-list{
    list-style:none;
}

#dont-forget .non-dp{
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
    font-family: "Roboto Condensed";
    
}

/*dos-Guide-mainContBg*/

#dos-Guide-mainContBg{
    background:#00927C36;
    padding-bottom: 35px;
}

/*flex*/
#dos-Guide-mainContBg #dos-Guide-txtVid-flx{
    display:flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
}
#dos-Guide-mainContBg #dos-Guide-txtVid-flx .commonList-cls li{
    font-size:18px;
}
#dos-Guide-mainContBg #dos-Guide-txtVid-flx .video{
    flex:1;
    border: 4px solid #FFFFFF80;
    
}
#dos-Guide-mainContBg #dos-Guide-txtVid-flx .text{
    flex: 0.68;
}
#dos-Guide-txtVid-flx .dos-right-txtCont .dosing-wrapper{
    margin-bottom:10px;
    width:73%;
}

#dos-Guide-txtVid-flx .dos-right-txtCont .dos-Wrap-txt{
    font-family:"Roboto Condensed", sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:100%;
    width:73%;
    margin-bottom:20px;
}

/* DOSING PDF HIDDEN FOR NOW */
#dosingPg-ID .dos-right-txtCont .dosPdf-dNone-pdgInpt {
    display: none !important;
}
/* DOSING PDF HIDDEN FOR NOW */



/*-MediaQuries for TAB-1 START----------------------------------------------*/

@media only screen and (max-width: 991px){
    
    #ad_patients_nod .lokelma-card{
        margin-top:40px;
        display: flex;
        flex-direction:column;
        margin-bottom: 40px;
    }
    
    #ad_patients_nod .img{
        max-width:254px;
    }
    
    #ad_patients_nod .lokelma-content{
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: center;   */
        text-align: center; 
    }
    
    /*#ad_patients_nod .lokelma-content .p-large-bold {*/
    /*    width: 100%;*/
    /*    max-width: 258px;*/
    /*}*/
    
    #ad_patients_nod .lokelma-content .main-text{
        width: 100%;
        /*max-width: 358px;*/
    }
    
    
    #ad_patients_nod .dose-wrapper{
        margin-bottom: 40px;
        display: flex;
        flex-direction:column;
        gap:32px;
    }
    .dose-wrapper .dose-card .p-large-bold{
        font-size:20px;
        line-height: 100%;
    }
    
    #ad_patients_nod .dose-wrapper img{
        max-height:128px;
    }
    
    #ad_patients_nod .dose-card .dose-body {
        margin:15px 0px;
        font-size:17.38px;
    }
    #ad_patients_nod .dose-body .highlight{
        font-size:34px;
    }
    
    .dose-card .p-medium-bold{
        margin-top:13px;
        font-size:16px;
    }
    
    
    #ad_patients_nod .bottom-info{
        width: 95%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    
    #for_patients_across{
        background: #DEF1EE;
    }
    
    #for_patients_across .for-paas .p-large-bold{
        font-size:24px;
    }
    #for_patients_across .for-paas .for-pass-headline{
        font-size:30px;
        line-height:110%;
    }
    #for_patients_across .for-paas{
        margin:25px 0;
    }
    
    
    
    
    
    
    #for_patients_across .lokelma-stir-drink{
        display:flex;
        flex-direction: column-reverse;
        align-items:center;
        justify-content:center;
    }
    
    #for_patients_across .lokelma-stir-drink .stir-drink-image img{
        max-height:300px;
    }
    .lokelma-stir-drink .lokelma-heading {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
    .lokelma-stir-drink .p-regular{
        font-size:16px;
        line-height: 23px;
        text-align: center;
    }
    
    
    
    
    
    
    #to-administer{
        background:#00927C2B;
    }
    #to-administer .steps-wrapper{
        display: flex;
        align-items: center;
        flex-direction:column;
    }
    #to-administer .steps-title{
        text-align: center;
        max-width: 210px;
        margin: 0 auto;
    }
    .steps-wrapper .step-card .p-large-regular {
        max-width: 322px;
        font-size: 25px;
        line-height: 30px;
    }
    #dont-forget .non-dp{
        font-size: 20px;
        line-height: 120%;
        text-align: center;
        max-width: 83%;
    }
    #dos-Guide-mainContBg #dos-Guide-txtVid-flx {
        display:flex;
        flex-direction:column;
    }
    
    #dos-Guide-txtVid-flx .dos-right-txtCont .dosing-wrapper ul li{
        font-size:18px;
        line-height:100%;
    }
     #dos-Guide-mainContBg .dos-right-txtCont .lokThm-greenBtn{
        display:flex;
        justify-content:space-between;
        max-width:339px;
    }
    #dos-Guide-mainContBg #dos-Guide-txtVid-flx .video{
        border:none;
    }
    
    #dont-forget .reminder-section .green-box{
        padding: 36px 32px;
        clip-path: none;
        top: -223px;
        /*margin:0px -20px;*/
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
    
    .reminder-section .green-box .title{
        line-height: 120%;
    }
    
    #dont-forget .reminder-section .yellow-box{
        width: 140px;
        height: 25px;
        margin-top: -235px;
        margin-bottom: 22px;
        margin-left: 27px;
    }
    #dosingPg-ID #dos-Guide-txtVid-flx .dos-right-txtCont {
        max-width: 342px;
        margin: auto;
    }
}
/*Media-Quiresfor tab-1 END*/




/*TAB-2*/
/*DEKSTOP FOR TAB-2 STARTS*/

#for-patients-ChronicCont{
    margin-top:25px;
    margin-bottom:50px;
}


#for-patients-ChronicCont .top-ChronicCnt .p-large-bold{
    font-size:35px;
    line-height:40px;
    color:#00927C;
    margin-bottom:10px;
    font-family:"bebas-neue-pro", sans-serif;
}

#for-patients-ChronicCont .top-ChronicCnt .main-hd{
    line-height:60px;
}

#for-patients-ChronicCont .top-ChronicCnt{
    text-align: center;
    margin-bottom:60px;
}

#for-patients-ChronicCont .main-Chronic-flx{
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

#for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont{
    display: flex;
    align-items: center;
    gap: 43px;
}

#for-patients-ChronicCont .main-Chronic-flx .product-img{
    width:100%;
    max-width:158px;
}
#for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont .dose-text h1{
    font-size: 70px;
    color: #003B45;
}
#for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont .dose-text h2{
    font-size: 45px;
    line-height: 38px;
    color: #003B45;
}

#for-patients-ChronicCont .main-Chronic-flx .right-section-flxCont .commonList-cls li{
    margin-bottom:10px;
}

#for-patients-ChronicCont .main-Chronic-flx .right-section-flxCont .commonList-cls .sub-list li:first-child{
  margin-top: 10px;
  margin-bottom: 0;
  width: 82%;
}
#for-patients-ChronicCont .main-Chronic-flx .right-section-flxCont ul.commonList-cls .sub-list li::before {
    content: "\2013";
    background-repeat: unset;
    position: absolute;
    inset-inline-start: 0;
    width: unset;
    height: unset;
    top: 0;
    background-color: unset;
    background-image: none;
    border-radius: unset;
}


/*TEB-2 DESKTOP STYLES END*/

/*FOR MOBILE ONLY*/

@media only screen and (max-width: 991px){
    #for-patients-ChronicCont .main-Chronic-flx{
        display:flex;
        flex-direction:column;
    }
        
    #for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont{
        display:flex;
        gap: 25px;
        flex-direction: row;
    }
    
    #for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont .dose-text h1{
        font-size:56px;
    }
    #for-patients-ChronicCont .main-Chronic-flx .left-section-flxCont .dose-text h2{
        font-size:36px;
    }
    #for-patients-ChronicCont .main-Chronic-flx .right-section-flxCont .commonList-cls .sub-list li:first-child{
        width: 92%;
}

}