.peelpioneers-search {max-width: 1320px;}
.peelpioneers-search .searchbar {max-width: 900px; margin: 0 auto; position: relative;}
.peelpioneers-search .searchbar input {font-family: "Circular", Sans-serif; font-size: 16px; border: 1px solid #f2f1f1; background-color: #f6f6f6; padding: 12px 18px; border-radius: 64px; width: calc(100% - 36px);}
.peelpioneers-search .searchbar input:focus {outline: none; box-shadow: none; border-color: #e8540d;}
.peelpioneers-search .searchbar #searchbar-icon {cursor: pointer; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); opacity: .5;}

.peelpioneers-search .results-wrapper .results {display: flex; flex-direction: column; row-gap: 12px; transition: .15s ease-in-out;}
.peelpioneers-search .results-wrapper .results.--fade-out {opacity: 0;}

.peelpioneers-search .results-wrapper .header,
.peelpioneers-search .results-wrapper .results .result {display: grid; align-items: center; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}

.peelpioneers-search .results-wrapper .header {font-family: "Circular", Sans-serif; font-size: 15px; font-weight: 500; padding: 32px 18px;}
.peelpioneers-search .results-wrapper .header .col {text-align: center;}
.peelpioneers-search .results-wrapper .header .col.category {text-align: left;}

.peelpioneers-search .results-wrapper .results .result {background-color: #f6f6f6; padding: 18px; border-radius: 5px; opacity: 0; transform: translateY(15px); transition: .4s ease-in-out;}
.peelpioneers-search .results-wrapper .results .result.visible {opacity: 1; transform: translateY(0);}
.peelpioneers-search .results-wrapper .results .result .title {text-align: center;}
.peelpioneers-search .results-wrapper .results .result .title h3 {font-family: "Circular", Sans-serif; font-size: 18px; font-weight: 600; margin: 0;}
.peelpioneers-search .results-wrapper .results .result .mobile-label {display: none;}
.peelpioneers-search .results-wrapper .results .result .term {font-family: "Circular", Sans-serif; font-size: 14px; line-height: 1.2; text-align: center; white-space: break-spaces;}
.peelpioneers-search .results-wrapper .results .result .term.category {text-align: left;}
.peelpioneers-search .results-wrapper .results .result .term:last-child {text-align: right;}
.peelpioneers-search .btn {font-family: "Circular", Sans-serif; text-align: center; background-color: #e8540d; font-size: 14px; color: #fff; line-height: 1; border-radius: 32px; padding: 11px 16px; display: inline-block; text-decoration: none; font-weight: 600; white-space: break-spaces; text-underline: none;}

.peelpioneers-search .results-wrapper .results .no-results {max-width: 800px; text-align: center; margin: 0 auto;}
.peelpioneers-search .results-wrapper > .description {opacity: 0; transform: translateY(20px); transition: 1s ease-in-out;}
.peelpioneers-search .results-wrapper > .description.visible {opacity: 1; transform: translateY(10px);}

@media only screen and (max-width: 968px) {
    .peelpioneers-search .results-wrapper {margin-top: 24px;}
    .peelpioneers-search .results-wrapper .header {display: none;}
    .peelpioneers-search .results-wrapper .results .result {grid-template-columns: repeat(2, 1fr); row-gap: 8px;}
    .peelpioneers-search .results-wrapper .results .result .title {grid-column-start: 1; grid-column-end: 3; margin-top: 8px; margin-bottom: 12px}
    .peelpioneers-search .results-wrapper .results .result .btn-wrapper {grid-column-start: 1; grid-column-end: 3; text-align: center; margin-top: 12px}
    .peelpioneers-search .results-wrapper .results .result .mobile-label {display: inline-block;}
    .peelpioneers-search .results-wrapper .results .result .term {text-align: left; display: flex; align-items: center; column-gap: 8px;}
    .peelpioneers-search .results-wrapper .results .result .term img {width: 15px;}
}