@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.cdnfonts.com/css/red-rose");.image-gallery-with-animation{position:relative}.image-gallery-with-animation .gallery-wrapper{position:relative;z-index:2}.image-gallery-with-animation.layout-one{padding:70px 0}.image-gallery-with-animation.layout-one .content-column{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/bg-ly-one.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;padding:15px;position:relative}.image-gallery-with-animation.layout-one .content-box{position:relative;z-index:2}.image-gallery-with-animation.layout-one .text-box{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:50px 20px}.image-gallery-with-animation.layout-one .text-box h6{color:#232323;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;letter-spacing:2px;line-height:1.4;margin-bottom:30px}.image-gallery-with-animation.layout-one .text-box h2{color:#1c1b1f;font-family:Poppins,sans-serif;font-size:40px;font-weight:600;line-height:1.4;margin-bottom:16px}.image-gallery-with-animation.layout-one .text-box .cta-box a{align-items:center;background:transparent;color:#1c1b1f;display:flex;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:0;margin-top:30px;max-width:max-content;padding:0;text-decoration:none;text-transform:none}.image-gallery-with-animation.layout-one .text-box .cta-box a svg{height:20px;width:20px;fill:#1c1b1f;margin-left:8px}.image-gallery-with-animation.layout-one .gallery-box .swipe-tab-content{border:1px solid #fff;border-radius:10px;line-height:0}.image-gallery-with-animation.layout-one .gallery-box .swipe-tab-content img{border-radius:10px;max-height:370px;min-height:370px;object-fit:cover;width:100%}.image-gallery-with-animation.layout-one .gallery-box .sub-header{margin-top:15px}.image-gallery-with-animation.layout-one .gallery-box .sub-header .swipe-tab{border:1px solid #fff;border-radius:10px;cursor:pointer;margin:0 5px}.image-gallery-with-animation.layout-one .gallery-box .sub-header .swipe-tab img{border-radius:10px;max-height:80px;min-height:80px;object-fit:cover}.image-gallery-with-animation.layout-two{background:#6da88f;padding:70px 0}.image-gallery-with-animation.layout-two .heading{margin:0 auto;max-width:800px;text-align:center}.image-gallery-with-animation.layout-two .heading h2{color:#fff;font-family:Red Rose,sans-serif;font-size:36px;font-weight:700;line-height:1.3;margin-bottom:16px}.image-gallery-with-animation.layout-two .heading p{color:#d1f2e4;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.image-gallery-with-animation.layout-two .slider-container{height:450px;margin-top:40px;position:relative;width:100%}.image-gallery-with-animation.layout-two .slider-box{height:750px;left:0;max-height:750px;min-height:750px;position:absolute;top:-170px;transition:transform 1s ease-in-out,opacity 1s ease-in-out;width:100%}.image-gallery-with-animation.layout-two .slider-box img{border-radius:40px;max-height:700px;min-height:700px;object-fit:cover;width:100%}.image-gallery-with-animation.layout-two .slider-box.hidden{display:block;opacity:.5;transform:translateX(-20%) scale(.2);z-index:5}.image-gallery-with-animation.layout-two .slider-box.active{opacity:1;transform:scale(.5);z-index:10}.image-gallery-with-animation.layout-two .slider-box.previous{opacity:.5;transform:translateX(-20%) scale(.3);z-index:5}.image-gallery-with-animation.layout-two .slider-box.next{opacity:.5;transform:translateX(20%) scale(.3);z-index:5}.image-gallery-with-animation.layout-two .nav-arrow{background:transparent;border:none;border-radius:50%;bottom:-25px;color:#fff;cursor:pointer;line-height:0;padding:0;position:absolute;z-index:20}.image-gallery-with-animation.layout-two .nav-arrow svg{height:18px;width:18px;fill:#77d1ab}.image-gallery-with-animation.layout-two .prev{left:30%}.image-gallery-with-animation.layout-two .next{right:30%}.image-gallery-with-animation.layout-two .dots{display:flex;justify-content:center;margin-top:0}.image-gallery-with-animation.layout-two .dot{background:#77d1ab;border-radius:50%;cursor:pointer;height:12px;margin:5px;width:12px}.image-gallery-with-animation.layout-two .dot.active-dot{background:#fff}.image-gallery-with-animation.layout-three{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:100px 0;width:100%}.image-gallery-with-animation.layout-three .content-box{align-items:center}.image-gallery-with-animation.layout-three .text-box h2{color:#ddd;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1.4;margin-bottom:16px}.image-gallery-with-animation.layout-three .text-box p{color:#62687e;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.image-gallery-with-animation.layout-three .image-box{display:flex;height:100%;width:100%}.image-gallery-with-animation.layout-three .image-box .image{cursor:pointer;padding:0 5px;transition:.7s;width:12%}.image-gallery-with-animation.layout-three .image-box .image.active{width:40%}.image-gallery-with-animation.layout-three .image-box img{border-radius:10px;max-height:325px;min-height:325px;object-fit:cover;transition:.7s;width:100%}@media(min-width:992px) and (max-width:1199.98px){.image-gallery-with-animation.layout-one .text-box h2{font-size:34px}}@media(max-width:991.98px){.image-gallery-with-animation.layout-one .content-column{padding:40px 15px 15px}.image-gallery-with-animation.layout-one .text-box{display:block;padding:0}.image-gallery-with-animation.layout-one .gallery-box{margin-top:50px}.image-gallery-with-animation.layout-two .prev{left:20%}.image-gallery-with-animation.layout-two .next{right:20%}.image-gallery-with-animation.layout-three .image-box{margin-top:50px}}@media(max-width:767.98px){.image-gallery-with-animation.layout-two .slider-box img{max-height:550px;min-height:550px}.image-gallery-with-animation.layout-two .slider-container{height:300px;margin-top:60px}.image-gallery-with-animation.layout-two .slider-box{height:550px;max-height:550px;min-height:550px}.image-gallery-with-animation.layout-one .gallery-box .swipe-tab-content img{max-height:300px;min-height:300px}.image-gallery-with-animation.layout-one,.image-gallery-with-animation.layout-three,.image-gallery-with-animation.layout-two{padding:50px 0}.image-gallery-with-animation.layout-one .text-box h2{font-size:30px}.image-gallery-with-animation.layout-two .heading h2{font-size:32px}.image-gallery-with-animation.layout-two .slider-box.hidden,.image-gallery-with-animation.layout-two .slider-box.previous{transform:translateX(-30%) scale(.3)}.image-gallery-with-animation.layout-two .slider-box.next{transform:translateX(30%) scale(.3)}.image-gallery-with-animation.layout-two .prev{left:10%}.image-gallery-with-animation.layout-two .next{right:10%}.image-gallery-with-animation.layout-three .image-box{flex-wrap:wrap}.image-gallery-with-animation.layout-three .image-box .image,.image-gallery-with-animation.layout-three .image-box .image.active{width:100%}.image-gallery-with-animation.layout-three .image-box img{min-height:auto}.image-gallery-with-animation.layout-three .image-box .image img{max-height:55px}.image-gallery-with-animation.layout-three .image-box .image.active img{max-height:325px}}.image-gallery-with-animation .gallery-wrapper{margin-left:auto;margin-right:auto;padding-left:var(--bs-gutter-x,.75rem);padding-right:var(--bs-gutter-x,.75rem);width:100%}.image-gallery-with-animation .row{--bs-gutter-x:1.5rem;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)/-2);margin-right:calc(var(--bs-gutter-x)/-2);margin-top:calc(var(--bs-gutter-y)*-1)}.image-gallery-with-animation .row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);width:100%}.image-gallery-with-animation .col{flex:1 0 0%}.image-gallery-with-animation .col-auto,.image-gallery-with-animation .row-cols-auto>*{flex:0 0 auto;width:auto}.image-gallery-with-animation .col-12,.image-gallery-with-animation .row-cols-1>*{flex:0 0 auto;width:100%}.image-gallery-with-animation .col-6,.image-gallery-with-animation .row-cols-2>*{flex:0 0 auto;width:50%}.image-gallery-with-animation .col-4,.image-gallery-with-animation .row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.image-gallery-with-animation .col-3,.image-gallery-with-animation .row-cols-4>*{flex:0 0 auto;width:25%}.image-gallery-with-animation .row-cols-5>*{flex:0 0 auto;width:20%}.image-gallery-with-animation .col-2,.image-gallery-with-animation .row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.image-gallery-with-animation .col-1,.image-gallery-with-animation .col-5,.image-gallery-with-animation .col-7,.image-gallery-with-animation .col-8{flex:0 0 auto}.image-gallery-with-animation .col-1{width:8.3333333333%}.image-gallery-with-animation .col-5{width:41.6666666667%}.image-gallery-with-animation .col-7{width:58.3333333333%}.image-gallery-with-animation .col-8{width:66.6666666667%}.image-gallery-with-animation .col-9{flex:0 0 auto;width:75%}.image-gallery-with-animation .col-10{flex:0 0 auto;width:83.3333333333%}.image-gallery-with-animation .col-11{flex:0 0 auto;width:91.6666666667%}@media (min-width:576px){.image-gallery-with-animation .container-sm,.image-gallery-with-animation .gallery-wrapper{max-width:540px}.image-gallery-with-animation .col-sm{flex:1 0 0%}.image-gallery-with-animation .col-sm-auto,.image-gallery-with-animation .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.image-gallery-with-animation .col-sm-12,.image-gallery-with-animation .row-cols-sm-1>*{flex:0 0 auto;width:100%}.image-gallery-with-animation .col-sm-6,.image-gallery-with-animation .row-cols-sm-2>*{flex:0 0 auto;width:50%}.image-gallery-with-animation .col-sm-4,.image-gallery-with-animation .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.image-gallery-with-animation .col-sm-3,.image-gallery-with-animation .row-cols-sm-4>*{flex:0 0 auto;width:25%}.image-gallery-with-animation .row-cols-sm-5>*{flex:0 0 auto;width:20%}.image-gallery-with-animation .col-sm-2,.image-gallery-with-animation .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.image-gallery-with-animation .col-sm-1{flex:0 0 auto;width:8.3333333333%}.image-gallery-with-animation .col-sm-5{flex:0 0 auto;width:41.6666666667%}.image-gallery-with-animation .col-sm-7{flex:0 0 auto;width:58.3333333333%}.image-gallery-with-animation .col-sm-8{flex:0 0 auto;width:66.6666666667%}.image-gallery-with-animation .col-sm-9{flex:0 0 auto;width:75%}.image-gallery-with-animation .col-sm-10{flex:0 0 auto;width:83.3333333333%}.image-gallery-with-animation .col-sm-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:768px){.image-gallery-with-animation .gallery-wrapper{max-width:720px}.image-gallery-with-animation .col-md{flex:1 0 0%}.image-gallery-with-animation .col-md-auto,.image-gallery-with-animation .row-cols-md-auto>*{flex:0 0 auto;width:auto}.image-gallery-with-animation .col-md-12,.image-gallery-with-animation .row-cols-md-1>*{flex:0 0 auto;width:100%}.image-gallery-with-animation .col-md-6,.image-gallery-with-animation .row-cols-md-2>*{flex:0 0 auto;width:50%}.image-gallery-with-animation .col-md-4,.image-gallery-with-animation .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.image-gallery-with-animation .col-md-3,.image-gallery-with-animation .row-cols-md-4>*{flex:0 0 auto;width:25%}.image-gallery-with-animation .row-cols-md-5>*{flex:0 0 auto;width:20%}.image-gallery-with-animation .col-md-2,.image-gallery-with-animation .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.image-gallery-with-animation .col-md-1{flex:0 0 auto;width:8.3333333333%}.image-gallery-with-animation .col-md-5{flex:0 0 auto;width:41.6666666667%}.image-gallery-with-animation .col-md-7{flex:0 0 auto;width:58.3333333333%}.image-gallery-with-animation .col-md-8{flex:0 0 auto;width:66.6666666667%}.image-gallery-with-animation .col-md-9{flex:0 0 auto;width:75%}.image-gallery-with-animation .col-md-10{flex:0 0 auto;width:83.3333333333%}.image-gallery-with-animation .col-md-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:992px){.image-gallery-with-animation .gallery-wrapper{max-width:960px}.image-gallery-with-animation .col-lg{flex:1 0 0%}.image-gallery-with-animation .col-lg-auto,.image-gallery-with-animation .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.image-gallery-with-animation .col-lg-12,.image-gallery-with-animation .row-cols-lg-1>*{flex:0 0 auto;width:100%}.image-gallery-with-animation .col-lg-6,.image-gallery-with-animation .row-cols-lg-2>*{flex:0 0 auto;width:50%}.image-gallery-with-animation .col-lg-4,.image-gallery-with-animation .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.image-gallery-with-animation .col-lg-3,.image-gallery-with-animation .row-cols-lg-4>*{flex:0 0 auto;width:25%}.image-gallery-with-animation .row-cols-lg-5>*{flex:0 0 auto;width:20%}.image-gallery-with-animation .col-lg-2,.image-gallery-with-animation .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.image-gallery-with-animation .col-lg-1{flex:0 0 auto;width:8.3333333333%}.image-gallery-with-animation .col-lg-5{flex:0 0 auto;width:41.6666666667%}.image-gallery-with-animation .col-lg-7{flex:0 0 auto;width:58.3333333333%}.image-gallery-with-animation .col-lg-8{flex:0 0 auto;width:66.6666666667%}.image-gallery-with-animation .col-lg-9{flex:0 0 auto;width:75%}.image-gallery-with-animation .col-lg-10{flex:0 0 auto;width:83.3333333333%}.image-gallery-with-animation .col-lg-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:1200px){.image-gallery-with-animation .gallery-wrapper{max-width:1200px}}