/* systems.css */

/* General styles */
.tc-apartments-style5 {
    padding: 80px 0;
}

.tc-apartments-style5 h2 {
    font-size: 70px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 70px;
}

.tc-apartments-style5 .title-txt {
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.tc-apartments-style5 .apartments-accordion {
    margin-top: 50px;
}

.tc-apartments-style5 .accordion-title {
    margin-bottom: 30px;
}

.tc-apartments-style5 .accordion-title .row {
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.tc-apartments-style5 .accordion-title .title-txt {
    font-size: 18px;
}

.tc-apartments-style5 .accordion-item {
    margin-bottom: 30px;
}

.tc-apartments-style5 .accordion-button {
    background-color: #f8f9fa;
    border: none;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.tc-apartments-style5 .accordion-button:hover {
    background-color: #e9ecef;
}

.tc-apartments-style5 .room-numb {
    font-size: 25px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .room-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .room-info {
    font-size: 18px;
    margin-bottom: 15px;
}

.tc-apartments-style5 .feat-icons a {
    color: #333;
    margin-left: 50px;
    font-size: 24px;
}

.tc-apartments-style5 .feat-icons a:hover {
    color: #007bff;
}

.tc-apartments-style5 .price {
    font-size: 30px;
    font-weight: bold;
    color: #333;
	margin-left: 180px;
}

.tc-apartments-style5 .accordion-body {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 0 0 8px 8px;
}

.tc-apartments-style5 .main-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .text-items p {
    margin-bottom: 5px;
    font-size: 14px;
}

.tc-apartments-style5 .info .cont {
    margin-bottom: 20px;
}

.tc-apartments-style5 .info p {
    font-size: 14px;
    line-height: 1.5;
}

.tc-apartments-style5 .info small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.tc-apartments-style5 .info h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tc-apartments-style5 .btns .pdf-btn {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.tc-apartments-style5 .btns .pdf-btn:hover {
    background-color: #555;
}

.tc-apartments-style5 .btns .butn {
    border: 2px solid #333;
    color: #333;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tc-apartments-style5 .btns .butn:hover {
    background-color: #333;
    color: #fff;
}


/* Continuing from systems.css */

/* Second accordion item */
.tc-apartments-style5 .accordion-item:nth-child(2) {
    margin-bottom: 30px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .accordion-button {
    background-color: #f8f9fa;
    border: none;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .accordion-button:hover {
    background-color: #e9ecef;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .room-numb {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .room-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .room-info {
    font-size: 18px;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .feat-icons a {
    color: #333;
    margin-right: 10px;
    font-size: 24px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .feat-icons a:hover {
    color: #007bff;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .price {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .accordion-body {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 0 0 8px 8px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .main-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .text-items p {
    margin-bottom: 5px;
    font-size: 14px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .info .cont {
    margin-bottom: 20px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .info p {
    font-size: 14px;
    line-height: 1.5;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .info small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .info h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .btns .pdf-btn {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .btns .pdf-btn:hover {
    background-color: #555;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .btns .butn {
    border: 2px solid #333;
    color: #333;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(2) .btns .butn:hover {
    background-color: #333;
    color: #fff;
}

/* Continuing from systems.css */

/* Third accordion item */
.tc-apartments-style5 .accordion-item:nth-child(3) {
    margin-bottom: 30px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .accordion-button {
    background-color: #f8f9fa;
    border: none;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .accordion-button:hover {
    background-color: #e9ecef;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .room-numb {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .room-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .room-info {
    font-size: 18px;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .feat-icons a {
    color: #333;
    margin-right: 10px;
    font-size: 24px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .feat-icons a:hover {
    color: #007bff;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .price {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .accordion-body {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 0 0 8px 8px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .main-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .text-items p {
    margin-bottom: 5px;
    font-size: 14px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .info .cont {
    margin-bottom: 20px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .info p {
    font-size: 14px;
    line-height: 1.5;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .info small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .info h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .btns .pdf-btn {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .btns .pdf-btn:hover {
    background-color: #555;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .btns .butn {
    border: 2px solid #333;
    color: #333;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(3) .btns .butn:hover {
    background-color: #333;
    color: #fff;
}



/* Continuing from systems.css */

/* Fifth accordion item */
.tc-apartments-style5 .accordion-item:nth-child(5) {
    margin-bottom: 30px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .accordion-button {
    background-color: #f8f9fa;
    border: none;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .accordion-button:hover {
    background-color: #e9ecef;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .room-numb {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .room-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .room-info {
    font-size: 18px;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .feat-icons a {
    color: #333;
    margin-right: 10px;
    font-size: 24px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .feat-icons a:hover {
    color: #007bff;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .price {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .accordion-body {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 0 0 8px 8px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .main-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .text-items p {
    margin-bottom: 5px;
    font-size: 14px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .info .cont {
    margin-bottom: 20px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .info p {
    font-size: 14px;
    line-height: 1.5;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .info small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .info h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .btns .pdf-btn {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .btns .pdf-btn:hover {
    background-color: #555;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .btns .butn {
    border: 2px solid #333;
    color: #333;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tc-apartments-style5 .accordion-item:nth-child(5) .btns .butn:hover {
    background-color: #333;
    color: #fff;
}

/* "See all apartments" button */
.tc-apartments-style5 .mt-150 a.butn {
    border: 2px solid #333;
    color: #333;
    padding: 15px 30px;
    border-radius: 30px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tc-apartments-style5 .mt-150 a.butn:hover {
    background-color: #333;
    color: #fff;
}

.tp-shop-details-variation-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   max-width: 150px; /* Adjust based on your design */
   margin: 0 10px 20px; /* Adjust spacing as needed */
}

.tp-shop-details-variation-button {
   margin-bottom: 10px; /* Space between image and description */
}

.tp-shop-details-description {
   font-size: 14px;
   color: #666;
   word-wrap: break-word;
   white-space: normal;
   max-width: 150px; /* Match the width of the container */
}

.tp-shop-details-variation-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.tp-product-details-dsc-thumb {
    width: 100%;
    max-width: 600px; /* Adjust this value as needed */
    margin: 0 auto;
}

.tp-product-details-dsc-thumb img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px; /* Space between image and video */
}

.tp-product-details-dsc-thumb iframe {
    width: 100%;
    height: 400px; /* Set your custom height */
    border: none;
}









/* Responsive CSS */

@media (max-width: 1200px) {
    .tc-apartments-style5 h2 {
        font-size: 50px; /* Reduce font size for smaller screens */
    }
    .tc-apartments-style5 .room-numb,
    .tc-apartments-style5 .price {
        font-size: 24px; /* Adjust font size for room number and price */
    }
    .tc-apartments-style5 .feat-icons a {
        margin-left: 30px; /* Reduce spacing between icons */
    }
    .tc-apartments-style5 .accordion-button,
    .tc-apartments-style5 .accordion-body {
        padding: 15px; /* Reduce padding for buttons and body */
    }
}

@media (max-width: 992px) {
    .tc-apartments-style5 h2 {
        font-size: 40px; /* Further reduce font size for headings */
    }
    .tc-apartments-style5 .info h2 {
        font-size: 20px; /* Adjust font size for info headings */
    }
    .tc-apartments-style5 .btns .pdf-btn,
    .tc-apartments-style5 .btns .butn {
        padding: 8px 15px; /* Reduce padding for buttons */
    }
    .tp-shop-details-variation-item {
        max-width: 120px; /* Reduce width of variation items */
    }
    .tp-product-details-dsc-thumb iframe {
        height: 300px; /* Reduce video height */
    }
}

@media (max-width: 768px) {
    .tc-apartments-style5 {
        padding: 40px 0; /* Reduce overall section padding */
    }
    .tc-apartments-style5 h2 {
        font-size: 30px; /* Further reduce heading size */
    }
    .tc-apartments-style5 .accordion-title .title-txt {
        font-size: 16px; /* Reduce font size for accordion titles */
    }
    .tc-apartments-style5 .room-info {
        font-size: 16px; /* Adjust room info text size */
    }
    .tc-apartments-style5 .feat-icons a {
        font-size: 20px; /* Reduce icon size */
        margin-left: 20px; /* Further reduce spacing */
    }
    .tc-apartments-style5 .price {
        margin-left: 100px; /* Adjust price positioning */
    }
    .tp-shop-details-variation-list {
        justify-content: flex-start; /* Align items to the start */
    }
    .tp-product-details-dsc-thumb {
        max-width: 100%; /* Make the product details thumb full width */
    }
    .tp-product-details-dsc-thumb iframe {
        height: 250px; /* Further reduce video height */
    }
}

@media (max-width: 576px) {
    .tc-apartments-style5 h2 {
        font-size: 24px; /* Smallest heading size for mobile */
    }
    .tc-apartments-style5 .room-numb,
    .tc-apartments-style5 .price {
        font-size: 20px; /* Smaller font size for room number and price */
    }
    .tc-apartments-style5 .accordion-button,
    .tc-apartments-style5 .accordion-body {
        padding: 10px; /* Minimal padding for mobile */
    }
    .tc-apartments-style5 .feat-icons a {
        font-size: 18px; /* Smallest icon size */
        margin-left: 10px; /* Minimal spacing */
    }
    .tc-apartments-style5 .price {
        margin-left: 50px; /* Adjust price positioning for small screens */
    }
    .tp-shop-details-variation-item {
        max-width: 100px; /* Smallest width for variation items */
    }
    .tp-product-details-dsc-thumb iframe {
        height: 200px; /* Minimal video height */
    }
}







/* Dark Mode Styles */
.liko-dark-active .tc-apartments-style5 {
    background-color: #121212; /* Dark background */
    color: #e0e0e0; /* Light text color */
}
.liko-dark-active .tc-apartments-style5 h2 {
    color: #ffffff; /* Brighter headings */
}
.liko-dark-active .tc-apartments-style5 .title-txt {
    color: #ffffff; /* Brighter title text */
}
.liko-dark-active .tc-apartments-style5 .accordion-title .row {
    border-bottom: 1px solid #444; /* Darker border */
}
.liko-dark-active .tc-apartments-style5 .accordion-button {
    background-color: #1e1e1e; /* Dark button background */
    color: #e0e0e0; /* Light text */
}
.liko-dark-active .tc-apartments-style5 .accordion-button:hover {
    background-color: #333; /* Slightly lighter hover */
}
.liko-dark-active .tc-apartments-style5 .room-numb,
.liko-dark-active .tc-apartments-style5 .price {
    color: #ffffff; /* Brighter numbers */
}
.liko-dark-active .tc-apartments-style5 .feat-icons a {
    color: #ffffff; /* Brighter icons */
}
.liko-dark-active .tc-apartments-style5 .feat-icons a:hover {
    color: #03dac6; /* Teal accent for hover */
}
.liko-dark-active .tc-apartments-style5 .accordion-body {
    background-color: #1e1e1e; /* Dark background for accordion body */
    color: #e0e0e0; /* Light text */
}
.liko-dark-active .tc-apartments-style5 .info p,
.liko-dark-active .tc-apartments-style5 .info small {
    color: #e0e0e0; /* Light text for info */
}
.liko-dark-active .tc-apartments-style5 .info h2 {
    color: #ffffff; /* Brighter headings */
}
.liko-dark-active .tc-apartments-style5 .btns .pdf-btn {
    background-color: #ffffff; /* White button */
    color: #121212; /* Dark text */
}
.liko-dark-active .tc-apartments-style5 .btns .pdf-btn:hover {
    background-color: #f0f0f0; /* Slightly darker hover */
}
.liko-dark-active .tc-apartments-style5 .btns .butn {
    border-color: #ffffff; /* White border */
    color: #ffffff; /* White text */
}
.liko-dark-active .tc-apartments-style5 .btns .butn:hover {
    background-color: #ffffff; /* White background */
    color: #121212; /* Dark text */
}
.liko-dark-active .tp-shop-details-variation-item {
    background-color: #1e1e1e; /* Dark background for variation items */
    color: #e0e0e0; /* Light text */
}
.liko-dark-active .tp-shop-details-description {
    color: #e0e0e0; /* Light text for descriptions */
}
.liko-dark-active .tp-product-details-dsc-thumb iframe {
    background-color: #1e1e1e; /* Dark background for video */
}




.liko-dark-active p {
    color: #e0e0e0; /* Light paragraph text */
}


.liko-dark-active .tp-product-details-dsc-list ul li {
    color: #e0e0e0; /* Light paragraph text */
}




.liko-dark-active h6 {
    color: #e0e0e0; /* Light paragraph text */
}





/* Dark Mode Styles for Modal */
.liko-dark-active .modal-wrapper {
    background-color: #121212; /* Dark background for the modal wrapper */
}
.liko-dark-active .modal-content {
    background-color: #1e1e1e; /* Dark background for modal content */
    color: #e0e0e0; /* Light text color */
    border: 1px solid #444; /* Subtle border for contrast */
}
.liko-dark-active .modal-header {
    border-bottom: 1px solid #444; /* Darker border for header */
}
.liko-dark-active .btn-close {
    background-color: #ffffff; /* White close button */
    opacity: 0.7; /* Slightly transparent */
    transition: opacity 0.3s ease;
}
.liko-dark-active .btn-close:hover {
    opacity: 1; /* Fully visible on hover */
}








.liko-dark-active .developer-signature {
    filter: brightness(0) invert(1);
}



.liko-dark-active .tp-shop-details-msg p {

    color: #ffffff; /* Light text color */
}