.zigzag_section-new { display: inline-block; width: 100%; vertical-align: top; padding: 150px 0; }
.zigzag_section-new .col { display: flex; flex-wrap: wrap; gap: 30px; }
.zigzag_section-new .col > div {flex: 1;}
.zigzag_section-new .col .left_part { width: 30%;}
.zigzag_section-new .col .right_part { min-width: 70%;  }
.zigzag_section-new .two_box { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.zigzag_section-new .two_box .inner { width: 100%; padding: 0 10px 1px 11px;  }

.zigzag_section-new .two_box .inner > a, .zigzag_section .three_box .inner > a .content_wrap {height: 100%;}

.zigzag_section-new .two_box .inner .img { min-height: 244px; position: relative; display: flex; align-items: flex-end; text-align: center; height: 100%; }
.zigzag_section-new .two_box .inner:first-child { width: 100%; margin-bottom:20px;}
.zigzag_section-new .two_box .inner .box_projectdetail {  color: #202020; padding: 8px;  width: 100%; position: relative; top: 8px; text-align: left; font-family: 'Prospectus Std'; font-size: 24px;}
.zigzag_section-new .two_box .inner .box_projectdetail span { display: block; font-size: 12px; line-height: 18px;  font-family: 'ProximaNova-Regular'; text-transform: uppercase; }


.zigzag_section-new .two_box .inner .img a.no_text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color:#202020; opacity:0;}
.zigzag_section-new .two_box .inner .img a:hover {opacity:.5;}


.zigzag_section-new .two_box .inner .content_wrap { background-color: #000000; padding: 25px; position: relative; overflow: hidden; min-height: 244px; z-index: 1; }
.zigzag_section-new .two_box .inner .content_wrap .box_content { color: #fff; font-size: 24px; font-weight: 700; font-family: ProximaNova-Regular; line-height: 36px; }
.zigzag_section-new .two_box .inner .content_wrap a { position: absolute; bottom: -100%; color: #fff; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 700; font-family: 'ProximaNova-Regular'; }
.zigzag_section-new .two_box .inner .content_wrap:hover a { bottom: 10px; }
.zigzag_section-new .two_box .inner .content_wrap:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #c82d32; z-index: -1; transition: all .5s ease; opacity: 0; }
.zigzag_section-new .two_box .inner .content_wrap:hover:before { opacity: 1; }

.zigzag_section-new .col .left_part .singal_img {margin-bottom:-44px;}
.zigzag_section-new .col .left_part .singal_img .img { width: 100%; height: 515px; position: relative; background-size:cover !important; background-position:center !important;}
.zigzag_section-new .col .left_part .singal_img .img a {position: absolute; inset: 0;}
.zigzag_section-new .col .left_part .left_content {  color: #202020; min-height: 535px; padding: 50px; font-size: 50px; line-height: 60px; font-weight: 700; }


.zigzag_section-new .right_part .img { width: 100%; height: 100%; display: flex; align-items: flex-end;  opacity:1; text-align:left; position:relative; transition: all .5s ease-in-out; overflow:hidden;}


.zigzag_section-new .right_part.even_columns { min-width:47%; padding-bottom:7px;}
.zigzag_section-new .right_part.even_columns .img.right_three  { border-radius: 0PX 0 0 0PX;}
.zigzag_section-new .right_part .img.right_three { border-radius: 0PX 288px 288px 0PX;}
.zigzag_section-new .right_part .img.no_curve { border-radius: 0PX 0 0 0PX;}
.zigzag_section-new .col.right_part .img.round_corners:nth-child(even) { flex-direction: row-reverse; }
.zigzag_section-new .right_part .img.inside_curve { border-radius: 288px 0PX 0PX 288px;}
.zigzag_section-new .right_part .project_detail { color: #202020; padding: 8px;  width: 100%;  top: 7px; text-align: left; font-family: 'Prospectus Std'; font-size: 24px; position:relative; }
.zigzag_section-new .right_part .project_detail span { display: block; font-size: 12px; line-height: 16px; font-family: ProximaNova-Regular; text-transform: uppercase; }
.zigzag_section .singal_img {overflow: hidden;}

.zigzag_section-new .left_part .project_detail { padding: 0px; width: 100%; color: #202020; transition: all .5s ease-in-out; transform: translateY(102%); position: relative; bottom: -8px; text-align:left; font-family: 'Prospectus Std'; font-size: 24px;}

.zigzag_section-new .left_part .project_detail span { display: block; font-size: 12px; line-height: 16px; font-family: 'ProximaNova-Regular'; text-transform: uppercase; }

.zigzag_section-new .right_part .img:hover .project_detail { transform: translateY(0); }
.zigzag_section-new .col:nth-child(even) .right_part .img .project_detail {padding: 15px 15px 15px;}
.zigzag_section-new .right_part .img a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#202020; opacity:0; }
.zigzag_section-new .right_part .img a.no_text:hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#202020; opacity:0.5; }


.zigzag_section-new .col+.col { margin-top: 104px; }
.zigzag_section-new .col:nth-child(odd) { flex-direction: row-reverse; }
.zigzag_section-new .col:nth-child(even) .project_detail {bottom:-14px;}
.zigzag_section-new .col:nth-child(even) .left_part {  }
.zigzag_section-new .col:nth-child(even) .right_part { }
.zigzag_section-new .col:nth-child(odd) .right_part.even_columns .img.square_corners { border-radius: 0PX 0 0 0PX;}
.zigzag_section-new .col:nth-child(odd) .right_part .img.round_corners  { border-radius: 0px 288px 288px 0px; background-color:#202020;  }
.zigzag_section-new .col:nth-child(even) .right_part .img.curved_left  { border-radius: 288px 0px 0px 288px; background-color:#202020; }
.zigzag_section-new .col .right_part .img.rounded_right  { border-radius: 0px 288px 288px 0px; }
.zigzag_section-new .col .right_part .img.rounded_left  { border-radius: 288px 0px  0px 288px; }
.zigzag_section-new .col:nth-child(even) .left_part .singal_img {margin-bottom:-49px;}

.zigzag_section-new .left_part .left_content {position: relative;}
.zigzag_section-new .left_part .contentClick {width: 100%;}
.zigzag_section-new .left_part .left_content .content {position: relative; z-index: 3;}
.zigzag_section-new .left_part .left_content .hoverOverlay {inset: 0; background-color: #c82d32; position: absolute; z-index: 1; opacity: 0; transition: opacity .3s ease-in;}
.zigzag_section-new .left_part .left_content:hover .hoverOverlay {opacity: 1;}
.zigzag_section-new .right_part a .hoverOverlay {inset: 0; background-color: #c82d32; position: absolute; z-index: 1; opacity: 0; transition: opacity .3s ease-in;}
.zigzag_section-new .right_part a:hover .hoverOverlay {opacity: 1;}


.zigzag_section-new .two_box .inner h3, h4 {color: #fff;}

@media(max-width:990px) {
  .zigzag_section-new .two_box .inner .content_wrap { min-height: 100%;}
  .zigzag_section-new .left_part .project_detail {bottom: 39px;}
  .zigzag_section-new .col .left_part .singal_img {margin-bottom: -1px;height: 300px; overflow: hidden;}
  .zigzag_section-new .two_box {flex-wrap: nowrap; padding-bottom: 50px;}
  .zigzag_section-new .two_box .inner { width:100%; }
  .zigzag_section-new .two_box .inner:first-child { margin-bottom:0px;}
  .zigzag_section-new .col .right_part {height: 300px;}
  .zigzag_section-new .col .left_part { min-width: 50%; height: 300px;  margin-bottom: 66px;}
}

@media (max-width:600px){
  .zigzag_section-new .col .left_part .singal_img .img { width: 100%; height: 300px; position: relative;}
    .zigzag_section-new .col .left_part .singal_img  { display:inherit;}
  .zigzag_section-new .col { flex-direction:row; }
  .zigzag_section-new .col .left_part { width: 100%; display:contents;}
.zigzag_section-new .col .right_part { min-width: 100%;  }
  .zigzag_section-new .right_part.even_columns { min-width:100%; padding-bottom:7px;}
 .zigzag_section-new .two_box {flex-wrap: wrap; padding-bottom: 50px;}
 .zigzag_section-new .col .left_part { margin-bottom: 20px;}
  .zigzag_section-new .two_box .inner .content_wrap { min-height: 300px; margin-bottom: 30px;}

  .zigzag_section-new .left_part .project_detail { bottom: 65px;}
  .zigzag_section-new .col:nth-child(even) .project_detail { bottom: 65px;