.cnc-gallery-section.cnc-gallery-section-layout4{padding:100px 0 70px 0;position: relative;}
.cnc-gallery-section.cnc-gallery-section-layout4 .wrapper{display: flex;flex-wrap: wrap;}
.cnc-gallery-section.cnc-gallery-section-layout4 .image{position: absolute;inset: 0 auto 0 0;max-width: 44vw;width: 100%;box-sizing: border-box;}
.cnc-gallery-section.cnc-gallery-section-layout4 .image::after{content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);inset: 0;}
.cnc-gallery-section.cnc-gallery-section-layout4 .wrapper .image img{width: 100%;height: 100%;object-fit: cover;}
.cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper{max-width: calc(100% - 44vw);width: 100%;margin-left: auto;padding-left: 30px;box-sizing: border-box;padding-right: 15px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper .title-wrap{max-width: 78%;}
.cnc-gallery-section.cnc-gallery-section-layout4 .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-layout4 .title-wrapper :is(p){font-size: 20px;line-height: normal;margin: 0;font-weight: 400;color: #323232;}
.cnc-gallery-section.cnc-gallery-section-layout4 .container{box-sizing: border-box;max-width: calc((100vw + 1430px) / 2) ; margin-left: auto;width: 100%;padding-left: 15px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper{display: flex;gap: 60px;position: relative;z-index: 5;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn{max-width: 337px;margin-top: 80px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 48px; line-height: normal; margin: 0 0 30px 0; font-weight: 700;color: #fff;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav{display: flex;gap: 20px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next{ width: 50px; height: 50px; border-radius: 50%; background-color: #005AC3; transition: all 0.3s ease-in-out;padding: 16px;box-sizing: border-box;margin: 0;position: static;border: 1px solid #005AC3;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev::after, .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next::after {display: none;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev img , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next img {max-width: 100%;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev svg , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next svg , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin span svg {width: 100%;height: 100%;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev svg path , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next svg path{fill: #ffffff;stroke: #ffffff;}
 .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev i , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next i{font-size: 18px;color: #ffffff;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev:hover, .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev:focus , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next:hover , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next:focus { background-color: #02357e; border-color: #02357e;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery {flex: 1;min-width: 0;width: 100%;padding: 30px 0;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin{position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);text-decoration: none;width: 100%;height: 100%;border-radius: 40px;display: flex;padding: 30px;box-sizing: border-box;z-index: 1;flex-direction: column;justify-content: flex-end;min-height: 380px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .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-layout4 .slider-wrapper .slider-gallery .swiper-slide .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;border-radius: 40px;z-index: 1;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image{width: 100%;height: 100%;position: absolute;    inset: 0; border-radius: 40px; z-index: -1; }
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image::before{content: "";position: absolute;width: 100%;height: 110px;border-radius: 0 0 40px 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);inset: auto 0 0 0;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 40px;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin:hover::before , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin:hover::after{opacity: 1;}
.cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 20px; line-height: normal; font-weight: 700; margin: 0;color: #fff;}
.cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(p):not(:last-child) , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child){margin: 0 0 10px;}
@media (max-width:1440px) {
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper .title-wrap {max-width: 100%;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper {gap: 40px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin {padding: 20px;}
}
@media (max-width:1024px) {
  .cnc-gallery-section.cnc-gallery-section-layout4{padding:50px 0 20px 0;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 40px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 18px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper { gap: 20px; }
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn { max-width: 290px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next{ width: 40px; height: 40px;padding: 8px;}
}
@media (max-width:991px) {
  .cnc-gallery-section.cnc-gallery-section-layout4{background-image: url(images/dark-coconut-tree.jpg);background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .container{padding: 0 15px;}
  .cnc-gallery-section.cnc-gallery-section-layout4::after{content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);inset: 0;z-index: -1;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .image {display: none;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper {max-width: 100%;margin-bottom: 30px;padding-left: 15px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(p){color: #fff;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper{flex-direction: column;gap: 0;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn { max-width: 100%;margin-top: 0;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {display: none;}
}
@media (max-width:767px) {
  .cnc-gallery-section.cnc-gallery-section-layout4{padding:30px 0 0 0;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .info-btn :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 30px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .title-wrapper :is(p) , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 16px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin{min-height: 350px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image::before {border-radius: 0 0 20px 20px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin::after , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-gallery .swiper-slide .colin .slider-image img{border-radius: 20px;}
  .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-prev , .cnc-gallery-section.cnc-gallery-section-layout4 .slider-wrapper .slider-nav .swiper-button-next{ width: 36px; height: 36px;}
}