.zig-zag-section { width: 100%; display: inline-block;vertical-align: top; line-height: 0; }
.zig-zag-section .wrap { width: 100%; display: inline-block; }
.zig-zag-section .wrap .col { width: 100%; display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;  }
.zig-zag-section .wrap .col .left-part { width: 50%; display: inline-block; }
.zig-zag-section .wrap .col .left-part .left-img { width: 100%; display:inline-block;position: relative;height:100%; }
.zig-zag-section .wrap .col .left-part .left-img img { width: 100%; height:100%;object-fit: cover; object-position: center; }
.zig-zag-section .wrap .col .right-part { width: 50%; display: inline-block; }
.zig-zag-section .wrap .col .left-part .image-title h4 { position: absolute; right: 50px; bottom: 50px; font-size: 14px; line-height: 26px; letter-spacing: 1px; }
.zig-zag-section .wrap .col .right-part { width: 50%; display: inline-block; background-color: #000; background-image: url(https://f.hubspotusercontent20.net/hubfs/8564924/Pavegen-2022/Images/zig-zag-background-img.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
.zig-zag-section .wrap .col .right-part .right-part-box-text { width: 100%; display: inline-block; padding-left:10%;padding-right:15%;padding-top:150px;padding-bottom:30px; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .right-title { width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .right-title h3 { width: 100%; color: #fff; line-height: 32px; letter-spacing: 2px;margin:0 0 40px 0; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .caption { width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .caption p { color: #fff; letter-spacing: 1px; line-height: 26px; font-weight: 500;margin:0 0 18px 0; }
.zig-zag-section .wrap .col.Right-Left { flex-direction: row-reverse; }
.zig-zag-section .wrap .col.Left-Right.white .right-part { background: #ffffff url(https://f.hubspotusercontent20.net/hubfs/8564924/mesh2-2.png); }
.zig-zag-section .wrap .col.Left-Right.white .right-part .right-part-box-text .right-title h3 { color: #28262b }
.zig-zag-section .wrap .col.Left-Right.white .right-part .right-part-box-text .caption p { color: #1e1e1e; }
.zig-zag-section .wrap .col.Left-Right.white .image-title h4 { color: #fff; }
.zig-zag-section .wrap .col .right-part.form .form-section { width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .from-section form label { color: #fff; font-size: 13px; line-height: 20px; font-weight: 500; width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .from-section form .hs-error-msgs label { color: #f2545b !important; position: absolute; margin: -8px 0 0 0; }
.zig-zag-section .wrap .col .from-section form { position: relative; width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .from-section form input[type=submit], form .hs-button { display: inline-block; font-weight: 700; font-size: 14px; border-radius: 3px; padding: 12px 24px; border-style: solid; margin: 18px 0;line-height:0; }
.zig-zag-section .wrap .col .from-section { width: 100%; display: inline-block; }
.zig-zag-section .wrap .col .vedio-icon { position: absolute; top: 50%; width: 80px; height: 80px; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); }
.zig-zag-section .wrap .col .right-part .right-part-box-text .caption p span a { color: #00d783; font-weight: 500; }
.zig-zag-section .wrap .top-image-title { width: 100%; display: inline-block; position: absolute; top: 0; left: 0; padding: 50px; max-width: 485px; }
.zig-zag-section .wrap .top-image-title p { line-height: 24px; color: #000; font-size: 20px; font-style: italic; letter-spacing: 2px; margin: 3px; background-color: #00f596; display: inline-block; font-weight: bold; padding: 0 0px 0 5px; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .right-title h3 span { color: #00f596; }

.fancybox-button { background: rgb(255 255 255) !important; }
.fancybox-button svg path { fill: #000 !important; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #000; background: #fff; }

@media(max-width:1262px){
.zig-zag-section .wrap .col .right-part .right-part-box-text { padding: 30px 230px 0 80px; }

}

@media(max-width:1199px){
.zig-zag-section .wrap .col .right-part .right-part-box-text { padding: 30px 110px 0 80px; }
}

@media(max-width:991px){
.zig-zag-section .wrap .col .right-part .right-part-box-text { padding: 30px 60px 0 50px; }
}

@media(max-width:800px){

.zig-zag-section .wrap .col .left-part { width: 100%;line-height:0; }
.zig-zag-section .wrap .col .right-part { width: 100%; }
.zig-zag-section .wrap .col .right-part .right-part-box-text { padding: 30px; }  
.zig-zag-section .wrap .col .left-part .left-img img { max-height: 260px; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .right-title h3 { margin: 0 0 30px 0; }
.zig-zag-section .wrap .col .right-part .right-part-box-text .caption p { margin: 0 0 18px 0; }  
.zig-zag-section .wrap .col .right-part .right-part-box-text .right-title h3 { font-size: 16px; line-height: 24px; }  
.zig-zag-section .cta { padding: 20px 0 0 0; margin: 0 !important; }

  
}
@media(max-width:360px){
.zig-zag-section .wrap .col .left-part .image-title h4 { bottom: 30px; left: 30px;right:0; }
}