|
|
.service-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.nav-link:hover { |
|
|
color: #ef4444; |
|
|
} |
|
|
.floating-chat { |
|
|
position: fixed; |
|
|
bottom: 20px; |
|
|
right: 20px; |
|
|
z-index: 1000; |
|
|
} |
|
|
.sticky-contact { |
|
|
position: fixed; |
|
|
bottom: 20px; |
|
|
left: 20px; |
|
|
z-index: 1000; |
|
|
} |
|
|
.service-tab.active { |
|
|
background-color: #ef4444; |
|
|
color: white; |
|
|
} |
|
|
.service-content { |
|
|
display: none; |
|
|
} |
|
|
.service-content.active { |
|
|
display: block; |
|
|
} |
|
|
.accordion-content { |
|
|
max-height: 0; |
|
|
overflow: hidden; |
|
|
transition: max-height 0.3s ease-out; |
|
|
} |
|
|
.accordion-item.active .accordion-content { |
|
|
max-height: 500px; |
|
|
} |
|
|
.accordion-item.active .accordion-button i { |
|
|
transform: rotate(180deg); |
|
|
} |
|
|
|
|
|
.modal-overlay { |
|
|
display: none; |
|
|
position: fixed; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
background-color: rgba(0, 0, 0, 0.75); |
|
|
z-index: 1000; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
} |
|
|
.modal-overlay.active { |
|
|
display: flex; |
|
|
} |
|
|
.modal-container { |
|
|
background-color: white; |
|
|
border-radius: 0.5rem; |
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); |
|
|
width: 90%; |
|
|
max-width: 600px; |
|
|
max-height: 90vh; |
|
|
overflow-y: auto; |
|
|
} |
|
|
|
|
|
.notification { |
|
|
position: fixed; |
|
|
top: 1rem; |
|
|
right: 1rem; |
|
|
padding: 1rem; |
|
|
border-radius: 0.5rem; |
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); |
|
|
z-index: 1100; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
max-width: 400px; |
|
|
display: none; |
|
|
} |
|
|
.notification.success { |
|
|
background-color: #10B981; |
|
|
} |
|
|
.notification.error { |
|
|
background-color: #EF4444; |
|
|
} |
