.coworkings .item {
    position: relative;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    border-radius: 30px 3px;
    max-width: 304px;
    min-width: 304px;
    width: 304px;
    overflow: hidden;
    margin: 0px 16px 0px 0px;
    flex: 1 1 0%;
}

.coworkings .item img{
        width: 100%;
    height: 100%;
    object-fit: cover;
}
.coworkings .item .header{
    width: 100%;
    height: 304px;
    min-height: 304px;
}
.coworkings .item  h2{
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 8px;
    font-weight: 500;
}
.coworkings .item .body{
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.p-left-right-5 {
  width: 25%;
  margin-bottom: 10px
}
.booking-services {
    position: relative;
}
.booking-services-date {
    position: absolute;
    z-index: 111;
    background: #ffffff;
    padding: 5px;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid var(--color-dark1);
    border-radius: 5px;
    display: none;
}
.booking-services-date .btn-close {
    height: 31px;
    width: 31px;
    outline: none;
    border-radius: 50%;
    position: relative;
    top: -21px;
    right: -21px;
    border: 1px solid var(--color-dark1);
}

/*********
COROUSEL CARD
*********/

@media screen and (max-width:992px),screen and (max-device-width:992px) {
.carousel-selider .cs-item .flex {
    min-height: 200px !important
}
.p-left-right-5 {
    width: 50%
}
.booking-services #pnlStep2 {
    position: relative;
    width: calc(100% + 30px);
    left: -15px
}
.corousel-card .footer a {
    display: none
}
.corousel-card .header {
    height: 125px;
}
.corousel-card .header img {
    height: 125px;
}
.corousel-card .card-title,
.corousel-card .card-text {
    font-size: 10px
}
.calendar-container .content {
    left: -48px
}
.check-box {
    font-size: 12px
}
.check-box span::before {
    width: 8px;
    height: 8px;
}
}