.category-link {position:relative;font-size: 16px !important;display: inline-block;padding: 4px 12px;margin: 0 5px; color: #333;text-decoration: none;cursor: pointer;text-transform: uppercase;font-weight: 400;}
/* .category-link:hover { border-bottom: 3px solid;border-image-slice: 1;border-width: 4px;border-image-source: linear-gradient(to left, #0f93cf, #9c2883);}
.category-link.active{border-bottom: 3px solid;border-image-slice: 1;border-width: 4px;border-image-source: linear-gradient(to left, #0f93cf, #9c2883);}*/
.change-portfolio {display: flex;justify-content: center;align-items: center;gap: 20px;}
.disabled-iframe {pointer-events: none;}
.item img {cursor: pointer;}
.mb-10 {margin-bottom: 10px;}
.meta-container {display: flex;justify-content: center;align-items: center;margin-bottom: 60px;}
.meta-item {font-size: 0.95rem;color: #666;}
.next-project-button, .previous-project-button {background-color: transparent;color: #ffffff;/* padding: 10px 20px; */ border-radius: 25px;cursor: pointer;border: 2px solid #ffffff;font-size: 1rem;font-weight: bold;text-transform: uppercase;width: 50px;height: 50px;margin-top: 10px;}
.next-project-button:hover, .previous-project-button:hover {background-color: #9C2883;color: #ffffff;}
.owl-carousel .owl-dots {padding-top: 25px;}
.owl-carousel .owl-dots button.owl-dot {width: 10px;height: 10px;border-radius: 50%;padding: 5px;background-color: #1B1B3A;margin: 5px;}
.owl-carousel .owl-dots button.owl-dot.active{background-color: #9C2883!important;}
.portfolio-card {display: block;background: #fff;border-radius: 0px;overflow: hidden;box-shadow: 0 2px 15px rgba(0,0,0,0.1);text-decoration: none;color: inherit;}
/* .portfolio-card:hover .portfolio-thumbnail img {transform: scale(1.05);filter: blur(2px);}*/
.portfolio-card:hover .portfolio-title {opacity: 1;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0,0,0,0) 100%);padding: 45px 10px 15px 10px;}
.portfolio-card:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.portfolio-category-container {width: 100%;display: flex;flex-wrap: wrap;gap: 10px;position: absolute;top: 0;left: 0;padding: 10px;opacity: 0;}
.portfolio-content .cliente, .portfolio-content .anno {font-size: 0.9rem;color: #fff;}
.portfolio-content {width: 100%;height: 0;}
.portfolio-content p {margin: 0 0 10px;color: #666;font-size: 0.9rem;font-weight: bold;color: #ffffff;}
.portfolio-gallery .slider .item iframe .instagram-media {max-width: 100%!important;object-fit: cover;}
.portfolio-gallery .slider .item iframe {width: 100%!important; object-fit: cover;}
.portfolio-gallery {margin-bottom: 40px;flex: 2;}
.portfolio-grid {display: flex;flex-wrap: wrap;gap: 30px;margin: 0 -15px;padding: 30px 15px;opacity:1;}
.portfolio-header {margin-bottom: 30px;}
.portfolio-info {flex: 1;}
.portfolio-item {box-sizing: border-box;position: relative;flex-basis: 0;flex-grow: 1;max-width: 32%;}
.portfolio-layout {display: flex;flex-direction: row;gap: 40px;}
.portfolio-meta {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;margin-bottom: 30px;}
.portfolio-tags {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;}
.portfolio-thumbnail {position: relative;padding-top: 66.67%;overflow: hidden;}
.portfolio-thumbnail img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* object-fit: cover; */transition: transform 0.3s ease;}
.portfolio-title {position: absolute;font-size: 1.5rem;color: #ffffff;width: 100%;bottom:0;left: 0;opacity: 0;margin:0;/*padding: 45px 10px 0 10px; */}
.portfolio-title h1 {font-size: 2.5rem;/* margin-bottom: 20px; */ color: #333;}
.project-link {background-color: transparent;color: #ffffff;padding: 10px 20px;border-radius: 20px;text-decoration: none;display: inline-block;}
.project-link:hover {color: #9C2883;}
.related-projects {margin-top: 50px;padding-top: 30px;border-top: 1px solid #eee;}
.row > .column {padding: 0 8px;}
.section-title {text-align: center;margin-bottom: 30px;font-size: 2rem;color: #333;}
.single-portfolio {background: #fff;padding: 40px;border-radius: 8px;}
.single-portfolio {max-width: 1200px;margin: 0 auto;padding: 40px;}
.single-portfolio article {background: #fff;padding: 0;border-radius: 8px;/* box-shadow: 0 2px 15px rgba(0,0,0,0.1); */}
.slider-container {width: 100%;max-width: 90vw;height: 80vh;position: relative;margin: 10vh auto 0 auto;}
.slider-gallery .iframe-content > div {padding: 0 !important;}
.slider-gallery .owl-carousel .owl-dots button.owl-dot.active{background-color:#ffffff!important;}
.slider-gallery .owl-carousel .owl-dots button.owl-dot{background-color:#9C2883!important;}
.slider-gallery .owl-carousel .owl-item iframe {display: block!important;margin: 0 auto!important;}
.slider-gallery .owl-carousel .owl-item iframe[src*="vimeo"] {display: block !important;margin: 7% auto 0 auto !important;width: 735px !important;position: relative !important;top: 0 !important;left: 0 !important;height: 450px !important;}
.slider-gallery .owl-carousel .owl-item img {display: block;width: auto;max-height: 80vh;margin: 0 auto;}
.slider-gallery {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color:rgba(0, 0, 0, 0.9); z-index: 10000;}
.slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout .portfolio-details{width: 100%;background-color: #000000;padding: 20px;padding-top: 20vh;text-align: center;}
.slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout .portfolio-gallery {padding-bottom: 200px;}
.slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout .portfolio-info .portfolio-meta .meta-item {font-size: 1rem;font-weight: bold;color: #ffffff;}
.slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout .portfolio-info {font-size: 2rem;/* font-weight: bold; */ color: #ffffff;}
.slider-gallery.portfolio-modal .slider-container .xcontent {height: 100vh;overflow: auto;}
.slider-gallery.portfolio-modal{background-color: #000000;}
.slider-gallery.portfolio-modal#sticky {top: 0;}
.swiper-container {width: 100%;}
.text-content a,.comment-content a {text-decoration: none;}
.xanimate_short, .xanimated_short, .xanimated_short *{-webkit-transition: all ease-in-out 0.25s; -moz-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s;}
.xanimate, .xanimated, .xanimated *{-webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.xclose {position: absolute;right: -25px;top: -25px;font-size: 24px;width: 50px;height: 50px;font-style: normal;text-align: center;background-color:rgba(0, 0, 0, 0.7);border-radius: 100%;line-height: 41px;z-index: 1000;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);cursor: pointer;border: 2px solid #FFF;color: #FFF;}
.xclose:hover {background-color: #9C2883;color: #ffffff;}
.xcontent {width: 100%;height: 100%;position: relative;}
#sticky {position: sticky;height: 100px;top: 120px;}
body .portfolio-layout #sticky h1.portfolio-title-single {color: #1B1B38;font-size: 2rem;}
body .slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout #sticky .portfolio-description { color: #ffffff;font-size: 1rem;}
body .slider-gallery.portfolio-modal .slider-container .xcontent .portfolio-layout #sticky h1.portfolio-title-single { color: #ffffff;font-size: 2.5rem;}
body.full-gallery {overflow: hidden;}
body.ontrans .portfolio-grid {opacity: 0;}
body.single-portfolio {width: 100%;margin: 0 auto !important;display: block;max-width: 100%;}
.portfolio-card .img_sec img {position: absolute;width: 100%;height: 100%;top: 0;right: 0;display: block;}
.portfolio-card:hover .portfolio-category-container {opacity: 1;background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0,0,0,0) 100%);}

.portfolio-item .two-images .img_sec {opacity: 0;}
.portfolio-item:hover .two-images .img_sec {opacity: 1 !important;}
.portfolio-item:hover .two-images .featured_img {opacity: 0;}

/* Media Queries */
@media (max-width: 1024px) {
    .portfolio-item {flex: 0 0 calc(50% - 15px);}
    .gallery-slider .swiper-slide {height: 400px;}
}

@media (max-width: 991px) {
    .portfolio-item {flex: 1 1 calc(50% - 30px);flex-basis: calc(50% - 30px);}
    .single-portfolio {padding: 30px;}
}
/* mobile */
@media (max-width: 768px) {
    .portfolio-gallery .slider .item iframe {width: 100%;/* height: 100%; */ object-fit: cover;}
    .portfolio-layout {flex-direction: column-reverse;}
    #sticky {position: inherit ;}
    .portfolio-card:hover .portfolio-title {opacity: 1;background: none;padding: 0;}
    .portfolio-card:hover .portfolio-thumbnail img {filter: none;}
    .portfolio-gallery .slider .item iframe {width: 100%;object-fit: cover;}
}

@media (max-width: 767px) {
    .gallery-slider .swiper-slide {height: 300px;}
    .meta-container {justify-content: flex-start;}
    .portfolio-category-container{opacity: 1;}
    .portfolio-content h2 {font-size: 1.3rem;}
    .portfolio-grid {gap: 20px;padding: 15px;}
    .portfolio-item {flex: 1 1 100%;flex-basis: 100%;}
    .portfolio-meta {/* flex-direction: column; */ gap: 10px;}
    .portfolio-thumbnail img {height: 400px;}
    .portfolio-title {opacity: 1;font-size: 2rem;margin: 0 0 10px 10px;}
    .single-portfolio {padding: 20px;}
}

.category-link:hover::before,.category-link.active::before {width: 100%;}
.category-link::before {content: "";position: absolute;bottom: 0;left: 0;background: linear-gradient(to left, #0f93cf, #9c2883);display: block;width: 0;transition: width .2s ease-in-out;height: 3px;}
.category-link:not(.active) .sub-menu {display: none;}
.category-link.active .sub-menu {position: absolute;bottom: -50px;width: 100%;display: flex;padding-left: 0;}
.back_loader {position: fixed;width: 100%;height: 100%;background: #000000ab;top: 0;left: 0;z-index: 99999;display: flex;align-items: center;justify-content: center;}
.back_loader .loader {display: block;width: 130px;height: 130px;background-image: url(https://www.envisiondigital.it/wp-content/uploads/2025/10/envision-logo-loader.gif);background-size: contain;background-repeat: no-repeat;background-position: center;}