body.site_body[data-page=case-studies]{background: #F2F7F9;}
body.site_body[data-page=case-tag]{background: #F2F7F9;}

/* Case Study Block */
.case-study-block{}
.case-study-block > div{padding: 10px; background: #fff;}
.cs_category{height: 25px; overflow: hidden; color: #2C54DC; font-weight: 900; font-size: 16px; text-transform: uppercase;
    margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap:10px;}
.article.case-study-block .article-image{height: 220px;}
.article.case-study-block .article-info{padding: 10px 0; gap:10px;}
.article.case-study-block .article-title{height: 65px;}
.article.case-study-block .article-title a{font-size: 28px; line-height: 32px; text-transform: capitalize;}
.article.case-study-block .article-snippet{-webkit-line-clamp: 1; color: #000F36; height: 25px; margin-bottom: 10px;}

/* Case Study Details */
.case_study_header{margin-bottom: 35px; height: 350px; background: url(../images/case-study-top.jpg) center no-repeat;}
.case_study_header > div{padding: 0 15px; height: 100%; display: flex; align-items: center;}
.case_study_header h1{color: #FAFBFF; font-weight: bold; font-size: 50px; margin: 0;}
.case_name{color: #2C54DC; font-weight: 800; display: flex; flex-direction: column; gap:15px; margin-bottom: 30px;}
.case_name::after{content: ""; height:7px; width:160px; background:#CDE730;}

.case_row_group{display: flex; align-items: flex-start; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #000F36;}
.case_row_group strong{color: #000F36; font-weight: 800; font-size: 16px; width: 190px; flex-shrink: 0}
.case_row_group p{padding: 0; color: #000F36;}

.case_description{border-bottom: 1px solid #000F36; padding: 25px 0; margin-bottom: 25px;}
.case_description p{padding: 0; color: #141F44; font-size: 24px; line-height: 30px;}

.case_results_group{width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; 
    margin-top: 50px;}
.case_results_group h1{color: #2C54DC; font-weight: 800; display: flex; flex-direction: column; gap:15px; margin-bottom: 30px;}
.case_results_group h1::after{content: ""; height:7px; width:160px; background:#CDE730;}

.case_turnaround_group, .case_solutions_group, .case_overview_group{border: 0;}
.case_overview_group{padding-bottom: 0}

.case_row_group > div > p{display: flex; gap:30px; align-items: flex-start;}
.case_row_group > div > p::before{content: "\00B7"; flex-shrink: 0; font-size: 20px; color: #000F36;}

/*Associated Case Study*/
.associated_case_studies{background: #CDE730; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}

.case_study_footer{height: 560px; background: url(../images/case-study-bottom.jpg) center no-repeat; width: 100vw; position: relative; left: 50%; 
    right: 50%; margin-left: -50vw; margin-right: -50vw; display: flex; align-items: center;}
.case_study_footer > div{padding: 0 15px;}
.case_study_footer .case_study_caption{width: 50%; display: flex; flex-direction:column; align-items: flex-start; gap:20px; }
.case_study_footer .case_study_caption h1{color: #FAFBFF; font-weight: bold; font-size: 60px; line-height: 66px; margin:0;}
.case_study_footer .case_study_caption p{font-size: 30px; color: #FCFDFF; padding: 0; line-height: 40px;}

.associated_case_studies{padding:70px 0; }
.associated_case_studies > div{display: flex; flex-direction: column; gap:40px;}
.associated_case_studies h1{color: #000F36; font-weight: 800; font-size: 50px; line-height: 56px; 
    display: flex; flex-direction: column; gap:20px; margin: 0;}
.associated_case_studies h1::after{content: ""; height: 7px; background: #FFFFFF; width: 160px;}
.case_study_assoc .case-study-block > div{margin: 0;}

.case_study_assoc_container{display: flex; flex-direction: column; align-items: center; gap:60px;}
.case_study_assoc_container > div{width: 100%;}
.case_study_assoc_pagination {display: flex; align-items: center; justify-content: center; width: 100%; gap:10px;}
.case_study_assoc_pagination span.assoc_bullet{height: 5px; width: 32px; transition: ease-in-out all .3s; 
    border: 1px solid #000F36; border-radius: 8px; cursor: pointer;}
.case_study_assoc_pagination span.assoc_bullet.active{background: #000F36;}

/*Case Study List Module*/
.case-study-list-module{padding: 60px 0; margin-bottom: 0;}
.case-study-list-module > div{padding: 0 15px; box-sizing: border-box;}
.case-study-list-inner{display: flex; flex-direction: column; gap:40px;}
.case-study-list-inner h1{margin: 0; display: flex; flex-direction: column; font-size: 50px; line-height: 56px; 
    font-weight: 800; gap:20px;}
.case-study-list-inner h1::after{content: ""; height: 7px; width: 160px; }

/*List*/
.case-study-list-module.list{background: #F2F7F9;}
.case-study-list-module.list .case-study-list-inner h1{color: #2C54DC;}
.case-study-list-module.list .case-study-list-inner h1::after{background: #CDE730;}
.case-study-slider.list > div{flex-wrap: wrap}
.case-study-slider.list .case-study-block{width: 33.33333333%;}

/*Carousel*/
.case-study-list-module.carousel{background: #CDE730;}
.case-study-list-module.carousel .case-study-list-inner h1::after{background: #fff;}
.case-study-list-module.carousel .case-study-slider{width: 100%;}
.case-study-slider.carousel .case-study-block > div{margin: 0;}

.case_pagination {width: 100%; display: flex; gap:10px; align-items: center; justify-content: center;}
.case_pagination .case_bullet {width: 34px; height: 5px; border-radius: 8px; border: 1px solid #000F36; 
    transition:ease-in-out all .3s; cursor: pointer;}
.case_pagination .case_bullet.active{background: #000F36;}


/* Desktop */
@media (min-width:992px) and (max-width:1199px) {
    /*Case study Block*/
    .case-study-block > div{margin: 0 10px 20px 10px;}
    .article.case-study-block .article-title a{font-size: 24px; line-height: 30px;}

    .case_study_footer .case_study_caption h1{font-size: 50px; line-height: 56px;}
    .case_study_footer .case_study_caption p{font-size: 26px; line-height: 32px;}
  
}

/*Tablet + Mobile*/
@media (max-width:991px) {

    /*Case Study Details*/
    .case_study_footer .case_study_caption{width: 100%; text-align: center; align-items: center;}
}

/*Tablet*/
@media (min-width:768px) and (max-width:991px) {

    .case_study_footer .case_study_caption h1{font-size: 50px; line-height: 56px;}
    .case_study_footer .case_study_caption p{font-size: 26px; line-height: 32px;}

    /*Case Study List Module*/
    .case-study-list-inner h1{font-size: 40px; align-items: center; text-align: center; line-height: 44px; gap:15px;}
    .case-study-list-inner h1::after{width: 110px;}
    .case-study-slider.list .case-study-block{width: 50%;}


}

@media (max-width:767px) {

    /*Case Study Block*/
    .article.case-study-block .article-title{height: 60px;}
    .article.case-study-block .article-title a{font-size: 24px; line-height: 30px;}
    .cs_category{font-size: 14px; justify-content: flex-start;}

    /*Case Study Details*/
    .case_study_header{height: 185px;}
    .case_study_header h1{font-size: 40px; line-height: 46px; text-align: center;}
    .case_study_header > div{justify-content: center;}
    .case_name{font-size: 36px; line-height: 42px;}
    .case_name::after{width: 70px;}
    .case_row_group{flex-direction: column; gap:10px;}
    .case_row_group > div > p{gap:15px;}
    .case_row_group strong{width: 100%;}
    .case_description p{font-size: 20px; line-height: 26px;}
    .case_overview_group{padding: 0; margin: 0;}

    .case_results_group h1{font-size: 36px; line-height: 42px;}
    .case_results_group h1::after{width: 70px;}

    .case_study_footer{height: 530px; background-image: url(../images/case-study-bottom-mobile.jpg);}
    .case_study_footer .case_study_caption h1{font-size: 36px; line-height: 42px;}
    .case_study_footer .case_study_caption p{font-size: 24px; line-height: 30px;}

    .associated_case_studies > div{align-items: center;}
    .case_study_assoc_container{width: 300px;}
    .associated_case_studies{padding: 60px 0;}
    .associated_case_studies h1{font-size: 30px; line-height: 36px; justify-content: center; 
        text-align: center; align-items: center;}
    .associated_case_studies h1::after{width: 110px;}

    /*Case Study List Module*/
    .case-study-list-module{padding: 30px 0;}
    .case-study-list-inner{gap:30px;}
    .case-study-list-inner h1{font-size: 32px; align-items: center; text-align: center; line-height: 38px; gap:15px;}
    .case-study-list-inner h1::after{width: 110px;}
    .case-study-slider.list > div{justify-content: center;}
    .case-study-slider.list .case-study-block{width: 290px;}
    .case-study-slider.list .article > div{margin: 0 0 20px 0;}



}