@import url("https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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&display=swap");.sliding-panel-section{position:relative}.sliding-panel-section.layout-one .content-main-section{display:flex;position:relative;width:100%;z-index:2}.sliding-panel-section.layout-one .animation-main-card{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:100px 35px 50px;position:relative;transition:1.5s;width:33.33%}.sliding-panel-section.layout-one .animation-main-card .text-content{position:relative;z-index:1}.sliding-panel-section.layout-one .animation-main-card:first-child{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/ani-banner.png)}.sliding-panel-section.layout-one .animation-main-card:nth-child(2){background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/ani-banner-s.png)}.sliding-panel-section.layout-one .animation-main-card:last-child{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/ani-banner-t.png)}.sliding-panel-section.layout-one .text-content h2{display:-webkit-box;font-size:42px;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;font-family:Arima,serif;font-weight:600;line-height:1.2;margin-bottom:16px}.sliding-panel-section.layout-one .text-content p{display:-webkit-box;min-width:400px;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#fff;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:12px;max-width:400px}.sliding-panel-section.layout-one .text-content .cta-box{max-width:300px;min-width:300px}.sliding-panel-section.layout-one .text-content .cta-box a{background:transparent;border:1px solid #fff;border-radius:8px;color:#fff;display:inline-block;font-family:Inter,serif;font-size:16px;font-weight:400;margin-top:30px;padding:10px 12px;text-decoration:none;transition:.3s}.sliding-panel-section.layout-one .text-content .hover-content{margin-top:280px;opacity:0;transition:.6s}.sliding-panel-section.layout-one .animation-main-card:hover .text-content .hover-content{opacity:1}.sliding-panel-section.layout-two{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/bg-pattrens.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:70px 0 100px}.sliding-panel-section.layout-two .content-box{display:flex}.sliding-panel-section.layout-two .box{display:flex;margin-top:30px;padding:0 10px;transition:1.5s;width:50%}.sliding-panel-section.layout-two .text-box{background-color:#000;border-radius:28px;box-shadow:1px 1px 8px 0 #00000040;height:100%;padding:70px 30px 50px;width:100%}.sliding-panel-section.layout-two .text-box h2{display:-webkit-box;font-size:38px;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;font-family:Poppins,serif;font-weight:600;line-height:1.3;margin-bottom:16px}.sliding-panel-section.layout-two .text-box p{display:-webkit-box;max-width:360px;min-width:350px;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#fff;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:12px;transition:1s}.sliding-panel-section.layout-two .text-box .cta-box{max-width:360px;min-width:350px;transition:1s}.sliding-panel-section.layout-two .text-box .cta-box a{background:transparent;border:1px solid #fff;border-radius:8px;color:#fff;display:inline-block;font-family:Poppins,serif;font-size:16px;font-weight:400;margin-top:30px;padding:10px 12px;text-decoration:none;transition:.3s}.sliding-panel-section.layout-two .text-box .hover-content{margin-top:100px;opacity:0;transition:.6s}.sliding-panel-section.layout-three{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/bg-layout.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:100px 0}.sliding-panel-section.layout-three .content-section{display:flex;position:relative;width:100%;z-index:2}.sliding-panel-section.layout-three .animation-main-card{background-image:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/ani-card-s.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:4px 4px 15px 0 #00000040;margin-right:10px;padding:100px 35px 50px;position:relative;transition:1.5s;width:33.33%}.sliding-panel-section.layout-three .animation-main-card:after{background:#131824c2;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.sliding-panel-section.layout-three .animation-main-card:hover{transition:1.5s}.sliding-panel-section.layout-three .text-content{position:relative;z-index:2}.sliding-panel-section.layout-three .text-content h2{display:-webkit-box;font-size:24px;overflow:hidden;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#fff;font-family:"DM Serif Text",serif;font-weight:400;line-height:1.2;margin-bottom:16px}.sliding-panel-section.layout-three .text-content p{display:-webkit-box;min-width:250px;overflow:hidden;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;color:#fff;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:12px;max-width:250px}.sliding-panel-section.layout-three .text-content .cta-box{max-width:250px;min-width:250px}.sliding-panel-section.layout-three .text-content .cta-box a{background:transparent;border:1px solid #fff;border-radius:8px;color:#fff;display:inline-block;font-family:"DM Serif Text",serif;font-size:16px;font-weight:400;margin-top:30px;padding:10px 12px;text-decoration:none;transition:.3s}.sliding-panel-section.layout-three .text-content .hover-content{margin-top:100px;opacity:0;transition:.6s}.sliding-panel-section.layout-three .animation-main-card:hover .text-content .hover-content{opacity:1}@media(min-width:992px){.sliding-panel-section.layout-one .animation-main-card:hover{width:55%}.sliding-panel-section.layout-two .box:hover{width:85%}.sliding-panel-section.layout-two .box:hover .text-box .hover-content{opacity:1;transition:1s}.sliding-panel-section.layout-three .animation-main-card:hover{width:60%}}@media(min-width:992px) and (max-width:1199.98px){.sliding-panel-section.layout-one .text-content .cta-box,.sliding-panel-section.layout-one .text-content p{max-width:100%;min-width:100%}.sliding-panel-section.layout-one .text-content .hover-content{margin-top:150px}.sliding-panel-section.layout-one .text-content h2{font-size:30px}.sliding-panel-section.layout-two .text-box .cta-box,.sliding-panel-section.layout-two .text-box p{max-width:250px;min-width:250px}.sliding-panel-section.layout-two .text-box h2{font-size:34px}.sliding-panel-section.layout-three .text-content .cta-box,.sliding-panel-section.layout-three .text-content p{max-width:100%;min-width:100%}.sliding-panel-section.layout-three .text-content h2{font-size:20px}}@media(max-width:991.98px){.sliding-panel-section.layout-three .text-content p{max-width:100%;min-width:100%}.sliding-panel-section.layout-three .text-content .hover-content{opacity:1}.sliding-panel-section.layout-one .content-main-section{display:block}.sliding-panel-section.layout-one .animation-main-card{width:100%}.sliding-panel-section.layout-one .animation-main-card:hover .text-content .hover-content,.sliding-panel-section.layout-one .text-content .hover-content{margin-top:0}.sliding-panel-section.layout-two .text-box .cta-box,.sliding-panel-section.layout-two .text-box p{max-width:none;min-width:auto}.sliding-panel-section.layout-two .text-box .hover-content{opacity:1}.sliding-panel-section.layout-two .text-box h2{font-size:28px}.sliding-panel-section.layout-two .content-box{flex-wrap:wrap}.sliding-panel-section.layout-two .content-box .box.three{width:50%}.sliding-panel-section.layout-one .text-content .hover-content{opacity:1}.sliding-panel-section.layout-one .text-content p{max-width:100%;min-width:100%}.sliding-panel-section.layout-three .content-section{display:block}.sliding-panel-section.layout-three .animation-main-card{margin:30px 0 0;width:100%}.sliding-panel-section.layout-three .animation-main-card:first-child{margin-right:0}.sliding-panel-section.layout-three .animation-main-card:nth-child(2){margin-left:0;margin-right:0}.sliding-panel-section.layout-three .animation-main-card:last-child{margin-left:0}.sliding-panel-section.layout-three .animation-main-card:hover .text-content .hover-content,.sliding-panel-section.layout-three .text-content .hover-content,.sliding-panel-section.layout-two .text-box .hover-content{margin-top:0}.sliding-panel-section.layout-one .text-content h2,.sliding-panel-section.layout-one .text-content p,.sliding-panel-section.layout-three .text-content h2,.sliding-panel-section.layout-three .text-content p,.sliding-panel-section.layout-two .text-box h2,.sliding-panel-section.layout-two .text-box p{overflow:hidden;-webkit-line-clamp:none;line-clamp:none;-webkit-box-orient:vertical}}@media(max-width:767.98px){.sliding-panel-section.layout-two .text-box .hover-content{margin-top:0}.sliding-panel-section.layout-one .text-content h2{font-size:32px}.sliding-panel-section.layout-three,.sliding-panel-section.layout-two{padding:20px 0 50px}.sliding-panel-section.layout-two .content-box{display:block}.sliding-panel-section.layout-two .box{width:100%}.sliding-panel-section.layout-two .text-box{padding:50px 20px}.sliding-panel-section.layout-one .animation-main-card .text-content .hover-content{margin-top:0;opacity:1}.sliding-panel-section.layout-one .text-content .cta-box,.sliding-panel-section.layout-one .text-content p{max-width:100%;min-width:auto}.sliding-panel-section.layout-one .animation-main-card:hover .text-content .hover-content,.sliding-panel-section.layout-three .animation-main-card:hover .text-content .hover-content{margin-top:0}.sliding-panel-section.layout-three .animation-main-card .text-content .hover-content{margin-top:0;opacity:1}.sliding-panel-section.layout-three .text-content .cta-box,.sliding-panel-section.layout-three .text-content p{max-width:431px;min-width:auto}.sliding-panel-section.layout-three .animation-main-card{padding:50px 30px}}.sliding-wrapper{margin-left:auto;margin-right:auto;padding-left:var(--bs-gutter-x,.75rem);padding-right:var(--bs-gutter-x,.75rem);width:100%}.sliding-panel-section .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)}.sliding-panel-section .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%}.sliding-panel-section .col{flex:1 0 0%}.sliding-panel-section .col-auto,.sliding-panel-section .row-cols-auto>*{flex:0 0 auto;width:auto}.sliding-panel-section .col-12,.sliding-panel-section .row-cols-1>*{flex:0 0 auto;width:100%}.sliding-panel-section .col-6,.sliding-panel-section .row-cols-2>*{flex:0 0 auto;width:50%}.sliding-panel-section .col-4,.sliding-panel-section .row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.sliding-panel-section .col-3,.sliding-panel-section .row-cols-4>*{flex:0 0 auto;width:25%}.sliding-panel-section .row-cols-5>*{flex:0 0 auto;width:20%}.sliding-panel-section .col-2,.sliding-panel-section .row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.sliding-panel-section .col-1,.sliding-panel-section .col-5,.sliding-panel-section .col-7,.sliding-panel-section .col-8{flex:0 0 auto}.sliding-panel-section .col-1{width:8.3333333333%}.sliding-panel-section .col-5{width:41.6666666667%}.sliding-panel-section .col-7{width:58.3333333333%}.sliding-panel-section .col-8{width:66.6666666667%}.sliding-panel-section .col-9{flex:0 0 auto;width:75%}.sliding-panel-section .col-10{flex:0 0 auto;width:83.3333333333%}.sliding-panel-section .col-11{flex:0 0 auto;width:91.6666666667%}@media (min-width:576px){.sliding-panel-section .container-sm,.sliding-panel-section .sliding-wrapper{max-width:540px}.sliding-panel-section .col-sm{flex:1 0 0%}.sliding-panel-section .col-sm-auto,.sliding-panel-section .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.sliding-panel-section .col-sm-12,.sliding-panel-section .row-cols-sm-1>*{flex:0 0 auto;width:100%}.sliding-panel-section .col-sm-6,.sliding-panel-section .row-cols-sm-2>*{flex:0 0 auto;width:50%}.sliding-panel-section .col-sm-4,.sliding-panel-section .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.sliding-panel-section .col-sm-3,.sliding-panel-section .row-cols-sm-4>*{flex:0 0 auto;width:25%}.sliding-panel-section .row-cols-sm-5>*{flex:0 0 auto;width:20%}.sliding-panel-section .col-sm-2,.sliding-panel-section .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.sliding-panel-section .col-sm-1{flex:0 0 auto;width:8.3333333333%}.sliding-panel-section .col-sm-5{flex:0 0 auto;width:41.6666666667%}.sliding-panel-section .col-sm-7{flex:0 0 auto;width:58.3333333333%}.sliding-panel-section .col-sm-8{flex:0 0 auto;width:66.6666666667%}.sliding-panel-section .col-sm-9{flex:0 0 auto;width:75%}.sliding-panel-section .col-sm-10{flex:0 0 auto;width:83.3333333333%}.sliding-panel-section .col-sm-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:768px){.sliding-panel-section .sliding-wrapper{max-width:720px}.sliding-panel-section .col-md{flex:1 0 0%}.sliding-panel-section .col-md-auto,.sliding-panel-section .row-cols-md-auto>*{flex:0 0 auto;width:auto}.sliding-panel-section .col-md-12,.sliding-panel-section .row-cols-md-1>*{flex:0 0 auto;width:100%}.sliding-panel-section .col-md-6,.sliding-panel-section .row-cols-md-2>*{flex:0 0 auto;width:50%}.sliding-panel-section .col-md-4,.sliding-panel-section .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.sliding-panel-section .col-md-3,.sliding-panel-section .row-cols-md-4>*{flex:0 0 auto;width:25%}.sliding-panel-section .row-cols-md-5>*{flex:0 0 auto;width:20%}.sliding-panel-section .col-md-2,.sliding-panel-section .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.sliding-panel-section .col-md-1{flex:0 0 auto;width:8.3333333333%}.sliding-panel-section .col-md-5{flex:0 0 auto;width:41.6666666667%}.sliding-panel-section .col-md-7{flex:0 0 auto;width:58.3333333333%}.sliding-panel-section .col-md-8{flex:0 0 auto;width:66.6666666667%}.sliding-panel-section .col-md-9{flex:0 0 auto;width:75%}.sliding-panel-section .col-md-10{flex:0 0 auto;width:83.3333333333%}.sliding-panel-section .col-md-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:992px){.sliding-panel-section .sliding-wrapper{max-width:960px}.sliding-panel-section .col-lg{flex:1 0 0%}.sliding-panel-section .col-lg-auto,.sliding-panel-section .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.sliding-panel-section .col-lg-12,.sliding-panel-section .row-cols-lg-1>*{flex:0 0 auto;width:100%}.sliding-panel-section .col-lg-6,.sliding-panel-section .row-cols-lg-2>*{flex:0 0 auto;width:50%}.sliding-panel-section .col-lg-4,.sliding-panel-section .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.sliding-panel-section .col-lg-3,.sliding-panel-section .row-cols-lg-4>*{flex:0 0 auto;width:25%}.sliding-panel-section .row-cols-lg-5>*{flex:0 0 auto;width:20%}.sliding-panel-section .col-lg-2,.sliding-panel-section .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.sliding-panel-section .col-lg-1{flex:0 0 auto;width:8.3333333333%}.sliding-panel-section .col-lg-5{flex:0 0 auto;width:41.6666666667%}.sliding-panel-section .col-lg-7{flex:0 0 auto;width:58.3333333333%}.sliding-panel-section .col-lg-8{flex:0 0 auto;width:66.6666666667%}.sliding-panel-section .col-lg-9{flex:0 0 auto;width:75%}.sliding-panel-section .col-lg-10{flex:0 0 auto;width:83.3333333333%}.sliding-panel-section .col-lg-11{flex:0 0 auto;width:91.6666666667%}}@media (min-width:1200px){.sliding-panel-section .sliding-wrapper{max-width:1200px}}@media (max-width:767.98px){.sliding-panel-section .sliding-wrapper{padding-left:20px;padding-right:20px}}