div.featuresBoxWrap {margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.08)}
div.featuresBoxWrap .featuresTitle {font-weight:500;font-size:18px;background-color:#313946;color:#fff;padding:15px 20px;text-align:center;text-transform:uppercase;}
form.featuresBox>header {display:none;}
form.featuresBox section {margin:0 20px;}
form.featuresBox section+section {border-top:1px solid #e5e5e5;}
form.featuresBox div.body header h2 {font-size:16px;}
form.featuresBox div.body header button {font:500 18px 'Jost', sans-serif;display:block;background-color:transparent;border:none;padding:10px 20px 10px 0;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;position:relative;z-index:0;outline-style:none;}
form.featuresBox div.body header button:hover {color:#583780;}
form.featuresBox div.body header button::after {content:'\e5ce';font-family: 'Material Symbols Sharp';font-weight: normal;font-style: normal;font-size:35px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-moz-font-feature-settings: 'liga';-moz-osx-font-smoothing: grayscale;transition:transform .3s;position:absolute;right:0;top:0;margin-top:5px;}
form.featuresBox div.body header button.hc::after {transform:rotate(180deg);}
form.featuresBox ul {list-style:none;margin-bottom:20px;}
form.featuresBox ul.hc,
form.featuresBox ul li.hc {display:none;}
form.featuresBox ul li+li {margin-top:10px;}
form.featuresBox label.checkbox {display:block;position:relative;z-index:0;}
form.featuresBox label.checkbox span {display:block;position:relative;z-index:0;font-weight:350;}
form.featuresBox label.checkbox span::before {content:'';display:inline-block;width:18px;height:18px;border:1px solid #aaa;border-radius:3px;background-color:#fff;vertical-align:middle;margin-right:5px;}
form.featuresBox label.checkbox span::after {border:none;content:'\e5ca';color:#7600a6;position:absolute;left:-1px;top:3px;font-family:'material symbols outlined';font-weight:600;font-style:normal;font-size:23px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;opacity:0;visibility:hidden;}
form.featuresBox label.checkbox input[type="checkbox"] {opacity:0;position:absolute;z-index:0;}
form.featuresBox label.checkbox input[type="checkbox"]:checked+span::before {box-shadow:0 0 0 1px #7600a6 inset;border-color:#7600a6;}
form.featuresBox label.checkbox input[type="checkbox"]:checked+span::after {opacity:1;visibility:visible;}
form.featuresBox footer {padding:20px;display:flex;}
form.featuresBox footer div.rgt {margin-left:auto;}
form.featuresBox ul.rangeWrap li.input {display:flex;flex:1 1 auto;gap:15px;}
form.featuresBox ul.rangeWrap label.input {display:flex;gap:10px;align-items:center;font-weight:350;}
form.featuresBox ul.rangeWrap div.reset {align-self:center;}
form.featuresBox ul.rangeWrap input[type="text"] {border:1px solid #aaa;border-radius:4px;font:500 18px 'Jost', sans-serif;text-align:center;box-sizing:border-box;width:100%;padding:10px;outline-style:none;}
form.featuresBox ul.rangeWrap button[type="button"] {background-color:transparent;border:none;color:#aaa;cursor:pointer;vertical-align:top}
form.featuresBox ul.rangeWrap button[type="button"]:hover {color:#000;}
form.featuresBox li.range {margin-bottom:25px;}
form.featuresBox div.range {height:6px;box-sizing:border-box;box-shadow:0 0 0 1px #ccc inset;background-color:#e6e6e6;border-radius:1em;position:relative;z-index:0;}
form.featuresBox div.range>div {margin:auto 0;background-color:#674197;height:8px;position:absolute;top:0;left:0;bottom:0;right:0;}
form.featuresBox div.range.disabled>div {background-color:#ddd;}
form.featuresBox div.range span.move {position:absolute;width:20px;height:20px;border-radius:50%;background-color:#583780;margin:auto 0;left:-10px;top:0;bottom:0;cursor:pointer;}
form.featuresBox div.range span.move.rg {left:auto;right:-10px;}
form.featuresBox div.range.disabled span.move {cursor:default;background-color:#ddd;}
form.featuresBox li.more {margin-top:25px;}
form.featuresBox li.more button {font:16px 'Source Sans Pro', sans-serif;color:#583780;text-transform:uppercase;background-color:transparent;border:none;text-align:left;cursor:pointer;outline-style:none;}
form.featuresBox li.more button::after {content:'\e113';font:15px/1 "Glyphicons Halflings";vertical-align:middle;margin-left:5px;}
form.featuresBox li.more button.hc::after {content:'\e114';}

form.featuresBox select {background-color:#fff;border:1px solid #aaa;color:#484848;font:15px 'Jost', sans-serif;padding:10px;box-sizing:border-box;width:100%;outline:none;border-radius:4px}
form.featuresBox select:focus {border-color:#583780}

@media screen and (max-width:768px){
    div.featuresBoxWrap {position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:none;background-color:#fff;border-radius:0;}
    div.featuresBoxWrap.sw {display:block;}
    form.featuresBox {height:100%;display:flex;flex-direction:column;}
    form.featuresBox>div.body {flex:1 1 0px;overflow:auto;}
    form.featuresBox>header {display:block;padding:10px 20px;border-bottom:1px solid #e6e6e6;text-align:right;background-color:#f0f0f0;}
    form.featuresBox>header button {font:20px/1 "Glyphicons Halflings";background-color:transparent;border:none;cursor:pointer;color:#000;outline-style:none;}
    form.featuresBox>header button:hover {color:#c4c4c4;}
}