#attractionInfoModal .modal-body *
{
    font-size: 1rem!important;
    font-family: 'Mulish'!important;
}
#attractionInfoModal .modal-body h1 {
	font-size:1.4rem !important;
	
}
#attractionInfoModal .modal-body h2 {
	font-size:1.4rem !important;
	text-align: center;
    color: #dc3545;
}
#attractionInfoModal .modal-body h4 {
	font-size:1.2rem !important;
	color:#ffc107 !important;
	margin-top:10px;
}
#attractionInfoModal .modal-body h4:before {
	content: '\F231';
    font-family: 'bootstrap-icons';
    padding-top: 2px;
    font-size: 1.2rem;
    padding-right: 3px;
}

#attractionInfoModal .modal-body p {
	font-size:1rem !important;
	text-align:justify;
}
#attractionInfoModal  {
	z-index:10000 !important;
    word-wrap: break-word;
}
#attractions-container .bi-info-circle,
#readymadeItineraryPreviewModal .bi-info-circle,
#serviceTabsContent .bi-info-circle {
	cursor:pointer
}

#sd-attractions-container .bi-info-circle {
	cursor:pointer;
	float: right;
	display: inline-flex;
    align-items: center;
    font-size: 1.1rem;
    transition: color 0.3s ease-in-out;
	column-gap: 7px;
}

.cancel-info-container .bi-info-circle {
	float: none !important;
}

#sd-attractions-container .card-body p.card-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}