/*CASESTUDY*/

/*FONTS*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');*/

/*BASE SET*/
body {
    margin: 0;
    padding: 0;
    font-family:"Inter";
    font-size: 16px;
}

html {
  scroll-behavior: smooth;
}

/*MAX-WIDTH*/
#casestudy .caSeStudy-content-section{
    width:92%;
    max-width:1024px;
    margin:0 auto;
}

/*PARA*/
#casestudy .p-regular{
    font-family:"lexia";
    font-size:16px;
    color:#343A40;
    line-height:22px;
}

#casestudy .p-large{
    font-size: 20px;
    color:#830051;
    font-weight:700;
    line-height: 22px;
    font-family: 'Roboto';
    margin: 0;
}

/*HEADINGS*/
#casestudy h1{
    font-size:48.83px;
    font-family: "Roboto", sans-serif;
    font-weight:700;
    line-height:60px;
    color:#830051;
}

#casestudy h2 {
    font-size: 40px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 48px;
    color: #830051;
}

#casestudy h3{
    font-family: 'Roboto';
    font-size: 32px;
    line-height: 34px;
    color: #343A40;
}

#casestudy .case-study-title{
    font-size: 20px;
    font-family: 'Roboto';
    line-height: 22px;
    font-weight: 500;
    color: #830051;
    margin-bottom: 15px;
    margin-top: 35px;
}

#casestudy .content-title{
    font-size: 16px;
    font-family: 'Roboto';
    color: #293852;
    font-weight: bold;
    line-height: 18px;
    text-decoration: underline;
    margin-bottom: 22px;
    margin-top: 25px;
}


/*DESKTOP STYLES START*/
#casestudy .hr-line{
    border-bottom: 2px dashed #D8DADA;
    padding-bottom: 40px !important;
}

#casestudy .top-para{
    padding-bottom:30px;
}

#casestudy .discLaiMer{
    font-size:14px;
    line-height:19.2px;
}

#casestudy .mAin_cNt-CoNt li{
    font-size: 16px;
    font-family: 'lexia';
    line-height: 18px;
    color: #343A40;
    padding-left: 20px;
    padding-bottom: 15px;
    text-decoration:underline;
}

#casestudy li.bottom-list{
    padding-bottom:0;
}

#casestudy ul.inner-list li{
    font-size: 16px;
    font-family: 'Lexia';
    line-height: 24px;
    color: #343A40;
    list-style: disc;
    margin-left: 24px;
    padding-bottom:12px;
}

#casestudy sup {
  line-height: 0;
}

#casestudy li{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Lexia';
    color: #343A40;
    padding-bottom: 15px;
}

/*NESTED ul*/
#casestudy .neSted-uL .sub-hEaD a{
    color:#830051;
    margin-bottom:10px;
    font-weight:700;
    display:inline-block;
    text-decoration:underline;
}

#casestudy .cCPcS-mAin-Scetion .cCPcS-uL{
    list-style-type:disc;
    margin-top:10px;
}

#casestudy a{
    /*text-decoration:none;*/
    color:#343A40;
}

#casestudy ol li {
    list-style-position: outside;
}

#casestudy ol{
    list-style-type: number;
    margin-left:40px;
    word-wrap: break-word;
}


#casestudy .cSestDy-refeRnce-secTion .hr-line-botTom{
    margin-top:20px;
    margin-bottom:30px;
    padding:0;
    border-bottom: 2px dashed #D8DADA;
}

/*DESKTOP STYLES END */
/*BUGS FIXS*/
#casestudy .caSeStudy-content-section .content-title a{
    color:#003864;
}

#casestudy .searchbox .header-search-btn .fa-search{
    display:none;
}

#casestudy .tBle-cNt .mAin_cNt-CoNt .neSted-uL{
    margin-left: 20px;
}
#casestudy .mobile-styles{
    display:none;
}
/*.cSestDy-refeRnce-secTion a{*/
/*    word-break: break-all;*/
/*}*/

/*MOBILE STYLES START */

@media (max-width: 991px) {
    #casestudy .caSeStudy-content-section{
        width:93%;
        max-width: 991px;
        margin: 0 auto;
    }
    
    #casestudy .caSeStudy-content-section h1{
       font-size: 40.83px;
       line-height:48px;
       margin:20px 0;
    }
    #casestudy .caSeStudy-content-section .mobile_styles{
        margin-top: -10px;
        margin-bottom: 15px;
    }
    #casestudy .p-large {
       font-size: 20px;
    }
    #casestudy .hr-line-botTom{
        display:none;
    }
    #casestudy a, a:hover, a:active, a:focus{
       text-decoration:underline;
    }
    #casestudy ol{
     margin-left:22px;
    }
    #casestudy .cCPcS-mAin-Scetion .cCPcS-uL{
        margin-left:15px;
        list-style-position:outside;
    }
  

}

@media screen and (min-width:390px) and (max-width:397px){
      #casestudy .desktop-styles{
     display:none;
   }
   #casestudy .mobile-styles{
     display:block;
   }
}


/*COMPATABILITY FIXES*/

@media screen and (min-width:320px) and (max-width:389px){
    #casestudy h1{
        font-size:40.83px;
        line-height:45px;
    }
    
     #casestudy h2{
         font-size:32px;
         line-height:34px;
    }
    
    
    #casestudy h3 {
        font-size: 28px;
        line-height: 30px;
    }
}