#coworking_details .banner {
    background: url("../img/private_details.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.coworking {
    background: url("../img/coworkingbanner.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.small {
    background: url("../img/smallmeetingbanner.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.conference {
    background: url("../img/conferencemeetingbanner.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.group {
    background: url("../img/groupmeetingbanner.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.events {
    background: url("../img/eventsbanner.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.lounge {
    background: url("../img/pantryloungebanner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.garden {
    background: url("../img/gardenbanner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner.photo {
    background: url("../img/photobanner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#coworking_details .banner .bg {
    background: rgba(189, 32, 64, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

#coworking_details .banner .title {
    padding: 100px 125px;
    position: relative;
    z-index: 1;
}

#coworking_details .banner .title h1 {
    color: #fff;
    font-weight: 800;
    font-size: 3rem;
}

#coworking_details .banner .title a {
    background: #fff;
    border-radius: 30px;
    color: #bd2040;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 6px 24px;
    text-transform: uppercase;
    margin-top: 8px;
}

#coworking_details .ctn .container {
    padding: 50px 125px;
}

#coworking_details .ctn .btn-back {
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
}

#coworking_details .ctn .btn-back > div {
    font-size: 1rem;
    color: #bd2040;
    margin-left: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

#coworking_details .ctn .btn-back svg {
    font-size: 1.5rem;
    color: #bd2040;
}

#coworking_details .ctn .items {
    margin-top: 30px;
}

#coworking_details .ctn .items .itemleft h2 {
    font-weight: 400;
    color: #212121;
    font-size: 1rem;
}

#coworking_details .ctn .items .itemleft p {
    font-weight: 800;
    color: #212121;
    font-size: 1rem;
    margin-top: 15px;
}

#coworking_details .ctn .items .itemleft ul {
    margin-top: 15px;
}

#coworking_details .ctn .items .itemleft ul li {
    color: #212121;
    font-weight: 400;
    font-size: 1rem;
    margin-left: 15px;
}

#coworking_details .ctn .items .itemleft ul li span {
    font-weight: 800;
}

/* #coworking_details .ctn .items .itemleft ul li:first-child {
    list-style-type: none;
    margin-left: 0;
} */

#coworking_details .ctn .items .itemright h3 {
    color: #bd2040;
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
}

#coworking_details .ctn .items .itemright .swiper-gallery {
    margin-top: 15px;
}

#coworking_details .ctn .items .itemright .swiper-gallery .swiper-slide .img {
    height: 300px;
}

#coworking_details .ctn .items .itemright .swiper-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

#coworking_details .ctn .items .itemright .swiper-gallery .swiper-pagination {
    position: relative;
    width: 65%;
}

#coworking_details
    .ctn
    .items
    .itemright
    .swiper-gallery
    .swiper-pagination-progressbar
    .swiper-pagination-progressbar-fill {
    background: #bd2040;
}

#coworking_details
    .ctn
    .items
    .itemright
    .swiper-gallery
    .swiper-pagination-progressbar {
    background: rgba(219, 2, 87, 0.25);
}

#coworking_details
    .ctn
    .items
    .itemright
    .swiper-gallery
    .swiper-slide:not(.swiper-slide-active)
    img {
    opacity: 0.2;
}

#coworking_details .ctn .items .itemright .swiper-gallery .custom {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 15px;
}

#coworking_details .ctn .items .itemright .swiper-gallery .custom .arrow {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

#coworking_details .ctn .items .itemright .swiper-gallery .custom .arrow svg {
    font-size: 1.5rem;
}

#coworking_details
    .ctn
    .items
    .itemright
    .swiper-gallery
    .custom
    .arrow
    .nextBtn {
    margin-left: 8px;
}

#coworking_details .ctn .plans {
    margin-top: 30px;
}

#coworking_details .ctn .plans h2 {
    color: #bd2040;
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
}

#coworking_details .ctn .plans .items {
    margin-top: 15px;
}

#coworking_details .ctn .plans .items .item {
    background: #a39e8d;
    padding: 15px;
    text-align: center;
}

#coworking_details .ctn .plans .items .item h3 {
    color: #fff;
    font-weight: 800;
    font-size: 1.2rem;
}

#coworking_details .ctn .plans .items .item span {
    font-size: 0.8rem;
    color: #fff;
    font-weight: 400;
}

#coworking_details .ctn .plans .items .item p {
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
}

#coworking_details.private-suites .ctn .plans .items .item.left {
    border-radius: 15px;
}

#coworking_details.others .ctn .plans .items .item.left {
    border-radius: 15px;
}

#coworking_details .ctn .plans .items .item.mid {
    background: #bd2040;
}

#coworking_details .ctn .plans .items .item.left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#coworking_details .ctn .plans .items .item.right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#coworking_details .ctn .plans .items .item span.hours {
    font-size: 0.8rem;
    color: #fff;
    font-weight: 400;
}

#coworking_details .ctn .plans .items .item p.pax {
    color: #fff;
    font-weight: 800;
    font-size: 0.8rem;
}

#coworking_details .facilities {
    background: url("../img/bgred.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}

#coworking_details .facilities .container {
    padding: 0 125px;
}

#coworking_details .facilities h1 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

#coworking_details .facilities .container > .row {
    margin-top: 30px;
    align-items: center;
}

#coworking_details .facilities .left .leftctn > div {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 8px;
}

#coworking_details .facilities .left .leftctn > div span {
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    float: left;
}

#coworking_details .facilities .left .leftctn > div span svg {
    color: #bd2040;
    width: 20px;
    height: 20px;
}

#coworking_details .facilities .left .leftctn > div div {
    padding-left: 58px;
    padding-top: 15px;
}

#coworking_details .facilities .left .rightctn > div {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 8px;
}

#coworking_details .facilities .left .rightctn > div span {
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    float: left;
}

#coworking_details .facilities .left .rightctn > div span svg {
    color: #bd2040;
    width: 20px;
    height: 20px;
}

#coworking_details .facilities .left .rightctn > div div {
    padding-left: 58px;
    padding-top: 15px;
}

#coworking_details
    .facilities
    .right
    .swiper-facilities
    .swiper-slide
    .img
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

#coworking_details .connect {
    padding: 50px 0;
}

#coworking_details .connect .items {
    padding: 0 125px;
}

#coworking_details .connect .items .item.left .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 50px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 15px;
}

#coworking_details .connect .items .item.right {
    border: 1px solid #cddbd6;
    border-radius: 30px;
    padding: 30px;
}

#coworking_details .connect .items .item.right .title {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

#coworking_details .connect .items .item.right .title h1 {
    color: #bd2040;
    font-size: 1.5rem;
    font-weight: 700;
}

#coworking_details .connect .items .item.right .title .socmed a:first-child {
    margin-right: 8px;
}

#coworking_details .connect .items .item.right .title .socmed a svg {
    font-size: 1.2rem;
    color: #bd2040;
}

#coworking_details .connect .items .item.right form {
    margin-top: 30px;
}

#coworking_details .connect .items .item.right form .form-control {
    border: 1px solid #cacdcc;
    transition: none;
}

#coworking_details .connect .items .item.right form .form-select:focus {
    border: 1px solid #cacdcc;
    border-color: #cacdcc;
    box-shadow: unset;
    transition: none;
}

#coworking_details .connect .items .item.right form button {
    background: #ef0e65;
    border-radius: 30px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 8px 24px;
}

#coworking_details .spaces-tabs {
    padding: 50px 0;
}

#coworking_details .spaces-tabs h2.title {
    color: #bd2040;
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-align: center;
}

#coworking_details .spaces-tabs .container {
    padding: 0 125px;
}

#coworking_details .spaces-tabs .nav-pills {
    justify-content: center;
    margin-top: 30px;
}

#coworking_details .spaces-tabs .tab-content {
}

#coworking_details .spaces-tabs .nav-pills .nav-item .nav-link {
    color: #212121;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    background: none;
    border-radius: unset;
}

#coworking_details .spaces-tabs .nav-pills .nav-link.active {
    border-bottom: 1px solid #212121;
}

#coworking_details .tab-content .row .col-md-6 {
    margin-bottom: 16px;
}

#coworking_details .tab-content .wrap {
    height: 100%;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#coworking_details .tab-content .wrap img {
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

#coworking_details .tab-content > div .text {
    padding: 30px;
}

#coworking_details .tab-content > div .text .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#coworking_details .tab-content > div .text .top .left {
    background: #857052;
    color: #fff;
    font-weight: 600;
    font-size: 0.6rem;
    padding: 8px 16px;
    border-radius: 30px;
}

#coworking_details .tab-content > div .text .top .right {
    color: #bd2040;
    font-weight: 600;
    font-size: 1rem;
    padding: 0 15px;
}

#coworking_details .tab-content > div .text h1 {
    color: #161616;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 16px;
}

#coworking_details .tab-content > div .text > p {
    color: #212121;
    font-weight: 400;
    margin-top: 8px;
    font-size: 1rem;
}

#coworking_details .tab-content > div .text > a {
    background: #ef0e65;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 6px 24px;
    font-weight: 600;
    margin-top: 16px;
    border-radius: 30px;
    text-transform: uppercase;
}

#coworking_details .ctn .layout {
    margin-top: 30px;
}

#coworking_details .ctn .layout h2 {
    color: #bd2040;
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
}

#coworking_details .ctn .layout .items {
}

#coworking_details .ctn .layout .items .item {
    text-align: center;
    margin-bottom: 30px;
}

#coworking_details .ctn .layout .items .item .img img {
    width: 50%;
}

#coworking_details .ctn .layout .items .item h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #bd2040;
    text-align: center;
    text-transform: uppercase;
    margin-top: 16px;
}

#coworking_details .ctn .layout .items .item p {
    color: #212121;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8px;
}

#coworking_details #popupModal .modal-body {
    text-align: center;
}

#coworking_details #popupModal .modal-body h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #bd2040;
    text-transform: uppercase;
}

#coworking_details #popupModal .modal-body p {
    color: #212121;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 8px;
}

#coworking_details #popupModal .modal-body .btnclose {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

#coworking_details #popupModal .modal-body .btnclose svg {
    font-size: 1.2rem;
}

@media (orientation: portrait) {
    #coworking_details .banner .title {
        padding: 30px 0;
    }

    #coworking_details .banner .title a {
        font-size: 0.7rem;
    }

    #coworking_details .banner .title h1 {
        font-size: 1.5rem;
    }

    #coworking_details .spaces-tabs .container {
        padding: 0;
    }

    #coworking_details .spaces-tabs .tab-content {
        padding: 15px;
    }

    #coworking_details .tab-content > div .text {
        padding: 15px;
    }

    #coworking_details .tab-content > div .text .top .right {
        font-size: 0.6rem;
    }

    #coworking_details .tab-content > div .text h1 {
        font-size: 1rem;
    }

    #coworking_details .tab-content > div .text > p {
        font-size: 0.8rem;
        height: auto;
    }

    #coworking_details .tab-content > div .text > a {
        font-size: 0.8rem;
    }

    #coworking_details .tab-content > div .text .top .left {
        font-size: 0.6rem;
        padding: 8px 10px;
    }

    #coworking_details .ctn .container {
        padding: 0 15px;
    }

    #coworking_details .ctn h1 {
        font-size: 1.5rem;
    }

    #coworking_details .ctn .items .itemleft h2 {
        font-size: 0.8rem;
    }

    #coworking_details .ctn .items .itemleft ul li {
        font-size: 0.8rem;
    }

    #coworking_details .ctn .items .itemright {
        margin-top: 30px;
    }

    #coworking_details .ctn .items .itemright h3 {
        font-size: 1.2rem;
    }

    #coworking_details .ctn .plans h2 {
        font-size: 1.2rem;
    }

    /* #coworking_details .ctn .plans .items .item {
        border-radius: 15px;
    } */

    #coworking_details .ctn .plans .items .item h3 {
        font-size: 1rem;
    }

    #coworking_details .facilities {
        margin-top: 30px;
    }

    #coworking_details .facilities .container {
        padding: 0 15px;
    }

    #coworking_details .facilities h1 {
        font-size: 1.2rem;
    }

    #coworking_details .facilities .row {
        margin-top: 0;
    }

    #coworking_details .facilities .row.ctn {
        margin-top: 15px;
    }

    #coworking_details .facilities .left .leftctn p {
        font-size: 0.7rem;
    }

    #coworking_details .facilities .left .leftctn p span {
        width: 30px;
        height: 30px;
        line-height: 20px;
    }

    #coworking_details .facilities .left .leftctn p span svg {
        width: 15px;
        height: 15px;
    }

    #coworking_details .facilities .left .rightctn p {
        font-size: 0.7rem;
    }

    #coworking_details .facilities .left .rightctn p span {
        width: 30px;
        height: 30px;
        line-height: 20px;
    }

    #coworking_details .facilities .left .rightctn p span svg {
        width: 15px;
        height: 15px;
    }

    #coworking_details .facilities .right {
        margin-top: 30px;
    }

    #coworking_details .connect .items {
        padding: 0 15px;
    }

    #coworking_details .connect .items .item.right {
        padding: 15px;
        margin-top: 30px;
        border-radius: 15px;
    }

    #coworking_details .connect .items .item.right .title h1 {
        font-size: 1.2rem;
    }

    #coworking_details .connect .items .item.right form .phone {
        margin-top: 1rem;
    }

    #coworking_details .connect .items .item.right form button {
        font-size: 0.8rem;
    }

    #coworking_details .spaces-tabs h2.title {
        font-size: 1.2rem;
    }

    #coworking_details .ctn .plans .items .item.left {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #coworking_details .ctn .plans .items .item.right {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #coworking_details .ctn .plans .items {
        padding: 0 15px;
    }

    #coworking_details .ctn .btn-back {
        margin-top: 15px;
    }

    #coworking_details .ctn .btn-back svg {
        font-size: 1.2rem;
    }

    #coworking_details .ctn .btn-back > div {
        font-size: 0.8rem;
    }
}