.card-home-wrapper{
    display: flex;
    align-items: flex-start;

    .card-home-item{
        position: relative;
        width: 20%;
        padding: 15px;
        background: #FBFBFF;
        border-radius: 10px;
        box-shadow: 0 2px 11px rgb(0 0 0 / 10%);
        transition: all 0.3s ease-in-out;
    }

    .card-home-item:nth-of-type(4n+1){
        margin-top: 32px;
    }
    .card-home-item:nth-of-type(2n+2){
        margin-top: 8px;
    }
    .card-home-item:nth-of-type(1){
        transform: rotate(-6deg);

    }
    .card-home-item:nth-of-type(2){
        transform: rotate(-3deg);
    }
    .card-home-item:nth-of-type(3){
        transform: rotate(0deg);
    }
    .card-home-item:nth-of-type(4){
        transform: rotate(3deg);
     }
    .card-home-item:nth-of-type(5){
        transform: rotate(6deg);
    }

    .card-home-item:hover{
        transform: rotate(0deg) ;
    }


    p.card-vous-etes {
        position: absolute;
        top: 0;
        left: 50%;
        padding: 0 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 800;
        border-radius: 4px;
        transform: translate(-50%, -50%);
        background-color: #00E3B6;
        color:#000000;
    }

    p.card-title {
        color: #009FE3;
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 800;
        font-family: 'Catamaran', sans-serif;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px !important;
        min-height: 3.3em;
    }

    .card-img-container{
        position: relative;
        bottom: -15px;
        left: -15px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        width: calc(100% + 30px);
    }

    p.fake-btn-card {
        position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.4s ease-in-out;
        padding: 5px 15px;
        border-radius: 4px;
        background: #52C6F4;
        color: #005B9A;
        font-weight: 800;
        text-align: center;
    }

    .card-home-item:hover p.fake-btn-card {
        bottom: 20px;
    }
}

.swiper-home{
        max-width: 350px;
    margin: 0 auto;

    .swiper-slide{
        background: #FBFBFF;
        border-radius: 10px;
        box-shadow: 0 2px 11px rgb(0 0 0 / 10%);
        overflow: visible;
        padding: 15px;
    }
    .swiper-slide-shadow {
        border-radius: 10px;
    }



    p.card-vous-etes {
        position: absolute;
        top: 0;
        left: 50%;
        padding: 0 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 800;
        border-radius: 4px;
        transform: translate(-50%, -50%);
        background-color: #00E3B6;
        color:#000000;
    }
    p.card-title {
        color: #009FE3;
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 800;
        font-family: 'Catamaran', sans-serif;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px !important;
        min-height: 3.3em;
    }


    .card-img-container{
        position: relative;
        bottom: -15px;
        left: -15px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        width: calc(100% + 30px);
    }

    p.fake-btn-card {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.4s ease-in-out;
        padding: 5px 15px;
        border-radius: 4px;
        background: #52C6F4;
        color: #005B9A;
        font-weight: 800;
        text-align: center;
        bottom: 20px;
    }

    .swiper-pagination{
        top: auto;
        bottom: -30px;
    }

    .swiper-pagination-bullet-active{
        background: #52C6F4;
    }

}