.anteprima-progetto {
   margin-top:65px !Important;
   margin-bottom:65px !Important;
   position: relative;
}
.anteprima-progetto .ap-img img {
    display: block;
   aspect-ratio:3/2;
   border-radius: 20px 20px 0 0;
   object-fit: cover;
   margin-bottom: 0;
   width: 100%;
   height: 100%;
}
.anteprima-progetto .ap-info {
    border-radius: 0 0 20px 20px;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
}


.anteprima-progetto .ap-info .ap-info-title {
   color: var(--nectar-accent-color);
}

.anteprima-progetto .ap-info a {
    text-align: center;
   margin-top: 20px;
}


/*stile BLU*/
.anteprima-progetto.stile-blu .ap-img img {
   border-radius: 10px;
}
.anteprima-progetto.stile-blu .ap-info {
    background-color: var(--nectar-extra-color-2);
}
.anteprima-progetto.stile-blu .ap-info .ap-info-excerpt,
.anteprima-progetto.stile-blu .ap-info .ap-info-excerpt h3 {
   color: #fff;
}

@media(max-width:999px){
   .anteprima-progetto.stile-blu {
      margin-top:52% !important;
   }
   .anteprima-progetto.stile-blu:only-child {
      margin-top:35% !important;
      margin-bottom:15px !important;
   }
   .anteprima-progetto.stile-blu .ap-img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width:90%;
      bottom:calc(100% - 20%);
      max-width: 600px;
   }
   .anteprima-progetto.stile-blu .ap-info {
      border-radius: 10px;
      padding-top:100px;
   }
}
@media(min-width:1000px){
   .anteprima-progetto {
      display: flex;
      gap:30px;
      align-items: stretch;
      justify-content: space-between;
      position: relative;
   }
   .anteprima-progetto.align-dx {
      flex-direction: row-reverse;
   }
   
   .anteprima-progetto .ap-img {
      width: 50%;
      flex-shrink: 0;
      z-index: 2;
   }
   .anteprima-progetto .ap-img img {
      border-radius: 20px;
      aspect-ratio:13/11;
   }
   
   .anteprima-progetto .ap-info {
       border-radius: 20px;
       padding: 30px;
       box-shadow: 0 57px 15px -60px rgba(0,0,0,.5),0 17px 25px -20px rgba(0,0,0,.2);
      flex-grow: 1;
   }
   
   .anteprima-progetto .ap-info a {
       margin-right: auto;
   }
}

@media (min-width:1000px) and (max-width:1200px){   
   .anteprima-progetto.stile-blu {
       gap: 0;
   }
   
   .anteprima-progetto.stile-blu.align-sx .ap-img img {
       border-radius: 20px 0 0 20px;
   }
   .anteprima-progetto.stile-blu.align-dx .ap-img img {
       border-radius: 0 20px 20px 0;
   }
   
   .anteprima-progetto.stile-blu .ap-info {
      padding-right: 60px;
      position: relative;
   } 
   .anteprima-progetto.stile-blu.align-dx .ap-info {
      box-shadow: 0 57px 15px -60px rgba(0,0,0,.5),0 17px 25px -20px rgba(0,0,0,.2),100px 0 0 0 var(--nectar-extra-color-2);
      border-radius:20px 0 0 20px;
   }  
   .anteprima-progetto.stile-blu.align-sx .ap-info {
      box-shadow: 0 57px 15px -60px rgba(0,0,0,.5),0 17px 25px -20px rgba(0,0,0,.2),-100px 0 0 0 var(--nectar-extra-color-2);
      border-radius:0 20px 20px 0;
   }   
}

@media(max-width:1200px){
   .anteprima-progetto.stile-blu .ap-img {
      -webkit-mask-image:unset !important;
   }
}

@media(min-width:1200px){
   .anteprima-progetto {
      align-items: center;
   }
   .anteprima-progetto .ap-img {
      width: 33%;
   }
   
   /*stile blu*/
   .anteprima-progetto.stile-blu {
       margin-top:120px !important;
      margin-bottom:120px !important;
   }
   .anteprima-progetto.stile-blu .ap-img {
       position: absolute;
       transform: translateY(-50%) scale(1.25);
        top: 50%;
   }
   
   .anteprima-progetto.stile-blu.align-dx .ap-img {
       right: 2.5%;
   }
   .anteprima-progetto.stile-blu.align-dx .ap-info {
      padding-right: calc(33% + 60px);
   }
   
   .anteprima-progetto.stile-blu.align-sx .ap-img {
       left: 1.25%;
   }
   .anteprima-progetto.stile-blu.align-sx .ap-info {
      padding-left: calc(33% + 60px);
   }
   
   /*maschera solo su schermi grandi*/
   .anteprima-progetto.stile-blu .ap-img {
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
   }
}