/* GALLERY LAYOUT 5 CSS */
.cnc-gallery-section.cnc-gallery-section-layout5{padding:100px 0 70px 0;}
.cnc-gallery-section.cnc-gallery-section-layout5 .container{max-width:1430px;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper{margin: 0 auto 30px;text-align: center;max-width: 800px;}
.cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 48px; line-height: normal; margin: 0; font-weight: 700;color: #005BC5;}
.cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper :is(p){font-size: 20px;line-height: normal;margin: 0;font-weight: 400;color: #323232;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap{position: relative; column-count: 4; gap: 30px;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap { box-sizing: border-box;margin-bottom: 30px;max-width: calc(25% - 22.5px);width: 100%; position: relative;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap::after{content: "";position: absolute;width: 100%;height: 110px;inset: auto 0 0 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin{display: block;position: relative;width: 100%;height: 100%;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin::before{content: ""; position: absolute;width: 36px;height: 36px;top: 50%;left: 50%;transform: translate(-50% , -50%); opacity: 0;transition: all 0.3s ease-in-out;z-index: 2; background-image: var(--after-img);background-size: contain; background-repeat: no-repeat;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin::after{content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 91, 197, 0.20) 0%, rgba(0, 91, 197, 0.20) 100%);inset: 0;opacity: 0;transition: all 0.3s ease-in-out;z-index: 1;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin:hover::before , .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin:hover::after{opacity: 1;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin img { width: 100%; height: 100%; object-fit: cover; display: block;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper{position: absolute;inset: auto 0 0 0;padding: 18px 62px 18px 30px;z-index: 1;}
.cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper :is(p){color: #fff;}
.cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(p):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper :is(p):not(:last-child){margin: 0 0 10px;}

@media (max-width:1199px) {
  .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap {column-count: 3;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper {padding: 15px;}  
}

@media (max-width:1024px) {
  .cnc-gallery-section.cnc-gallery-section-layout5{padding:50px 0 30px 0;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 40px;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper :is(p){font-size: 18px;}
}
@media (max-width:767px) {
  .cnc-gallery-section.cnc-gallery-section-layout5{padding:30px 0 20px 0;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 30px;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper :is(p){font-size: 16px;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap {gap: 20px}
  .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap a.colin .wrapper {padding: 10px;}
}
@media (max-width:575px) {
    .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap {column-count: 2;}
  .cnc-gallery-section.cnc-gallery-section-layout5 .masonry-wrap .wrap{max-width: 100%;margin-bottom: 20px;}
}

/* GALLERY LAYOUT 5 CSS */