.rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}
.rating input {
	display: none;
}

.rating label {
	cursor: pointer;
	font-size: 2rem;
	color: lightgray;
}

.rating label svg {
	width: 100%;
	height: 100%;
}

.rating input:checked ~ label svg,
.rating label:hover svg,
.rating label:hover ~ label svg {
	fill: #007bff;
}
  .modal-body .card {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  .modal-body .card-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  
.bg-navy {
    background: #005A92;
	color:white;
}

  /* Add hover effect to custom hover cards */
.hover-card:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Add a transition to the box shadow to make the hover effect smoother */
.hover-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	user-select: none;
}

.pricing-card {
    transform: scale(1.10);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.pricing-card:hover {
    transform: scale(1.12);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}


.star1 {
        color: #ff4d4d; /* Red */
}
.star2 {
	color: #ff9933; /* Orange */
}
.star3 {
	color: #ffd700; /* Yellow */
}
.star4 {
	color: #99cc33; /* Light Green */
}
.star5 {
	color: #66cc66; /* Green */
}
.star {
	font-size: 24px; /* Adjust the size as needed */
}

 .checkmark-container {
	display: none;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.checkmark-svg {
    width: 100px;
    height: 100px;
    animation: pop-up 0.5s ease-out forwards, fade-out 0.5s ease-out forwards 1.5s;
}

@keyframes pop-up {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.single-plan {
    background-color: #f9f9f9; /* Very light gray */
    border: 1px solid #e0e0e0;
}

.basic-plan {
    background-color: #f2f9ff; /* Very light blue */
    border: 1px solid #d0e7ff;
}

/* Standard Plan - Slightly Darker */
.standard-plan {
    background-color: #FFFFE0; /* Very light blue */
    border: 1px solid #FFFF00;
}

/* Premium Plan - Highlighted */
.premium-plan {
    background-color: #e8f9f1; /* Very light green */
    border: 1px solid #bfe3d0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.single-plan-header {
	background-color: #dc3545; /* Bootstrap Danger */
	color: white;
	padding: 10px;
	border-bottom: 1px solid #c82333;
}

.basic-plan-header {
	background-color: #007bff; /* Bootstrap Primary */
	color: white;
	padding: 10px;
	border-bottom: 1px solid #0056b3;
}

.standard-plan-header {
	background-color: #FFFF00; /* Bootstrap Success */
	color: white;
	padding: 10px;
	border-bottom: 1px solid #FFD700;
}

.premium-plan-header {
	background-color: #28a745; /* Bootstrap Success */
	color: white;
	padding: 10px;
	border-bottom: 1px solid #218838;
}