body,html{height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background-color:white}.projects-banner{padding:150px 20px 40px;text-align:center;background:linear-gradient(180deg,rgb(152,224,255) 0,#ffffff);font-family:Cal Sans,sans-serif}.projects-banner-title{font-size:48px;font-weight:700;margin-bottom:20px;color:black}.projects-banner-subtitle{font-size:18px;color:#555;margin:0 auto}.project-type-selection-button-style{border-radius:25px;color:rgb(0,0,0);background-color:rgb(227,227,227);text-align:center;padding:.65rem 1.8rem;border:none;cursor:pointer;font-size:14px;transition:transform .2s ease;font-family:Raleway,sans-serif;font-weight:700;&:active{transform:scale(.95)}margin-right:5px}.project-type-selection-button-style:hover{background-color:rgb(171,171,171)}.project-type-selection-button-style.active{color:rgb(255,255,255);background-color:rgb(0,0,0)}.projects-filter-buttons{padding-top:8px;text-align:center;background-color:white}.projects-wrapper{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;padding:16px;max-width:1200px;margin:0 auto;border:0 solid red;background-color:white}@media (min-width:768px){.projects-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-wrapper{grid-template-columns:repeat(3,1fr)}}.projects-loader-container{display:flex;justify-content:center;margin-top:40px;border:0 solid red;width:100%}.load-more-container{display:flex;justify-content:center;margin:2rem 0}.load-more-button{background-color:#1c1c1c;color:white;padding:10px 20px;font-size:1rem;font-family:Poppins,sans-serif;border:none;border-radius:5px;cursor:pointer;transition:.3s ease;z-index:200}.load-more-button:hover{background-color:#444}.load-more-button:disabled{opacity:.6;cursor:not-allowed}