.cnc-casestudy-section.cnc-casestudy-section-layout5 { padding: 100px 0; }
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-container { max-width: 1430px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper{margin-bottom: 30px;text-align: center;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){ color: #000727; font-size: 48px; font-weight: 700; line-height: normal;margin: 0; }
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(p){color: rgba(0, 7, 39, 0.60);font-size: 20px; font-weight: 400; line-height: normal;margin: 0;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(p):not(:last-child) , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(p):not(:last-child){margin: 0 0 10px 0;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-info{margin-bottom: 30px;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap{border-top: 2px solid rgba(0, 91, 197, 0.50);}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap:last-child{border-bottom: 2px solid rgba(0, 91, 197, 0.50);}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col{max-width: 36%;width: 100%;box-sizing: border-box;padding: 20px 0;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){text-decoration: none;display: inline-block;transition: all 0.3s ease;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):hover{color: #005AC3;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(p){color: #323232; font-size: 16px; font-weight: 400; line-height: normal;margin: 0;max-width: 75%;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-tag-wrap{display: flex;flex-wrap: wrap;gap: 20px;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-tag-wrap a{display: inline-block;border-radius: 280px; border: 1px solid rgba(0, 7, 39, 0.50); padding: 7px 21px; color: #000727; font-size: 18px; font-weight: 400; line-height: normal; text-decoration: none;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col{max-width: 49%;width: 100%;position: relative;display: inline-block;line-height: 0;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col img{max-width: 100%;height: 100%;width: 100%;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project{--l5-view-btn-x-translate: 0px;--l5-view-btn-y-translate: 0px;position: absolute;width: 122px; height: 122px;background-color: #005AC3;border-radius: 50%;padding: 20px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;color: #FFF; text-align: center; font-size: 20px; font-weight: 400; line-height: normal;left: var(--l5-view-btn-x-offset, 197px);bottom: var(--l5-view-btn-y-offset, 79px);top: auto;right: auto;opacity: 0;transform: translate(var(--l5-view-btn-x-translate), var(--l5-view-btn-y-translate)) scale(0);transition: all 0.3s ease;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col:hover span.cnc-view-project{opacity: 1;transform: translate(var(--l5-view-btn-x-translate), var(--l5-view-btn-y-translate)) scale(1);}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more {text-align: center;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn{padding: 14px 35px;border-radius: 280px;color: #fff; font-size: 20px; font-weight: 400; line-height: normal;transition: all 0.3s ease;border: 1px solid #005AC3;text-decoration: none;text-transform: capitalize;display: inline-flex;justify-content: center;align-items: center;background-color: #005AC3;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn .cnc-arrow{margin-left: 15px; transition: all 0.3s ease-in-out; position: relative; left: 0;    vertical-align: middle; width: 20px; display: inline-block;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn .cnc-arrow img{max-width: 100%;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn .cnc-arrow svg , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn .cnc-arrow i{width: 100%;height: 100%;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn:hover{background-color: #02357e;border-color: #02357e;}
.cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn:hover .cnc-arrow{left: 5px;}

@media (max-width:1199px) {
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col { max-width: calc(55% - 10px); }
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-tag-wrap {gap: 10px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col {max-width: calc(45% - 10px);}
}
@media (max-width:1024px) {
  .cnc-casestudy-section.cnc-casestudy-section-layout5 { padding: 50px 0; }
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 40px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(p) , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-tag-wrap a , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn {font-size: 18px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(p) {font-size: 15px;max-width: 100%;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project { width: 100px; height: 100px;}
}

@media (max-width:767px) {
  .cnc-casestudy-section.cnc-casestudy-section-layout5 { padding: 30px 0; }
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-casestudy-section.cnc-casestudy-section-layout5  .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 30px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-title-wrapper :is(p) , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col .cnc-tag-wrap a , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-view-more .cnc-btn ,     .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project{font-size: 16px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap {padding: 30px 0;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col{padding: 0;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col , .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col { max-width: 100%; }
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-left-col :is(p) {font-size: 14px;}
  .cnc-casestudy-section.cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project { width: 80px; height: 80px; }
}

/* Custom positioning alignment classes for Layout 5 */
.cnc-l5-btn-h-left .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    left: var(--l5-view-btn-x-offset, 197px);
    right: auto;
    --l5-view-btn-x-translate: 0px;
}
.cnc-l5-btn-h-right .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    right: var(--l5-view-btn-x-offset, 0px);
    left: auto;
    --l5-view-btn-x-translate: 0px;
}
.cnc-l5-btn-h-center .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    left: calc(50% + var(--l5-view-btn-x-offset, 0px));
    right: auto;
    --l5-view-btn-x-translate: -50%;
}

.cnc-l5-btn-v-top .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    top: var(--l5-view-btn-y-offset, 0px);
    bottom: auto;
    --l5-view-btn-y-translate: 0px;
}
.cnc-l5-btn-v-bottom .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    bottom: var(--l5-view-btn-y-offset, 79px);
    top: auto;
    --l5-view-btn-y-translate: 0px;
}
.cnc-l5-btn-v-middle .cnc-casestudy-section-layout5 .cnc-casestudy-wrapper .cnc-wrap .cnc-image-col span.cnc-view-project {
    top: calc(50% + var(--l5-view-btn-y-offset, 0px));
    bottom: auto;
    --l5-view-btn-y-translate: -50%;
}
