.projects{position:relative;padding-bottom:50px}.projects .decor-lines::before{background-size:initial}.projects__wrapp{display:flex;flex-direction:column;gap:clamp(24px, 4.688vw, 48px)}.projects__box{display:flex;flex-direction:column;gap:clamp(28px, 4.395vw, 45px)}.projects__items{display:flex;flex-direction:column;align-items:center;gap:24px}.projects__items-list{display:grid;align-items:center;grid-gap:clamp(12px, 2.344vw, 24px)}.projects .filters{display:grid;align-items:center;grid-gap:clamp(16px, 3.125vw, 32px)}.projects .filters__box{display:flex;flex-direction:column;gap:12px}.projects .filters__box>span{color:var(--cl-e)}.projects .filters .select-field{padding:12px;display:flex;align-items:center;justify-content:space-between;height:48px;background-color:#262626;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:150%;border-radius:8px;border:1px solid #505050;cursor:pointer}.projects .filters .selected-option{background-color:transparent;padding:0}.projects .filters .placeholder{font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:150%;color:rgba(237,237,237,.64)}.projects .filters .arrow-down{font-size:20px;line-height:20px;display:flex}.projects .filters .options-container{border:1px solid rgba(237,237,237,.5);background-color:var(--bg-d)}.projects .filters .options-container li{border-top:1px solid rgba(237,237,237,.5)}.projects .filters .options-container li:first-child{border-top:none}.projects .filters .option.active{background-color:transparent}.projects .filters .option-text{font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:150%;color:rgba(237,237,237,.64)}.projects .filters .custom-select .option:hover:not(.disabled){background-color:transparent}@media (min-width:1025px){.projects__items-list{grid-template-columns:repeat(2,1fr)}.projects .filters{grid-template-columns:repeat(4,286px)}}@media (max-width:1024px){.projects__items-list{grid-template-columns:100%}.projects__items-list .project-card{height:clamp(420px, 56.25vw, 576px)}.projects .filters{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){.projects .filters{grid-template-columns:100%}.projects .filters__box{width:100%}}