@charset "utf-8";
/* CSS Document */
.angoli-superiori {
    border-top-left-radius: 32px;  /* Modifica i pixel in base a quanto vuoi l'arrotondamento */
    border-top-right-radius: 32px;
}
.angolo-basso-sinistra {
    border-bottom-left-radius: 32px; /* Modifica i pixel a piacimento */
}
.angolo-basso-destra {
    border-bottom-right-radius: 32px; /* Modifica i pixel a piacimento */
}

#lista-servizi{
    background-color: #3dafc2;
    color: #f5efe7;
}


#lista-servizi .textIcon{
color:#fff;
}

.wave-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    overflow: hidden;

}

.wave-container svg {
    position: relative;
    display: block;
    width: 100%;
    height: 380px; /* Puoi regolare l'altezza dell'onda da qui (es. 100px, 140px) */
}


/* Contenitore dell'onda superiore capovolta e profonda uguale a quella sotto */
.wave-container-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    transform: rotate(180deg) scaleX(-1); /* Capovolge l'onda verticalmente e la specula orizzontalmente per un look naturale */
}

.wave-container-top svg {
    position: relative;
    display: block;
    width: 100%;
    height: 350px; /* Regola qui l'altezza (es. 200px o 250px per averla profonda quanto quella sotto) */
}
.iconSize{
max-width:70px;
height:auto;
}
/* Spazio interno per evitare che l'onda alta si sovrapponga al titolo */
.content-servizi {
    padding-top: 140px; /* Aumenta o diminuisci se vuoi allontanare il titolo dall'onda */
    padding-bottom: 240px;
}
@media only screen and (max-width: 480px) {

	.wave-container svg, .wave-container-top svg {
	
		height: 180px; /* Puoi regolare l'altezza dell'onda da qui (es. 100px, 140px) */
	}

.iconSize{
max-width:50px;
height:auto;
}
}


/**/
.galleriaImg {
  position: relative;
  border-radius: 25px 0 0 25px; /* Angoli arrotondati solo a sinistra */
  overflow: hidden; /* Assicura che il contenuto interno rispetti gli angoli arrotondati */
}
@media only screen and (max-width: 820px) {
.galleriaImg {
  position: relative;
  border-radius: 15px 15px 0px 0px; /* Angoli arrotondati solo a sinistra */
  overflow: hidden; /* Assicura che il contenuto interno rispetti gli angoli arrotondati */
}
}

.galleriaImg .owl-theme .custom-nav {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
}

.galleriaImg .owl-theme .custom-nav img {
  max-height: 130px;
  width: auto;
  opacity: 0.8;
}

.galleriaImg .owl-theme .custom-nav .owl-prev, 
.galleriaImg .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 1;
}

.galleriaImg .owl-theme .custom-nav .owl-prev i, 
.galleriaImg .owl-theme .custom-nav .owl-next i {
  font-size: 2.5rem;
  color: #fff;
}

.galleriaImg .owl-theme .custom-nav .owl-prev {
  left: 0;
}

.galleriaImg .owl-theme .custom-nav .owl-next {
  right: 0;
}

@media only screen and (max-width: 1440px) {
  .galleriaImg .owl-theme .custom-nav img {
    max-height: 80px;
  }
}

/* Zoom In #1 */
#images-appartamenti{
padding-top:140px;
padding-bottom:150px;
}
#images-appartamenti .hover12SC figure {
  width: auto;
  height: auto;
  max-height: 731px;

  margin: 0;
  padding: 0;
  background: #f5efe7;
  overflow: hidden;
  color: #fff;
}

#images-appartamenti .hover12SC figure:hover+span {
  opacity: 1;
}

/* Blur + Gray Scale */
#images-appartamenti .hover12SC figure {
  /*background: #000;*/
}

#images-appartamenti .hover12 figure img {
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

#images-appartamenti .hover12SC figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
  -webkit-transition: .6s;
  transition: .6s;
  transition-timing-function: ease-in-out;
}

#images-appartamenti .hover12SC .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 0;
  left: 0;
  color: #fff;
  padding: 20% 0 0 0;
  background-color: transparent;
}

#images-appartamenti .hover12SC .overlay h3 {
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-transform: capitalize;
  font-size: 24px;
  color: #fff;
  text-align: left;
  padding: 0px 0px 0px 50px;
}

#images-appartamenti .hover12SC .overlay p {
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-transform: capitalize;
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 0px 0px 0px 50px;
}

#images-appartamenti .hover12SC .overlay {
  padding: 65% 0 0 0;
}

.altreImage {
  border-radius: 0 25px 25px 0; /* Angoli arrotondati solo a destra */
  overflow: hidden; /* Assicura che le immagini interne rispettino gli angoli arrotondati */
}

.altreImage img {
  object-fit: cover;
  height: calc(100vh - 0px);
  width: 100%;
  max-height: 366.5px;
  padding: 1px 1px;
}

.galleriaImg {
  padding: 1px 1px;
}

@media only screen and (max-width: 820px) {
.altreImage {
  border-radius: 0px 0px 25px 25px; /* Angoli arrotondati solo a destra */
  overflow: hidden; /* Assicura che le immagini interne rispettino gli angoli arrotondati */
}
}






@media only screen and (max-width: 1445px) {
  .altreImage img {
    max-height: 276.5px;
  }
  #images-appartamenti .hover12SC figure {
    max-height: 551px;
  }
}

@media only screen and (max-width: 1280px) {
  .altreImage img {
    max-height: 244.9px;
  }
  #images-appartamenti .hover12SC figure {
    max-height: 488px;
  }
}

@media only screen and (max-width: 1024px) {
  #images-appartamenti .hover12SC .overlay h3 {
    font-size: 18px;
  }
  .galleriaImg .owl-theme .custom-nav {
    top: 20%;
  }
}

@media only screen and (max-width: 850px) {
  .galleriaImg .owl-theme .custom-nav {
    top: 35%;
  }
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
  .galleriaImg .owl-theme .custom-nav img {
    max-height: 80px;
  }
  .galleriaImg .owl-theme .custom-nav {
    top: 24%;
  }
  #images-appartamenti .hover12SC figure {
    max-height: 276px;
  }
}


/* Zoom In #1 */

.hover12SC figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	color:fff;
	
}
.hover12SC figure:hover+span {
	opacity: 1;
}
/* Blur + Gray Scale */
.hover12SC figure{
	background: #000;	
}

.hover12SC figure img {

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	

	
	
}
.bg-primary{
background-color:#3dafc2;
}

#codici-appartamenti{
padding-top:40px;
padding-bottom:150px;
}

#codici-appartamenti h2, #codici-appartamenti p{
color:#f5efe7;
}
.card{
  background-color: var(--bs-body-bg-new);
}
#codici-appartamenti .card{
    border-radius: 1.5rem;
  background-color: var(--bs-body-bg-new);
}

.subTitle{
padding-bottom:16px;
}