.slide-card-section{

    display: flex;

    overflow: hidden;

}

.slide-left-card{

    margin-left: -100px;

    transition: all .5s;

}

.slide-left-card1{

    margin-left: -115px;

    transition: all .5s;

}

.slide-middle-card{

    width: 101%;

    transition: all .5s;

}

.slide-right-card{

    margin-right: -100px;

    transition: all .5s;

}

.slide-arrow{

    position: absolute;

    z-index: 2;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    transition: all .5s;

}

.left-slide-arrow{

    left: 0;

}

.right-slide-arrow{

    right: 0;

}

.slide-middle-card{

    padding: 0 50px;

}

.slide-left-card.active{

    margin-left: 0px;

}

.slide-right-card.active{

    margin-right: 0px;

}

.slide-middle-card.active{

    width: 90%;

}

.right-slide-arrow.active{

    right: -15px;

}

.left-slide-arrow.deactive{

    left: 5px;

}

.left-slide-arrow.active{

    left: -15px;

}

.right-slide-arrow.deactive{

    right: 5px;

}

.slide-card-section{

    border-bottom: 1px solid #d8d8d8!important;

    margin-bottom: 15px;

    padding-bottom: 15px;

    padding-top: 15px;

}

.availabl-backpacker-button{

    border-bottom-left-radius: 25px;

    border-top-left-radius: 25px;

}

.availabl-backpacker-button, .availabl-job-button{

    width: 100%;

    background-color: transparent;

    border: none;

    cursor: pointer !important;

    padding: 6px 12px;

}

.availabl-backpacker-button.active, .availabl-job-button.active{

    background-color: #f9d342;

    font-style: italic;

    font-weight: 600;

    color: #000 !important;

}

.availabl-backpacker-button:hover, .availabl-job-button:hover{

    background-color: #f9d342;

    font-style: italic;

    font-weight: 600;

    color: #000 !important;

}