.cnc-image-hover-section.cnc-image-hover-section-layout3{padding:100px 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .container{max-width:1430px;margin:0 auto;padding:0 15px;width: 100%;box-sizing: border-box;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col{max-width: calc(50% - 15px);width: 100%;position: relative;min-height: 400px;padding: 40px;box-sizing: border-box;z-index: 1;overflow: hidden;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image , .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col a{position: absolute;width: 100%;height: 100%;inset: 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image{z-index: -1;transform: translateX(-20px);transition: all 0.3s ease-in-out;width: calc(100% + 20px);overflow: hidden;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image::after{content: "";position: absolute;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);inset: 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image img , .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image svg , .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image i{width: 100%;height: 100%;object-fit: cover;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){color: #FFF; font-size: 32px; font-weight: 700; line-height: normal;margin: 0;position: relative;padding-bottom: 10px;word-break: break-word;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)::after{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #fff;transition: all 0.3s ease-in-out;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(p){color: #fff; font-size: 20px; font-weight: 400; line-height: normal;margin: 0;opacity: 0;transition: all 0.3s ease-in-out;transform: translateX(100%);}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(p):not(:last-child){margin: 0 0 10px;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col:hover .image{transform: translateX(0px);}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col:hover .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)::after{width: 100%;}
.cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col:hover .info :is(p){opacity: 1;transform: translateX(0px);}
@media (max-width:1024px) {
  .cnc-image-hover-section.cnc-image-hover-section-layout3{padding:50px 0;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col {padding: 20px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .image { transform: translateX(0px);width: 100%;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 28px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)::after{width: 100%;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(p){font-size: 18px;opacity: 1;transform: translateX(0);}
}
@media (max-width:767px) {
  .cnc-image-hover-section.cnc-image-hover-section-layout3{padding:30px 0;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col{max-width: 100%;min-height: 52vw;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 24px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout3 .image-wrapper .image-col .info :is(p){font-size: 16px;}
}