/* Import Saira font from Google Fonts */ 
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&display=swap');

/* Root Variables */
:root {
  --primary-color: #C00189;
  --secondary-color: #362C86;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Apply Saira font globally */
body {
  font-family: 'Saira', sans-serif;
  margin: 0;
  padding: 0;
}

/* Topbar styling */
.topbar {
  background-color: #f8f9fa;
  font-size: 14px;
  padding: 5px 0;
}

.topbar a {
  text-decoration: none;
  color: #333;
}

h2, .h2 {
  color: var(--primary-color);
}

.fs-4 a:hover {
  transform: scale(1.1);
  transition: 0.2s ease-in-out;
}

.footer h4, .footer h5 {
  color: var(--primary-color);
}

.footer h5:hover {
   color: var(--primary-color);
}

.footer .btn-warning {
  background-color: var(--primary-color);
  border: none;
}

.footer .btn-warning:hover {
  background-color: var(--secondary-color);
}

.social-links a:hover {
    color: var(--primary-color) !important;
}

.quick-links a:hover {
    color: var(--primary-color) !important;
}

#backToTopBtn {
  background-color: var(--primary-color);
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 1000;
  border: none;
  width: 50px;
  height: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

#backToTopBtn:hover {
  background-color: var(--secondary-color);
  transform: scale(1.1);
}

.bg-primary-custom {
  background-color: var(--primary-color);
}

.custom-btn:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

.faq-custom-style .accordion-item {
    border-color: var(--primary-color);
}

.faq-custom-style .accordion-button {
  background-color: var(--secondary-color);
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: none;
  border-radius: 0 !important;
}

.faq-custom-style .accordion-button:not(.collapsed) {
  background-color: var(--primary-color);
  color: #FFFFFF;
}

.faq-custom-style .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(192, 1, 137, 0.25);
}

.faq-custom-style .accordion-body {
    background-color: rgba(192, 1, 137, 0.1);
    color: #333333 !important;
}

.faq-custom-style .accordion-button::after {
    filter: invert(100%);
}