.portfolio-section{padding:50px 20px;max-width:1200px;margin:0 auto}.portfolio-section__heading{text-align:center;margin-bottom:40px;font-size:36px!important;color:#343f52}@media (min-width: 575px) and (max-width: 1440px){.portfolio-section__heading{font-size:24px!important}}@media (max-width: 575px){.portfolio-section__heading{font-size:17px!important}}.portfolio-grid{display:flex;position:unset;flex-wrap:wrap;gap:3%;margin-bottom:40px;justify-items:center;align-items:center}.portfolio-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%;height:100%;display:block;text-decoration:none;min-height:420px;max-width:31%;margin:1% auto}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,#b8271c,9%,#0000);z-index:1;filter:blur(10px);opacity:1;width:100%}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.portfolio-card__image-container{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-card__image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.portfolio-card__image.loaded{opacity:1}.portfolio-card__content{padding:20px;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:8}.portfolio-card__title{margin:0;color:#fff;font-weight:700}.portfolio-card__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border-radius:50%;padding:7px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}#page-numbers{background:#f0f0f0;border-radius:25px}.pagination-button{padding:8px 16px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .3s ease}.pagination-button.active{background:transparent;color:#000;border-color:transparent;border-radius:25px;font-weight:700}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.portfolio-card__image-container{height:420px}@media (max-width: 850px){.portfolio-card{max-width:45%}}@media (max-width: 575px){.portfolio-grid{display:block}.portfolio-card{margin:7% auto;max-width:100%}}#next-page,#prev-page{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-portfolios.css.map */