#integrations #hero{padding:155px 0 80px;background-image:url(https://www.agorapulse.com/assets/integrations/integration-hero.png);position:relative}#integrations #hero,#integrations #hero:before{background-size:cover;background-position:50%;background-repeat:no-repeat}#integrations #hero:before{content:"";background-image:url(https://www.agorapulse.com/assets/integrations/integration-pattern.png);height:100%;position:absolute;right:0;top:0;z-index:0;width:100%;max-width:1469px}#integrations #hero .intro{display:flex;flex-direction:column;grid-gap:32px;gap:32px;position:relative}#integrations #hero h1,#integrations #hero h2{max-width:892px;margin-left:auto;margin-right:auto;color:#212e44}#integrations #hero h1{text-align:center;font-size:56px;font-weight:900;line-height:56px;letter-spacing:-.56px}#integrations #hero h2{text-align:center;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}@media(max-width:991.98px){#integrations #hero{padding-top:120px;padding-bottom:64px;background-position:left 75px}#integrations #hero h1{text-align:left;font-size:40px;font-weight:900;line-height:44px;letter-spacing:-.4px}#integrations #hero h2{text-align:left}#integrations #hero .intro{grid-gap:24px;gap:24px}}@media(min-width:1400px){#integrations #resources-list .container{max-width:1380px}}#integrations .filter-buttons{margin-bottom:55px}#integrations .filter-buttons a.button.filter-button,#integrations .filter-buttons button.button.filter-button,#integrations .filter-buttons input.hs-button.filter-button{font-size:16px;font-weight:700;line-height:normal;padding:18px;border-radius:4px;background-color:#f5f5f7;margin-left:16px;margin-top:16px}#integrations .filter-buttons a.button.filter-button.selected,#integrations .filter-buttons a.button.filter-button:hover,#integrations .filter-buttons button.button.filter-button.selected,#integrations .filter-buttons button.button.filter-button:hover,#integrations .filter-buttons input.hs-button.filter-button.selected,#integrations .filter-buttons input.hs-button.filter-button:hover{background-color:#ffe1d4}#integrations .integrations-list{grid-row-gap:40px;row-gap:40px}#integrations .integrations-list .col-md-4{display:flex;justify-content:center}@media(max-width:991.98px){#integrations .integrations-list .col-md-4{flex:0 0 50%;max-width:50%}}@media(max-width:575.98px){#integrations .integrations-list .col-md-4{flex:0 0 100%;max-width:100%}}#integrations .integrations-list article{box-shadow:0 24px 20px 0 rgba(33,46,68,.0196078431);border:1px solid rgba(133,143,161,.2);border-radius:16px;padding:24px 32px;width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;max-width:380px;position:relative}#integrations .integrations-list article .ribbon{width:135px;height:141px;overflow:hidden;position:absolute;bottom:0;right:0}#integrations .integrations-list article .ribbon span{position:absolute;display:block;width:235px;padding:2px 0;background-color:#ffa47d;color:#fff;text-align:center;transform:rotate(-45deg);transform-origin:bottom left;bottom:-50px;left:18px;font-size:17.622px;font-weight:900;line-height:36.174px;letter-spacing:.352px}#integrations .integrations-list article a.hv2-button{font-size:16px;font-weight:800;line-height:20px;letter-spacing:-.32px;border:none;padding:0;text-decoration:underline}#integrations .integrations-list article a.hv2-button.white:focus,#integrations .integrations-list article a.hv2-button.white:hover{background-color:#fff;color:#ff6726}#integrations .integrations-list article a.hv2-button.white:focus .arrow,#integrations .integrations-list article a.hv2-button.white:hover .arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FF6726' stroke-width='2.5' stroke-linecap='round' d='M1.25 5.8h16.5'/%3E%3Cpath d='M14.2 2.15L18 6l-3.8 3.85' stroke='%23FF6726' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#integrations .integrations-list article .heading{display:flex;flex-direction:column;grid-gap:16px;gap:16px}#integrations .integrations-list article .heading-image-tag{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#integrations .integrations-list article .heading-image-tag picture{height:60px;width:60px;min-width:60px}#integrations .integrations-list article h4,#integrations .integrations-list article h5,#integrations .integrations-list article p{margin-bottom:0}#integrations .integrations-list article .cta{min-height:22px;margin-top:20px}#integrations .integrations-list article .labels{display:flex;flex-direction:column;align-items:flex-end}#integrations .integrations-list article h4{color:#344563;font-size:24px;font-weight:700;line-height:normal;letter-spacing:-.48px}#integrations .integrations-list article h5{font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#858fa1;padding:7px 14px;border-radius:24px;background:#f9f9fa;text-align:center;margin-bottom:6px}#integrations .integrations-list article p{color:#212e44;font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:.1px}@media(max-width:991.98px){#integrations .integrations-list article h4{font-size:18px;font-weight:700;letter-spacing:-.36px}#integrations .integrations-list article p{font-size:14px;font-weight:400;line-height:19.6px;letter-spacing:.1px}}