#container #services .content{padding:1rem 1rem 4rem;.filter-group{display:flex;flex-direction:column;gap:.5rem;width:100%;.title .name{font-family:var(--font-poppins);font-size:15px;font-weight:500;&.filter-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;&.active svg{transform:rotateZ(180deg)}svg{width:18px;height:18px;transition:all .15s}}}.filter{display:flex;gap:.5rem;ul{padding:0 1rem;display:flex;flex-direction:column;max-height:250px;overflow-y:scroll;width:100%;transition:all .3s;&.hide{display:none}&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:#e7e7e7}&::-webkit-scrollbar-thumb{background:#888;border-radius:6px}&::-webkit-scrollbar-thumb:hover{background:#757575}li{input[type="checkbox"]:checked+label{color:var(--black)}label{font-size:14px;font-family:var(--font-poppins);cursor:pointer;color:var(--clr-dark-paragraph)}}}input:not([type="checkbox"]),select{width:30%;font-size:14px;font-family:var(--font-poppins);padding:.2rem .4rem;border:1px solid rgb(0 0 0 / .4);border-radius:4px}}}.vertical-menu{max-width:300px;.menu-actions>div{display:flex;align-items:center;gap:.4rem;padding:.2rem .8rem;border:1px solid var(--black);border-radius:8px;font-size:14px;font-family:var(--font-poppins);cursor:pointer;&.vertical-menu-trigger{display:none}&,svg{transition:all .2s}&:hover,&.active{background-color:var(--black);color:var(--white);svg{fill:var(--white)}}}}.vertical-content{.top{.infos{.searched-term{font-size:20px;font-family:var(--font-poppins);.term{font-weight:600;color:var(--pink2)}}.results{&,span{font-size:15px;font-family:var(--font-poppins);color:var(--clr-dark-paragraph)}span.skeleton-loading{height:14px;width:32px}}}.actions{.filter-group{.title .name{text-wrap:nowrap}select{width:180px}}.exibicao .filter-group{align-items:end;.filter>div{padding:.3rem .5rem;border-radius:4px;border:1px solid var(--black);cursor:pointer;&,svg{transition:all .2s}&:hover,&.active{background-color:var(--black);svg{fill:var(--white)}}svg{height:100%}}}}}.mid{padding-top:1.5rem;.paginacao{&.active{display:flex}button{background-color:var(--white);border:none;cursor:pointer;border-radius:6px}.btn-prev,.btn-next{padding:.3rem;background-color:var(--black);svg{display:flex;width:16px;height:16px;fill:var(--white)}}.paginas .btn-pagina{padding:.3rem .5rem;transition:all .2s;&:hover,&.active{background-color:rgb(0 0 0 / .1)}}}}}}@media (max-width:1500px){#container{#title .content,#services .content{max-width:100%}#title .content{padding:2rem 5rem}#services .content{padding:1rem 5rem 4rem}}}@media (max-width:1024px){#container{#title .content{padding:2rem 1rem 0}#services .content{padding:1rem 1rem 4rem;flex-direction:column;gap:1.5rem;.vertical-menu{background-color:#fff0;flex-direction:column-reverse;max-width:100%;padding:0;align-items:end;gap:1rem;.filters-container{padding:1rem;display:none;&.active{display:flex}}.menu-actions>div{&.vertical-menu-trigger{display:flex}&:hover{background-color:#fff0;color:var(--black);svg{fill:var(--black)}}}}}}}@media (max-width:670px){#container #services .content{.filter-group{gap:.3rem;.title .name{font-size:14px;font-weight:400;&.filter-trigger svg{width:16px;height:16px}}.filter{input:not([type="checkbox"]),select{width:140px!important}}}.vertical-menu .menu-actions>div{font-size:13px}.vertical-content{.top{.infos{.searched-term{font-size:18px}.results{&,span{font-size:14px}}}}}}}@media (max-width:550px){#container #services .content{gap:1rem;.vertical-content{.top{gap:1.2rem;.infos{gap:.4rem}}.actions .filters{flex-direction:column;gap:1rem}}}}@media (max-width:375px){#container #services .content{.vertical-menu .filter-group{.filter{input:not([type="checkbox"]),select{width:40%!important}}}.vertical-content .top .actions{flex-direction:column;gap:1rem;.filters,.filter-group,select,.exibicao{width:100%!important}}}}