.resource-listing{display:grid;gap:30px;grid-template-columns:auto auto auto;justify-content:center;margin:auto;max-width:1440px}@media screen and (max-width:1300px){.resource-listing{grid-template-columns:auto auto}}@media screen and (max-width:835px){.resource-listing{grid-template-columns:auto}}.resource{border-radius:20px;box-shadow:0 20.24033px 67.46778px 0 rgba(0,0,0,.12);display:flex;flex-flow:column;overflow:hidden;width:410px}.resource-type{align-items:center;background:var(--Heeros-Yellow,#fc3);border-radius:12.794px;color:var(--primary-white,#fff);display:flex;font-family:Poppins;font-size:13px;font-style:normal;font-weight:700;justify-content:center;line-height:normal;margin-bottom:10px;padding:3px 11px;width:fit-content}.resource_tags{display:flex}.resource_tag{border-right:1px solid #dfdfdf;color:var(--Heeros-Grey-Text,#676767);font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.039px;line-height:normal;margin-right:5px;padding-right:5px;white-space:nowrap}.resource_tags .resource_tag:last-child{border-right:none}.resource_title{color:var(--Heeros-Black,#333);font-family:Poppins;font-feature-settings:"clig" off,"liga" off;font-size:18px;font-style:normal;font-weight:700;line-height:32px;margin-top:20px}.resource_link svg{margin-left:7px}.resource_link{font-family:Poppins;font-size:13px;font-style:normal;font-weight:600;line-height:normal;margin-top:20px}.resource_bg{background-image:url(https://www.heeros.com/hubfs/Garik-smiling.png);background-position:50%;background-size:cover;height:246px}.resource-content{display:flex;flex-flow:column;padding:30px}.filter-dropdowns{gap:20px}.filter-dropdowns,.type-dropdown{display:flex;justify-content:center}.topic-dropdown,.type-dropdown{flex-flow:column;margin-bottom:60px;max-width:410px}.topic-dropdown{display:flex;justify-content:center}.dropdown-btn{align-items:center;background:var(--Heeros-White,#fff);border:none;border-radius:8px;box-shadow:0 20.24033px 67.46778px 0 rgba(0,0,0,.12);display:none;display:flex;font-family:Poppins;font-size:13px;font-style:normal;font-weight:500;gap:10px;height:56px;line-height:normal;min-width:325px;padding:9px 15px 9px 20px;position:relative;text-align:left}.dropdown-btn:focus{outline:none}.dropdown-btn:after{background-image:url(https://www.heeros.com/hubfs/Dev%20assets%202023/down.svg);background-repeat:no-repeat;background-size:contain;content:"";cursor:pointer;height:21px;position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(180deg);width:21px}.dropdown-btn.active:after,.dropper-opened .dropdown-btn:after{transform:translateY(-50%) rotate(0deg)}.dropdown-btn svg{position:absolute;right:10px}.dropper-opened .dropdown-content{max-height:fit-content;padding-top:10px}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);max-height:0;min-width:160px;overflow:hidden;position:relative;transform:translateY(-10px);z-index:1}.dropdown-content a{color:#333;display:block;font-size:13px;font-weight:500;padding:12px 16px;text-decoration:none}.topic-dropdown{display:inline-block;position:relative}@media screen and (max-width:600px){.filter-dropdowns{flex-flow:column}.topic-dropdown{margin:auto}.resource-listing{margin-top:40px}}