.crsl-img-fissa  {
    width: 100%;
}
 
.crsl-img-fissa .crsl-img {
   border-radius: 15px;
   overflow: hidden;
}
.crsl-content {
    position: relative;
}

/*.crsl-img-fissa .crsl-title,
.crsl-img-fissa .crsl-text {
   text-align: center;
}*/

.crsl-img-fissa .crsl-title {
    margin-bottom: 15px;
   text-align:center;
}
.crsl-img-fissa .crsl-title span {
    color:var(--nectar-accent-color);
}
.crsl-img-fissa .crsl-text {
   margin-bottom:30px;
   text-align:center;
}

.crsl-slides.swiper {
    overflow-y: visible; /*per mostrare ombre*/
}


/*Singola*/
.crsl-img-fissa .singola-slide {
   display: flex;
   flex-direction: column;
   gap:5px;
   height: auto;
   transition: all 0.2s ease-in;
}

.crsl-img-fissa .crsl-slide-title,
.crsl-img-fissa .crsl-slide-title-text {
   
}
.crsl-img-fissa .crsl-slide-title {
    margin-bottom: 15px;
   color: var(--nectar-accent-color);
}

.crsl-img-fissa .crsl-slide-icon {
    flex: 0 0 70px;
}
.crsl-img-fissa .crsl-slide-icon img {
    margin-bottom:0;
}

/*pagination*/
.crsl-img-fissa .swiper-pagination {
    position: absolute;
    bottom: -75px;
    z-index: 100;
    display: flex;
    gap: 8px;
}
.crsl-img-fissa .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    display: inline-block;
   border-radius: 5px;
    border: 1px solid var(--nectar-extra-color-2);
}
.crsl-img-fissa .swiper-pagination-bullet-active {
    background-color: var(--nectar-extra-color-2);
} 
/*Navigation*/
.crsl-img-fissa .swiper-navigation {
    position: absolute;
    bottom: -75px;
    width: 65px;
    height:30px;
    right: 0;
    display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.crsl-img-fissa .swiper-navigation > div {
   height:30px; 
   width:17px;
   cursor: pointer;
}
.crsl-img-fissa .swiper-navigation > div svg {
   height:100%;
}
.crsl-img-fissa .swiper-navigation > div.swiper-button-next svg {
   transform: rotateZ(180deg);
}


@media(max-width:999px){
   .crsl-img-fissa .crsl-img {
      margin-bottom: 40px;
      aspect-ratio: 3 / 2;
      display: none;
   }
   .crsl-img-fissa .crsl-img img {
      object-position: 50% 5% !important;
   }
   .crsl-img-fissa .singola-slide {
      text-align: center;
      margin-bottom:30px;
   }
}
@media(min-width:1000px){
  .crsl-img-fissa {
       display: flex;
       gap:35px;
      margin-bottom: 145px;
     align-items: center;
     padding-bottom:40px;
   } 
   .crsl-img-fissa .crsl-title,
   .crsl-img-fissa .crsl-text {
      text-align: left;
   }
   .crsl-img-fissa .crsl-title {
      padding-right: 10px;
   }   
   .crsl-img-fissa .crsl-img {
       flex: 0 0 calc(365px - 35px); /* 35 è il gap di .crsl-img-fissa */
      display: block !important;
   }

   .crsl-content {
       width: calc(100% - 365px); 
   }
   .crsl-img-fissa .crsl-text {
   }
   
   /*Singola*/    
   .crsl-img-fissa .singola-slide {
      flex-direction: row;
      padding:20px;
      border-radius: 30px;
      background-color: #fff;      
      gap:15px;
   }
   .crsl-img-fissa .singola-slide.singola-slide-active {
       box-shadow: 0 6px 13px -12px rgba(0,0,0,.7);
   }
   
   .crsl-img-fissa .crsl-slide-title,
   .crsl-img-fissa .crsl-slide-title-text {
   }
   .crsl-img-fissa .crsl-slide-title {
       display: flex;
       align-items: center;
       gap: 20px;
   }

   /*pagination*/
   .crsl-img-fissa .swiper-pagination {
       gap: 15px;
   }
   .crsl-img-fissa .swiper-pagination-bullet {
       width: 35px;
       height: 35px;
   }
   /*Navigation*/
   .crsl-img-fissa .swiper-navigation {
       width: 100px;
       height:45px;
   }
   .crsl-img-fissa .swiper-navigation > div {
      height:45px; 
      width:25px;
   }
}
@media(min-width:1201px){
   .crsl-img-fissa .crsl-title {
      
   }
   .crsl-img-fissa .crsl-text {
   }
   
   /*Singola*/
   .crsl-img-fissa .singola-slide {
      padding:30px;
   }
   
   .crsl-img-fissa .crsl-slide-title,
   .crsl-img-fissa .crsl-slide-title-text {
   }
}

/* DEBUG
.crsl-img-fissa {border: 1px solid red;} 
.crsl-img {border: 1px solid orange;}
.crsl-content {border: 1px solid blue;}
.crsl-content > * {border: 1px solid cyan;}
.crsl-slides {border: 1px solid magenta;}
.crsl-img-fissa .swiper-pagination {border: 1px solid lime;}
.crsl-img-fissa .swiper-navigation {border: 1px solid green;}*/