.container-4{
    display: flex;
    flex-direction: row; 
    flex-wrap : wrap;
    width: 100%;
    max-width: 1366px!important;
    margin-right: auto;
    margin-left: auto;
  }
  .carts{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .cart{
    width: 28%;
    margin: 28px 25px;
  }
  .flip-box {
    background-color: transparent;
    height: 400px;
  }
  .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
.flip-box-inner.is-flipped {
    transform: rotateY(180deg);
  }
  .flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .flip-box-front{
      background-repeat: no-repeat;
      background-size: cover;
  }
  .front-1{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/transferlight.webp");
  }
  .back-1{background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/transfert.webp")}
  .front-2{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/guided-tours-light.webp");
  }
  .back-2{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/visite-guid195169e.webp");
  }
  .front-3{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/cuisinelight.webp");
  }
  .back-3{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/cours-de-cuisine.webp");
  }
  .front-4{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/chefchaounlight.webp");
  }
  .back-4{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/excursion.webp");
  }
  .front-5{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/mekneslight.webp");
  }
  .back-5{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/excursion2.webp");
  }
  .front-6{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/atlaslight.webp");
  }
  .back-6{
  background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/01/excursion3.webp");
  }
  .front-text{
     font-size: 30px!important;
      color: white;
      text-align: center;
      position: absolute; 
      top: 35%; 
      left: 10%;
    font-family: 'Roboto Slab'!important;
    letter-spacing: .3rem;
    font-weight: 400!important;
  }
  .back-text{
     color: white;
    text-align: left;
    margin: 28px 18px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
  }
  .back{ position: absolute; top: 80%; font-family: 'Poppins'; text-decoration: none!important; font-size: 48px; color: white; padding: 0 15px;  left: 80%; cursor: pointer;}
  .back:hover{color: white!important;}
  .flip-box-back {
    transform: rotateY(180deg);
    background-repeat: no-repeat!important;
    background-size: cover;
  }
  .butn{
      text-align: left;
    background-color: #202020;
    color: #FFF!important;
    float: left;
    padding: 20px 15px;
    cursor: pointer!important;
    margin-left: 40px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
  }
  .click{ font-family: 'Poppins'; text-decoration: none!important; font-size: 30px; color: white; border: solid 2px white; border-radius: 50%; padding: 0 10px;left: 42%; cursor: pointer; position: absolute; top: 55%;}
  .click:hover{ color: white!important;}
  @media (max-width: 991px){.cart{flex: 0 0 40%;}.click-mobile{top: 50%!important;}}
  @media (max-width: 700px){.cart{flex: 0 0 90%;}.flip-box{height: 500px;}.front-text{font-size: 32px!important;}}