.projects-container{display:grid;grid-template-columns:repeat(3,1fr);column-gap:13px;row-gap:33px}.project_image_wrapper{background:#000;border-radius:5px;overflow:hidden}.project_image_wrapper img{width:100%;height:auto;aspect-ratio:471 / 391;object-fit:cover;display:block;opacity:.8}.project-wrapper h3{font-size:20px;line-height:1;font-weight:500;margin-top:15px;margin-bottom:12px}.project-wrapper p{font-size:12px;line-height:18px;margin:0;color:var(--color-info);max-width:var(--max-width-desktop)}.view-gallery-button{height:28px;width:110px;min-width:unset;padding:0;font-size:12px;text-transform:capitalize;margin-top:8px}.custom-pagination{padding-top:83px;padding-block:108px;justify-content:flex-end;gap:8px}.custom-pagination button{width:40px;height:40px}.custom-pagination .page-link{border:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:Lato;font-weight:500;font-size:16px;cursor:pointer}.custom-pagination .page-link.disabled{background:#f6f6f6;color:rgb(var(--color-foreground));cursor:default}.custom-pagination .page-link.disabled svg path{stroke:#4b0e0e}.custom-pagination .page-link-list{border:none;background:#f6f6f6;color:rgb(var(--color-foreground));cursor:pointer}.custom-pagination .page-link-list.active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:default;pointer-events:none}@media screen and (max-width: 749px){.projects-container{grid-template-columns:repeat(2,1fr);column-gap:3.31px;row-gap:15px}.project-wrapper h3{font-size:12px;margin-top:10px;margin-bottom:4px}.project-wrapper p{font-size:7px;line-height:11px;max-width:var(--max-width-mobile)}.view-gallery-button{height:15px;width:59px;font-size:7px;margin-top:6px}.custom-pagination{padding-top:0;padding-bottom:50px;justify-content:center}}.projects-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffb3;z-index:9999;display:flex;align-items:center;justify-content:center}.projects-loading .spinner{display:block!important;border:5px solid #f3f3f3;border-top:5px solid #222;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/our-projects-styling.css.map */