section.projects{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:48px}h1{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;align-items:center;width:100%;color:#1d2337;font-size:24px;margin-top:21px;margin-bottom:48px}h1:before{content:'';display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:10px;height:10px;background-color:#36a0a0;margin-right:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.projects__filter{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;margin-bottom:40px;gap:25px}.projects__filter-title{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:375px}.projects__filter-title>label,.projects__filter-price>label{font-size:14px;color:#36a0a0;font-weight:700;margin-bottom:16px}.projects__filter-title>input{width:100%;height:50px;border:1px solid #8e919b;padding-left:35px;padding-right:35px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.projects__filter-title>input:focus{border:2px solid #36a0a0}.projects__filter-price{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:375px}.filterPrice__wrapp{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:50px;padding-top:8px;padding-bottom:6px;border:1px solid #8e919b;overflow:hidden;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.filterPrice__wrapp>input{width:100%;max-width:50%;border:none;padding-left:33px;padding-right:21px}.filterPrice__wrapp>input+input{padding-left:21px;padding-right:33px;border-left:1px solid #8e919b}.filterPrice__wrapp:focus-within{border:2px solid #36a0a0}.filterPrice__wrapp>input:focus+input,.filterPrice__wrapp>input+input:focus{border-left:2px solid #36a0a0}.projects__filter>button{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;max-width:176px;height:50px;color:#1d2337;font-weight:700;border:1px solid #f5ca01;background-color:#f5ca01;margin-top:auto;overflow:hidden;cursor:pointer;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.projects__filter>button:hover{background-color:rgba(245,202,1,0)}.projects__filter>button>svg{margin-right:6px}.projects__list{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:25px;grid-row-gap:25px;width:100%;position:relative}.loader{display:none;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;background-color:rgba(255,255,255,.7);position:absolute;left:0;top:0;z-index:2}.projects__list.loading>.loader{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.spinner{width:50px;height:50px;aspect-ratio:1;border-radius:50%;border:8px solid;border-color:#36a0a0 #0000;animation:l1 1s infinite}@keyframes l1{to{transform:rotate(.5turn);-webkit-transform:rotate(.5turn);-moz-transform:rotate(.5turn);-ms-transform:rotate(.5turn);-o-transform:rotate(.5turn)}}.project{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;border:1px solid #e7e7e7;color:#1d2337;padding-bottom:14px;overflow:hidden;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.project:hover{border-color:#36a0a0}.project>picture{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;width:100%;position:relative;overflow:hidden}.project>picture:after{content:'';display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;background-image:var(--thumb);background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;z-index:1;filter:blur(4px);-webkit-filter:blur(4px)}.project>picture>img{position:relative;z-index:2}.project>h3{font-size:16px;margin-top:16px;margin-bottom:53px}.project:hover>h3,.project:hover>.project__price{color:#36a0a0}.project>h3,.project__price,.project>time{padding-left:14px;padding-right:14px}.project__price{font-size:24px;font-weight:700;margin-top:auto;margin-bottom:24px}.project>time{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;align-items:center;width:100%;font-size:14px}.project>time>svg{margin-right:10px}