.cnc-image-hover-section.cnc-image-hover-section-layout1{padding:100px 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .container{max-width:1430px;margin:0 auto;padding:0 15px;width: 100%;box-sizing: border-box;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col{max-width: calc(50% - 15px);width: 100%;position: relative;min-height: 400px;padding: 38px 27px;box-sizing: border-box;z-index: 1;display: flex;justify-content: flex-end; overflow: hidden;flex-direction: column;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image , .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col a{position: absolute;width: 100%;height: 100%;inset: 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image{z-index: -1;transform: translateX(-40px);transition: all 0.3s ease-in-out;width: calc(100% + 40px);overflow: hidden;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image::after{content: "";position: absolute; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 47.38%, rgba(0, 0, 0, 0.70) 99.5%);width: 100%;height: 100%;inset: 0;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image img , .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image svg , .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image i{width: 100%;height: 100%;object-fit: cover;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .info{max-width: 86%;transition: all 0.3s ease-in-out;    transform: translateY(calc(100% - 40px));}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .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;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .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-layout1 .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-layout1 .image-wrapper .image-col .info :is(p):not(:last-child){margin: 0 0 10px;}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col:hover .image{transform: translateX(0px);}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col:hover .info{transform: translateY(0);}
.cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col:hover .info :is(p){opacity: 1;}
@media (max-width:1024px) {
    .cnc-image-hover-section.cnc-image-hover-section-layout1{padding:50px 0;}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .image { transform: translateX(0px);width: 100%;}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col{padding: 20px;}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col .info {max-width: 100%;transform: translateY(0);}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .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-layout1 .image-wrapper .image-col .info :is(p){font-size: 18px;opacity: 1;}
}
@media (max-width:767px) {
    .cnc-image-hover-section.cnc-image-hover-section-layout1{padding:30px 0;}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .image-wrapper .image-col{max-width: 100%;min-height: 52vw;}
    .cnc-image-hover-section.cnc-image-hover-section-layout1 .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-layout1 .image-wrapper .image-col .info :is(p){font-size: 16px;}
}