body {
 font-family: "Inter", sans-serif;
 background-color: #f8f9fa;
}

.mobile-menu-link {
 display: flex;
 align-items: center;
 padding: 12px 16px;
 border-radius: 8px;
 font-weight: 500;
 color: #374151;
 transition: background-color 0.2s, color 0.2s;
}

.mobile-menu-link:hover {
 background-color: #f3f4f6;
}

.hero-bg {
 background-color: aliceblue;
 background-size: cover;
 background-position: center;
}

.scroll-container::-webkit-scrollbar {
 display: none;
}

.scroll-container {
 -ms-overflow-style: none;
 scrollbar-width: none;
}

.modal-backdrop {
 transition: opacity 0.3s ease-in-out;
}

.modal-content {
 transition: transform 0.3s ease-in-out;
}

.contact-tab-button {
 padding: 8px 16px;
 border-bottom: 2px solid transparent;
 font-weight: 600;
 color: #6b7280;
 transition: all 0.2s;
}

.contact-tab-button.active {
 color: #2563eb;
 border-bottom-color: #2563eb;
}

.contact-item {
 display: flex;
 align-items: center;
 padding: 12px;
 background-color: #f9fafb;
 border-radius: 8px;
 margin-bottom: 8px;
}

.contact-item i {
 color: #2563eb;
 font-size: 1.25rem;
 width: 40px;
 text-align: center;
}

.contact-link {
 color: #1f2937;
 font-weight: 500;
 text-decoration: none;
}

.contact-link:hover {
 text-decoration: underline;
}

.rating-stars {
 display: inline-flex;
 flex-direction: row-reverse;
 justify-content: center;
}
.rating-stars input {
 display: none;
}
.rating-stars label {
 color: #ccc;
 cursor: pointer;
 font-size: 2rem;
 transition: color 0.2s;
}

.rating-stars:not(:checked) > label:hover,
.rating-stars:not(:checked) > label:hover ~ label {
 color: #ffc107;
}
.rating-stars input:checked ~ label {
 color: #ffc107;
}

@keyframes shake {
 10%,
 90% {
 transform: translate3d(-1px, 0, 0);
 }
 20%,
 80% {
 transform: translate3d(2px, 0, 0);
 }
 30%,
 50%,
 70% {
 transform: translate3d(-3px, 0, 0);
 }
 40%,
 60% {
 transform: translate3d(3px, 0, 0);
 }
}

.animate-shake {
 animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
 animation-delay: 3s;
 animation-iteration-count: 11;
}