.resi-popup {
      background-color: #000;
      background-image: url(https://www.lpu.in/lpu-assets/images/residence/popup/popup-bg.svg);
      border-radius: 20px;
    }

    .resi-popup .resi-head {
      position: relative;
      margin-bottom: 30px;
    }

    .resi-popup .resi-head h2 {
      text-align: center;
      color: #fff;
    }

    .resi-popup .resi-head h2 span {
      display: block;
      text-align: center;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
    }

    .resi-popup .resi-head .resi-pop-close {
      position: absolute;
      top: -10px;
      right: 0;
      color: #fff;
      font-size: 22px;
      text-decoration: none;
      cursor: pointer;
    }

    .resi-popup .resi-charges .resi-nav-tabs {
      border-bottom: 5px solid #000;
      justify-content: center;
      gap: 5px;
    }

    .resi-popup .resi-charges .resi-nav-tabs li {
      border: 0 !important;
      height: auto !important;
    }

    .resi-popup .resi-charges .resi-nav-tabs li a {
      border-radius: 6px 6px 0 0 !important;
      line-height: normal !important;
      height: auto !important;
      padding: 15px 25px !important;
      font-size: 18px;
      display: block;
      color: #444;
      background-color: #F2F2F2;
      font-weight: bold;
      text-decoration: none;
    }

    .resi-popup .resi-charges .resi-nav-tabs li a.active {
      background-color: #ffc142;
    }

    .resi-popup .resi-charges {
      padding: 0 !important;
    }

    .resi-popup .resi-charges .tab-content .table-bg {
      background: #fff;
      padding: 15px;
      border-radius: 20px;
    }

    .resi-popup .resi-charges .tab-content .seater-head {
      display: flex;
      justify-content: space-between;
    }

    .resi-popup .resi-charges .tab-content .seater-head h3 {
      font-size: 36px;
      font-weight: 700;
      color: #000;
    }

    .resi-popup .resi-charges .tab-content .seater-head .academic-year {
      background-color: #000;
      border-radius: 15px;
      padding: 5px 15px;
      height: fit-content;
      color: #fff;
      font-size: 13px;
      display: flex;
      align-items: center;
    }

    .resi-popup .resi-charges .tab-content .seater-head .academic-year span {
      background: linear-gradient(90deg, #fb923c 0%, #f472b6 50%, #e879f9 100%);
      border-radius: 50%;
      display: block;
      height: 10px;
      width: 10px;
      margin-right: 5px;
    }

    .resi-popup .resi-charges .tab-content table {
      margin-top: 3px !important;
      border: 0;
      width: 100%;
      margin: 15px 0 !important;
    }

    .resi-popup .resi-charges .tab-content table thead th {
      background: transparent !important;
      padding: 15px;
      border: 0 !important;
      font-weight: 400;
    }

    .resi-popup .resi-charges .tab-content table td {
      border: 0 !important;
      padding: 15px !important;
    }

    .resi-popup .resi-charges .tab-content table tr {
      background: transparent !important;
    }

    .resi-popup .resi-charges .tab-content table tbody tr {
      border-top: 1px solid #000 !important;
    }

    .resi-popup .resi-charges .tab-content table tbody tr td .charges,
    .resi-popup .resi-charges .tab-content table tbody tr td div {
      font-weight: 700;
    }

    .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.apartments {
      color: #e879f9;
      background-color: rgba(232, 121, 249, 0.2);
      padding: 5px 15px;
      border-radius: 15px;
      font-weight: 500;
    }

    .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.room {
      color: #c45705;
      background-color: rgba(196, 87, 5, 0.2);
      padding: 5px 15px;
      border-radius: 15px;
      font-weight: 500;
    }

    .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.apartments>div,
    .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.room>div {
      padding-left: 10px;
      margin-top: 5px;
    }

    .facilities p {
      color: #fff;
      margin: 15px 0 20px 0;
    }

    .facilities .facilities-head h3 {
      text-align: center;
      color: #ffbe48;
      margin-bottom: 20px;
    }

    .facilities .table-bg {
      background: #fff;
      padding: 15px;
      border-radius: 20px;
    }

    .facilities table {
      margin-top: 3px !important;
    }

    .facilities table thead th {
      background: transparent !important;
      padding: 15px;
      border: 0 !important;
    }

    .facilities table td {
      border: 0 !important;
      padding: 15px !important;
    }

    .facilities table tr {
      background: transparent !important;
    }

    .facilities table tbody tr {
      border-top: 1px solid #000 !important;
    }

    .facilities table tbody tr td .charges,
    .facilities table tbody tr td div {
      font-weight: 700;
    }

    .facilities table tbody tr td .room-catagery.apartments {
      color: #e879f9;
      background-color: rgba(232, 121, 249, 0.2);
      padding: 5px 15px;
      border-radius: 15px;
      font-weight: 500;
    }

    .facilities table tbody tr td .room-catagery.room {
      color: #c45705;
      background-color: rgba(196, 87, 5, 0.2);
      padding: 5px 15px;
      border-radius: 15px;
      font-weight: 500;
    }

    .facilities table tbody tr td .room-catagery.apartments>div.strong,
    .facilities table tbody tr td .room-catagery.room>div.strong {
      padding-left: 10px;
      margin-top: 5px;
    }

    .facilities .parking {
      background-color: #ffbe48;
      color: #000;
      display: inline-block;
      padding: 5px 10px;
      border-radius: 5px;
    }

    .resi-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .resi-list li {
      padding-bottom: 7px;
      list-style: none;
    }

    .resi-list li {
      content: "";
      background: url(https://www.lpu.in/lpu-assets/images/residence/resi-tick.svg);
      background-repeat: no-repeat;
      background-size: 16px;
      padding-left: 24px;
      background-position: left 3px;
    }

    .resi-popup .resi-charges .tab-content table td.border-start {
      border-left: 1px solid #000 !important;
    }

    .resi-list.facil li {
      background-size: 24px;
      padding-left: 34px;
    }

    @media (max-width: 991px) {
      .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.room {
        display: block;
      }

      .resi-nav-tabs {
        display: none;
      }

      .tab-pane {
        display: block !important;
        opacity: 1 !important;
        border-bottom: 1px solid #ddd;
      }

      /* accordion title */
      .tab-mobile-title {
        padding: 16px;
        font-weight: 600;
        cursor: pointer;
        background: #f5f5f5;
        position: relative;
      }

      /* plus/minus icon */
      .tab-mobile-title::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-size: 20px;
        transition: 0.3s;
      }

      .tab-pane.active .tab-mobile-title::after {
        content: "−";
      }

      /* animated body */
      .tab-body {
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition:
          height 0.35s ease,
          opacity 0.25s ease,
          padding 0.3s ease;
        padding: 0 15px;
      }

      .tab-pane.active .tab-body {
        opacity: 1;
        padding: 15px;
      }
    }

    /* Desktop */
    @media (min-width: 992px) {
      .tab-mobile-title {
        display: none;
      }
    }