@font-face{font-family:"Arial";src:url("../webfonts/arial-webfont.woff2"),url("../webfonts/arial-webfont.woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Arial";src:url("../webfonts/arial-bold-webfont.woff2"),url("../webfonts/arial-bold-webfont.woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Century Gothic";src:url("../webfonts/centurygothic-webfont.woff2"),url("../webfonts/centurygothic-webfont.woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Century Gothic";src:url("../webfonts/centurygothic_bold-webfont.woff2"),url("../webfonts/centurygothic_bold-webfont.woff");font-weight:600;font-style:normal;font-display:swap}
.portfolio-slider{background-color:#000;color:#fff;padding:50px 0}
.portfolio-slider .container--full{padding:0 15px;overflow:hidden}
.portfolio-slider__container{display:flex;flex-direction:column;gap:30px}
.portfolio-slider__container .headings{margin-bottom:0;text-align:center}
.portfolio-slider__container .headings .section-description{margin-top:15px;font-size:1.125rem;line-height:1.625rem;font-weight:400;font-family:"Century Gothic",sans-serif}
.portfolio-slider__container .headings .cta-holder{margin-top:25px;color:#000}
.portfolio-slider__container .splide{width:100%;padding-bottom:40px}
.portfolio-slider__container .splide .portfolio-card{display:flex;flex-direction:column;gap:10px;height:100%;transition:opacity .3s ease;overflow:hidden}
.portfolio-slider__container .splide .portfolio-card .image{overflow:hidden;transition:transform .3s ease}
.portfolio-slider__container .splide .portfolio-card .image img{width:100%;height:auto;transition:transform .5s ease}
.portfolio-slider__container .splide .portfolio-card:hover .image img{transform:scale(1.2)}
.portfolio-slider__container .splide .portfolio-card-link{display:block;height:100%;text-decoration:none;color:inherit}
.portfolio-slider__container .splide .portfolio-card-link:hover .portfolio-card{opacity:.9}
.portfolio-slider__container .splide .splide__pagination .splide__pagination__page{background:#f0f1f1}
.portfolio-slider__container .splide .splide__pagination .splide__pagination__page.is-active{background:#fff}
.portfolio-slider__container .splide .splide__arrows{position:absolute;bottom:30px;right:calc(100% + 230px);display:flex;align-items:center;width:140px}
.portfolio-slider__container .splide .splide__arrows .splide__arrow{background:0;border:2px solid #fff;border-radius:30px;width:3.75rem;height:1.875rem}
.portfolio-slider__container .splide .splide__arrows .splide__arrow--next{right:0}
.portfolio-slider__container .splide .splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}
.portfolio-slider__container .splide .splide__arrows .splide__arrow--prev{left:0}
.portfolio-slider__container .splide .splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}
.portfolio-slider__container .splide .splide__arrows .splide__arrow svg{fill:#fff}
@media(min-width:768px){.portfolio-slider .container--full{padding-right:0;padding-left:calc(50% - 360px)}
}@media(min-width:992px){.portfolio-slider .container--full{padding-left:calc(50% - 480px)}
.portfolio-slider__container{flex-direction:row}
.portfolio-slider__container .headings{text-align:left;max-width:350px;min-width:350px}
}@media(min-width:1200px){.portfolio-slider .container--full{padding-left:calc(50% - 570px)}
}@media(min-width:1440px){.portfolio-slider .container--full{padding-left:calc(50% - 657.5px)}
}