.block-integrations .integrations-grid{grid-template-columns:250px 1fr;}

.block-integrations .integrations-grid .integrations-filter .sticky{top:120px;position:sticky;}
.block-integrations .integrations-grid .integrations-filter .integrations-search{position: relative;margin-bottom:2rem;}
.block-integrations .integrations-grid .integrations-filter .integrations-search .search-icon{width:16px;height:16px;position: absolute;top:50%;right:20px;transform:translateY(-50%);background-image:url('/wp-content/themes/toast/assets/images/search-trigger.svg');background-position:center;background-size:cover;background-repeat:no-repeat;cursor: pointer;}
.block-integrations .integrations-grid .integrations-filter .integrations-search .integrations-search-input{width:100%;border:1px solid #F4F3F7;color:#1A0E47;font-size:1.75rem;padding:1rem 2rem;border-radius:10px;padding-right:50px;}
.block-integrations .integrations-grid .integrations-filter .integrations-search .integrations-search-input::placeholder{color:#1A0E47;}


.block-integrations .integrations-grid .integrations-filter ul{list-style-type:none;padding:0;}
.block-integrations .integrations-grid .integrations-filter ul .integration-category{margin-bottom:1rem;font-size:1.9rem;}
.block-integrations .integrations-grid .integrations-filter ul .integration-category-trigger{padding:.5rem 1rem;display:inline-block;border:1px solid #7C75E3;border-radius:100px;cursor: pointer;}
.block-integrations .integrations-grid .integrations-filter ul .integration-category .integration-category-trigger.active{background:#7C75E3;color:#ffffff;}


.block-integrations .integrations-grid .integration-category-listings{position: relative;}
.block-integrations .integrations-grid .integration-category-listings:before{content:'';width:100%;height:2px;background:linear-gradient(90deg, #8C4FFB, #26EADD, #6F7DFF);position:absolute;top:0;left:0;}
.block-integrations .integrations-grid .integration-category-listings .integration-category-listing{padding-top:3rem;padding-bottom:3rem;}
.block-integrations .integrations-grid .integration-category-listings .integration-category-listing:last-child{padding-bottom:0;}
.block-integrations .integrations-grid .integration-listings{margin-top:5rem;}

.integration-listings{grid-template-columns:1fr 1fr 1fr;}
.integration-listings .integration-listing{position: relative;border:2px solid #F4F3F7;padding:2rem;border-radius:20px;transition:all .5s;}
.integration-listings .integration-listing:hover{border-color:#8C4FFB;}
.integration-listings .integration-listing .integration-listing-link{position:absolute;top:0;left:0;width:100%;height:100%;}
.integration-listings .integration-listing .integration-listing-thumbnail{border-radius:10px;border:2px solid #F4F3F7;overflow:hidden;max-width:130px;margin-bottom:2rem;}
.integration-listings .integration-listing .integration-listing-thumbnail img{width:100%;}
.integration-listings .integration-listing .learn-more{margin-top:5rem;}
.integration-listings .integration-listing .learn-more:after{content:'';width:17px;height:15px;background-image:url('/wp-content/themes/toast/assets/images/button-arrow-dark.svg');background-position:center;background-size:cover;display:inline-block;vertical-align:middle;margin-left:1rem;}

@media(max-width:1024px){
    .block-integrations .integrations-grid br{display:none !important;}
    .integration-listings{grid-template-columns:1fr 1fr;}
}

@media(max-width:768px){
    .block-integrations .integrations-grid{grid-template-columns:1fr;}
    .block-integrations .integrations-grid .integrations-filter ul .integration-category{display:inline-block;padding:0 .5rem;}
}

@media(max-width:550px){
    .integration-listings{grid-template-columns:1fr;}
}