* {box-sizing: border-box;}

.mySlides {display: none;}

img {vertical-align: middle;}



.container-grande{

  height:500px;

  width:100%;

  display: flex;

  justify-content: center;

  align-items: center;

  

}





.pastiglia{

  height:400px;

  width:500px;

  float: left;

  transform: perspective(1500px) rotateY(15deg);

  background-color: var(--white-color);

  border-radius: 20px;

  margin-left:70px;

  overflow: hidden;

  transition:ease 0.5s;



  &:hover{

    box-shadow: 0px 0px 72px -12px rgba(0,0,0,1);

    transform: perspective(3000px) rotateY(0deg) scale(1.02);

    z-index:100;

  }

}



 .pastiglia2{

  height:550px;

  width:650px;

  float: left;

  transform:scale(0.95);

  background-color: #ffffff;

  border-radius: 20px;

  overflow: hidden;

  transition:ease 0.5s;

  top:-40px;

  position:relative;



  &:hover{

    box-shadow: 0px 0px 72px -12px rgba(0,0,0,1);

    transform:scale(1.02);

    z-index:1;

  }

}



 .pastiglia4{

  height:550px;

  width:650px;

  float: left;

  transform:scale(0.95);

  background-color: #ffffff;

  border-radius: 20px;

  overflow: hidden;

  transition:ease 0.5s;

  top:-40px;

  position:relative;



  &:hover{

    box-shadow: 0px 0px 72px -12px rgba(0,0,0,1);

    transform:scale(1.02);

    z-index:1;

  }

}



.pastiglia3{

  height:400px;

  width:500px;

  float: left;

  transform: perspective(1500px) rotateY(-15deg);

  background-color: var(--white-color);

  border-radius: 20px;

  margin-right:70px;

  overflow: hidden;

  transition:ease 0.5s;



  &:hover{

    box-shadow: 0px 0px 72px -12px rgba(0,0,0,1);

    transform: perspective(3000px) rotateY(0deg) scale(1.02);

    z-index:100;

  }

}



.pastiglia .sfondo-titolo{

  background-color: #67ae6e;

  height:20%;

  width:100%;

  overflow: hidden;

}



.pastiglia2 .sfondo-titolo{

  background-color: #67ae6e;

  height:20%;

  width:100%;

  overflow: hidden;

}



.pastiglia4 .sfondo-titolo{

  background-color: #67ae6e;

  height:20%;

  width:100%;

  overflow: hidden;

}



.pastiglia3 .sfondo-titolo{

  background-color: #67ae6e;

  height:20%;

  width:100%;

  overflow: hidden;

}



.h1-pastiglia{

  text-align: center ;

  color: var(--white-color);

  line-height: 200%;

}



.p-pastiglia{

  padding:15px;

  justify-content: left;

}



@media screen and (max-width: 1038px) {

  .pastiglia4 {

    display:none;

    }

}