/* 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: 30px;
    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;
}