:root{--cs-color-white:rgb(255, 255, 255);--cs-border-color-white:rgb(243, 243, 243);--cs-portfolio-wrap-color:rgba(0, 0, 0, 0.1);--cs-portfolio-text-color:rgb(108, 117, 125);--cs-portfolio-pagination-bullet:rgba(255, 255, 255, 0.7);--cs-portfolio-detail-color:rgba(255, 255, 255, 0.8);--cs-portfolio-detail-background:rgba(0, 0, 0, 0.2);--cs-portfolio-swiper-button-background:rgba(0, 0, 0, 0.6);--cs-portfolio-detail-info:rgb(156, 156, 156);--cs-portfolio-text-background:rgb(0, 157, 139);--cs-portfolio-detail-description:rgb(0, 157, 139);--cs-portfolio-description-color:rgb(108, 117, 125)}.portfolio .portfolio-flters{padding:0 0 20px 0;margin:0 auto;list-style:none;text-align:center}.portfolio .portfolio-flters li{cursor:pointer;display:inline-block;padding:0;font-size:18px;font-weight:500;margin:0 10px;line-height:1;transition:all .3s ease-in-out}.portfolio .portfolio-flters li.filter-active,.portfolio .portfolio-flters li:hover{color:var(--color-primary)}.portfolio .portfolio-flters li:first-child{margin-left:0}.portfolio .portfolio-flters li:last-child{margin-right:0}@media (max-width:575px){.portfolio .portfolio-flters li{font-size:14px;margin:0 5px}}.portfolio .portfolio-wrap{box-shadow:0 10px 30px var(--cs-portfolio-wrap-color);border-radius:10px;height:100%;overflow:hidden;background-color:#e8e8ea}.portfolio .portfolio-wrap img{transition:.3s;position:relative;z-index:1;max-width:100%}.portfolio .portfolio-wrap .portfolio-info{padding:25px 20px;background-color:var(--cs-color-white);position:relative;border-top:1px solid var(--cs-border-color-white);z-index:2}.portfolio .portfolio-wrap .portfolio-info h4{font-size:18px;font-weight:600;padding-right:50px}.portfolio .portfolio-wrap .portfolio-info h4 a{color:var(--color-default);transition:.3s}.portfolio .portfolio-wrap .portfolio-info h4 a:hover{color:var(--color-primary)}.portfolio .portfolio-wrap .portfolio-info p{color:var(--cs-portfolio-text-color);font-size:14px;margin-bottom:0;padding-right:50px}.portfolio .portfolio-wrap:hover img{transform:scale(1.1)}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:var(--cs-portfolio-pagination-bullet);opacity:1}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--color-primary)}.portfolio-details .swiper-button-next,.portfolio-details .swiper-button-prev{width:48px;height:48px}.portfolio-details .swiper-button-next:after,.portfolio-details .swiper-button-prev:after{color:var(--cs-portfolio-detail-color);background-color:var(--cs-portfolio-detail-background);font-size:24px;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:.3s}.portfolio-details .swiper-button-next:hover:after,.portfolio-details .swiper-button-prev:hover:after{background-color:var(--cs-portfolio-swiper-button-background)}@media (max-width:575px){.portfolio-details .swiper-button-next,.portfolio-details .swiper-button-prev{display:none}}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}.portfolio-details .portfolio-info h3:after{content:"";position:absolute;display:block;width:50px;height:3px;background:var(--color-primary);left:0;bottom:0}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li{display:flex;flex-direction:column;padding-bottom:15px;font-size:16px}.portfolio-details .portfolio-info ul strong{text-transform:uppercase;font-weight:400;color:var(--cs-portfolio-detail-info);font-size:12px}.portfolio-details .portfolio-info .btn-visit{padding:8px 40px;background:var(--color-primary);color:var(--cs-color-white);border-radius:50px;transition:.3s}.portfolio-details .portfolio-info .btn-visit:hover{background:var(--cs-portfolio-text-background)}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.portfolio-details .portfolio-description .testimonial-item{padding:30px 30px 0 30px;position:relative;background:var(--cs-color-white);height:100%;margin-bottom:50px}.portfolio-details .portfolio-description .testimonial-item .testimonial-img{width:90px;border-radius:50px;border:6px solid var(--cs-color-white);float:left;margin:0 10px 0 0}.portfolio-details .portfolio-description .testimonial-item h3{font-size:18px;font-weight:700;margin:15px 0 5px 0;padding-top:20px}.portfolio-details .portfolio-description .testimonial-item h4{font-size:14px;color:var(--cs-portfolio-description-color);margin:0}.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,.portfolio-details .portfolio-description .testimonial-item .quote-icon-right{color:var(--cs-portfolio-detail-description);font-size:26px;line-height:0}.portfolio-details .portfolio-description .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.portfolio-details .portfolio-description .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px;transform:scale(-1,-1)}.portfolio-details .portfolio-description .testimonial-item p{font-style:italic;margin:0 0 15px 0 0 0;padding:0}.section-header h2:after{width:230px}.gslide-image img{background-color:var(--cs-color-white)}@media (min-width:769px){.gslide-image img{height:97vh;width:100%}.portfolio .portfolio-wrap img{min-height:300px}}.portfolio .video-wrap{box-shadow:0 10px 30px var(--cs-portfolio-wrap-color);border-radius:10px;height:100%;overflow:hidden;background-color:#e8e8ea}.video-gallery-app{position:relative;text-align:center}.video-wrap .demo-gallery-poster{position:absolute;top:0;bottom:0;left:0;right:0}.video-gallery-app img{transition:.3s}.video-gallery-app:hover img{transform:scale(1.1)}.portfolio .blog-pagination{margin-top:30px;color:var(--cs-blog-pagination-color)}.portfolio .blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.portfolio .blog-pagination li{margin:0 5px;transition:.3s;border-radius:10px;border:1px solid var(--color-primary)}.portfolio .blog-pagination li a,.portfolio .blog-pagination li span{color:var(--color-default);padding:7px 16px;display:flex;align-items:center;justify-content:center}.portfolio .blog-pagination li.active a,.portfolio .blog-pagination li.active span,.portfolio .blog-pagination li:hover a,.portfolio .blog-pagination li:hover span{color:var(--color-white)}.portfolio .blog-pagination li.active,.portfolio .blog-pagination li:hover{background:var(--color-primary);color:var(--cs-color-white)}