.container { width: 100%; max-width: 1200px; margin: auto; }
.card { border: 1px solid #b58628; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.card-header { background-color: #b58628; color: #fff; }
.table { width: 100%; max-width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 1rem 0; }
    .table th, .table td.card-like { background: #f9f9f9; padding: 1em; border-radius: 0.25rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); vertical-align: middle; min-width: 300px; }
.icon, .fas { color: #b58628; font-size: 1.2em; padding-right: 5px; }
.travel-route { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.icon-container { display: flex; align-items: center; cursor: pointer; justify-content: space-between; background: #f8f8f8; border-radius: 0.25rem; padding: 10px 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.15); }
.route-details { font-size: 1.1em; padding: 0 20px; }
.route-icon { height: 50px; }
.gym-card, .pool-card, .station-card, .golf-card, .tennis-card, .track-card, .restaurant-card { background: #ffffff; padding: 0.5em; border-radius: 0.25rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-align: center; position: relative; }
    .gym-card h6, .pool-card h6, .station-card h6, .golf-card h6, .tennis-card h6, .track-card h6, .restaurant-card h6 { margin-bottom: 0.5em; font-size: 0.9em; color: #333; cursor: pointer; }
    .gym-card p, .pool-card p, .station-card p, .golf-card p, .tennis-card p, .track-card p, .restaurant-card p { margin-bottom: 0.5em; font-size: 0.75em; color: #555; cursor: pointer; }
.map-icon { position: absolute; bottom: 10px; right: 10px; cursor: pointer; font-size: 1.5em; color: #b58628; }
    .map-icon:hover { color: #0056b3;cursor:pointer; }
.section { display: none; }
.news-card { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; height: 300px; /* Set fixed height for uniformity */ }
.news-image { width: 100%; height: 150px; /* Fixed height for images */ object-fit: cover; }
.news-content { padding: 10px; flex: 1; display: flex; flex-direction: column; }
.news-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* Number of lines before truncation */ -webkit-box-orient: vertical; }
.read-more { margin-top: auto; text-align: right; color: #007bff; cursor: pointer; }

.modal-body .container { position: relative; width: 300px; height: 300px; margin: auto; }
/*.center-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; color: #d9534f;*/ /* Different color for hotel */ /*cursor: pointer;*/ /* Change cursor to hand */ /*}*/


.modal-content { position: relative; display: flex; flex-direction: column; width: 44% !important; pointer-events: auto; background-color: #fff7e6 !important; /* Light background for contrast */ background-clip: padding-box; border: 3px solid rgba(0.3, 0.3, 0, .2) !important; border-radius: 2.3rem !important; outline: 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }


.modal-header { background-color: #b58628; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top-left-radius: 2.3rem; border-top-right-radius: 2.3rem; }

.modal-title { margin: 0 auto; }

.close { color: #fff; opacity: 1; background-color: burlywood; }

.iconn-container { position: relative; width: 300px; height: 300px; margin: auto; background-color: #fff7e6; border-radius: 50%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

.center-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; color: #d9534f; /* Different color for hotel */ cursor: pointer; /* Change cursor to hand */ animation: rotate 20s linear infinite; /* Adding the animation */ }

@keyframes rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.iconn { position: absolute; font-size: 30px; /* Make icons smaller */ color: #b58628; /* Theme color for icons */ cursor: pointer; /* Change cursor to hand */ }

    .iconn:nth-child(2) { top: 10%; left: 50%; transform: translate(-50%, -50%); }
    /* top */
    .iconn:nth-child(3) { top: 25%; left: 85%; transform: translate(-50%, -50%); }
    /* top-right */
    .iconn:nth-child(4) { top: 75%; left: 85%; transform: translate(-50%, -50%); }
    /* bottom-right */
    .iconn:nth-child(5) { top: 90%; left: 50%; transform: translate(-50%, -50%); }
    /* bottom */
    .iconn:nth-child(6) { top: 75%; left: 15%; transform: translate(-50%, -50%); }
    /* bottom-left */
    .iconn:nth-child(7) { top: 25%; left: 15%; transform: translate(-50%, -50%); }
    /* top-left */
    .iconn:nth-child(8) { top: 50%; left: 10%; transform: translate(-50%, -50%); }
    /* left */
    .iconn:nth-child(9) { top: 50%; left: 90%; transform: translate(-50%, -50%); }
    /* right */
    .iconn:nth-child(10) { top: 15%; left: 70%; transform: translate(-50%, -50%); }
/* new sport */

.modal-dialog-centered { display: flex; align-items: center; justify-content: center; }