.real-estate-booking{
        display: flex;
        overflow-x: scroll;
        overflow-y: scroll;
        height: 580px;
    }
    .leas-avl{
        display: flex;
        width: 100%;
        margin-bottom: 15px;
        justify-content: flex-end;
    }
    .leas-avl li{
        list-style: none;
        float: right;
        width: 15%;
    }
    .star-box{
        margin: 10px 0px;
    }
    .avl-star{
        position:absolute;
        top:0px;
    }
    .star{
        float:right;
    }
    .width-space{
        width: 60px;
        background-color: #606660;
    }
    .width-space-high{
        width: 50px;
        background-color: #fff;
    }
    .height-space{
        height: 30px;
        /* background-color: #74f174; */
    }
    .seats {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        position: relative;
    }
    .seat {
        /* display: flex;
        flex: 0 0 14.2857142857%; */
        padding: 1px;
        position: relative;
        width: 43px;
        height: 80px;
        border: 1px solid #000;
    }
    /* .seat:nth-child(3) {
        margin-right: 14.2857142857%;
    } */
    .seat input[type=checkbox] {
        position: absolute;
        opacity: 0;
    }
    .seat input[type=checkbox]:checked + label {
        background: #099dc2;
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        animation-duration: 300ms;
        animation-fill-mode: both;
    }
    .seat input[type=checkbox]:disabled + label {
        background: #ddd;
        text-indent: -9999px;
        overflow: hidden;
    }
    .seat input[type=checkbox]:disabled + label:after {
        content: "X";
        text-indent: 0;
        position: absolute;
        top: 4px;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .seat input[type=checkbox]:disabled + label:hover {
        box-shadow: none;
        cursor: not-allowed;
    }
    .seat label {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 112px;
        padding: 4px 0;
        background: #f17781;
        /* border-radius: 5px; */
        animation-duration: 300ms;
        animation-fill-mode: both;
    }
    /* .seat label:before {
        content: "";
        position: absolute;
        width: 75%;
        height: 75%;
        top: 1px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: rgba(255, 255, 255, .4);
        border-radius: 3px;
    } */
    .seat label:hover {
        cursor: pointer;
        box-shadow: 0 0 0px 2px #5c6aff;
    }
    .span-block{
        position: absolute;
        background-color: red;
        /* width: 56px; */
        padding: 13px 8px !important;
        color: #fff;
        bottom: 80px;
        right: 0px;
        font-size: 16px;
    }
    .span-block2{
        position: absolute;
        background-color: red;
        /* width: 56px; */
        padding: 13px 8px !important;
        color: #fff;
        top: 80px;
        right: 0px;
       font-size: 16px;
    }
    .span-block-center{
        position: absolute;
        background-color: red;
        /* width: 56px; */
        padding: 13px 8px !important;
        color: #fff;
        bottom: 80px;
        right: 0px;
        font-size: 16px;
        display: none;
    }
    .span-block-down{
        position: absolute;
        background-color: red;
        /* width: 56px; */
        padding: 13px 8px !important;
        color: #fff;
        top: 80px;
        right: 0px;
        font-size: 16px;
    }
    .span-block-top{
        position: absolute;
        background-color: red;
        /* width: 56px; */
        padding: 13px 8px !important;
        color: #fff;
        top: 80px;
        right: 0px;
        font-size: 16px;
        display: none;
    }
    .space{
        height: 45px;
        text-align: center;
        padding: 12px 0px;
        background-color: #fff;
    }
    .plane {
        margin: 20px auto;
        max-width: 300px;
    }
    
    .exit {
        position: relative;
        height: 50px;
    }
    .exit:before, .exit:after {
        content: "EXIT";
        font-size: 14px;
        line-height: 18px;
        padding: 0px 2px;
        font-family: "Arial Narrow", Arial, sans-serif;
        display: block;
        position: absolute;
        background: rgb(16, 109, 163);
        color: white;
        top: 50%;
        transform: translate(0, -50%);
    }
    .exit:before {
        left: 0;
    }
    .exit:after {
        right: 0;
    }
    /* .fuselage {
        border-right: 5px solid #d8d8d8;
        border-left: 5px solid #d8d8d8;
    } */
    .fuselage{
        transform: rotate(90deg);
        padding-top: 107px;
    }
    .cabin{
        padding-left: 50px;
    }
    ol {
        list-style: auto;
        padding: 0;
        margin: 0;
    }
    .top-floor{
        display: flex;
        justify-content: space-evenly;
    }
    .height-space{
        height: 30px;
        /* background-color: #74f174; */
    }
    .width-space{
        width: 60px;
        background-color: #606660;
    }
    .width-space-high{
        width: 50px;
        background-color: #fff;
    }
    .floor{
        display: flex;
        padding: 53px 32px;
        border-radius: 14px;
       position:relative;
        background-color: #fff;
    }
    .st-gate{
        position:absolute;
        top:0px;
        left:0px;
        font-size:42px !important;;
    }
    .end-gate{
        position:absolute;
        bottom:0px;
        left:0px;
        font-size:42px !important;
    }
    .mid-last{
        padding: 20px;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 10px;
    }
    .seats {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        position: relative;
    }
    .seat {
        /* display: flex;
        flex: 0 0 14.2857142857%; */
        padding: 1px;
        position: relative;
        width: 130px;
        height: 80px;
        border: 1px solid #000;
    }
    /* .seat:nth-child(3) {
        margin-right: 14.2857142857%;
    } */
    .seat input[type=checkbox] {
        position: absolute;
        opacity: 0;
    }
    .seat input[type=checkbox]:checked + label {
        background: #099dc2;
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        animation-duration: 300ms;
        animation-fill-mode: both;
    }
    .seat input[type=checkbox]:disabled + label {
        background: #ddd;
        text-indent: -9999px;
        overflow: hidden;
    }
    .seat input[type=checkbox]:disabled + label:after {
        content: "X";
        text-indent: 0;
        position: absolute;
        top: 4px;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .seat input[type=checkbox]:disabled + label:hover {
        box-shadow: none;
        cursor: not-allowed;
    }
    .seat label {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 112px;
        padding: 4px 0;
        background: #f17781;
        /* border-radius: 5px; */
        animation-duration: 300ms;
        animation-fill-mode: both;
    }
    /* .seat label:before {
        content: "";
        position: absolute;
        width: 75%;
        height: 75%;
        top: 1px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: rgba(255, 255, 255, .4);
        border-radius: 3px;
    } */
    .seat label:hover {
        cursor: pointer;
        box-shadow: 0 0 0px 2px #5c6aff;
    }
    .leased-box{
        padding: 11px 0px;
    }
    @media (min-width:280px) and (max-width:767px) {
        .leas-avl li {
            list-style: none;
            float: right;
            width: 55% !important;
        }
        .real-estate-booking {
            display: block;
            overflow-x: scroll;
            overflow-y: scroll;
            height: 580px;
        }
      }

      .real-estate-booking::-webkit-scrollbar {
        width: 20px;
      }
      .real-estate-booking::-webkit-scrollbar-thumb {
        background: #ccc;
    border-radius: 10px;
      }

      .cabin {
        padding-right: 20px !important;
        margin-left: 250px !important;
    }