.cnc-image-hover-section.cnc-image-hover-section-layout2{padding:100px 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .container{max-width:1430px;margin:0 auto;padding:0 15px;width: 100%;box-sizing: border-box;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col{max-width: calc(50% - 15px);width: 100%;position: relative;min-height: 400px;padding: 60px;box-sizing: border-box;z-index: 1;display: flex;justify-content: center;align-items: center; overflow: hidden;flex-direction: column;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col::before{content: "";position: absolute;inset: 50px 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); transform-origin: 0 0; transition: opacity 0.3s, transform 0.3s;opacity: 0;z-index: 0;pointer-events: none;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col::after{content: "";position: absolute;inset: 30px 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0;transition: opacity 0.3s, transform 0.3s;opacity: 0;z-index: 0;pointer-events: none;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col a{position: absolute;width: 100%;height: 100%;inset: 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image{z-index: -1;transition: all 0.3s ease-in-out;width: 100%;overflow: hidden;height: calc(100% + 30px);}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image::after{content: "";position: absolute;width: 100%;height: 100%;inset: 0;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image img , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image svg , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image i{width: 100%;height: 100%;object-fit: cover;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .info{max-width: 100%;transition: all 0.3s ease-in-out;width: 100%;margin: 0 auto;text-align: center;transform: translateY(calc(50% - 20px));word-break: break-word;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .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;word-break: break-word;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .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;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .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-layout2 .image-wrapper .image-col .info :is(p):not(:last-child){margin: 0 0 10px;}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover::before , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover::after{opacity: 1; transform: scale(1);}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover .image{transform: translateY(-30px);}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover .info{transform: translateY(0);}
.cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover .info :is(p){opacity: 1;}
@media (max-width:1024px) {
  .cnc-image-hover-section.cnc-image-hover-section-layout2{padding:50px 0;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col{padding: 30px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col::before {opacity: 1; transform: scale(1);inset: 20px 10px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col::after {opacity: 1; transform: scale(1);inset: 10px 20px;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .image , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover .image , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .info { transform: none; height: 100%;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover::before , .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col:hover::after{opacity: 1; transform: scale(1);}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col .info{display: flex;justify-content: center;align-items: center;flex-direction: column;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .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-layout2 .image-wrapper .image-col .info :is(p){font-size: 18px;opacity: 1;}
}
@media (max-width:767px) {
  .cnc-image-hover-section.cnc-image-hover-section-layout2{padding:30px 0;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .image-wrapper .image-col{max-width: 100%;min-height: 52vw;}
  .cnc-image-hover-section.cnc-image-hover-section-layout2 .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-layout2 .image-wrapper .image-col .info :is(p){font-size: 16px;}
}