.resources-with-filter {margin-bottom:30px;}

.archive-filters {display:flex;margin-bottom:50px;}
.archive-filters .filter {display: table;margin-right:30px;}
.archive-filters .filter label {display: block;color: #FFF;font-family: 'Graphie Light', sans-serif;font-size: 18px;font-weight: 300;line-height: 150%;margin-bottom:5px;}
.archive-filters .filter select, .archive-filters .mobile select {background: transparent;border: 1px solid #FFF;color: #FFF;height: 60px;line-height: 60px;padding: 0 15px;min-width: 190px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1.00195 1L6.00195 6L11.002 1' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 15px center;background-size: 12px;}
.archive-filters .filter select:hover, .archive-filters .filter select:focus, .archive-filters .mobile select:hover, .archive-filters .mobile select:focus { background-color: #262F3F; color: #fff; border-color: #FFF; }
.archive-filters .filter input[type=text] {background: transparent;border:1px solid #FFF;color:#FFF;height:60px;line-height:60px;padding:0 15px;min-width: 190px;}
.archive-filters .filter input[type=text]::placeholder {color:#FFF;}
.archive-filters .line {margin-top:60px;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);height: 1px;width: 100%;}
.archive-filters .filter.sort-by-date {}


.resources-with-filter .featured-post-item {background:#1a2433;padding:130px 50px 44px 50px;position:relative;margin:50px 0 50px 0 }
.resources-with-filter .featured-post-item svg {position:absolute;top:-45px;left:17px;z-index: 88;}
.resources-with-filter .featured-post-item img {
min-height:143px;}
.resources-with-filter .featured-post-item .img-bar {background:linear-gradient(90deg, #00A1E1 0%, #69E0F5 100%);height: 40px;width: 100%;max-width: 290px;position: absolute;left: 39px;top: 64px;}
.resources-with-filter .row > .col-md-4:nth-child(1) .featured-post-item {margin:50px 0 50px 0;}
.resources-with-filter .row > .col-md-4:nth-child(2) .featured-post-item {margin:50px 0 50px 0;}
.resources-with-filter .row > .col-md-4:nth-child(3) .featured-post-item {margin:50px 0 50px 0;}
.resources-with-filter a.img-wrapper {display: block;max-height: 143px;overflow: hidden;position:absolute;top:-50px;left:50px;right:50px;z-index: 99;}
.resources-with-filter h3 {margin-bottom:10px;min-height: 49px;}
.resources-with-filter h3 a {color: #FFF;font-family: 'Graphie Bold', sans-serif;font-size: 20px;text-decoration: none;}
.resources-with-filter h3 a:hover {text-decoration-line: underline;}
.resources-with-filter .text {color: #FFF;font-family: 'Graphie Light', sans-serif;line-height: 150%;text-decoration: none;margin-bottom:10px;display: block;min-height:140px}
.resources-with-filter .text:hover {text-decoration-line: underline;}
.resources-with-filter .date {display: block;border-left:1px solid #4a525f;font-family: 'Graphie Light', sans-serif;font-size: 12px;line-height: 150%;padding-left:5px;color:#FFF;margin-bottom:43px;}
.resources-with-filter .read-more {border-top:1px solid #303a49;display: block;padding-top:30px;color:#FFF;font-family: 'Graphie', sans-serif;font-size: 18px;letter-spacing: 1.8px;text-decoration-line: underline;position:relative}
.resources-with-filter .read-more:hover {text-decoration-line: none;background: var(--Gradient-Accent, linear-gradient(90deg, #00EB6C 0%, #0094FF 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.resources-with-filter .read-more::after {content: "";display: block;width: 37px;height: 37px;position: absolute;right: 0;top: 23px;background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2236%22 height=%2236%22 viewBox=%220%200%2036%2036%22 fill=%22none%22%3E%3Crect width=%2236%22 height=%2236%22 fill=%22%23262F3F%22/%3E%3Cpath d=%22M10%2018L24.7273%2018%22 stroke=%22white%22 stroke-linecap=%22square%22/%3E%3Cpath d=%22M17%2011.4546L25.1818%2018L17%2024.5455%22 stroke=%22white%22/%3E%3C/svg%3E') no-repeat center;background-size: contain;}
.resources-with-filter .view-more {height: 46px;padding: 15px 40px 15px 24px;justify-content: center;align-items: center;color:#FFF;font-family: 'Graphie Bold',sans-serif;font-size: 18px;letter-spacing: 1.8px;text-decoration: none;background: transparent;margin:-73px 0 0 0;display: table;border:1px solid #FFF;position:relative;float: right;}
.resources-with-filter .view-more svg {position: absolute;right: 15px;top: 19px;}
.resources-with-filter .view-more:hover {background: var(--synmax-Gradient-Accent, linear-gradient(90deg, #00EB6C 0%, #0094FF 100%));}
.resources-with-filter .mobile{display: none;}

.post-archive p {color:#FFF;}
@media(max-width:768px){
    .resources-with-filter .archive-filters{display: flex;flex-direction: column;gap: 20px;}
    .resources-with-filter .sort-by-date, .resources-with-filter .sort-by-type, .resources-with-filter .sort-by-industry{display: none;}
    .resources-with-filter .mobile{display: flex;flex-direction: column;gap: 20px;}
    .resources-with-filter .mobile select{display: none;width: 100%;}
    .archive-filters .filter input[type=text]{width: 100%;}
    .archive-filters .filter{margin: 0;}
    .resources-with-filter .mobile select.visible{display: block;}
    .resources-with-filter .mobile #labels{display: flex;flex-wrap: nowrap;overflow: scroll;gap: 5px;justify-content: center;}
    .resources-with-filter .mobile #labels label{background-color: #262F3F;color: #fff;font-size: 14px;border-radius: 36px;padding: 8px 10px;}
    .resources-with-filter .mobile #labels label.active{border-radius: 31px;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);}
}