.case_study_style_3_content_outer { display: grid; grid-template-columns: 1fr 360px; gap: 80px; padding: 100px 0 50px 0 ;}
.case_study_style_3_outer  .wpb_wrapper p ,  .case_study_style_3_outer  .wpb_wrapper li { font-size: 16px; line-height: 150%;}

.case_study_style_3_outer  .wpb_wrapper  ul { margin: 0px !important; padding: 0px 0px 0px 10px !important;}
.case_study_style_3_outer  .wpb_wrapper > ul > li {
    list-style: none;
    background: url(../images/contentArrow.png) left 4px no-repeat;
    padding: 0 0 0 30px;
    margin: 10px 0;
    font-weight: 400 !important;
}

.case_study_style_3_outer  h1 {  font-size: 60px; line-height: 135%; text-transform: uppercase; width: 720px; font-family: "Antonio", serif !important; color: #fff; font-weight: bold;}
.case_study_style_3_outer .desktopBanner { height: 540px !important; background-size: cover !important; padding: 60px 0 0 0; }
.case_study_style_3_outer  .single_downloadBtn a { background: #fff; color: #0057FF; 
    width: 227px; height: 60px; text-align: center; border-radius: 10px; font-family: "Antonio", serif !important;
     text-transform: uppercase; align-items: center;}

.case_study_style_3_outer   h2.vc_custom_heading { font-size: 28px !important; font-weight: 600 !important;
     line-height: 100%; text-transform: inherit !important; font-family: 'Inter', serif !important; 
     margin-bottom: 20px !important;}
.case_study_style_3_outer .wpb_content_element { margin-bottom: 50px !important;}
.related-use-case { font-size: 20px; font-weight: 600; color: #0E0E0E; padding-bottom: 20px;}
.use-case-thumbnail img { border-radius: 9px 9px 0 0 ;}
.use-case-item-content { border: solid 1px #DDDDDD; border-radius: 0 0  9px 9px ; padding: 19px 17px;}
.use-case-thumbnail { height: 200px; overflow: hidden;}

.use-case-thumbnail img {
  width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

.use-cases-list { display: grid; grid-template-columns: 1fr; gap: 20px;}
.use-case-title { padding-bottom: 29px;}
.use-case-title a { color: #484848; font-size: 16px; font-weight: 600;line-height: 132%;}

 .use-case-item-content a.boxLink2 {background: url(../images/arrow.svg) no-repeat right center !important;
    color: #085CFF !important;
    padding-left: 0px !important;
    font-size: 16px !important;}

 .use-case-item-content a.boxLink2:hover   {background: url(../images/arrow_up.svg) no-repeat right center !important;
}
.related-use-case-outer { display: grid; grid-template-columns: 1fr 74px; justify-content: space-between; align-items: center;}
.custom-nav-buttons {  display: none;  align-items: center; gap: 8px; width: 74px;}
.custom-nav-buttons button{ width: 32px !important; height: 32px !important; border: none !important; padding: 0px !important;}
button.nextbtn { background: url(../images/sliderIcon_next.svg) no-repeat !important;}
button.nextbtn:hover { background: url(../images/sliderIcon_next-act.svg) no-repeat !important;}

button.prevbtn { background: url(../images/sliderIcon_prev.svg) no-repeat !important;}
button.prevbtn:hover { background: url(../images/sliderIcon_prev-act.svg) no-repeat !important;}



@media (min-width: 100px) and (max-width: 767px) { 
    
 .case_study_style_3_content_outer { grid-template-columns: 1fr; padding: 50px 5px 30px  5px !important; gap: 0;}   
 .case_study_style_3_outer h1 { width: 100%; font-size: 26px; text-align: center;}
 .case_study_style_3_outer .desktopBanner { align-items: flex-start; padding-top: 120px; }
.single_downloadBtn { display: flex; justify-content: center;}
.case_study_style_3_outer .single_downloadBtn a { width: 165px; height: 36px; font-size: 16px !important;}

.case_study_style_3_outer .wpb_content_element { margin-bottom: 30px !important;}
.case_study_style_3_outer   h2.vc_custom_heading { margin-bottom: 15px !important;  font-size: 22px !important; }
.case_study_style_3_content_right { width: 100% !important; max-width: 100% !important; padding: 0px;}

.case_study_style_3_content_right { overflow: hidden;}
/* Ensure Owl Carousel doesn't overflow on mobile */
.case_study_style_3_content_right .owl-item { margin: 3px;}
/* Ensure Owl Carousel doesn't overflow on mobile */
.use-cases-list.owl-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    overflow: hidden;
}

.use-cases-list .owl-stage-outer {
    overflow: hidden;
}

.use-cases-list .owl-item {
    width: 100% !important;
    box-sizing: border-box;
}
.custom-nav-buttons {  display: flex; }
    .related-use-case { margin: 0px !important; padding: 0px !important;}
.related-use-case-outer { margin-bottom: 20px !important ;}
}