.integration-col-container{display:flex}.integration-filter{flex:0 0 178px}.integration-filter ul{list-style:none;margin:0;padding:0}.integration-filter ul li:before{content:normal!important}.integration-filter button.btn{background-image:url(https://143186351.fs1.hubspotusercontent-eu1.net/hubfs/143186351/Custom%20Theme%202024%20Assets/Page%20Assets/Images/filter-icon.png);background-origin:content-box;background-position:0;background-repeat:no-repeat;background-size:19px auto;border:none;border-radius:8px;color:#646369;font-size:16px;font-weight:600;line-height:19.2px;padding:20.5px 15px;width:100%}.integration-filter button.btn:hover{border:none}.integration-filter button.btn.active{background-color:#f0f0f2}.integration-filter .integration-card{display:none}.integration-filter .integration-card.show{display:block}.integration-cards-box{display:grid;flex:1;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;padding-left:72px;grid-column-gap:16px;grid-row-gap:16px;align-self:flex-start}.integration-cards-box .integration-card{background-color:#f0f0f2;border-radius:16px;display:none;padding:16px}.integration-card .img-col{flex:0 0 140px;padding-right:24px}.integration-card .img-col img{height:auto;object-fit:cover;object-position:center;width:100%}.integration-card .content-col{flex:1}.integration-card .content-col .col-title{background:none;background-image:url(https://143186351.fs1.hubspotusercontent-eu1.net/hubfs/143186351/Custom%20Theme%202024%20Assets/Page%20Assets/Images/Arrow%202-1.png);background-position:100%;background-repeat:no-repeat;background-size:19px auto;color:#201f23;margin-bottom:8px;margin-right:24px;padding:8px 0}.integration-card .content-col .col-title a{color:#201f23;display:block;font-family:Roboto;font-size:20px;font-weight:700;line-height:32px;text-decoration:none}.integration-card .content-col .col-description{color:#646369;font-family:Roboto;font-size:14px;font-weight:400;letter-spacing:0;line-height:22.4px}.integration-cards-box .integration-card.show{display:flex}.btn{background-color:#fff;border:none;cursor:pointer;outline:none;padding:12px 16px}.btn:hover{background-color:#ddd}.btn.active{background-color:#666;color:#fff}@media screen and (min-width:768px) and (max-width:991px){.integration-cards-box{grid-template-columns:repeat(1,1fr);grid-template-rows:1fr}}@media screen and (min-width:581px) and (max-width:767px){.integration-cards-box{grid-template-columns:repeat(1,1fr);grid-template-rows:1fr;padding-left:25px}}@media screen and (min-width:320px) and (max-width:580px){.integration-col-container{display:block}.integration-cards-box{grid-template-columns:repeat(1,1fr);margin-top:36px;padding:0}}