/* Gallery Layout 7 css */
.cnc-gallery-section.cnc-gallery-section-layout7{padding:100px 0 70px 0;}
.cnc-gallery-section.cnc-gallery-section-layout7 .container{max-width:1430px;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.cnc-gallery-section.cnc-gallery-section-layout7 .title-wrapper{margin: 0 auto 30px;text-align: center;max-width: 800px;}
.cnc-gallery-section.cnc-gallery-section-layout7 .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-layout7 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap .wrap a.colin .wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrapper .filter-tabs .filter-btn{font-size: 20px;line-height: normal;margin: 0;font-weight: 400;color: #323232;}
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap{position: relative; column-count: 4; gap: 30px;}
.cnc-gallery-section.cnc-gallery-section-layout7 .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-layout7 .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-layout7 .masonry-wrap .wrap.hide { display: none; }
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap .wrap a.colin{display: block;position: relative;width: 100%;height: 100%;}
.cnc-gallery-section.cnc-gallery-section-layout7 .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-layout7 .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-layout7 .masonry-wrap .wrap a.colin img { width: 100%; height: 100%; object-fit: cover; display: block;}
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap .wrap a.colin:hover::before, .cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap .wrap a.colin:hover::after{opacity: 1;}
.cnc-gallery-section.cnc-gallery-section-layout7 .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-layout7 .masonry-wrap .wrap a.colin .wrapper :is(p){color: #fff;}
.cnc-gallery-section.cnc-gallery-section-layout7 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout7 .title-wrapper :is(p):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrap .wrap a.colin .wrapper :is(p):not(:last-child){margin: 0 0 10px;}
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrapper .filter-tabs { margin-bottom: 30px; display: flex;justify-content: center;gap: 10px;}
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrapper .filter-tabs .filter-btn { padding: 10px; cursor: pointer; border-radius: 4px; border: 1px solid #005BC5; background: transparent; color: #005BC5; transition: all 0.3s ease-in-out;}
.cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrapper .filter-tabs .filter-btn.active, .cnc-gallery-section.cnc-gallery-section-layout7 .masonry-wrapper .filter-tabs .filter-btn:hover{ background: #005BC5; color: #fff; }

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

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