.menuToggle .md-button.md-icon-button { color:#fff }

/* HERO SECTION */
.heroSection { color:#fff; padding-top:8rem; padding-bottom:4rem }
.heroSection p { color:#fff }

/* HIGHLIGHTS VIDEOS STORIES */
.videoStories { margin-bottom:5rem }
.videoStories:last-child { margin-bottom:3rem }
.videoStories iframe, .videoStories video { border-radius:10px; width:100%; object-fit:cover }

/* CTA */
.caseStudyCta { background-color:#f1faff; position:relative; overflow:hidden; padding:4rem 0 }
.caseStudyCta h2 { font-weight:500 }
.caseStudyCta .btn.md-button.md-raised { background:#001623 }
.caseStudyCta .btn.style2 { border:1px solid #001623; color:#001623 }
.caseStudyCta:before { content:''; background-image:url(../../Images/case-studies/circle-shape.svg); background-repeat:no-repeat; position:absolute; bottom:calc(100% - 390px); left:10%; display:inline-block; width:190px; height:190px }
.caseStudyCta:after { content:''; background-image:url(../../Images/case-studies/dotted-shape.svg); background-repeat:no-repeat; position:absolute; top:-14%; right:10%; display:inline-block; width:92px; height:138px }

/* CASE STUDY INNER PAGE */
.caseStudyInnerPage { padding:4rem 0 }
.caseStudyInnerPage .mx-60 { max-width:60vw; margin:0 auto }
.socialShare { display:flex; flex-direction:column; position:-webkit-sticky; position:sticky; top:3rem; z-index:9 }
.socialShare a { text-align:center; border-radius:50%; margin-bottom:4px; display:inline-block; width:48px; height:48px; line-height:3.7; transition:all .3s }
.socialShare a:hover { background:#f5f5f5 }
.postDetails p { line-height:1.5rem }
.postDetails h2, h2.postSectionHeading { font-size:1.67rem; margin-top:2rem; font-weight:500 }
.postDetails ul { padding-left:1rem; margin-top:1rem; line-height:1.6rem }
.postBanner img { border-radius:12px; min-width:100%; object-fit:cover; min-height:100%; border:1.6px solid rgba(0, 0, 0, .1); transition:all .5s }
.postDetails .postCategory { color:#ff008a; text-transform:uppercase; display:inline-block }
.postDetails h1 { font-size:2.25rem; font-weight:500; margin:0 }
.caseStudyUser img { width:200px; min-height:200px; object-fit:cover }

.toc { background:rgba(255, 196, 44, .25); padding:2rem 3rem; margin:2rem 0 }
.toc h3 { margin-top:0; font-size:1.6rem; font-weight:500; margin-bottom:1rem }
.toc ul { margin:0 }
.toc ul li a { color:#1a2d39; padding:.2rem 0; display:inline-block; text-decoration:underline; transition:all .3s }
.toc ul li a:hover { color:#ff008a }

.resultBox { background-color:#fff0ca; padding:2rem; display:flex; align-items:center; justify-content:space-between; margin-top:2rem }
.resultBox .num { font-weight:bold; font-size:2.6rem }
.resultBox > div:nth-child(2) { border-left:2px solid #f2dfb1; border-right:2px solid #f2dfb1 }

/* GALLERY */
.caseStudyGallery { max-width:90%; margin:0 auto; overflow:hidden; padding:4rem 0 }
.caseStudyGallery .swiper-container { overflow:inherit }
.caseStudyGallery .swiper-slide { opacity:.6; transition:all .3s }
.caseStudyGallery .swiper-slide img { width:100%; height:190px; min-height:190px; object-fit:cover }
.caseStudyGallery .swiper-slide.swiper-slide-active { opacity:1; transform:scale(1.8); z-index:8 }
.caseStudyGallery .swiper-slide.swiper-slide-active img { height:auto; object-fit:contain }
.bannerVideoKsu { width:100%; height:515px;}

.caseStudyTitle { font-size:20px; font-weight:500; line-height:42px;color:#001623; background-color:#F7F7F7; border-radius:10px; padding: 18px 25px; margin: 0 0 40px; }
.caseStudyTitle span{ font-size:18px; color:#007AFF; display:block; }
.caseStudyHero { box-shadow: 0 4px 9px #0510371A; border-radius: 7px; width:100%; }
.postDetails ul.caseInfoList { margin:0; padding:0; list-style:none; }
.postDetails ul.caseInfoList li{ background-color:#F7F7F7; padding:13px 18px;color:#666666; border-top:1px solid #0F4B874F;font-size:15px;}
.postDetails ul.caseInfoList li.theTitle{ background-color:#FF8E17;border:0;margin-bottom:-1px; color:#FFFFFF; border-radius:5px 5px 0 0;position: relative; padding:20px 30px; font-size:17px; font-weight:600;}
.postDetails ul.caseInfoList li.theTitle.infoTitle{background-color:#00CAFD;}
.wd-100 { width: 100%; }
.mx-wd-100 { max-width: 100%; }
p.lead { font-size:18px;}
.requestDemoCta .Head2{ font-size:19px; }
.requestDemoCta p{ font-size:10px; }
.requestDemoCta .heroBtn.style1 {font-size:8px; background-color:#001623;}
.caseStudyInnerPage md-tabs md-tabs-wrapper { border:0; }
.caseStudyInnerPage md-tabs md-tabs-wrapper .md-tab{ color:#FF008A; border:1px solid #F7F7F7; border-radius: 3px 3px 0 0; font-size:15px; padding: 12px 30px; }
.caseStudyInnerPage .mx-80 {max-width: 80vw; width:1200px; margin: 0 auto;}
.caseStudyInnerPage md-tabs md-tabs-wrapper .md-tab.md-active{ background-color:#FF008A; color:#fff; border:1px solid #FF008A;}
.caseStudyInnerPage md-tabs md-content{ background-color:#F7F7F7; border-radius:8px; padding: 15px 20px; color:#666666;font-size:16px; }
.csInfoCard{ box-shadow: 0 2px 6px #0510371A; border-radius: 3px; background-color: #fff; padding: 16px; }
.csInfoCard h3{ font-size: 18px; }
.csInfoCard ol { color: #007AFF; font-size: 13px; font-weight: 500; padding-left: 20px; }
.csInfoCard ol li { margin: 10px 0; }
.csSocialCard { top:5rem;box-shadow: 0 2px 6px #0510371A; border-radius: 3px; background-color: #fff;align-items: center;padding: 15px 0; }
.ecInfoAside { position: sticky;top: 5rem;}
/* RESPONSIVE */
@media screen and (max-width:1024px){
    .caseStudyInnerPage .mx-60 { max-width:80% }
    .caseStudyInnerPage .mx-80 { max-width:100% }
}
@media screen and (max-width:767px){
    .videoStories iframe { width:100% !important }
    .caseStudyInnerPage .mx-60 { max-width:100% }
    section.caseStudyInnerPage { padding:2rem 1rem }
    .bannerVideoKsu { height:200px;}
    .socialShare { flex-direction:initial; position:relative; top:5px; padding-top: 1rem !important;}
    .postDetails.pt-5 { padding-top:1rem !important;}
}
@media screen and (max-width:579px){
    .resultBox { flex-direction:column }
    .resultBox span { height:2px; width:100%; margin:2rem 0 }
}