.portfolio #portfolio-flters{padding:0;margin:0 auto 25px;list-style:none;text-align:center;border-radius:50px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#0b2341;margin-bottom:5px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#ed502e}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-item .portfolio-info{opacity:0;position:absolute;left:30px;right:30px;bottom:0;z-index:3;transition:all .3s ease-in-out;background:rgba(255,255,255,.9);padding:15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;color:#fff;font-weight:600;color:#0b2341}.portfolio .portfolio-item .portfolio-info p{color:#1a5298;font-size:14px;margin-bottom:0}.portfolio .portfolio-item .portfolio-info .details-link,.portfolio .portfolio-item .portfolio-info .preview-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:#123a6d}.portfolio .portfolio-item .portfolio-info .details-link:hover,.portfolio .portfolio-item .portfolio-info .preview-link:hover{color:#ed502e}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item .portfolio-links{opacity:0;left:0;right:0;text-align:center;z-index:3;position:absolute;transition:all .3s ease-in-out}.portfolio .portfolio-item .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-item .portfolio-links a:hover{color:#f59f8c}.portfolio .portfolio-item:hover .portfolio-info{opacity:1;bottom:20px}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #ed502e}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#ed502e}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(11,35,65,.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.section-hero{padding:80px 0;position:relative;clip-path:inset(0)}.section-hero .hero-img{position:fixed;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.section-hero:before{content:"";background:color-mix(in srgb,var(--background-color),transparent 20%);position:absolute;inset:0;z-index:2}.section-hero .container{position:relative;z-index:3}.section-hero h3{font-size:28px;font-weight:700}.section-hero h3,.section-hero p{color:var(--default-color)}.section-hero .cta-btn{font-family:var(--heading-font);font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 40px;border-radius:5px;transition:.5s;margin:10px;border:2px solid var(--contrast-color);color:var(--contrast-color)}.section-hero .cta-btn:hover{background:var(--accent-color);border:2px solid var(--accent-color)}