.resi-popup {
   background-color: #000;
   background-image: url(https://dev.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://dev.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 .seater-head {
     display: inline;
   }

   .resi-popup .resi-charges .tab-content table tbody tr td .room-catagery.room {
     display: block;
   }

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

   #residential-services .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;
   }

 }

 table td.border-end {
   border-right: 1px solid #000 !important;
 }