@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.App {
  text-align: center;
    background-color: #ffff;

}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.faq-section {
  background: #fff;
}

.section-title h6.text--base {
  color: var(--primary-color);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
}

.section-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.section-title p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
}

.custom--accordion {
  border: none;
}

.accordion-item {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-item:hover {
  border-color: var(--primary-color);
}

.accordion-header {
  margin: 0;
}

.accordion-button {
  background: #fff;
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 1.5rem;
  border: none;
  box-shadow: none;
  transition: all 0.3s ease;
  position: relative;
}

.accordion-button:not(.collapsed) {
  background: var(--primary-color);
  color: white;
}

.accordion-button::after {
  content: "+";
  font-size: 1.5rem;
  font-weight: 300;
  transform: none;
  background-image: none;
  width: auto;
  height: auto;
}

.accordion-button:not(.collapsed)::after {
  content: "-";
  color: white;
}

.accordion-button:hover {
  background: #f8f9fa;
}

.accordion-button:not(.collapsed):hover {
  background: var(--primary-color-dark);
}

.accordion-collapse {
  border-top: 1px solid #e5e5e5;
}

.accordion-body {
  padding: 1.5rem;
  background: #fafafa;
}

.accordion-body p {
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.left-reveal {
  opacity: 0;
  transform: translateX(-50px);
  animation: leftReveal 0.8s ease forwards;
}

.bottom-reveal {
  opacity: 0;
  transform: translateY(50px);
  animation: bottomReveal 0.8s ease forwards;
}

@keyframes leftReveal {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bottomReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.accordion-item:nth-child(1) { animation-delay: 0.1s; }
.accordion-item:nth-child(2) { animation-delay: 0.2s; }
.accordion-item:nth-child(3) { animation-delay: 0.3s; }
.accordion-item:nth-child(4) { animation-delay: 0.4s; }
.accordion-item:nth-child(5) { animation-delay: 0.5s; }

.inline-block {
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .section-title h2 {
    font-size: 2rem;
  }
  
  .accordion-button {
    font-size: 1rem;
    padding: 1.25rem;
  }
  
  .faq-img {
    margin-bottom: 2rem;
  }
}

.custom-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slick-carousel {
  position: relative;
}

.item-container {
  padding: 10px;
  box-sizing: border-box;
}

.item {
  position: relative;
  min-width: 350px;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.item:hover {
  transform: translateY(-5px);
}

.item-desc {
  position: relative;
  width: 100%;
  padding: 30px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: white;
  z-index: 2;
}


.item-desc p {
  margin: 0 0 15px 0;
  font-size: 0.9rem;
  line-height: 1.5;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.9);
}

/* Active slide styling */
.slick-center .item {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* Force hide navigation arrows */
.custom-carousel .slick-prev,
.custom-carousel .slick-next {
  display: none !important;
  visibility: hidden !important;
}

/* Force show and style dots */
.custom-carousel .slick-dots {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.custom-carousel .slick-dots li {
  margin: 0 3px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* .custom-carousel .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: #ddd !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transition: background 0.3s ease !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
} */

.custom-carousel .slick-dots li button:hover {
  /* background: #999 !important; */
}

.custom-carousel .slick-dots li.slick-active button {
  /* background: #333 !important; */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .item {
    min-width: 300px;
    height: 350px;
  }
  
  .item-desc {
    padding: 20px;
  }
  
  .item-desc h3 {
    font-size: 1.3rem;
  }
  
  .item-desc p {
    font-size: 0.85rem;
  }
}

/* Loading skeleton styles */
.item.animate-pulse {
  background: #f3f4f6;
}

.item.animate-pulse .item-desc {
  background: linear-gradient(transparent, rgba(243, 244, 246, 0.8));
}
/* .service-section {
  position: relative;
}

.line-title {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}

.line-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: var(--primary-color);
}

.custom-carousel {
  position: relative;
}

.service-item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.service-item:hover .item-desc {
  transform: translateY(0);
}

.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  z-index: 10;
}

.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

.slick-prev:before, .slick-next:before {
  font-size: 40px;
  color: var(--primary-color);
}

.slick-dots li button:before {
  font-size: 12px;
  color: var(--primary-color);
}

.slick-dots li.slick-active button:before {
  color: var(--primary-color);
}

@media (max-width: 768px) {
  .slick-prev {
    left: -20px;
  }
  
  .slick-next {
    right: -20px;
  }
  
  .service-item {
    height: 350px;
  }
} */

.testimonials-section {
  background: #f8f4ff !important;
}

.section-title h6.text--base {
  color: var(--primary-color);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
}

.section-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.section-title p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
}

.testimonial-card {
  background: white;
  padding: 2.5rem 2rem;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.quote-icon {
  color: var(--primary-color);
  font-size: 1.5rem;
  margin-bottom: 1rem;
  opacity: 0.7;
}

.testimonial-rating {
  margin-bottom: 1.5rem;
  display: flex;
  gap: 0.25rem;
}

.testimonial-rating .fas.fa-star {
  font-size: 1rem;
}

.testimonial-text {
  color: #555;
  line-height: 1.7;
  margin-bottom: 2rem;
  flex-grow: 1;
  font-style: italic;
}

.client-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.client-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--primary-color);
}

.client-details h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 0.25rem 0;
}

.client-details p {
  color: #666;
  font-size: 0.9rem;
  margin: 0;
}

.top-reveal {
  opacity: 0;
  transform: translateY(-50px);
  animation: topReveal 0.8s ease forwards;
}

.bottom-reveal {
  opacity: 0;
  transform: translateY(50px);
  animation: bottomReveal 0.8s ease forwards;
}

@keyframes topReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bottomReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bottom-reveal:nth-child(1) { animation-delay: 0.1s; }
.bottom-reveal:nth-child(2) { animation-delay: 0.2s; }
.bottom-reveal:nth-child(3) { animation-delay: 0.3s; }

@media (max-width: 768px) {
  .section-title h2 {
    font-size: 2rem;
  }
  
  .testimonial-card {
    padding: 2rem 1.5rem;
  }
  
  .client-info {
    flex-direction: column;
    text-align: center;
    gap: 0.75rem;
  }
  
  .client-details {
    text-align: center;
  }
}


.service-section .item {
    margin: 0 15px 60px;
    width: 320px;
    height: 400px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.service-section .item:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.item-desc {
  position: relative;
  z-index: 2;
  padding: 1.5rem;
}

@media (max-width: 768px) {
  .service-section .item,
  .service-section .item.active {
    width: 100% !important;
    height: 350px;
  }
}
.service-section {
  padding: 60px 0 !important;
  text-align: center !important;
}

.service-section .line-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 2rem !important;
  position: relative !important;
}

.service-section .line-title::after {
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 80px !important;
  height: 3px !important;
  background: #f3e8ff !important;
}

.service-item.item {
  position: relative !important;
  width: 320px !important;
  height: 420px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  transition: all 0.5s ease !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  color: white !important;
  transform: scale(0.95) !important; 
  opacity: 0.8 !important;
}

.service-item.item.active {
  transform: scale(1.1) !important; 
  opacity: 1 !important;
  z-index: 10 !important;
}

.service-item.item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  transition: all 0.3s ease !important;
}

.item-desc {
  position: absolute !important;
  bottom: 30px !important;
  left: 0 !important;
  width: 100% !important;
  padding: 1.5rem !important;
  color: #fff !important;
  text-align: left !important;
  z-index: 2 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  ) !important; 
}

.item-desc h3 {
  font-weight: 700 !important;
  margin-bottom: 25px !important;
  color: #fff !important;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;

}

.item-desc p {
  font-size: 1rem !important;
  color: #eaeaea !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}


.slick-prev,
.slick-next {
  width: 40px !important;
  height: 40px !important;
  z-index: 20 !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px !important;
  color: #a855f7 !important;
}

.slick-dots li button:before {
  color: #a855f7 !important;
  font-size: 12px !important;
}

.slick-dots li.slick-active button:before {
  color: #a855f7 !important;
}

@media (max-width: 768px) {
  .service-item.item,
  .service-item.item.active {
    width: 100% !important;
    height: 350px !important;
  }
}
.vendor-form-tabs-container {
    overflow-x: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.vendor-form-tabs {
    display: flex;
    gap: 8px;
    padding: 10px 0;
    min-width: -webkit-max-content;
    min-width: max-content;
}

.vendor-form-tab {
    padding: 10px 20px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 25px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.vendor-form-tab:hover {
    background: #e9ecef;
    border-color: #adb5bd;
}

.vendor-form-tab.active {
    background: #8b1959;
    color: white;
    border-color: #8b1959;
}

.vendor-form-tabs-container::-webkit-scrollbar {
    height: 6px;
}

.vendor-form-tabs-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.vendor-form-tabs-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.vendor-form-tabs-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.eventdia-login-container {
  position: relative;
}


.eventdia-login-chevron {
  margin-left: 0.5rem;
}

.eventdia-login-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.eventdia-login-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  width: 18rem;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  border: 1px solid #e5e7eb;
}

.eventdia-login-dropdown-content {
  padding: 1rem;
}

.eventdia-login-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.eventdia-login-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
}

.eventdia-login-close {
  color: #9ca3af;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
}

.eventdia-login-close:hover {
  color: #4b5563;
}

.eventdia-login-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.eventdia-login-option {
  width: 100%;
  text-align: left;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: all 0.2s;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.eventdia-login-option:hover {
  border-color: #e5e7eb;
}

.eventdia-login-box-customer:hover {
  background-color: #eff6ff;
  border-color: #bfdbfe;
}

.eventdia-login-box-vendor:hover {
  background-color: #f0fdf4;
  border-color: #a7f3d0;
}

.eventdia-login-box-manager:hover {
  background-color: #faf5ff;
  border-color: #ddd6fe;
}

.eventdia-login-option-icon {
  margin-top: 0.125rem;
}

.eventdia-login-option-text {
  flex: 1 1;
}

.eventdia-login-option-title {
  font-weight: 500;
  color: #1f2937;
}

.eventdia-login-option-desc {
  font-size: 0.875rem;
  color: #4b5563;
  margin-top: 0.125rem;
}

.eventdia-login-footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #f3f4f6;
}

.eventdia-login-register-text {
  font-size: 0.875rem;
  color: #4b5563;
}

.eventdia-login-register-link {
  color: #db2777;
  font-weight: 500;
  text-decoration: none;
}

.eventdia-login-register-link:hover {
  color: #be185d;
}

.eventdia-login-icon-customer {
  color: #2563eb;
}

.eventdia-login-icon-vendor {
  color: #059669;
}

.eventdia-login-icon-manager {
  color: #7c3aed;
}

.eventdia-dashboard-btn {
  display: flex;
  align-items: center;
  border: 2px solid #059669;
  color: #059669;
  font-weight: 500;
  border-radius: 9999px;
  background: transparent;
  cursor: pointer;
  padding: 0.25rem 0.75rem;
  transition: all 0.3s;
}

.eventdia-dashboard-btn:hover {
  background-color: #059669;
  color: white;
}

.introduction .intro-text {
    text-align: left;
}
 /* Toast Text Color Black */
.Toastify__toast {
  color: #000000 !important;
}

.Toastify__toast-body {
  color: #000000 !important;
  font-weight: 500 !important;
}

/* Success Toast - Green background with black text */
.Toastify__toast--success {
  background: linear-gradient(135deg, #d4edda 0%, #ffffff 100%) !important;
  color: #000000 !important;
  border-left: 6px solid #28a745 !important;
}

/* Error Toast - Red background with black text */
.Toastify__toast--error {
  background: linear-gradient(135deg, #f8d7da 0%, #ffffff 100%) !important;
  color: #000000 !important;
  border-left: 6px solid #dc3545 !important;
}

/* Warning Toast - Yellow background with black text */
.Toastify__toast--warning {
  background: linear-gradient(135deg, #fff3cd 0%, #ffffff 100%) !important;
  color: #000000 !important;
  border-left: 6px solid #ffc107 !important;
}

/* Info Toast - Blue background with black text */
.Toastify__toast--info {
  background: linear-gradient(135deg, #d1ecf1 0%, #ffffff 100%) !important;
  color: #000000 !important;
  border-left: 6px solid #17a2b8 !important;
}

/* Progress bar colors */
.Toastify__progress-bar--success {
  background: #28a745 !important;
}

.Toastify__progress-bar--error {
  background: #dc3545 !important;
}

.Toastify__progress-bar--warning {
  background: #ffc107 !important;
}

.Toastify__progress-bar--info {
  background: #17a2b8 !important;
}

/* Close button black */
.Toastify__close-button {
  color: #000000 !important;
  opacity: 0.7 !important;
}

.Toastify__close-button:hover {
  opacity: 1 !important;
  color: #000000 !important;
}
:root {
    --primary-color: #351450;
    --base-color: #f8f5f0;
    --accent-color-1: #b09061;
    --accent-color-2: #009E9D;
    --text-light: #555;
    --text-dark: #222;
    --bg-dark: #222;
}


body {
    /* font-family: 'Nunito Sans', sans-serif; */
    background-color: #f9f7fd;
    background-color: var(--base-color);
}

.playfair {
    font-family: 'Playfair Display', serif;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f9f7fd;
    background: var(--base-color);
}

::-webkit-scrollbar-thumb {
    background: #e91e63;
    background: var(--accent-color-1);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #351450;
    background: var(--primary-color);
}

.header-top {
    background-color: #351450;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
}

.header-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.header-links li {
    margin-right: 20px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.header-links li:last-child {
    margin-right: 0;
}

.header-links i {
    margin-right: 0;
    color: #f9f7fd;
    color: var(--base-color);
}

.header-links a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.header-links a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
    ;
}

.header-sub-links {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-sub-links li {
    position: relative;
    margin-right: 15px;
}

.header-sub-links li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -10px;
    top: 0;
    color: rgba(255, 255, 255, 0.5);
}

.login-btn a {
    background: #e91e63;
    background: var(--accent-color-1);
    padding: 0px 10px;
    border-radius: 5px;
    font-weight: 800;
    gap: 5px;
    border: 1px solid #e91e63;
    border: 1px solid var(--accent-color-1);
    transition: all 0.3s ease;
}

.login-btn a:hover {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #e91e63;
    border: 1px solid var(--accent-color-1);
    transition: all 0.3s ease;
}

.social-links {
    display: flex;
    align-items: center;
}

.social-links span {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.social-links a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.social-links a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.demo-content {
    padding: 40px 0;
    text-align: center;
}

.demo-content h1 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #222;
    color: var(--text-dark);
}

.demo-content p {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto 30px;
    color: #555;
    color: var(--text-light);
}

.btn-primary {
    background-color: #351450;
    background-color: var(--primary-color);
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #b8945f;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .header-links li {
        margin-right: 15px;
    }

    .social-links span {
        display: none;
    }
}

.navbar {

    position: -webkit-sticky !important;

    position: sticky !important;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.navbar.navbar-scrolled {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: white;
    position: fixed;
}

.nav-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    width: 100%;

}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 2rem;
}

.nav-link {
    text-decoration: none;
    color: #351450;
    color: var(--primary-color);
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    padding: 0.5rem 0;
}

.nav-link:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.nav-link.has-dropdown::after {
    content: "▾";
    margin-left: 5px;
    font-size: 0.8rem;
}

.navbar .nav-menu>li {
    position: static;
}

@media screen and (max-width: 768px) {
    .navbar .nav-menu>li {
        position: static;
        position: initial;
    }
}

.mega-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
    padding: 30px 20px;
    border-top: 2px solid #e91e63;
    border-top: 2px solid var(--accent-color-1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateY(-10px);
}

.nav-item.dropdown:hover .mega-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-column {
    padding: 0 20px;
}

.menu-column h4 {
    font-weight: bold;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    font-size: 1.1rem;
}

.menu-item {
    padding: 8px 0;
    color: #666;
    text-decoration: none;
    display: block;
    transition: color 0.3s ease;
    font-size: 0.9rem;
}

.menu-item:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.category-card {
    width: 140px;
    margin: 20px 20px 0 0;
}

.category-image {
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-titles {
    text-align: center;
    margin-top: 5px;
    font-size: 0.9rem;
    color: #666;
}

.hero-text {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.space {
    background-color: #222;
    background-color: var(--bg-dark);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

/* .space::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f5f0;
    background-image:
        linear-gradient(rgba(176, 144, 97, 1),
            rgba(53, 20, 80, 0.32)),
        url("https://images.unsplash.com/photo-1459749411175-04bf5292ceea?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size: cover;
    background-position: center;
    opacity: 1;
    z-index: 0;
} */


.space::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(176, 144, 97, 1),
            rgba(53, 20, 80, 0.32)), url(/static/media/aboutusbanner.4a67a37e09445e9e1f3c.webp);
    background-size: cover;
    background-position: center;

}


.space .container {
    position: relative;
    z-index: 1;
}

.about-thumb {
    position: relative;
}

.about-img-1 {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.5s ease;
}

.about-img-1:hover {
    transform: scale(1.03);
}

.about-content-wrap {
    padding-left: 20px;
}

.title-area {
    margin-bottom: 40px;
}

.sub-title.style2 {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 40px;
}

.sub-title.style2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background-color: #351450;
    background-color: var(--primary-color);
}

.sec-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.2;
}

.style-italic {
    font-style: italic;
    color: #351450;
    color: var(--primary-color);
}

.sec-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 30px;
    max-width: 500px;
}

.about-single-wrap {
    display: flex;
    margin-bottom: 30px;
    align-items: flex-start;
}

.about-single-wrap .icon {
    margin-right: 20px;
    flex-shrink: 0;
}

.about-single-wrap .icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.wrap-details h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.wrap-details p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

.btn-wrap {
    padding-top: 25px;
}

.btn.style4 {
    display: inline-block;
    padding: 12px 30px;
    background-color: #351450;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 15px !important;
}

.btn.style4:hover {
    background-color: #b8945f;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(201, 168, 117, 0.3);
}

.fade_left {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease;
}

.fade_left.visible {
    opacity: 1;
    transform: translateX(0);
}

.title-anim>div {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.title-anim>div.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 992px) {
    .space {
        padding: 80px 0;
    }

    .sec-title {
        font-size: 36px;
    }

    .about-content-wrap {
        padding-left: 0;
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .sec-title {
        font-size: 30px;
    }

    .about-single-wrap {
        margin-bottom: 20px;
    }
}

.marquee-wrap.style2 {
    background-color: #e91e63;
    background-color: var(--eventdia-secondary-color);
    padding: 20px 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.marquee__group {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
}

.m-item {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    color: #351450;
    color: var(--primary-color);
    margin-right: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.m-item .text-white {
    color: #fff;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.service-card {
    position: relative;
    overflow: hidden;
}

.service-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #e91e63, #9c27b0);
    background: linear-gradient(90deg, var(--accent-color-1), var(--accent-color-2));
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}


.next-page {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    position: relative;
    overflow: hidden;
}

.next-page .tob-box {
    padding: 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 50px;
}

.next-page .title {
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.next-page .dsn-btn {
    background-color: white;
    border-radius: 50px;
    overflow: hidden;
    height: 50px;
    display: inline-flex;
    align-items: center;
    padding: 0 25px;
    transition: all 0.3s ease;
}

.next-page .dsn-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.next-page .button {
    color: #351450;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    z-index: 2;
    position: relative;
}

.next-page .icon {
    width: 50px;
    height: 50px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.next-page .icon svg {
    width: 20px;
    height: 20px;
    fill: #351450;
    fill: var(--primary-color);
}

.next-page .dsn-container {
    padding: 0 20px 50px;
}

.next-page .dsn-right-container {
    text-align: right;
}

.next-page .bottom-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.next-page .custom-width {
    width: 100%;
    gap: 30px;
}

.next-page .text {
    margin-bottom: 30px;
    text-align: left;
}

.next-page .text h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
}

.next-page .text p {
    opacity: 0.8;
    max-width: 500px;
    margin-left: auto;
}

.next-page .dsn-marquee {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.next-page .dsn-text-marquee {
    font-size: 100px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 0.1;
    line-height: 1;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.js-marquee-wrapper {
    display: flex;
    animation: marquee 20s linear infinite;
}

.js-marquee {
    margin-right: 60px;
}

.blog-card {
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.blog-card img {
    transition: transform 0.5s ease;
}

.blog-card:hover img {
    transform: scale(1.05);
}

.blog-card h3 {
    transition: color 0.3s ease;
}

.blog-card:hover h3 {
    color: #e91e63;
    color: var(--accent-color-1);
}

.blog-card .category-tag {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
}

.blog-card .blog-meta {
    font-size: 0.875rem;
    color: #6b7280;
}

.blog-card .blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card .read-more {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    margin-top: auto;
}

.blog-card .read-more i {
    transition: transform 0.3s ease;
}

.blog-card:hover .read-more i {
    transform: translateX(5px);
}

.blog-card .category-tag {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.blog-card .category-tag.blue {
    background-color: #2563eb;
}

.blog-card .category-tag.green {
    background-color: #16a34a;
}

.blog-card .category-tag.purple {
    background-color: #9333ea;
}

.blog-card .category-tag.yellow {
    background-color: #ca8a04;
}

.blog-card .category-tag.red {
    background-color: #dc2626;
}

.blog-card .category-tag.indigo {
    background-color: #4f46e5;
}

@media (max-width: 768px) {
    .blog-card {
        margin-bottom: 2rem;
    }

    .blog-card img {
        height: 200px;
    }
}

.blog-card {
    opacity: 1;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.blog-card.visible {
    opacity: 1;
    transform: translateY(0);
}

.blog-card:nth-child(1) {
    transition-delay: 0.1s;
}

.blog-card:nth-child(2) {
    transition-delay: 0.2s;
}

.blog-card:nth-child(3) {
    transition-delay: 0.3s;
}

.blog-card:nth-child(4) {
    transition-delay: 0.4s;
}

.blog-card:nth-child(5) {
    transition-delay: 0.5s;
}

.blog-card:nth-child(6) {
    transition-delay: 0.6s;
}


.form-input:focus {
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    outline: none;
    box-shadow: 0 0 0 3px rgba(176, 144, 97, 0.2);
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 1s ease forwards;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-up {
    animation: slideUp 0.8s ease forwards;
}

.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.mobile-menu.active {
    transform: translateX(0);
    z-index: 99999;
}

.navbar.navbar-scrolled+#mobile-menu-btn,
#mobile-menu-btn {
    z-index: 99999;
    width: 35px;
    height: 35px;
    background: #351450 !important;
    background: var(--primary-color) !important;
}

.partners-slider {
    overflow: hidden;
    position: relative;
}

.partners-track {
    display: flex;
    animation: slide 20s linear infinite;
}

.partner-logo {
    flex-shrink: 0;
    width: 200px;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.vendor-section {
    position: relative;
    overflow: hidden;
}

.vendor-section h2 {
    line-height: 1.5;
}

.mandala-bg {
    position: absolute;
    z-index: 0;
    opacity: 0.1;
}

.vendor-image-container {
    position: relative;
}

.vendor-images {
    border-radius: 16px;
    object-fit: cover;
}

.vendor-images-top {
    top: -80px !important;
    left: -80px !important;
}

.vendor-images-bottom {
    bottom: -80px !important;
    right: -80px !important;
}

.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.scroll-to-top:hover {
    background-color: #351450;
    background-color: var(--primary-color);
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .take-to-wrap {
        display: none;
    }

    .header-top {
        display: none;
    }

    .fixed-logo {
        top: 20px;
        left: 20px;
    }

    .partners-slider {
        overflow-x: auto;
    }

    .partners-track {
        animation: none;
    }

    .partner-logo {
        width: 150px;
    }

    .nav-menu {
        display: none;
    }

    .mega-menu {
        display: none !important;
    }

    .scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }

    .testim-crv .swiper-button-prev,
    .testim-crv .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .our-work .dsn-grid-layout {
        grid-template-columns: 1fr;
    }

    .next-page .title {
        font-size: 24px;
        text-align: center;
    }

    .next-page .dsn-text-marquee {
        font-size: 60px;
    }
}


.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.row-gap-5 {
    row-gap: 3rem;
}

.section-title h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text--base {
    color: #351450;
    color: var(--primary-color);
}

.section-title h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.section-title h2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #351450;
    background-color: var(--primary-color);
}

.section-title p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    color: var(--text-light);
    margin-top: 20px;
}

.faq-img {
    border-radius: 8px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s ease;
    max-height: 240px;
    object-fit: cover;
}

.faq-img:hover {
    transform: translateY(-10px);
}

.custom--accordion .accordion-button {
    font-size: 18px;
    font-weight: 600;
    padding: 18px 25px;
    background-color: var(--bg-light);
    color: #222;
    color: var(--text-dark);
    box-shadow: none;
    border: none;
    border-radius: 8px !important;
    margin-bottom: 10px;
    position: relative;
}

.custom--accordion .accordion-button:not(.collapsed) {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}

.custom--accordion .accordion-button:focus {
    box-shadow: none;
    border: none;
}

.custom--accordion .accordion-button::after {
    background-image: none;
    content: "\f107";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.custom--accordion .accordion-button:not(.collapsed)::after {
    transform: translateY(-50%) rotate(180deg);
}

.custom--accordion .accordion-body {
    padding: 20px 25px;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    color: var(--text-light);
    background-color: var(--bg-light);
    border-radius: 0 0 8px 8px;
    margin-bottom: 10px;
}

.custom--accordion .accordion-item {
    border: none;
    margin-bottom: 10px;
}

.custom--accordion .accordion-collapse {
    border: none;
}

.accordion-collapse.collapse.show {
    visibility: visible;
}

.left-reveal {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease;
}

.left-reveal.visible {
    opacity: 1;
    transform: translateX(0);
}

.bottom-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.bottom-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 992px) {
    .section-title h2 {
        font-size: 36px;
    }

    .py-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 30px;
    }

    .custom--accordion .accordion-button {
        font-size: 16px;
        padding: 15px 20px;
    }

    .custom--accordion .accordion-body {
        padding: 15px 20px;
    }
}


.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-title h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text--base {
    color: #351450;
    color: var(--primary-color);
}

.section-title h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.section-title h2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #351450;
    background-color: var(--primary-color);
}

.section-title p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    color: var(--text-light);
    margin-top: 20px;
    max-width: 700px;
    margin: 20px 0 0;
    margin-left: auto;
    margin-right: auto;
}

.testimonial-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.testimonial-card .quote-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: #351450;
    color: var(--primary-color);
    opacity: 0.2;
}

.testimonial-rating {
    margin-bottom: 20px;
    margin-left: 40px;
}

.testimonial-rating i {
    color: #ffc107;
    font-size: 18px;
    margin-right: 2px;
}

.testimonial-text {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    color: var(--text-light);
    margin-bottom: 25px;
    font-style: italic;
    padding-left: 40px;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 40px;
}

.client-info img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
}

.client-info .client-details h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
    color: var(--text-dark);
}

.client-info .client-details p {
    font-size: 14px;
    color: #555;
    color: var(--text-light);
    margin-bottom: 0;
}

#projects {
    background-color: #f9f9f9;
}

.filter-btn {
    background-color: #f1f1f1;
    color: #333;
}

.filter-btn:hover {
    background-color: #e1e1e1;
}

.filter-btn.active {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}


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

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

.filter-btn.active {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}

.filter-btn.active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-btn:hover:not(.active) {
    background-color: #f5f5f5;
}

@media (max-width: 640px) {
    .filter-btn {
        min-height: 40px;
    }
}

.project-card {
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.project-card img {
    transition: transform 0.7s ease;
}

.project-card .absolute.inset-0 {
    transition: opacity 0.3s ease;
}

.project-card .bg-gradient-to-t {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.project-card .bg-white {
    transition: background-color 0.3s ease;
}

.project-card:hover .bg-white {
    background-color: #f9f9f9;
}

.project-card h3 {
    transition: color 0.3s ease;
}

.project-card:hover h3 {
    color: #e91e63;
    color: var(--accent-color-1);
}

.project-card .text-blue-600 {
    transition: color 0.3s ease;
}

.project-card:hover .text-blue-600 {
    color: #e91e63;
    color: var(--accent-color-1);
}

.project-card {
    opacity: 1;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.project-card.visible {
    opacity: 1;
    transform: translateY(0);
}

.project-card:nth-child(1) {
    transition-delay: 0.1s;
}

.project-card:nth-child(2) {
    transition-delay: 0.2s;
}

.project-card:nth-child(3) {
    transition-delay: 0.3s;
}

.project-card:nth-child(4) {
    transition-delay: 0.4s;
}

.project-card:nth-child(5) {
    transition-delay: 0.5s;
}

.project-card:nth-child(6) {
    transition-delay: 0.6s;
}

@media (max-width: 768px) {
    .project-card {
        margin-bottom: 2rem;
    }

    .filter-btn {
        margin-bottom: 0.5rem;
    }
}

.project-card .absolute.top-4.right-4 span {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* .project-card .absolute.inset-0.bg-black\/80 {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.project-card .absolute.inset-0.bg-black\/80 .text-white p {
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} */

.top-reveal {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.8s ease;
}

.top-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.bottom-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.bottom-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 992px) {
    .section-title h2 {
        font-size: 36px;
    }

    .py-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 30px;
    }

    .testimonial-card {
        padding: 20px;
        margin-bottom: 20px;
    }

    .testimonial-rating,
    .testimonial-text,
    .client-info {
        padding-left: 0;
    }

    .testimonial-card .quote-icon {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 10px;
    }
}


.instructions {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
}

/* .scroll-section {
            position: relative;
            height: 600px;
            overflow: hidden;
        }
        
        .horizontal-scroll-container {
            display: flex;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 50px 30px;
            transition: transform 0.1s ease-out;
        }
        
        .service-card {
            flex: 0 0 350px;
            height: 500px;
            margin-right: 30px;
            border-radius: 15px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
        }
        
        .card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
            z-index: 1;
        }
        
        .card-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 25px;
            z-index: 2;
            color: white;
        }
        
        .card-categories {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
        }
        
        .card-category {
            background: rgba(230, 92, 0, 0.8);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }
        
        .card-title {
            font-size: 1.6rem;
            margin-bottom: 15px;
            font-weight: 700;
        }
        
        .card-title a {
            color: white;
            text-decoration: none;
        }
        
        .card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .card-year {
            font-weight: 300;
            opacity: 0.8;
            font-size: 0.9rem;
        }
        
        .card-button {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background 0.3s ease;
            backdrop-filter: blur(5px);
        }
        
        .card-button:hover {
            background: rgba(255, 255, 255, 0.3);
        }
        
        .card-button svg {
            width: 18px;
            height: 18px;
            fill: white;
        }
        
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2.2rem;
            }
            
            .service-card {
                flex: 0 0 300px;
                height: 450px;
            }
            
            .scroll-text {
                display: none;
            }
        } */


/* -------- title style ------- */
.line-title {
    position: relative;
    width: 100%;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-align: center;
}

.line-title::before,
.line-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 2px;
}

.line-title::before {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    background: #e91e63;
    background: var(--accent-color-1);
}

.line-title::after {
    width: 32px;
    margin: 0 auto;
    background: #351450;
    background: var(--primary-color);
}

.service-section p {
    font-size: 18px;
    line-height: 1.6;
    color: #351450;
    color: var(--primary-color);
    margin-top: 12px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 30px;
}

.item-desc p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    color: #ff9f00;
}

/******* Middle section CSS Start ******/
/* -------- Landing page ------- */
.service-section {
    padding: 60px 0;
}

.service-section .owl-stage {
    margin: 15px 0;
    display: flex;
    display: -webkit-flex;
}

.service-section .item {
    margin: 0 15px 60px;
    width: 320px;
    height: 400px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    background: #343434 no-repeat center center / cover;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.service-section .item.active {
    width: 500px;
    box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
}

.service-section .item:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.service-section .item-desc {
    padding: 0 24px 12px;
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    transform: translateY(calc(100% - 54px));
    -webkit-transform: translateY(calc(100% - 54px));
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.service-section .item.active .item-desc {
    transform: none;
    -webkit-transform: none;
}

.service-section .item-desc p {
    opacity: 0;
    transform: translateY(32px);
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}

.service-section .item.active .item-desc p {
    opacity: 1;
    transform: translateY(0);
}

.service-section .owl-theme.custom-carousel .owl-dots {
    margin-top: -20px;
    position: relative;
    z-index: 5;
}


/******** Middle section CSS End *******/

/***** responsive css Start ******/

@media (min-width: 992px) and (max-width: 1199px) {
    h2 {
        margin-bottom: 32px;
    }

    h3 {
        margin: 0 0 8px;
        font-size: 24px;
        line-height: 32px;
    }

    /* -------- Landing page ------- */
    .service-section {
        padding: 50px 30px;
    }

    .service-section .item {
        margin: 0 12px 60px;
        width: 260px;
        height: 360px;
    }

    .service-section .item.active {
        width: 400px;
    }

    .service-section .item-desc {
        transform: translateY(calc(100% - 46px));
        -webkit-transform: translateY(calc(100% - 46px));
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        margin-bottom: 32px;
    }

    h3 {
        margin: 0 0 8px;
        font-size: 24px;
        line-height: 32px;
    }

    .line-title {
        width: 330px;
    }

    /* -------- Landing page ------- */
    .service-section {
        padding: 50px 30px 40px;
    }

    .service-section .item {
        margin: 0 12px 60px;
        width: 240px;
        height: 330px;
    }

    .service-section .item.active {
        width: 360px;
    }

    .service-section .item-desc {
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h2 {
        margin-bottom: 20px;
    }

    h3 {
        margin: 0 0 8px;
        font-size: 19px;
        line-height: 24px;
    }

    .line-title {
        width: 250px;
    }

    /* -------- Landing page ------- */
    .service-section {
        padding: 30px 15px 20px;
    }

    .service-section .item {
        margin: 0 10px 40px;
        width: 200px;
        height: 280px;
    }

    .service-section .item.active {
        width: 270px;
        box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    }

    .service-section .item-desc {
        padding: 0 14px 5px;
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }
}


/* Updated */


/* ===== TOP VENDORS SECTION ===== */
.top-vendors-section {
    background: white;
}

.vendor-cards {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
}

.vendor-cards:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.vendor-image-container {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.vendor-images {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.vendor-card:hover .vendor-image {
    transform: scale(1.05);
}

.vendor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
}

.vendor-content {
    padding: 1.5rem;
}

.vendor-name {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2d3748;
}

.vendor-categories {
    color: #351450;
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
}

.vendor-description {
    color: #718096;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.vendor-rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.vendor-rating i {
    color: #fbbf24;
    font-size: 0.875rem;
}

.rating-text {
    color: #6b7280;
    font-size: 0.875rem;
}

/* Footer New */

/* Footer Styles */
.footer {
    position: relative;
    overflow: hidden;
}

.bottom-top {
    background-color: #351450;
    background-color: var(--primary-color);
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #351450, #e91e63, #351450);
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color-1), var(--primary-color));
    background-size: 200% 100%;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.footer h3 {
    position: relative;
}

.footer h3::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer ul li a {
    position: relative;
    transition: all 0.3s ease;
}

.footer ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transition: width 0.3s ease;
}

.footer ul li a:hover::before {
    width: 100%;
}

.footer .social-icons a {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.footer .social-icons a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: scale(0);
    transition: transform 0.3s ease;
    z-index: -1;
}

.footer .social-icons a:hover::before {
    transform: scale(1);
}

.footer .newsletter-form input {
    transition: all 0.3s ease;
}

.footer .newsletter-form input:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

.footer .newsletter-form button {
    transition: all 0.3s ease;
}

.footer .newsletter-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
}

/* Back to Top Button */
#backToTop {
    transition: all 0.3s ease;
    z-index: 1000;
}

#backToTop.visible {
    opacity: 1;
    visibility: visible;
}

#backToTop:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Footer Bottom Links */
.footer-bottom-links a {
    position: relative;
    transition: all 0.3s ease;
}

.footer-bottom-links a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transition: width 0.3s ease;
}

.footer-bottom-links a:hover::after {
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .footer .grid>div {
        margin-bottom: 0;
    }

    .footer h3 {
        margin-bottom: 1rem;
    }

    .footer ul {
        margin-bottom: 1.5rem;
    }

    #backToTop {
        bottom: 1rem;
        right: 1rem;
    }

    .next-page .custom-width,
    .next-page .tob-box {
        flex-direction: column;
    }

    .next-page .tob-box {
        align-items: center !important;
        gap: 15px;
        padding: 20px 0;

    }
}

.copyright p {
    text-align: left;
}

/* Footer responsive styles */
@media (max-width: 768px) {

    .copyright p {
        text-align: center;
    }

    /* Ensure proper spacing on mobile */
    .border-t.border-gray-800.pt-8.mt-8 {
        padding-top: 1.5rem;
        margin-top: 0;
    }

    /* Center content on mobile */
    .flex.flex-col.md\:flex-row.justify-between.items-center.gap-6>div:first-child {
        margin-bottom: 0.5rem;
    }

    /* Style links for mobile */
    .flex.flex-wrap.justify-center.md\:justify-end.gap-4.text-sm a {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        border-radius: 4px;
        transition: background-color 0.3s;
    }

    .flex.flex-wrap.justify-center.md\:justify-end.gap-4.text-sm a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/* Desktop styles remain unchanged */
@media (min-width: 769px) {
    .flex.flex-wrap.justify-center.md\:justify-end.gap-4.text-sm a {
        padding: 0;
    }

    .flex.flex-wrap.justify-center.md\:justify-end.gap-4.text-sm a:hover {
        background-color: transparent;
    }
}

/* Mobile Menu Styles */
.mobile-menu {
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1);
}

.mobile-dropdown-toggle i {
    transition: transform 0.3s ease;
}

.mobile-dropdown-toggle i.rotate-180 {
    transform: rotate(180deg);
}

.mobile-dropdown-content {
    max-height: 70vh;
    overflow-y: auto;
    padding-left: 30px !important;
}

/* Add smooth scrolling for mobile menu */
.mobile-menu {
    -webkit-overflow-scrolling: touch;
}

/* Style for active dropdown items */
.mobile-dropdown-content a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Ensure mobile menu is above everything */
.mobile-menu {
    z-index: 9999;
}

.login-btn a {
    position: relative;
    overflow: hidden;
}

.login-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.login-btn a:hover::before {
    transform: translateX(0);
}

.login-btn a:active {
    transform: scale(0.98);
}

/* For a more prominent button in the navbar */
.login-btn {
    margin-left: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .login-btn a {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }

    .login-btn a i {
        margin-right: 0.5rem;
    }
}

/* About us Css*/


:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
}

.about-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 120px 0 80px;
    position: relative;
    overflow: hidden;
}

.about-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.section-title {
    position: relative;
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.faq-section .section-title h2,
.faq-section .section-title h6,
.faq-section .section-title p {
    text-align: left;
}

.section-title .title-divider {
    width: 80px;
    height: 3px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    margin: 0 auto 20px;
}

.section-title p {
    max-width: 700px;
    margin: 0 auto;
    color: #666;
}

.join-btn {
    color: #f9f7fd;
    color: var(--base-color);
    text-decoration: none;
    background: #9c27b0;
    background: var(--eventdia-primary-color);
    padding: 5px 10px;
    border-radius: 10px;
    transition: .3s linear ease-in;
}

.join-btn:hover {
    color: #f9f7fd;
    color: var(--base-color);
    background: #e91e63;
    background: var(--eventdia-secondary-color);
    transition: .3s linear ease-out;
}

.story-section {
    padding: 100px 0;
    background-color: #f9f7fd;
    background-color: var(--base-color);
}

.story-image {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.story-image:hover {
    transform: translateY(-5px);
}

.story-content {
    padding-left: 30px;
}

.story-content h3 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
}

.values-section {
    padding: 100px 0;
    background-color: white;
}

.value-card {
    background: white;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    border: 1px solid #f0f0f0;
}

.value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #351450 0%, #9c27b0 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color-2) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
}

.value-card h4 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
}

.stats-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    text-align: center;
}

.stat-item {
    margin-bottom: 30px;
}

.stat-numbers {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #e91e63 !important;
}

.stat-text {
    font-size: 1.1rem;
    opacity: 0.9;
}

.team-section {
    padding: 100px 0;
    background-color: #f9f7fd;
    background-color: var(--base-color);
}

.team-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.team-image {
    height: 300px;
    overflow: hidden;
}

.team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.team-card:hover .team-image img {
    transform: scale(1.05);
}

.team-info {
    padding: 25px;
    text-align: center;
    min-height: 325px;
}

.team-info h4 {
    font-size: 1.3rem;
    margin-bottom: 5px;
    color: #351450;
    color: var(--primary-color);
}

.team-info .position-text {
    color: #e91e63;
    color: var(--eventdia-secondary-color);
}

.team-info p {
    color: #222;
    color: var(--bg-dark);
    font-weight: 500;
    margin-bottom: 15px;
}

.team-social {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.team-social a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #351450;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.team-social a:hover {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .story-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .section-title h2 {
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    .about-hero {
        padding: 100px 0 60px;
    }

    .story-section,
    .values-section,
    .stats-section,
    .team-section {
        padding: 70px 0;
    }

    .stat-numbers {
        font-size: 2.5rem;
    }
}


/* Fade Left Animation */
@keyframes fade_left {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Title Animation */
@keyframes title-anim {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }

    50% {
        opacity: 0.5;
        transform: translateY(-5px) scale(1.02);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Slide Up Animation */
/* @keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-slide-up.animate {
    animation: slideUp 0.8s ease forwards !important;
} */

/* Initial state for all animated elements */
.fade_left,
.title-anim,
.animate-slide-up {
    opacity: 0;
}

/* Animation when element is in viewport */
.fade_left.animate {
    animation: fade_left 0.8s ease forwards;
}

.title-anim.animate {
    animation: title-anim 1s ease-out forwards;
}

/* .animate-slide-up.animate {
    animation: slideUp 0.8s ease forwards;
} */

/* Stagger delays for better sequencing
.about-single-wrap.fade_left.animate:nth-child(1) {
    animation-delay: 0.3s;
}

.about-single-wrap.fade_left.animate:nth-child(2) {
    animation-delay: 0.5s;
}

.vendor-section .animate-slide-up.animate:nth-child(1) {
    animation-delay: 0.2s;
}

.vendor-section .animate-slide-up.animate:nth-child(2) {
    animation-delay: 0.4s;
}

.vendor-section .animate-slide-up.animate:nth-child(3) {
    animation-delay: 0.6s;
} */
/* Navbar Base Styles */




/* Nav Menu Styles */
.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    position: relative;
}

.nav-link:hover {
    color: #351450;
    color: var(--primary-color);
}

.has-dropdown {
    position: relative;
}


/* Fix for hover gap between menu and dropdown */
.nav-item.dropdown:hover .mega-menu,
.nav-item.dropdown .mega-menu:hover {
    /* opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto; */
}

/* Remove the gap between menu item and dropdown */
.mega-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

/* Vendors Dropdown Specific Styles */
.vendors-dropdown {
    min-height: 400px;
}

.vendors-dropdown .flex {
    display: flex;
    min-height: 400px;
}

.vendors-dropdown .menu-column {
    padding: 25px;
    border-right: 1px solid #f0f0f0;
}

.vendors-dropdown .menu-column:last-child {
    border-right: none;
}

.vendors-dropdown h4 {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.vendors-dropdown .menu-item {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #666;
    transition: color 0.3s ease;
    border-bottom: 1px solid transparent;
}

.vendors-dropdown .menu-item:hover {
    color: #351450;
    color: var(--primary-color);
    border-bottom-color: #351450;
    border-bottom-color: var(--primary-color);
}

/* Category Cards in Vendors Dropdown */
.category-card {
    width: calc(33.333% - 20px);
    margin: 10px;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
}

.category-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img {
    transform: scale(1.05);
}

.category-titles {
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    color: #333;
}


.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.menu-footer {
    margin-top: 15px;
    text-align: center;
}

/* Mobile Toggle Button */
.mobile-toggle {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.hamburger-line {
    width: 25px;
    height: 3px;
    background: #333;
    margin: 3px 0;
    transition: 0.3s;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .mobile-toggle {
        display: flex;
    }

    .nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: white;
        flex-direction: column;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
    }

    .nav-menu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        padding: 15px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .mega-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        background: #f9f9f9;
    }

    .mega-menu.active {
        display: block;
    }

    .vendors-dropdown .flex {
        flex-direction: column;
        min-height: auto;
    }

    .vendors-dropdown .menu-column {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
    }

    .category-card {
        width: calc(50% - 20px);
    }
}

/* Dropdown Arrow */
.dropdown-arrow {
    margin-left: 5px;
    font-size: 12px;
}

/* Ensure the dropdown stays open when hovering over it */
.nav-item.dropdown:hover .mega-menu,
.mega-menu:hover {
    /* opacity: 1;
    visibility: visible;
    transform: translateY(0); */
}

/* Fix for the gap issue - create an invisible bridge */
.nav-item.dropdown::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
    z-index: 1002;
}

/* Make sure the mega menu has higher z-index */
.mega-menu {
    z-index: 1003;
}

/* Additional hover safety */
.nav-item.dropdown:hover .nav-link {
    color: #351450;
    color: var(--primary-color);
}

.mega-menu .menu-item {
    white-space: nowrap;
}

/* Flex wrap for services dropdown */
.services-dropdown .flex-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.services-dropdown .category-group {
    width: calc(25% - 15px);
    min-width: 200px;
}

.services-dropdown .category-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.services-dropdown .category-icon {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.services-dropdown .category-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.services-dropdown .full-width-group {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.browse-all-services {
    display: inline-block;
    padding: 8px 20px;
    background-color: #f5f5f5;
    border-radius: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s ease;
}

.browse-all-services:hover {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}

/* Popup Overlay */
.booking-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
}

/* Popup Container */
.booking-popup {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    animation: popupFadeIn 0.3s ease-out;
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 0;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px;
    position: relative;
}

.popup-header h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.popup-header-book {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 0;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px;
    position: relative;
}

.popup-header-book h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.logout-btn button {
    background: #e91e63 !important;
    background: var(--accent-color-1) !important;
    padding: 0px 10px;
    border-radius: 5px;
    font-weight: 800;
    gap: 5px;
    border: 1px solid #e91e63;
    border: 1px solid var(--accent-color-1);
    transition: all 0.3s ease;
    color: #fff !important;
}

.logout-btn button:hover {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #e91e63;
    border: 1px solid var(--accent-color-1);
    transition: all 0.3s ease;
}


.close-btn {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    color: #6b7280;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    margin-left: auto;
}

.close-btn:hover {
    background: #f3f4f6;
    color: #374151;
}

.close-btn:hover {
    background: #f3f4f6;
    color: #374151;
}

/* Form Styles */
.booking-form {
    padding: 24px;
    text-align: left;
}

.form-group {
    margin-bottom: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    gap: 15px;
}

label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #374151;
    font-size: 0.9rem;
}

input,
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: inherit;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #351450;
    border-color: var(--primary-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
}

textarea {
    resize: vertical;
    min-height: 100px;
}

select {
    cursor: pointer;
    background: white;
}

/* DateTime Picker Custom Styles */
.datetime-picker {
    width: 100% !important;
}

.react-datetime-picker {
    width: 100% !important;
    font-family: inherit !important;
}

.react-datetime-picker__wrapper {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    background: white !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

.react-datetime-picker__inputGroup {
    min-width: auto !important;
    flex: 1 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.react-datetime-picker__inputGroup__input {
    color: #374151 !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    flex: 1 1 !important;
}

.react-datetime-picker__inputGroup__input:invalid {
    background: transparent !important;
}

.react-datetime-picker__inputGroup__amPm {
    margin-left: 0 !important;
    margin-top: 8px !important;
    width: 100% !important;
    order: 3 !important;
}

.react-datetime-picker__button {
    padding: 4px !important;
    order: 2 !important;
}

.react-datetime-picker__button svg {
    stroke: #6b7280 !important;
    width: 20px !important;
    height: 20px !important;
}

.react-datetime-picker__button:hover svg {
    stroke: #374151 !important;
}

/* AM/PM Styling */
.react-datetime-picker__inputGroup__amPm {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #e5e7eb !important;
    width: 100% !important;
}

.react-datetime-picker__inputGroup__amPm select {
    width: auto !important;
    min-width: 80px !important;
    padding: 6px 8px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    background: white !important;
}

.react-datetime-picker__calendar {
    width: 100% !important;
    max-width: 350px !important;
    z-index: 10000 !important;
}

.react-datetime-picker__clock {
    width: 200px !important;
    z-index: 10000 !important;
}

.form-group {
    margin-bottom: 24px;
}

.form-group:has(.react-datetime-picker) {
    margin-bottom: 20px;
}


.react-datetime-picker__calendar {
    width: 100% !important;
    max-width: 350px !important;
    z-index: 10000 !important;
}

.react-datetime-picker__clock {
    width: 200px !important;
    z-index: 10000 !important;
}

.react-calendar {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    font-family: inherit !important;
}

.react-calendar__tile--active {
    background: #351450 !important;
    background: var(--primary-color, #3b82f6) !important;
    color: white !important;
}

.react-calendar__tile--now {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.react-calendar__tile--hasActive {
    background: #351450 !important;
    background: var(--primary-color, #3b82f6) !important;
    color: white !important;
}

.react-calendar__tile:hover {
    background: #f3f4f6 !important;
}

.react-clock {
    border: 1px solid #e5e7eb !important;
    border-radius: 50% !important;
}

.react-clock__hand {
    background: #351450 !important;
    background: var(--primary-color, #3b82f6) !important;
}

.react-clock__mark {
    background: #6b7280 !important;
}

.react-clock__mark__body {
    background: #6b7280 !important;
}

.react-clock__second-hand {
    background: #ef4444 !important;
}

.form-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.btn-cancel,
.btn-submit {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.btn-cancel {
    background: #f3f4f6;
    color: #374151;
}

.btn-cancel:hover {
    background: #e5e7eb;
}

.btn-submit {
    background: #351450;
    background: var(--primary-color, #3b82f6);
    color: white;
}

.btn-submit:hover {
    background: #2563eb;
    background: var(--primary-color-dark, #2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.booking-btn {
    background: transparent;
    border: 2px solid white;
    color: white;
    padding: 12px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    border-radius: 4px;
    font-family: inherit;
}

.booking-btn:hover {
    background: white;
    color: #f9f7fd;
    color: var(--base-color);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .booking-popup {
        margin: 20px;
        max-width: calc(100% - 40px);
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .popup-header {
        padding: 20px 20px 0;
    }

    .booking-form {
        padding: 20px;
    }

    .form-actions {
        flex-direction: column;
    }

    .btn-cancel,
    .btn-submit {
        width: 100%;
    }

    .react-datetime-picker__calendar {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 320px !important;
    }

    .react-datetime-picker__clock {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (max-width: 480px) {
    .popup-header h3 {
        font-size: 1.3rem;
    }

    input,
    select,
    textarea {
        padding: 10px;
        font-size: 0.9rem;
    }

    .booking-popup-overlay {
        padding: 10px;
    }

    .react-datetime-picker__wrapper {
        padding: 6px 10px !important;
    }
}

.booking-popup::-webkit-scrollbar {
    width: 6px;
}

.booking-popup::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 12px 12px 0;
}

.booking-popup::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.booking-popup::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.react-datetime-picker__calendar,
.react-datetime-picker__clock {
    z-index: 10000 !important;
}

.book-header {
    text-align: center;
    margin: auto;
}

/* style.css में add करें */
.header-top .dashboard-btn button {
    background: #fff !important;
    color: #351450 !important;
    border: none !important;
    padding: 6px 16px;
}

.header-top .dashboard-btn button:hover {
    background: #ffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.header-top .user-profile {
    padding: 4px 12px;
    border-radius: 20px;
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

.header-top .logout-btn button:hover {
    background-color: #ec4899 !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .header-top .header-sub-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .header-top .dashboard-btn,
    .header-top .user-profile,
    .header-top .logout-btn {
        margin: 0 !important;
    }
}

.floating-nav-button {
    background: linear-gradient(135deg, #351450 0%, #9c27b0 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    /* Smaller, faster transition */
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(53, 20, 80, 0.2);
    transform: translateY(0);
    /* Initial state */
}

.floating-nav-button:hover {
    background: #e91e63;
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
    transform: translateY(-1px);
    /* Smaller hover lift */
}

.floating-nav-button:active {
    transform: translateY(1px);
    /* Slight press down */
    box-shadow: 0 1px 3px rgba(53, 20, 80, 0.2);
    transition: all 0.1s ease;
    /* Even faster on click */
}

.floating-nav-button i {
    font-size: 14px;
    transition: transform 0.2s ease;
    /* Add transition to icon too */
}

.floating-nav-button:hover i {
    transform: scale(1.05);
    /* Slight icon scale on hover */
}

.floating-nav-button span {
    font-size: 13px;
}

.floating-nav-button.nav-style {
    background: #f8f9fa;
    color: #333;
    border: 1px solid #ddd;
    box-shadow: none;
}

.floating-nav-button.nav-style:hover {
    background: #e9ecef;
    color: #000;
    transform: translateY(-1px);
    border-color: #ccc;
}

@media (max-width: 768px) {
    .floating-nav-button {
        padding: 8px 16px;
        font-size: 13px;
    }

    .floating-nav-button i {
        font-size: 12px;
    }
}



:root {
    --eventdia-primary-color: #9c27b0;
    --eventdia-secondary-color: #e91e63;
    --eventdia-text-color: #333;
    --eventdia-text-light: #666;
    --eventdia-border-color: #eee;
    --eventdia-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --eventdia-shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.15);
    --eventdia-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --eventdia-max-width: 1200px;
}

/* Vendor Menu Dropdown Styles */
.eventdia-nav-item {
    position: relative;
    margin: 0 1rem;
}

.eventdia-nav-link {
    text-decoration: none;
    color: #333;
    color: var(--eventdia-text-color);
    font-weight: 400;
    padding: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
    white-space: nowrap;
    background: none;
    border: none;
    cursor: pointer;
    font-size: inherit;
}

.eventdia-nav-link:hover {
    color: #9c27b0;
    color: var(--eventdia-primary-color);
}

.eventdia-nav-link i {
    margin-left: 5px;
    font-size: 0.8rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
}

.eventdia-nav-item:hover .eventdia-nav-link i {
    transform: rotate(180deg);
}

/* Mega Menu Dropdown */
.eventdia-mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    max-width: 1200px;
    max-width: var(--eventdia-max-width);
    background-color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: var(--eventdia-shadow);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
    z-index: 100;
    padding: 2rem 0;
    border-top: 3px solid #9c27b0;
    border-top: 3px solid var(--eventdia-primary-color);
    border-radius: 0 0 8px 8px;
    margin-top: -1px;
}

.eventdia-nav-item:hover .eventdia-mega-menu {
    opacity: 1;
    visibility: visible;
}

.eventdia-mega-menu-content {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    gap: 2rem;
}

.eventdia-menu-column {
    flex: 1 1;
    min-width: 0;
}

.eventdia-menu-column h4 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: #333;
    color: var(--eventdia-text-color);
    position: relative;
    padding-bottom: 0.5rem;
    text-align: left;
}

.eventdia-menu-column h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #9c27b0;
    background-color: var(--eventdia-primary-color);
}

.eventdia-menu-item {
    display: block;
    padding: 0.5rem 0;
    color: #666;
    color: var(--eventdia-text-light);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.eventdia-menu-item:hover {
    color: #9c27b0;
    color: var(--eventdia-primary-color);
    padding-left: 5px;
}

.eventdia-menu-item-bold {
    font-weight: bold;
    color: #9c27b0;
    color: var(--eventdia-primary-color);
    margin-top: 1rem;
    display: block;
}

/* Category Cards */
.eventdia-category-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.eventdia-vendors-dropdown .eventdia-category-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.5rem;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.eventdia-vendors-dropdown .eventdia-category-image {
    height: 100px;
    overflow: hidden;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}

.eventdia-vendors-dropdown .eventdia-category-image img {
    width: 100%;
    max-width: 60px;
    height: 100%;
    margin: 0 auto;
    object-fit: fill;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
}

.eventdia-category-card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.eventdia-category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    box-shadow: var(--eventdia-shadow-hover);
}

.eventdia-category-card button {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 0;
}

.eventdia-category-image {
    height: 120px;
    overflow: hidden;
}

.eventdia-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
}

.eventdia-category-card:hover .eventdia-category-image img {
    transform: scale(1.05);
}

.eventdia-category-titles {
    padding: 0.75rem;
    font-size: 0.65rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: initial;
    white-space: normal;
    color: #333;
    color: var(--eventdia-text-color);
}

.eventdia-menu-footer {
    text-align: center;
    margin-top: 1.5rem;
}

/* Mobile Responsive Styles */
@media (max-width: 992px) {
    .eventdia-mega-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 1rem 0;
        width: 100%;
        max-width: 100%;
        display: none;
        background-color: #f9f9f9;
        border-radius: 0;
    }

    .eventdia-nav-item.active .eventdia-mega-menu {
        display: block;
    }

    .eventdia-mega-menu-content {
        flex-direction: column;
        padding: 0 20px;
        gap: 1.5rem;
    }

    .eventdia-menu-column {
        margin-bottom: 1rem;
        padding: 1rem;
        background-color: white;
        border-radius: 8px;
    }

    .eventdia-category-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .eventdia-nav-link {
        justify-content: center;
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .eventdia-category-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .eventdia-category-cards {
        grid-template-columns: 1fr;
    }

    .eventdia-mega-menu-content {
        padding: 0 15px;
    }
}

@media (max-width: 480px) {
    .eventdia-nav-item {
        margin: 0.5rem 0;
    }

    .eventdia-menu-column {
        padding: 0.75rem;
    }

    .eventdia-category-image {
        height: 100px;
    }

    .eventdia-category-titles {
        padding: 0.5rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 380px) {
    .eventdia-nav-link {
        font-size: 1rem;
    }
}

/* Animations */
@keyframes eventdia-fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.eventdia-menu-column {
    animation: eventdia-fadeIn 0.5s ease forwards;
}

.eventdia-menu-column:nth-child(1) {
    animation-delay: 0.1s;
}

.eventdia-menu-column:nth-child(2) {
    animation-delay: 0.2s;
}

.eventdia-menu-column:nth-child(3) {
    animation-delay: 0.3s;
}


/* Floating Button CSS */
.floating-nav-button {
    background: linear-gradient(135deg, #351450 0%, #9c27b0 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(53, 20, 80, 0.2);
    transform: translateY(0);
}

.floating-nav-button:hover {
    background: #e91e63;
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
    transform: translateY(-1px);
}

.floating-nav-button:active {
    transform: translateY(1px);
    box-shadow: 0 1px 3px rgba(53, 20, 80, 0.2);
    transition: all 0.1s ease;
}

.floating-nav-button i {
    font-size: 14px;
    transition: transform 0.2s ease;
}

.floating-nav-button:hover i {
    transform: scale(1.05);
}

.floating-nav-button span {
    font-size: 13px;
}

@media (max-width: 768px) {
    .floating-nav-button {
        padding: 8px 16px;
        font-size: 13px;
    }

    .floating-nav-button i {
        font-size: 12px;
    }
}

/* Services Dropdown Grid */
.services-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    width: 100%;
}

.service-category-box {
    width: calc(25% - 15px);
    min-width: 200px;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--eventdia-transition);
}

.service-category-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.service-category-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.service-category-icon {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.service-category-title {
    margin: 0;
    font-size: 16px;
    color: #333;
    color: var(--eventdia-text-color);
}

.email-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

/* MultiTabSignup.css */
.multi-tab .auth-container {
    max-width: 100%;
    height: 100vh;
}

.role-tab-selector {
    margin-bottom: 30px;
}

.role-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.role-tab {
    flex: 1 1;
    padding: 15px 10px;
    background: var(--light-gray);
    border: 2px solid var(--light-gray);
    border-radius: 8px;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gray);
}

.role-tab:hover {
    background: var(--light);
    border-color: var(--primary-light);
}

.role-tab.active {
    background: rgba(106, 13, 173, 0.05);
    border-color: var(--primary);
    color: var(--primary);
}

.role-tab i {
    font-size: 20px;
}

.role-tab span {
    font-size: 14px;
    font-weight: 500;
}

.tab-content {
    animation: fadeIn 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .role-tabs {
        flex-direction: column;
    }

    .role-tab {
        flex-direction: row;
        justify-content: flex-start;
        padding: 12px 15px;
    }

    .role-tab i {
        margin-right: 10px;
    }
}

/* Password fields styling */
.password-requirements {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    margin-top: 10px;
}

.requirements-title {
    font-size: 13px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

.requirements-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 6px;
    color: #6c757d;
}

.requirements-list li i {
    margin-right: 8px;
    font-size: 14px;
}

.requirement-met {
    color: #28a745 !important;
}

.requirement-not-met {
    color: #6c757d !important;
}

/* Success/Error states */
.form-control.success {
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.error {
    border-color: #dc3545;
}

.error-message {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.error-message i {
    margin-right: 5px;
}

.success-message {
    color: #28a745;
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.success-message i {
    margin-right: 5px;
}
.react-datetime-picker {
  display: inline-flex;
  position: relative;
}

.react-datetime-picker,
.react-datetime-picker *,
.react-datetime-picker *:before,
.react-datetime-picker *:after {
  box-sizing: border-box;
}

.react-datetime-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-datetime-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}

.react-datetime-picker__inputGroup {
  min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
}

.react-datetime-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}

.react-datetime-picker__inputGroup__divider,
.react-datetime-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-datetime-picker__inputGroup__input {
  min-width: 0.54em;
  height: calc(100% - 2px);
  position: relative;
  padding: 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,
.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.react-datetime-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-datetime-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-datetime-picker__inputGroup__amPm {
  font: inherit;
  -webkit-appearance: menulist;
  appearance: menulist;
}

.react-datetime-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-datetime-picker__button:enabled {
  cursor: pointer;
}

.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,
.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon {
  stroke: #0078d7;
}

.react-datetime-picker__button:disabled .react-datetime-picker__button__icon {
  stroke: #6d6d6d;
}

.react-datetime-picker__button svg {
  display: inherit;
}

.react-datetime-picker__calendar,
.react-datetime-picker__clock {
  z-index: 1;
}

.react-datetime-picker__calendar--closed,
.react-datetime-picker__clock--closed {
  display: none;
}

.react-datetime-picker__calendar {
  width: 350px;
  max-width: 100vw;
}

.react-datetime-picker__calendar .react-calendar {
  border-width: thin;
}

.react-datetime-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.react-clock {
  display: block;
  position: relative;
}

.react-clock,
.react-clock *,
.react-clock *:before,
.react-clock *:after {
  box-sizing: border-box;
}

.react-clock__face {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid black;
  border-radius: 50%;
}

.react-clock__hand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__hand__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__mark__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark__number {
  position: absolute;
  left: -40px;
  width: 80px;
  text-align: center;
}

.react-clock__second-hand__body {
  background-color: red;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/static/media/slick.295183786cd8a1389865.woff) format('woff'), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format('truetype'), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
}

.marketplace-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.marketplace-hero::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.search-container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.search-box {
    background: white;
    border-radius: 50px;
    padding: 5px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.search-input {
    border: none;
    padding: 15px 20px;
    border-radius: 50px;
    width: 100%;
    font-size: 16px;
    outline: none;
}

.search-btn {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-btn:hover {
    background: #d81b60;
    transform: translateY(-2px);
}

.filter-section {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.filter-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.filter-title i {
    margin-right: 10px;
    color: #e91e63;
    color: var(--accent-color-1);
}

.category-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.category-filter {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.category-filter i {
    margin-right: 8px;
    font-size: 18px;
}

.category-filter:hover,
.category-filter.active {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-color: #351450;
    border-color: var(--primary-color);
}

.filter-group {
    margin-bottom: 20px;
}

.filter-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #4a5568;
}

.range-slider {
    width: 100%;
    height: 5px;
    background: #e2e8f0;
    border-radius: 5px;
    outline: none;
}

.range-values {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 14px;
    color: #718096;
}

.vendors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 25px;
    gap: 25px;
}

.vendors-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
}

.vendors-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.vendors-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.vendors-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.vendor-card:hover .vendors-image img {
    transform: scale(1.05);
}

.vendors-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.vendors-rating {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.vendor-rating i {
    color: #fbbf24;
    margin-right: 5px;
}

.vendor-infos {
    padding: 20px;
}

.vendors-category {
    color: #e91e63;
    color: var(--accent-color-1);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.vendors-name {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #351450;
    color: var(--primary-color);
}

.vendors-location {
    display: flex;
    align-items: center;
    color: #718096;
    font-size: 14px;
    margin-bottom: 10px;
}

.vendors-location i {
    margin-right: 5px;
}

.vendors-description {
    color: #4a5568;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.vendors-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.vendors-feature {
    background: #f7fafc;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    color: #4a5568;
}

.vendors-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vendors-price {
    font-weight: 700;
    color: #351450;
    color: var(--primary-color);
    font-size: 1.1rem;
}

.vendors-btn {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.vendors-btn:hover {
    background: #e91e63;
    background: var(--accent-color-1);
}

.quicks-view-btn {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
}

.vendor-card:hover .quick-view-btn {
    opacity: 1;
}

.results-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.results-count {
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
}

.sort-options {
    display: flex;
    align-items: center;
}

.sort-label {
    margin-right: 10px;
    color: #718096;
    max-width: 60px;
    width: 100%
}

.sort-select {
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 8px 15px;
    background: white;
    cursor: pointer;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.pagination-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    background: white;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-btn:hover,
.pagination-btn.active {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-color: #351450;
    border-color: var(--primary-color);
}

/* Quick View Modal */
.quick-view-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.quick-view-modal.active {
    opacity: 1;
    visibility: visible;
}

.modal-content {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.quick-view-modal.active .modal-content {
    transform: translateY(0);
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

/* Mobile Filters */
.mobile-filters-btn {
    display: none;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 20px;
    width: 100%;
}

.mobile-filters-btn i {
    margin-right: 8px;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .vendor-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 767px) {
    .marketplace-hero {
        padding: 80px 0 40px;
    }

    .search-box {
        flex-direction: column;
        border-radius: 15px;
    }

    .search-input {
        border-radius: 15px 15px 0 0;
    }

    .search-btn {
        border-radius: 0 0 15px 15px;
    }

    .results-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .sort-options {
        margin-top: 15px;
        width: 100%;
    }

    .sort-select {
        width: 100%;
    }

    .mobile-filters-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filter-section {
        display: none;
    }

    .filter-section.mobile-active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        overflow-y: auto;
        border-radius: 0;
    }
}

:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --text-color: #333;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --radius: 12px;
    --transition: all 0.3s ease;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    color: var(--text-color);
    background-color: #fefefe;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
/* .header-top {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 0;
            font-size: 14px;
        }

        .header-top a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }

        .header-top a:hover {
            color: white;
        } */

/* .header-links ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }

        .header-links li {
            margin-right: 20px;
            display: flex;
            align-items: center;
        }

        .header-links li:last-child {
            margin-right: 0;
        }

        .header-links i {
            margin-right: 8px;
        }

        .social-links a {
            margin-left: 10px;
            font-size: 16px;
        } */

/* Navigation Styles */
/* .navbar {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        } */

/* .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        } */

/* .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo img {
            height: 40px;
            margin-right: 10px;
        } */

/* .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-menu li {
            margin-left: 30px;
        }

        .nav-link {
            color: var(--text-color);
            text-decoration: none;
            font-weight: 500;
            position: relative;
            transition: color 0.3s;
        }

        .nav-link:hover {
            color: var(--accent-color-1);
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent-color-1);
            transition: width 0.3s;
        }

        .nav-link:hover::after {
            width: 100%;
        } */

.has-dropdown::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}

/* Mega Menu Styles */
/* .mega-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: white;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 var(--radius) var(--radius);
            z-index: 1000;
            display: none;
            padding: 30px 0;
        }

        .mega-menu.active {
            display: block;
        } */

.mega-menu-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.category-group {
    margin-bottom: 20px;
}

.category-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.category-icon {
    width: 30px;
    height: 30px;
    background-color: #f8f9fa;
    background-color: var(--light-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.category-group h4 {
    margin: 0;
    font-size: 16px;
}

.menu-item {
    display: block;
    padding: 5px 0;
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.menu-item:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.menu-item.view-all {
    font-weight: bold;
    margin-top: 5px;
}

/* Hero Section */
.marketplace-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.marketplace-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-title {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}

.hero-subtitle {
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* .hero-actions {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 30px;
        } */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 12px;
    border-radius: var(--radius);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
    cursor: pointer;
    border: none;
    font-family: 'Poppins', sans-serif;
    gap: 5px;
    font-size: 15px !important;
}

/* .btn-primary {
            background: var(--primary-color);
            color: white;
        } */

.btn-primary:hover {
    background: #2a0e3d;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
}

/* .btn-outline {
            background: transparent;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }

        .btn-outline:hover {
            background: var(--primary-color);
            color: white;
        } */

.btn-accent {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

.btn-accent:hover {
    background: #d81b60;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
}

/* Services Section */
.services {
    padding: 80px 0;
}

.section-title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 16px;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 60px;
}

.service-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.service-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.service-card:hover .service-image img {
    transform: scale(1.05);
}

.service-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px;
}

.service-title {
    color: white;
    font-size: 24px;
    margin-bottom: 5px;
}

.service-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.service-description {
    color: #6c757d;
    color: var(--dark-gray);
    margin-bottom: 20px;
    font-size: 15px;
}

.service-features {
    list-style: none;
    margin-bottom: 20px;
}

.service-features li {
    padding: 5px 0;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.service-features li i {
    color: #351450;
    color: var(--primary-color);
    margin-right: 10px;
    font-size: 12px;
}

.service-actions {
    margin-top: auto;
    display: flex;
    gap: 10px;
}

.service-actions .btn {
    flex: 1 1;
    padding: 14px 15px;
    font-size: 14px;
}

/* Features Section */
.features {
    padding: 80px 0;
    background: #f9f7fd;
    background: var(--base-color);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.feature-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    text-align: center;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    font-size: 40px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.feature-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.feature-description {
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

/* Process Section */
.process {
    padding: 80px 0;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.process-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    text-align: center;
    position: relative;
}

.process-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.step-number {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.step-icon {
    font-size: 40px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.step-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.step-description {
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

/* Testimonials Section */
.testimonials {
    padding: 80px 0;
    background: #f9f7fd;
    background: var(--base-color);
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.testimonial-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.testimonial-quote {
    font-size: 18px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
    line-height: 1.5;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-info h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.author-info p {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #351450 0%, #2a0e3d 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #2a0e3d 100%);
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 36px;
    margin-bottom: 20px;
}

.cta-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* Footer Styles */
.footer {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.footer-links a:hover {
    color: white;
}

.footer-social {
    display: flex;
    margin-top: 15px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    color: white;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.copyright {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: white;
    z-index: 2000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
}

.mobile-menu.active {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.mobile-menu-logo img {
    height: 35px;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    color: var(--text-color);
    cursor: pointer;
}

.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav li {
    margin-bottom: 15px;
}

.mobile-nav a {
    display: flex;
    align-items: center;
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 0;
    transition: color 0.3s;
}

.mobile-nav a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.mobile-nav a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

.mobile-dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    color: #333;
    color: var(--text-color);
    font-weight: 500;
    padding: 10px 0;
    cursor: pointer;
    transition: color 0.3s;
}

.mobile-dropdown-toggle:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.mobile-dropdown-content {
    padding-left: 20px;
    display: none;
}

.mobile-dropdown-content.active {
    display: block;
}

.mobile-dropdown-content a {
    font-size: 14px;
    padding: 8px 0;
}

/* Responsive Design */
@media (max-width: 992px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-menu {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 36px;
    }

    .service-grid {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 28px;
    }

    .cta-title {
        font-size: 28px;
    }

    .service-actions {
        flex-direction: column;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 993px) {
    .mobile-menu-btn {
        display: none;
    }
}

/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.mobile-menu-btn:hover {
    background: #2a0e3d;
}

.service-actions .btn.btn-outline, .service-actions .btn.btn-primary {
    font-size: 14px !important;
    line-height: 26px;
    width: 100%;
    max-width: 160px;
    height: 40px;
    padding: 5px 10px;
}
:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --dark: #333;
    --light: #f8f9fa;
    --gray: #6c757d;
    --border: #e9ecef;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #f5f7fb;
    color: #333;
    color: var(--dark);
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.page-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.page-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.page-title {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.page-subtitle {
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* Search Section */
.search-section {
    padding: 40px 0;
    background: #f8f9fa;
    background: var(--light);
}

.search-container {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.search-box {
    display: flex;
    background: white;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.search-inputs {
    flex-grow: 1;
    padding: 15px 20px;
    border: none;
    font-size: 16px;
    outline: none;
}

.search-btn {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border: none;
    padding: 0 25px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-btn:hover {
    background: #d81b60;
}

/* FAQ Section */
.faq-section {
    padding: 80px 0;
}

.section-title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    /* background: var(--primary-color); */
}

.faq-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}

.category-btn {
    background: white;
    border: 1px solid #e9ecef;
    border: 1px solid var(--border);
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-btn:hover {
    background: #f8f9fa;
    background: var(--light);
}

.category-btn.active {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-color: #351450;
    border-color: var(--primary-color);
}

.faq-category {
    margin-bottom: 50px !important;
    max-width: 1200px;
    margin: 0 auto;
}

.category-header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
    border-bottom: 2px solid var(--border);
}

.category-icon {
    width: 50px;
    height: 50px;
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #351450;
    color: var(--primary-color);
    font-size: 20px;
}

.category-title {
    font-size: 28px;
    color: #351450;
    color: var(--primary-color);
}

.faq-grid {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    max-width: 1200px !important;
    margin: 50px auto 0;

}

.faq-items {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.faq-items:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.faq-section .section-title p {
    max-width: 100%;
    margin-bottom: 10px;
}

.faq-questions {
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-questions:hover {
    background: #f8f9fa;
    background: var(--light);
}

.faq-section .section-title {
    text-align: center;
}
.question-text {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    color: var(--dark);
}

.faq-toggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f8f9fa;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #351450;
    color: var(--primary-color);
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.faq-item.active .faq-toggle {
    transform: rotate(180deg);
    background: #351450;
    background: var(--primary-color);
    color: white;
}

.faq-answer {
    padding: 0 25px;
    max-height: 0;
    /* overflow: hidden; */
    transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
    padding: 0 25px 25px;
    max-height: 1000px;
}

.answer-content {
    color: #6c757d;
    color: var(--gray);
    line-height: 1.7;
}

.answer-content p {
    margin-bottom: 15px;
}

.answer-content p:last-child {
    margin-bottom: 0;
}

.answer-content ul {
    margin: 15px 0;
    padding-left: 20px;
}

.answer-content li {
    margin-bottom: 8px;
}

/* Contact CTA */
.contact-cta {
    padding: 80px 0;
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 36px;
    margin-bottom: 20px;
}

.cta-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-title {
        font-size: 36px;
    }

    .section-title {
        font-size: 28px;
    }

    .category-header {
        flex-direction: column;
        text-align: center;
    }

    .category-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .cta-title {
        font-size: 28px;
    }
}

/* FAQ Toggle Styles */
.faq-questions {
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-questions.active {
    background-color: #f8f9fa;
}

.faq-answer {
    /* max-height: 0; */
    text-align: left;
    /* overflow: hidden; */
    transition: max-height 0.3s ease;
}

.faq-answer.active {
    max-height: 1000px;
    /* Adjust based on your content */
    text-align: left;
}

.faq-toggle i {
    transition: transform 0.3s ease;
}

/* Existing styles remain the same */
:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
}

.contact-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.contact-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1000 1000%27 opacity=%270.05%27%3E%3Cpath fill=%27white%27 d=%27M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z%27/%3E%3C/svg%3E") center/cover no-repeat;
}

.contact-section {
    padding: 80px 0;
    background-color: #f9fafb;

}

.section-title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    gap: 50px;
    margin-bottom: 60px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact-card {
    background: white;
    border-radius: 15px;
    text-align: left;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border-left: 4px solid #351450;
    border-left: 4px solid var(--primary-color);
}

.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.contact-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact-icon {
    width: 60px;
    height: 60px;
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #351450;
    color: var(--primary-color);
    font-size: 24px;
}

.contact-title {
    font-size: 22px;
    margin-bottom: 5px;
    color: #351450;
    color: var(--primary-color);
}

.contact-description {
    color: #718096;
    font-size: 14px;
}

.contact-details {
    list-style: none;
        padding-left: 0px !important;
}

.contact-details li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.contact-details li:last-child {
    margin-bottom: 0;
}

.detail-icon {
    width: 40px;
    height: 40px;
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #351450;
    color: var(--primary-color);
    font-size: 16px;
    flex-shrink: 0;
}

.detail-content h4 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #351450;
    color: var(--primary-color);
}

.detail-content p {
    color: #718096;
    font-size: 14px;
    margin-bottom: 0px !important;
}

.detail-content a {
    color: #351450;
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

.detail-content a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

/* Contact Form */
.contact-form {
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: -webkit-fit-content;
    height: fit-content;
    border-top: 4px solid #e91e63;
    border-top: 4px solid var(--accent-color-1);
    text-align: left;
}

.form-title {
    font-size: 24px;
    margin-bottom: 25px;
    color: #351450;
    color: var(--primary-color);
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 8px !important;
    font-weight: 500;
    color: #4a5568;
    font-size: 14px;
}

.form-control {
    width: 100%;
    padding: 12px 15px !important;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.form-control:focus {
    outline: none;
    border-color: #351450;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(53, 20, 80, 0.1);
}

textarea.form-control {
    resize: vertical;
    min-height: 120px !important;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    gap: 15px;
}

.btn-primary {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: #2a0e3d;
    transform: translateY(-2px);
}

/* FAQ Section */
.faq-section {
    background: #f9f7fd;
    background: var(--base-color);
    padding: 60px 0;
}

.faq-grids{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    gap: 30px;
}

.faq-item {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border-left: 4px solid #e91e63;
    border-left: 4px solid var(--accent-color-1);
}

.faq-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.faq-question {
    font-size: 18px;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: flex-start;
}

.faq-question i {
    margin-right: 10px;
    color: #e91e63;
    color: var(--accent-color-1);
    font-size: 16px;
    margin-top: 3px;
}

.faq-answer {
    color: #4a5568;
    font-size: 15px;
    line-height: 1.6;
}

.map-section {
    padding: 60px 0 80px;
    background-color: #f9fafb;

}

.map-container {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: 400px;
}

.map-placeholder {
    background: linear-gradient(135deg, #9c27b0 0%, #351450 100%);
    background: linear-gradient(135deg, var(--accent-color-2) 0%, var(--primary-color) 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    padding: 40px;
}

.map-placeholder i {
    font-size: 16px;
    margin-bottom: 0px;
    opacity: 1;
}

.map-placeholder h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.map-placeholder p {
    opacity: 0.9;
    max-width: 500px;
}

.btn-accent {
    background: #e91e63 !important;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-accent:hover {
    background: #d81b60;
    transform: translateY(-2px);
}

.btn.btn-accent {
    width: -webkit-fit-content;
    width: fit-content;
    height: 50px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    color: #f9f7fd;
}

.btn.btn-outline {
    background: transparent;
    color: #351450;
    color: var(--primary-color);
    border: 1px solid #351450;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 12px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
     width: -webkit-fit-content;
     width: fit-content;
}

.btn.btn-outline:hover {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

@media (max-width: 992px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .faq-grids {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .contact-hero {
        padding: 80px 0 40px;
    }

    .section-title {
        font-size: 28px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }
}

.cta-section .btn.btn-accent {
    width: auto;
    width: initial;
    margin: 0;
    margin: initial;
}
:root {
    --primary: #6A0DAD;
    --primary-dark: #4A0A8A;
    --primary-light: #8B45CE;
    --accent: #FF4081;
    --accent-dark: #E91E63;
    --light: #F8F9FA;
    --dark: #212529;
    --gray: #6C757D;
    --light-gray: #E9ECEF;
    --success: #28A745;
    --warning: #FFC107;
    --info: #17A2B8;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --radius: 12px;
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #212529;
    color: var(--dark);
    background: linear-gradient(135deg, #6A0DAD 0%, #4A0A8A 100%);
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    min-height: 100vh;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding: 20px; */
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.auth-container {
    display: flex;
    width: 100%;
    /* max-width: 1200px; */
    max-width: 100%;
    height: 100vh;
    /* min-height: 700px; */
    background: white;
    /* border-radius: var(--radius); */
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* Left Panel - Branding */
.auth-branding {
    flex: 1 1;
    background: linear-gradient(135deg, #6A0DAD 0%, #4A0A8A 100%);
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.auth-branding::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.brand-content {
    position: relative;
    z-index: 1;
}

/* 
        .logo {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        } */

.logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
}
.social-btn.facebook i {
    color: white;
}

.social-btn.facebook:hover i {
    color: #747dba; 
}
.social-btn.linkedin:hover i {
    color: #747dba; 
}

.social-btn.linkedin  i{
    color: #ffff;
}
.brand-title {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.3;
    text-align: left;
}

.brand-subtitle {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
    text-align:left ;
}

.features-list {
    list-style: none;
    margin-top: 40px;
}

.features-list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
}

.features-list i {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 14px;
}

/* Right Panel - Forms */
.auth-forms {
    flex: 1 1;
    padding: 50px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    background: white;
    overflow-y: auto;
    text-align: left;
}

.form-container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.form-title {
    font-size: 28px;
    margin-bottom: 10px;
    color: #6A0DAD;
    color: var(--primary);
}

.form-subtitle {
    color: #6C757D;
    color: var(--gray);
    margin-bottom: 30px;
    font-size: 16px;
}

.form-tabs {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid #E9ECEF;
    border-bottom: 1px solid var(--light-gray);
}

.form-tab {
    padding: 12px 20px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #6C757D;
    color: var(--gray);
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
}

.form-tab.active {
    color: #6A0DAD;
    color: var(--primary);
}

.form-tab.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #6A0DAD;
    background: var(--primary);
}

.auth-form {
    display: none;
}

.auth-form.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #212529;
    color: var(--dark);
    font-size: 14px;
}

.form-control {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #E9ECEF;
    border: 1px solid var(--light-gray);
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    transition: var(--transition);
    font-family: 'Poppins', sans-serif;
}

.form-control:focus {
    outline: none;
    border-color: #6A0DAD;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.1);
}

.password-input {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6C757D;
    color: var(--gray);
    cursor: pointer;
}

.role-selection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 20px;
}

.role-option {
    border: 2px solid #E9ECEF;
    border: 2px solid var(--light-gray);
    border-radius: 8px;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.role-option:hover {
    border-color: #8B45CE;
    border-color: var(--primary-light);
}

.role-option.selected {
    border-color: #6A0DAD;
    border-color: var(--primary);
    background: rgba(106, 13, 173, 0.05);
}

.role-icon {
    font-size: 24px;
    margin-bottom: 8px;
    color: #6A0DAD;
    color: var(--primary);
}

.role-name {
    font-size: 14px;
    font-weight: 500;
}

.otp-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 20px;
}

.otp-input {
    width: 100%;
    height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #E9ECEF;
    border: 2px solid var(--light-gray);
    border-radius: 8px;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.otp-input:focus {
    border-color: #6A0DAD;
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.1);
}

/* 
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 20px;
            border-radius: var(--radius);
            font-weight: 500;
            text-decoration: none;
            transition: var(--transition);
            cursor: pointer;
            border: none;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            width: 100%;
        } */

.btn-primary {
    background: #4a0a8a !important;
    color: white;
}

.btn-primary:hover {
    background: #4A0A8A;
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(106, 13, 173, 0.3);
}

/* .btn-outline {
            background: transparent;
            color: var(--primary);
            border: 1px solid var(--primary);
        }

        .btn-outline:hover {
            background: var(--primary);
            color: white;
        } */

.btn-accent {
    background: #FF4081;
    background: var(--accent);
    color: white;
}

.btn-accent:hover {
    background: #E91E63;
    background: var(--accent-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 64, 129, 0.3);
}

.divider {
    display: flex;
    align-items: center;
    margin: 25px 0;
    color: #6C757D;
    color: var(--gray);
}

.divider::before,
.divider::after {
    content: "";
    flex: 1 1;
    height: 1px;
    background: #E9ECEF;
    background: var(--light-gray);
}

.divider-text {
    padding: 0 15px;
    font-size: 14px;
}

.social-login {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 25px;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #E9ECEF;
    border: 1px solid var(--light-gray);
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.social-btn:hover {
    background: #F8F9FA;
    background: var(--light);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.social-btn.google {
    color: #DB4437;
}

.social-btn.facebook {
    color: #4267B2;
}

.social-btn.apple {
    color: #000000;
}

.social-btn.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: white;
    border: none;
}

.social-btn.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    opacity: 0.9;
}

.form-footer {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    color: #6C757D;
    color: var(--gray);
}

.form-footer a {
    color: #6A0DAD;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.form-footer a:hover {
    text-decoration: underline;
}

.resend-otp {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}

.resend-otp a {
    color: #6A0DAD;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.resend-otp a:hover {
    text-decoration: underline;
}

.countdown {
    color: #FF4081;
    color: var(--accent);
    font-weight: 500;
}

.verification-success {
    text-align: center;
    padding: 30px 0;
}

.success-icon {
    width: 80px;
    height: 80px;
    background: rgba(40, 167, 69, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #28A745;
    color: var(--success);
    font-size: 32px;
}

/* Multi-step Form Styles */
.step-indicator {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #E9ECEF;
    background: var(--light-gray);
    color: #6C757D;
    color: var(--gray);
    font-weight: 600;
    margin: 0 5px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .auth-container .step {
        width: 36px !important;
        height: 36px !important;
    }
}

.step.active {
    background: #6A0DAD;
    background: var(--primary);
    color: white;
}

.step.completed {
    background: #28A745;
    background: var(--success);
    color: white;
}

.step:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #E9ECEF;
    background: var(--light-gray);
    right: -20px;
}

.step.completed:not(:last-child)::after {
    background: #28A745;
    background: var(--success);
}

.signup-step {
    display: none;
}

.signup-step.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

.form-navigation {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.form-navigation .btn {
    flex: 1 1;
}

/* Loading Spinner */
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .auth-container {
        flex-direction: column;
        max-width: 500px;
    }

    .auth-branding {
        padding: 30px;
    }

    .auth-forms {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .social-login {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    body {
        padding: 10px;
    }

    .auth-container {
        min-height: auto;
    }

    .role-selection {
        grid-template-columns: 1fr;
    }

    .social-login {
        grid-template-columns: 1fr;
    }

    .brand-title {
        font-size: 28px;
    }

    .form-navigation {
        flex-direction: column;
    }
}

/* Password Requirements Styling */
.password-requirements {
    margin-top: 8px;
    padding: 5px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.requirements-title {
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

.requirements-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 4px;
}

.requirements-list li:last-child {
    margin-bottom: 0;
}

.requirements-list li i {
    margin-right: 8px;
    font-size: 14px;
}

.requirement-met {
    color: #28a745;
}

.requirement-not-met {
    color: #6c757d;
}

/* Error and Success States */
.form-control.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-control.success {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.error-message {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.error-message i {
    margin-right: 5px;
}

.success-message {
    color: #28a745;
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.success-message i {
    margin-right: 5px;
}

/* Disabled button styling */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Add to your existing auth.css or Signup.css */

/* Large role icon */
.role-icon-large {
    font-size: 3rem;
    color: white;
    margin: 20px 0;
    text-align: center;
}

.role-icon-large i {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Mobile role selector */
.mobile-role-selector {
    display: none;
    margin-top: 30px;
}

.role-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.role-btn {
    padding: 10px 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.role-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.role-btn.active {
    background: #6A0DAD;
    background: var(--primary);
    border-color: #6A0DAD;
    border-color: var(--primary);
    box-shadow: 0 4px 15px rgba(var(--primary-rgb), 0.3);
}

.role-btn i {
    font-size: 16px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .auth-container {
        flex-direction: column;
    }
    
    .auth-branding {
        display: none !important;
        padding: 30px 20px;
    }
    
    .mobile-role-selector {
        display: block;
    }
    
    .role-selection {
        display: none;
    }
}

@media (min-width: 769px) {
    .mobile-role-selector {
        display: none;
    }
}

/* Animation for role change */
.brand-content {
    transition: all 0.3s ease;
}

.features-list li {
    transition: all 0.3s ease;
    animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* MultiTabSignup.css */
.multi-tab .auth-container {
    max-width: 100%;
    height: 100vh;
}

.role-selection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 30px;
}

.role-option {
    border: 2px solid #E9ECEF;
    border: 2px solid var(--light-gray);
    border-radius: 8px;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.role-option:hover {
    border-color: #8B45CE;
    border-color: var(--primary-light);
    background: rgba(106, 13, 173, 0.05);
}

.role-option.selected {
    border-color: #6A0DAD;
    border-color: var(--primary);
    background: rgba(106, 13, 173, 0.1);
}

.role-icon {
    font-size: 24px;
    margin-bottom: 8px;
    color: #6A0DAD;
    color: var(--primary);
}

.role-name {
    font-size: 14px;
    font-weight: 500;
}

.signup-form {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Form elements */
.form-group {
    margin-bottom: 20px;
}

.form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #E9ECEF;
    border: 1px solid var(--light-gray);
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    transition: var(--transition);
    font-family: 'Poppins', sans-serif;
}

.form-control:focus {
    outline: none;
    border-color: #6A0DAD;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.1);
}

select.form-control {
    -webkit-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27%236c757d%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
    padding-right: 40px;
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 3px;
    cursor: pointer;
}

.terms-link {
    color: #6A0DAD;
    color: var(--primary);
    text-decoration: none;
}

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

.btn-primary {
    background: #6A0DAD;
    background: var(--primary);
    color: white;
    padding: 14px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
    width: 100%;
    margin-top: 10px;
}

.btn-primary:hover:not(:disabled) {
    background: #4A0A8A;
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(106, 13, 173, 0.3);
}

.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .role-selection {
        grid-template-columns: 1fr;
    }
    
    .mobile-role-selector {
        display: block;
        margin-top: 30px;
    }
    
    .mobile-role-selector .role-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .role-btn {
        padding: 12px 15px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.1);
        color: white;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 14px;
        transition: all 0.3s ease;
    }
    
    .role-btn.active {
        background: #6A0DAD;
        background: var(--primary);
        border-color: #6A0DAD;
        border-color: var(--primary);
    }
    
    .role-btn i {
        font-size: 16px;
    }
}

@media (min-width: 769px) {
    .mobile-role-selector {
        display: none;
    }
}

/* VendorSignup.css - Enhanced Styles */

.vendor-signup-container {
    max-width: 700px;
    margin: 30px auto;
    padding: 30px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.form-title {
    text-align: center;
    color: #333;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.form-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.5;
}

.alert {
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.alert-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
}

/* Search containers */
.category-search-container,
.city-search-container {
    position: relative;
    margin-bottom: 10px;
}

.search-input {
    padding-left: 40px !important;
    border-radius: 6px !important;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.search-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    z-index: 10;
}

/* Select boxes */
.city-select,
.vendor-type-select {
    min-height: 150px;
    max-height: 250px;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 10px;
    background: white;
    transition: all 0.3s ease;
}

.city-select:focus,
.vendor-type-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Count indicators */
.city-count,
.category-count {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    text-align: right;
    font-style: italic;
    padding: 5px 0;
}

/* Load more buttons */
.load-more-btn {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.load-more-btn:hover:not(:disabled) {
    background: #e9ecef;
    border-color: #667eea;
    color: #667eea;
}

.load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Loading indicators */
.loading-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    justify-content: center;
    padding: 8px;
    background: #f8f9fa;
    border-radius: 4px;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Phone input */
.phone-input-container {
    position: relative;
}

.valid-indicator {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #28a745;
    font-size: 12px;
    font-weight: 500;
}

/* Form controls */
.form-control {
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 12px 15px;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Password input */
.password-input {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.toggle-password:hover {
    color: #333;
}

/* Password requirements */
.password-requirements {
    margin-top: 10px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.requirements-title {
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.requirements-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    font-size: 13px;
}

.requirement-met {
    color: #28a745;
}

.requirement-not-met {
    color: #dc3545;
}

/* Error and success messages */
.error-message,
.success-message {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    font-size: 13px;
    padding: 8px;
    border-radius: 4px;
}

.error-message {
    color: #dc3545;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
}

.success-message {
    color: #28a745;
    background: #d4edda;
    border: 1px solid #c3e6cb;
}

/* Checkbox */
.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #555;
}

.checkbox-label input[type="checkbox"] {
    margin-top: 3px;
}

.terms-link {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
}

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

/* Submit button */
.submit-btn {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 8px;
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
}

.submit-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(102, 126, 234, 0.4);
}

.submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* Form footer */
.form-footer {
    margin-top: 25px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.form-footer p {
    margin: 8px 0;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.form-footer a {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
}

.form-footer a:hover {
    text-decoration: underline;
}

.assistance-text {
    margin-top: 15px !important;
    color: #333 !important;
    font-weight: 500;
    font-size: 13px !important;
}

/* Scrollbar styling */
.city-select::-webkit-scrollbar,
.vendor-type-select::-webkit-scrollbar {
    width: 6px;
}

.city-select::-webkit-scrollbar-track,
.vendor-type-select::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.city-select::-webkit-scrollbar-thumb,
.vendor-type-select::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.city-select::-webkit-scrollbar-thumb:hover,
.vendor-type-select::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Responsive */
@media (max-width: 768px) {
    .vendor-signup-container {
        padding: 20px;
        margin: 10px;
    }
    
    .form-title {
        font-size: 24px;
    }
    
    .city-select,
    .vendor-type-select {
        min-height: 120px;
        max-height: 200px;
    }
}

@media (max-width: 480px) {
    .vendor-signup-container {
        padding: 15px;
    }
    
    .form-title {
        font-size: 22px;
    }
    
    .form-subtitle {
        font-size: 14px;
    }
}
/* Subcategory Styles */
.selected-subcategories-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.subcategory-tag {
    display: inline-flex;
    align-items: center;
    background-color: #e7f3ff;
    color: #007bff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    border: 1px solid #b3d7ff;
}

.remove-tag-btn {
    background: none;
    border: none;
    color: #007bff;
    cursor: pointer;
    margin-left: 6px;
    padding: 0;
    font-size: 12px;
    opacity: 0.7;
}

.remove-tag-btn:hover {
    opacity: 1;
}

.remove-tag-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.checkbox-input {
    margin-right: 10px;
    cursor: pointer;
}

/* Form group spacing */
.form-group {
    margin-bottom: 20px;
}

/* Success and error states */
.success {
    border-color: #28a745 !important;
}

.error {
    border-color: #dc3545 !important;
}

/* Loading indicator */
.loading-indicator {
    color: #6c757d;
    font-size: 14px;
    margin-top: 5px;
}

/* Search input icon positioning */
.search-container {
    position: relative;
}

.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

/* Dropdown list scrolling */
.dropdown-list {
    max-height: 250px;
    overflow-y: auto;
}

/* Selected option highlight */
.dropdown-option.selected {
    background-color: #e7f3ff;
    font-weight: 500;
}
/* Dropdown Styles */
.dropdown-display {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 44px;
}

.dropdown-display:hover {
    border-color: #999;
}

.dropdown-display.active {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.dropdown-content {
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 5px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.search-container {
    position: relative;
    padding: 10px;
    /* border-bottom: 1px solid #eee; */
}

.search-input {
    width: 100%;
    padding: 8px 35px 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.dropdown-list {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-option {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
}

.dropdown-option:hover {
    background-color: #f8f9fa;
}

.dropdown-option.selected {
    background-color: #e7f3ff;
    color: #007bff;
    font-weight: bold;
}

.loading-option {
    padding: 20px;
    text-align: center;
    color: #666;
}

.no-results {
    padding: 20px;
    text-align: center;
    color: #999;
    font-style: italic;
}

.load-more-btn {
    width: 100%;
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-top: none;
    color: #007bff;
    cursor: pointer;
    text-align: center;
}

.load-more-btn:hover:not(:disabled) {
    background-color: #e9ecef;
}

.load-more-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-text.text-muted {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #6c757d;
}

/* Step Management */
/* .step-container {
    display: none;
} */

/* .step-container.active {
    display: block;
} */

/* OTP Verification Styles */
.otp-step .auth-form {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.otp-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 20px 0;
}

.otp-input {
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    border: 2px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s;
}

.otp-input:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.otp-input.error {
    border-color: #dc3545;
}

.resend-otp {
    margin-top: 20px;
    font-size: 14px;
}

.resend-otp a.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: none;
}

.resend-otp a:hover:not(.disabled) {
    text-decoration: underline;
}

.back-to-registration {
    margin-top: 30px;
}

.back-to-registration .btn-link {
    color: #666;
}

/* Success Step */
.success-step {
    text-align: center;
    padding: 40px 20px;
}

.success-message-box {
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.success-icon {
    font-size: 60px;
    color: #28a745;
    margin-bottom: 20px;
}

.success-title {
    color: #333;
    margin-bottom: 15px;
}

.success-text {
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}

.success-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
}
/* ============================================
   VENDOR OTP SPECIFIC STYLES
   ============================================ */

/* OTP Container - Vendor Specific */
.vendor-otp-container {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 25px 0 !important;
    padding: 10px !important;
}

/* OTP Input Boxes - Vendor Specific */
.vendor-otp-input {
    width: 60px !important;
    height: 60px !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    border: 3px solid #e0e0e0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', sans-serif !important;
}

.vendor-otp-input:focus {
    border-color: #4a0a8a !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(74, 10, 138, 0.15) !important;
    transform: translateY(-3px) !important;
    background-color: #faf5ff !important;
}

.vendor-otp-input.filled {
    border-color: #28a745 !important;
    background-color: rgba(40, 167, 69, 0.05) !important;
}

.vendor-otp-input.error {
    border-color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.05) !important;
    animation: shake 0.5s ease !important;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.vendor-otp-input:disabled {
    background-color: #f8f9fa !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    border-color: #ccc !important;
}

/* Hide number input arrows */
.vendor-otp-input::-webkit-outer-spin-button,
.vendor-otp-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.vendor-otp-input[type="number"] {
    -moz-appearance: textfield !important;
}

/* OTP Step Container - Vendor Specific */
.otp-step.step-container.active {
    display: block !important;
    animation: slideInUp 0.5s ease-out !important;
}

@keyframes slideInUp {
    from {
        opacity: 0 !important;
        transform: translateY(30px) !important;
    }
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* OTP Submit Button - Vendor Specific */
.vendor-otp-submit {
    width: 100% !important;
    padding: 16px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    margin-top: 25px !important;
    background: linear-gradient(135deg, #4a0a8a 0%, #6A0DAD 100%) !important;
    border: none !important;
    color: white !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
}

.vendor-otp-submit:hover:not(:disabled) {
    background: linear-gradient(135deg, #3a0870 0%, #4a0a8a 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(74, 10, 138, 0.4) !important;
}

.vendor-otp-submit:active:not(:disabled) {
    transform: translateY(-1px) !important;
}

.vendor-otp-submit:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Resend OTP - Vendor Specific */
.vendor-resend-otp {
    text-align: center !important;
    margin: 30px 0 20px 0 !important;
    font-size: 15px !important;
    color: #555 !important;
    font-weight: 500 !important;
}

.vendor-resend-otp a {
    color: #4a0a8a !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
}

.vendor-resend-otp a:hover:not(.disabled) {
    color: #6A0DAD !important;
    background-color: rgba(74, 10, 138, 0.1) !important;
    text-decoration: none !important;
}

.vendor-resend-otp a.disabled {
    color: #999 !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

/* Back to Registration - Vendor Specific */
.vendor-back-to-registration {
    text-align: center !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 2px solid #f0f0f0 !important;
}

.vendor-back-to-registration .btn-link {
    color: #666 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    background: transparent !important;
    border: 2px solid #e0e0e0 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.vendor-back-to-registration .btn-link:hover {
    color: #4a0a8a !important;
    border-color: #4a0a8a !important;
    background-color: rgba(74, 10, 138, 0.05) !important;
    transform: translateY(-2px) !important;
}

.vendor-back-to-registration .btn-link i {
    font-size: 14px !important;
    transition: transform 0.3s !important;
}

.vendor-back-to-registration .btn-link:hover i {
    transform: translateX(-3px) !important;
}

/* OTP Form Styling */
.otp-step .auth-form {
    background: white !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #f0f0f0 !important;
    margin: 20px auto !important;
    max-width: 480px !important;
}

.otp-step .form-title {
    text-align: center !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #4a0a8a 0%, #6A0DAD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.otp-step .form-subtitle {
    text-align: center !important;
    color: #666 !important;
    margin-bottom: 30px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0 20px !important;
}

.otp-step .form-subtitle strong {
    color: #4a0a8a !important;
    font-weight: 600 !important;
}

.otp-step .form-label {
    display: block !important;
    margin-bottom: 15px !important;
    color: #444 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
}

.otp-step .form-text.text-muted {
    font-size: 14px !important;
    color: #888 !important;
    margin-top: 12px !important;
    text-align: center !important;
    display: block !important;
    font-style: italic !important;
}

/* Alert Styles for OTP Step */
.otp-step .alert {
    margin-bottom: 25px !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    border: 2px solid transparent !important;
    animation: fadeIn 0.5s ease !important;
}

.otp-step .alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: rgba(40, 167, 69, 0.3) !important;
    color: #155724 !important;
}

.otp-step .alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: rgba(220, 53, 69, 0.3) !important;
    color: #721c24 !important;
}

.otp-step .alert i {
    margin-right: 10px !important;
    font-size: 18px !important;
}

/* Mobile Responsiveness */
@media (max-width: 576px) {
    .vendor-otp-input {
        width: 55px !important;
        height: 55px !important;
        font-size: 24px !important;
    }
    
    .vendor-otp-container {
        gap: 12px !important;
    }
    
    .otp-step .auth-form {
        padding: 30px 20px !important;
        margin: 10px !important;
    }
    
    .vendor-otp-submit {
        padding: 14px !important;
        font-size: 16px !important;
    }
    
    .otp-step .form-title {
        font-size: 24px !important;
    }
    
    .otp-step .form-subtitle {
        font-size: 14px !important;
        padding: 0 10px !important;
    }
}

@media (max-width: 380px) {
    .vendor-otp-input {
        width: 50px !important;
        height: 50px !important;
        font-size: 22px !important;
    }
    
    .vendor-otp-container {
        gap: 10px !important;
    }
}

/* Success Animation */
@keyframes successPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.vendor-otp-input.success {
    animation: successPulse 0.6s ease !important;
    border-color: #28a745 !important;
    background-color: rgba(40, 167, 69, 0.1) !important;
}

/* Loading Spinner */
.vendor-otp-submit .fa-spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Planner OTP Specific Styles */
.planner-signup-container {
    max-width: 600px;
    margin: 30px auto;
    padding: 30px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* OTP Container for Planner */
.planner-otp-container {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 25px 0 !important;
    padding: 10px !important;
}

/* OTP Input Boxes for Planner */
.planner-otp-input {
    width: 60px !important;
    height: 60px !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    border: 3px solid #e0e0e0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', sans-serif !important;
}

.planner-otp-input:focus {
    border-color: #4a0a8a !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(74, 10, 138, 0.15) !important;
    transform: translateY(-3px) !important;
    background-color: #faf5ff !important;
}

.planner-otp-input:disabled {
    background-color: #f8f9fa !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    border-color: #ccc !important;
}

/* Hide number input arrows */
.planner-otp-input::-webkit-outer-spin-button,
.planner-otp-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.planner-otp-input[type="number"] {
    -moz-appearance: textfield !important;
}

/* Planner OTP Submit Button */
.planner-otp-submit {
    width: 100% !important;
    padding: 16px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    margin-top: 25px !important;
    background: linear-gradient(135deg, #4a0a8a 0%, #6A0DAD 100%) !important;
    border: none !important;
    color: white !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
}

.planner-otp-submit:hover:not(:disabled) {
    background: linear-gradient(135deg, #3a0870 0%, #4a0a8a 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(74, 10, 138, 0.4) !important;
}

.planner-otp-submit:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Planner Resend OTP */
.planner-resend-otp {
    text-align: center !important;
    margin: 30px 0 20px 0 !important;
    font-size: 15px !important;
    color: #555 !important;
    font-weight: 500 !important;
}

.planner-resend-otp a {
    color: #4a0a8a !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
}

.planner-resend-otp a:hover:not(.disabled) {
    color: #6A0DAD !important;
    background-color: rgba(74, 10, 138, 0.1) !important;
    text-decoration: none !important;
}

.planner-resend-otp a.disabled {
    color: #999 !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

/* Planner Back to Registration */
.planner-back-to-registration {
    text-align: center !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 2px solid #f0f0f0 !important;
}

.planner-back-to-registration .btn-link {
    color: #666 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    background: transparent !important;
    border: 2px solid #e0e0e0 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.planner-back-to-registration .btn-link:hover {
    color: #4a0a8a !important;
    border-color: #4a0a8a !important;
    background-color: rgba(74, 10, 138, 0.05) !important;
    transform: translateY(-2px) !important;
}

.planner-back-to-registration .btn-link i {
    font-size: 14px !important;
    transition: transform 0.3s !important;
}

.planner-back-to-registration .btn-link:hover i {
    transform: translateX(-3px) !important;
}

/* Mobile Responsiveness for Planner OTP */
@media (max-width: 576px) {
    .planner-otp-input {
        width: 55px !important;
        height: 55px !important;
        font-size: 24px !important;
    }
    
    .planner-otp-container {
        gap: 12px !important;
    }
    
    .planner-otp-submit {
        padding: 14px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 380px) {
    .planner-otp-input {
        width: 50px !important;
        height: 50px !important;
        font-size: 22px !important;
    }
    
    .planner-otp-container {
        gap: 10px !important;
    }
}

/* Vendor Signup Container */
.vendor-signup-container {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
}

/* OTP Verification Popup */
.otp-verification-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.popup-content {
    position: relative;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 2;
    animation: popupSlideIn 0.3s ease-out;
}

@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.popup-header {
    padding: 24px 30px 16px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #333;
}

.popup-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-close:hover {
    background: #f5f5f5;
    color: #333;
}

.popup-body {
    padding: 24px 30px;
}

.popup-subtitle {
    color: #666;
    margin-bottom: 24px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.popup-alert {
    margin-bottom: 24px;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
}

/* OTP Form */
.otp-form .form-group {
    margin-bottom: 24px;
}

.otp-inputs-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
}

.otp-input {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    border: 3px solid #e0e0e0;
    border-radius: 12px;
    background: #ffffff;
    color: #333;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.otp-input:focus {
    border-color: #4a0a8a;
    box-shadow: 0 0 0 3px rgba(74, 10, 138, 0.1);
    outline: none;
}

.otp-input:disabled {
    background: #f8f9fa;
    cursor: not-allowed;
}

.verify-btn {
    width: 100%;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    margin-top: 25px;
    background: linear-gradient(135deg, #4a0a8a 0%, #6A0DAD 100%);
    border: none;
    color: white;
    transition: all 0.3s;
    cursor: pointer;
}

.verify-btn:hover:not(:disabled) {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(74, 10, 138, 0.4);
}

.verify-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.resend-otp-section {
    text-align: center;
    margin: 30px 0 20px 0;
    font-size: 15px;
    color: #555;
}

.resend-otp-section a {
    color: #4a0a8a;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s;
}

.resend-otp-section a.disabled {
    color: #999;
    cursor: not-allowed;
}

.resend-otp-section a:not(.disabled):hover {
    text-decoration: underline;
    color: #6A0DAD;
}

.popup-footer {
    padding: 20px 30px;
    border-top: 2px solid #f0f0f0;
    text-align: center;
}

.back-btn {
    color: #666;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s;
    background: transparent;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.back-btn:hover {
    background: #f8f9fa;
    border-color: #4a0a8a;
    color: #4a0a8a;
}

/* Phone input container */
.phone-input-container {
    display: flex;
    align-items: center;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.phone-input-container .country-code {
    padding: 12px 15px;
    background: #f8f9fa;
    border-right: 1px solid #dee2e6;
    font-weight: 500;
    color: #495057;
    font-size: 16px;
}

.phone-input-container .form-control {
    border: none;
    border-radius: 0;
    flex: 1 1;
    padding: 12px;
    font-size: 16px;
}

.phone-input-container .form-control:focus {
    box-shadow: none;
}

/* Submit button */
.submit-btn {
    width: 100%;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    background: linear-gradient(135deg, #4a0a8a 0%, #6A0DAD 100%);
    border: none;
    color: white;
    transition: all 0.3s;
    cursor: pointer;
    margin-top: 20px;
}

.submit-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 10, 138, 0.3);
}

.submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Form footer */
.form-footer {
    margin-top: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.form-footer a {
    color: #4a0a8a;
    text-decoration: none;
}

.form-footer a:hover {
    text-decoration: underline;
}

.assistance-text {
    margin-top: 15px;
    line-height: 1.6;
}

/* Alert messages */
.alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.1);
    border-color: rgba(40, 167, 69, 0.2);
    color: #155724;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1);
    border-color: rgba(220, 53, 69, 0.2);
    color: #721c24;
}

/* Step containers */
.step-container {
    display: none;
}

.step-container.active {
    display: block;
}

/* Success step */
.success-step {
    text-align: center;
    padding: 40px 20px;
}

.success-message-box {
    max-width: 500px;
    margin: 0 auto;
}

.success-icon {
    font-size: 64px;
    color: #28a745;
    margin-bottom: 20px;
}

.success-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.success-text {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.success-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.success-actions .btn {
    min-width: 160px;
}

.btn-outline {
    background: transparent;
    border: 2px solid #4a0a8a;
    color: #4a0a8a;
}

.btn-outline:hover {
    background: #4a0a8a;
    color: white;
}
.password-toggle-icon {
  padding: 20px;
  cursor: pointer;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: 9999;
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, 9999);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: -webkit-fit-content;
  width: fit-content;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: 320px;
  width: var(--toastify-toast-width);
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 14px;
  padding: var(--toastify-toast-padding);
  border-radius: 6px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: var(--toastify-toast-shadow);
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: auto;
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: 320px;
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: #fff;
  color: var(--toastify-text-color-info);
  background: #3498db;
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: #fff;
  color: var(--toastify-text-color-success);
  background: #07bc0c;
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: #fff;
  color: var(--toastify-text-color-warning);
  background: #f1c40f;
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: #fff;
  color: var(--toastify-text-color-error);
  background: hsl(6, 78%, 57%);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: hsl(6, 78%, 57%);
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: rgba(255, 255, 255, 0.7);
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: auto;
  right: initial;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: 0;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: 0.2;
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


        :root {
            --primary-color: #351450;
            --accent-color-1: #e91e63;
            --accent-color-2: #9c27b0;
            --base-color: #f9f7fd;
            --text-color: #333;
            --light-gray: #f8f9fa;
            --medium-gray: #e9ecef;
            --dark-gray: #6c757d;
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            --radius: 12px;
            --transition: all 0.3s ease;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: #333;
            color: var(--text-color);
            background-color: #fefefe;
            line-height: 1.6;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header Styles - Copied from services page */
        /* .header-top {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 0;
            font-size: 14px;
        }

        .header-top a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }

        .header-top a:hover {
            color: white;
        } */

        /* .header-links ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }

        .header-links li {
            margin-right: 20px;
            display: flex;
            align-items: center;
        }

        .header-links li:last-child {
            margin-right: 0;
        }

        .header-links i {
            margin-right: 8px;
        }

        .social-links a {
            margin-left: 10px;
            font-size: 16px;
        } */

   

        /* .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo img {
            height: 40px;
            margin-right: 10px;
        } */

    
        .has-dropdown::after {
            content: "\f107";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            margin-left: 5px;
            font-size: 12px;
        }

        /* Blog Hero Section */
        .blog-hero {
            background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
            background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
            color: white;
            padding: 100px 0 60px;
            position: relative;
            overflow: hidden;
        }

        .blog-hero::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero-title {
            font-size: 48px;
            margin-bottom: 20px;
            line-height: 1.2;
            text-align: center;
        }

        .hero-subtitle {
            font-size: 20px;
            max-width: 700px;
            margin: 0 auto 30px;
            opacity: 0.9;
            text-align: center;
        }

        .search-container {
            max-width: 600px;
            margin: 30px auto 0;
            position: relative;
        }

        .search-input {
            width: 100%;
            padding: 15px 20px;
            border-radius: 50px;
            border: none;
            font-size: 16px;
            color: #030303;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .search-button {
            position: absolute;
            right: 5px;
            top: 5px;
            background: #e91e63;
            background: var(--accent-color-1);
            color: white;
            border: none;
            border-radius: 50px;
            padding: 10px 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .search-button:hover {
            background: #d81b60;
        }

        /* Blog Content Section */
        .blog-content {
            padding: 80px 0;
            background-color: #fefefe;
        }

        .section-title {
            font-size: 36px;
            text-align: center;
            margin-bottom: 20px;
            position: relative;
        }

        .section-title::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            /* background: var(--accent-color-1); */
        }

        .section-intro {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 60px;
            color: #6c757d;
            color: var(--dark-gray);
            font-size: 16px;
        }

        /* Blog Layout */
        .blog-layouts {
            display: grid;
            grid-template-columns: 2fr 1fr;
            grid-gap: 40px;
            gap: 40px;
        }

        /* Featured Post */
        .featured-post {
            margin-bottom: 60px;
            border-radius: 12px;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .featured-post:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .featured-image {
            height: 400px;
            overflow: hidden;
            position: relative;
        }

        .featured-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .featured-post:hover .featured-image img {
            transform: scale(1.05);
        }

        .featured-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 30px;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
            color: white;
        }

        .featured-category {
            display: inline-block;
            background: #e91e63;
            background: var(--accent-color-1);
            color: white;
            padding: 5px 15px;
            border-radius: 50px;
            font-size: 14px;
            margin-bottom: 15px;
            font-weight: 500;
        }

        .featured-title {
            font-size: 28px;
            margin-bottom: 15px;
            line-height: 1.3;
        }

        .featured-excerpt {
            font-size: 16px;
            margin-bottom: 20px;
            opacity: 0.9;
        }

        .post-meta {
            display: flex;
            align-items: center;
            font-size: 14px;
            opacity: 0.8;
        }

        .post-meta span {
            margin-right: 15px;
            display: flex;
            align-items: center;
        }

        .post-meta i {
            margin-right: 5px;
        }

        /* Blog Grid */
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            grid-gap: 30px;
            gap: 30px;
            margin-bottom: 60px;
        }

        .blog-card {
            background: white;
            border-radius: 12px;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
            transition: var(--transition);
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .blog-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .blog-image {
            height: 200px;
            overflow: hidden;
            position: relative;
        }

        .blog-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .blog-card:hover .blog-image img {
            transform: scale(1.05);
        }

        .blog-category {
            position: absolute;
            top: 15px;
            left: 15px;
            background: #e91e63;
            background: var(--accent-color-1);
            color: white;
            padding: 5px 12px;
            border-radius: 50px;
            font-size: 12px;
            font-weight: 500;
        }

        .blog-content-card {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .blog-title {
            font-size: 20px;
            margin-bottom: 15px;
            line-height: 1.4;
        }

        .blog-excerpt {
            color: #6c757d;
            color: var(--dark-gray);
            margin-bottom: 20px;
            font-size: 14px;
            flex-grow: 1;
        }

        .blog-meta {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #6c757d;
            color: var(--dark-gray);
            border-top: 1px solid #e9ecef;
            border-top: 1px solid var(--medium-gray);
            padding-top: 15px;
        }

        .blog-meta span {
            display: flex;
            align-items: center;
        }

        .blog-meta i {
            margin-right: 5px;
        }

        /* Sidebar */
        .sidebars {
            position: -webkit-sticky;
            position: sticky;
            top: 100px;
            height: -webkit-fit-content;
            height: fit-content;
        }

        .sidebar-widgets {
            background: white;
            border-radius: 12px;
            border-radius: var(--radius);
            padding: 25px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow);
            margin-bottom: 30px;
        }

        .widget-title {
            font-size: 18px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e9ecef;
            border-bottom: 2px solid var(--medium-gray);
            position: relative;
        }

        .widget-title::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 50px;
            height: 2px;
            background: #e91e63;
            background: var(--accent-color-1);
        }

        /* Categories Widget */
        .categories-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .categories-list li {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .categories-list a {
            color: #333;
            color: var(--text-color);
            text-decoration: none;
            transition: all 0.3s ease;
            transition: var(--transition);
            flex-grow: 1;
        }

        .categories-list a:hover {
            color: #e91e63;
            color: var(--accent-color-1);
        }

        .category-count {
            background: #f8f9fa;
            background: var(--light-gray);
            color: #6c757d;
            color: var(--dark-gray);
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 12px;
        }

        /* Popular Posts Widget */
        .popular-posts {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .popular-post {
            display: flex;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #e9ecef;
            border-bottom: 1px solid var(--medium-gray);
        }

        .popular-post:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .popular-post-image {
            width: 70px;
            height: 70px;
            border-radius: 8px;
            overflow: hidden;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .popular-post-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .popular-post-content h4 {
            font-size: 14px;
            margin-bottom: 5px;
            line-height: 1.4;
        }

        .popular-post-content .post-meta {
            font-size: 12px;
            margin-top: 5px;
        }

        /* Tags Widget */
        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .tag {
            background: #f8f9fa;
            background: var(--light-gray);
            color: #333;
            color: var(--text-color);
            padding: 5px 12px;
            border-radius: 50px;
            font-size: 12px;
            text-decoration: none;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .tag:hover {
            background: #e91e63;
            background: var(--accent-color-1);
            color: white;
        }

        /* Newsletter Widget */
        .newsletter-form {
            margin-top: 15px;
        }

        .newsletter-input {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #e9ecef;
            border: 1px solid var(--medium-gray);
            border-radius: 12px;
            border-radius: var(--radius);
            margin-bottom: 10px;
            font-size: 14px;
        }

        .newsletter-button {
            width: 100%;
            background: #351450;
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 12px;
            border-radius: var(--radius);
            padding: 12px 15px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .newsletter-button:hover {
            background: #2a0e3d;
        }

        /* Pagination */
        .paginations {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }

        .paginations-list {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .paginations-item {
            margin: 0 5px;
        }

        .paginations-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: white;
            color: #333;
            color: var(--text-color);
            text-decoration: none;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
            transition: var(--transition);
            font-weight: 500;
        }

        .paginations-link:hover, .paginations-link.active {
            background: #351450;
            background: var(--primary-color);
            color: white;
        }

        /* CTA Section */
        .cta-section {
            padding: 80px 0;
            background: linear-gradient(135deg, #351450 0%, #2a0e3d 100%);
            background: linear-gradient(135deg, var(--primary-color) 0%, #2a0e3d 100%);
            color: white;
            text-align: center;
        }

        .cta-title {
            font-size: 36px;
            margin-bottom: 20px;
        }

        .cta-text {
            font-size: 18px;
            max-width: 700px;
            margin: 0 auto 30px;
            opacity: 0.9;
        }

        /* .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            border-radius: var(--radius);
            font-weight: 500;
            text-decoration: none;
            transition: var(--transition);
            cursor: pointer;
            border: none;
            font-family: 'Poppins', sans-serif;
            gap: 5px;
        } */

        /* .btn-primary {
            background: var(--primary-color);
            color: white;
        } */

        .btn-primary:hover {
            background: #2a0e3d;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
        }

        /* .btn-outline {
            background: transparent;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }

        .btn-outline:hover {
            background: var(--primary-color);
            color: white;
        } */

        .btn-accent {
            background: #e91e63;
            background: var(--accent-color-1);
            color: white;
        }

        .btn-accent:hover {
            background: #d81b60;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
        }

        /* Footer Styles - Copied from services page */
        .footer {
            background-color: #351450;
            background-color: var(--primary-color);
            color: white;
            padding: 60px 0 30px;
        }

        .footer-widget {
            margin-bottom: 30px;
        }

        .footer-widget h3 {
            font-size: 18px;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-widget h3::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background-color: #e91e63;
            background-color: var(--accent-color-1);
        }

        .footer-links {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s;
            font-size: 14px;
        }

        .footer-links a:hover {
            color: white;
        }

        .footer-social {
            display: flex;
            margin-top: 15px;
        }

        .footer-social a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            margin-right: 10px;
            color: white;
            transition: all 0.3s;
        }

        .footer-social a:hover {
            background-color: #e91e63;
            background-color: var(--accent-color-1);
            transform: translateY(-3px);
        }

        .copyright {
            text-align: center;
            padding-top: 30px;
            margin-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
        }

        /* Mobile Menu - Copied from services page */
        .mobile-menu {
            position: fixed;
            top: 0;
            right: 0;
            width: 300px;
            height: 100vh;
            background: white;
            z-index: 2000;
            transform: translateX(100%);
            transition: transform 0.3s ease;
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
            padding: 20px;
            overflow-y: auto;
        }

        .mobile-menu.active {
            transform: translateX(0);
        }

        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 1px solid #e9ecef;
            border-bottom: 1px solid var(--medium-gray);
        }

        .mobile-menu-logo img {
            height: 35px;
        }

        .mobile-menu-close {
            background: none;
            border: none;
            font-size: 24px;
            color: #333;
            color: var(--text-color);
            cursor: pointer;
        }

        .mobile-nav {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-nav li {
            margin-bottom: 15px;
        }

        .mobile-nav a {
            display: flex;
            align-items: center;
            color: #333;
            color: var(--text-color);
            text-decoration: none;
            font-weight: 500;
            padding: 10px 0;
            transition: color 0.3s;
        }

        .mobile-nav a:hover {
            color: #e91e63;
            color: var(--accent-color-1);
        }

        .mobile-nav a i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }

        .mobile-dropdown-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            background: none;
            border: none;
            color: #333;
            color: var(--text-color);
            font-weight: 500;
            padding: 10px 0;
            cursor: pointer;
            transition: color 0.3s;
        }

        .mobile-dropdown-toggle:hover {
            color: #e91e63;
            color: var(--accent-color-1);
        }

        .mobile-dropdown-content {
            padding-left: 20px;
            display: none;
        }

        .mobile-dropdown-content.active {
            display: block;
        }

        .mobile-dropdown-content a {
            font-size: 14px;
            padding: 8px 0;
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .blog-layout {
                grid-template-columns: 1fr;
            }
            
            .sidebar {
                position: static;
            }
            
            .featured-image {
                height: 300px;
            }
            
            .featured-title {
                font-size: 24px;
            }
        }

        @media (max-width: 768px) {
            .hero-title {
                font-size: 36px;
            }
            
            .blog-grid {
                grid-template-columns: 1fr;
            }
            
            .section-title {
                font-size: 28px;
            }
            
            .cta-title {
                font-size: 28px;
            }
            
            .featured-image {
                height: 250px;
            }
            
            .featured-title {
                font-size: 20px;
            }
        }

        /* Mobile Menu Button */
        .mobile-menu-btn {
            display: none;
            background: #351450;
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 5px;
            width: 40px;
            height: 40px;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s ease;
            transition: var(--transition);
        }

        .mobile-menu-btn:hover {
            background: #2a0e3d;
        }

        @media (max-width: 992px) {
            .nav-menu {
                display: none;
            }
            
            .mobile-menu-btn {
                display: block;
            }
        }
  
:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --text-color: #333;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --radius: 12px;
    --transition: all 0.3s ease;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    color: var(--text-color);
    background-color: #fefefe;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles - Copied from blog page */
/* .header-top {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 0;
            font-size: 14px;
        }

        .header-top a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }

        .header-top a:hover {
            color: white;
        } */

/* .header-links ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }

        .header-links li {
            margin-right: 20px;
            display: flex;
            align-items: center;
        }

        .header-links li:last-child {
            margin-right: 0;
        }

        .header-links i {
            margin-right: 8px;
        }

        .social-links a {
            margin-left: 10px;
            font-size: 16px;
        } */

/* Navigation Styles - Copied from blog page */
/* .navbar {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        } */

/* .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        } */

/* .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo img {
            height: 40px;
            margin-right: 10px;
        } */

/* .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-menu li {
            margin-left: 30px;
        }

        .nav-link {
            color: var(--text-color);
            text-decoration: none;
            font-weight: 500;
            position: relative;
            transition: color 0.3s;
        }

        .nav-link:hover {
            color: var(--accent-color-1);
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent-color-1);
            transition: width 0.3s;
        }

        .nav-link:hover::after {
            width: 100%;
        } */

.has-dropdown::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}

/* Blog Detail Hero Section */
.blog-detail-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 120px 0 60px;
    position: relative;
    overflow: hidden;
}

.blog-detail-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.hero-content {
    position: relative;
    z-index: 1;
    /* max-width: 800px; */
    margin: 0 auto;
    text-align: center;
}

.blog-category {
    display: inline-block;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
}

.blog-title {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.blog-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    font-size: 16px;
    opacity: 0.9;
}

.blog-meta span {
    display: flex;
    align-items: center;
    color: #cecece;
}

.author-details {
    text-align: left;
}
.blog-detail-hero .blog-category
 {
    position: relative;
    top: 0;
    left: 0;
}
 
.blog-meta i {
    margin-right: 8px;
}

.author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-details h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.author-details p {
    font-size: 14px;
    opacity: 0.8;
    color: #ffffff;
    margin: 0;
}

/* Blog Content Section */
.blog-detail-content {
    padding: 80px 0;
}

.blog-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 50px;
    gap: 50px;
}

/* Main Content */
.blog-main {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
}

.featured-image {
    width: 100%;
    height: 500px;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 40px;
}

.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-body {
    font-size: 18px;
    line-height: 1.8;
}

.blog-body h2 {
    font-size: 32px;
    margin: 40px 0 20px;
    color: #351450;
    color: var(--primary-color);
}

.blog-body h3 {
    font-size: 24px;
    margin: 30px 0 15px;
    color: #351450;
    color: var(--primary-color);
}

.blog-body p {
    margin-bottom: 20px;
}

.blog-body blockquote {
    border-left: 4px solid #e91e63;
    border-left: 4px solid var(--accent-color-1);
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 22px;
    line-height: 1.6;
}

.blog-body ul,
.blog-body ol {
    margin-bottom: 20px;
    padding-left: 0px;
}

.blog-body li {
    margin-bottom: 10px;
}

.image-caption {
    text-align: center;
    font-style: italic;
    color: #6c757d;
    color: var(--dark-gray);
    margin-top: 10px;
    font-size: 14px;
}

.content-image {
    width: 100%;
    border-radius: 12px;
    border-radius: var(--radius);
    margin: 30px 0;
}

/* Social Share */
.social-share {
    display: flex;
    align-items: center;
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #e9ecef;
    border-top: 1px solid var(--medium-gray);
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.share-label {
    font-weight: 600;
    margin-right: 15px;
}

.share-buttons {
    display: flex;
    gap: 10px;
}

.share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.share-button:hover {
    transform: translateY(-3px);
}

.facebook {
    background: #3b5998;
}

.twitter {
    background: #1da1f2;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #bd081c;
}

/* Tags */
.blog-tags {
    margin: 30px 0;
}

.tags-label {
    font-weight: 600;
    margin-bottom: 10px;
}

.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag {
    background: #f8f9fa;
    background: var(--light-gray);
    color: #333;
    color: var(--text-color);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.tag:hover {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

/* Author Bio */
.author-bio {
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    margin: 40px 0;
    display: flex;
    align-items: center;
}

.author-bio-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
}

.author-bio-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-bio-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.author-bio-content p {
    margin-bottom: 0;
    font-size: 15px;
}

/* Navigation Between Posts */
.post-navigation {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    padding: 30px 0;
    border-top: 1px solid #e9ecef;
    border-top: 1px solid var(--medium-gray);
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.nav-previous,
.nav-next {
    flex: 1 1;
}

.nav-next {
    text-align: right;
}

.nav-label {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin-bottom: 10px;
    display: block;
}

.nav-title {
    font-size: 18px;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.nav-title:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

/* Related Posts */
.related-posts {
    margin: 60px 0 30px;
}

.section-title {
    font-size: 28px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
}

.related-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.related-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.related-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.related-card:hover .related-image img {
    transform: scale(1.05);
}

.related-category {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
}

.related-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.related-title {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.related-excerpt {
    color: #6c757d;
    color: var(--dark-gray);
    margin-bottom: 20px;
    font-size: 14px;
    flex-grow: 1;
}

.related-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #6c757d;
    color: var(--dark-gray);
    border-top: 1px solid #e9ecef;
    border-top: 1px solid var(--medium-gray);
    padding-top: 15px;
}

.related-meta span {
    display: flex;
    align-items: center;
}

.related-meta i {
    margin-right: 5px;
}

/* Sidebar */
.sidebar-blog {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: -webkit-fit-content;
    height: fit-content;
}

.sidebar-widget {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    margin-bottom: 30px;
}

.widget-title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
    border-bottom: 2px solid var(--medium-gray);
    position: relative;
}

.widget-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #e91e63;
    background: var(--accent-color-1);
}

/* Categories Widget */
.categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.categories-list li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.categories-list a {
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
    flex-grow: 1;
}

.categories-list a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.category-count {
    background: #f8f9fa;
    background: var(--light-gray);
    color: #6c757d;
    color: var(--dark-gray);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

/* Popular Posts Widget */
.popular-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popular-post {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.popular-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.popular-post-image {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
}

.popular-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-post-content h4 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.4;
}

.popular-post-content .post-meta {
    font-size: 12px;
    margin-top: 5px;
}

/* Newsletter Widget */
.newsletter-form {
    margin-top: 15px;
}

.newsletter-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
    border-radius: 12px;
    border-radius: var(--radius);
    margin-bottom: 10px;
    font-size: 14px;
}

.newsletter-button {
    width: 100%;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 12px 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.newsletter-button:hover {
    background: #2a0e3d;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #351450 0%, #2a0e3d 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #2a0e3d 100%);
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 36px;
    margin-bottom: 20px;
}

.cta-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 12px;
    border-radius: var(--radius);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
    cursor: pointer;
    border: none;
    font-family: 'Poppins', sans-serif;
    gap: 5px;
    font-size: 15px !important;

}

/* 
        .btn-primary {
            background: var(--primary-color);
            color: white;
        } */

.btn-primary:hover {
    background: #2a0e3d;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
}

/* .btn.btn-outline {
            background: transparent;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }

        .btn.btn-outline:hover {
            background: var(--primary-color);
            color: white;
        } */

/* .btn.btn-accent {
            background: var(--accent-color-1);
            color: white;
        }

        .btn-accent:hover {
            background: #d81b60;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
        } */

/* Footer Styles - Copied from blog page */
.footer {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.footer-links a:hover {
    color: white;
}

.footer-social {
    display: flex;
    margin-top: 15px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    color: white;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.copyright {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/* Mobile Menu - Copied from blog page */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: white;
    z-index: 2000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
}

.mobile-menu.active {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.mobile-menu-logo img {
    height: 35px;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    color: var(--text-color);
    cursor: pointer;
}

.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav li {
    margin-bottom: 15px;
}

.mobile-nav a {
    display: flex;
    align-items: center;
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 0;
    transition: color 0.3s;
}

.mobile-nav a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.mobile-nav a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 992px) {
    .blog-layout {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
    }

    .blog-title {
        font-size: 36px;
    }

    .featured-image {
        height: 400px;
    }

    .author-bio {
        flex-direction: column;
        text-align: center;
    }

    .author-bio-avatar {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .blog-title {
        font-size: 28px;
    }

    .featured-image {
        height: 300px;
    }

    .blog-main {
        padding: 25px;
    }

    .blog-body {
        font-size: 16px;
    }

    .blog-body h2 {
        font-size: 24px;
    }

    .blog-body h3 {
        font-size: 20px;
    }

    .post-navigation {
        flex-direction: column;
        gap: 20px;
    }

    .nav-previous,
    .nav-next {
        text-align: left;
    }

    .related-grid {
        grid-template-columns: 1fr;
    }

    .cta-title {
        font-size: 28px;
    }
}

/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.mobile-menu-btn:hover {
    background: #2a0e3d;
}

@media (max-width: 992px) {
    .nav-menu {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }
}


:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --dark: #333;
    --light: #f8f9fa;
    --gray: #6c757d;
    --border: #e9ecef;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #f5f7fb;
    color: #333;
    color: var(--dark);
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: #351450;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* .btn {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(to right, var(--primary-color), var(--accent-color-2));
    color: white;
    border-radius: 30px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
} */

/* .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    color: white;
} */
/* 
.btn-outline {
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.btn-outline:hover {
    background: var(--primary-color);
    color: white;
} */

.section {
    padding: 80px 0;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-header h2 {
    font-size: 2.5rem;
    margin-bottom: 15px;
    background: linear-gradient(to right, #351450, #9c27b0);
    background: linear-gradient(to right, var(--primary-color), var(--accent-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: 'Playfair Display', serif;
}

.section-header p {
    color: #6c757d;
    color: var(--gray);
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
}

/* Policies Section */
.policies-container {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

.policies-nav {
    flex: 0 0 250px;
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: -webkit-fit-content;
    height: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.policies-nav h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    color: #351450;
    color: var(--primary-color);
    font-weight: 600;
}

.policies-nav ul {
    list-style: none;
}

.policies-nav ul li {
    margin-bottom: 12px;
}

.policies-nav ul li a {
    color: #6c757d;
    color: var(--gray);
    display: block;
    padding: 8px 0;
    border-left: 3px solid transparent;
    padding-left: 15px;
    border-radius: 0 5px 5px 0;
}

.policies-nav ul li a:hover {
    background: #f9f7fd;
    background: var(--base-color);
}

.policies-nav ul li a.active {
    color: #351450;
    color: var(--primary-color);
    border-left-color: #e91e63;
    border-left-color: var(--accent-color-1);
    font-weight: 600;
    background: #f9f7fd;
    background: var(--base-color);
}

.policies-content {
    flex: 1 1;
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.policy-section {
    margin-bottom: 50px;
    scroll-margin-top: 100px;
}

.policy-section:last-child {
    margin-bottom: 0;
}

.policy-section h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    font-family: 'Playfair Display', serif;
}

.policy-section h3 {
    font-size: 1.3rem;
    margin: 25px 0 15px;
    color: #351450;
    color: var(--primary-color);
}

.policy-section p {
    margin-bottom: 15px;
    color: #6c757d;
    color: var(--gray);
}

.policy-section ul {
    margin: 15px 0 15px 20px;
}

.policy-section ul li {
    margin-bottom: 10px;
    color: #6c757d;
    color: var(--gray);
}

.last-updated {
    background: #f9f7fd;
    background: var(--base-color);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #e91e63;
    border-left: 4px solid var(--accent-color-1);
}

/* Responsive Styles */
@media (max-width: 992px) {
    .policies-container {
        flex-direction: column;
    }

    .policies-nav {
        position: static;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .section-header h2 {
        font-size: 2rem;
    }

    .policies-content {
        padding: 25px;
    }
}

@media (max-width: 576px) {
    .section {
        padding: 50px 0;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
/* Add these styles to your existing Privacy.css */

/* Navigation Links as Buttons */
.privacy-nav-link {
    background: none;
    border: none;
    text-align: left;
    color: #6c757d;
    color: var(--gray);
    display: block;
    padding: 10px 0;
    border-left: 3px solid transparent;
    padding-left: 15px;
    border-radius: 0 5px 5px 0;
    font-size: 0.95rem;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

.privacy-nav-link:hover {
    background: #f9f7fd;
    background: var(--base-color);
    padding-left: 20px;
    color: #351450;
    color: var(--primary-color);
}

.privacy-nav-link.active {
    color: #351450;
    color: var(--primary-color);
    border-left-color: #e91e63;
    border-left-color: var(--accent-color-1);
    font-weight: 600;
    background: #f9f7fd;
    background: var(--base-color);
}

.policies-nav ul li {
    margin-bottom: 12px;
    list-style: none;
}

.policies-nav ul {
    padding: 0;
    margin: 0;
}

/* Smooth scroll behavior for the entire page */
html {
    scroll-behavior: smooth;
}

/* Ensure sections have proper spacing */
.policy-section {
    scroll-margin-top: 120px;
    padding-top: 10px;
}

/* Focus styles for accessibility */
.privacy-nav-link:focus {
    outline: 2px solid #e91e63;
    outline: 2px solid var(--accent-color-1);
    outline-offset: 2px;
}
:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --text-color: #333;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    color: var(--text-color);
    background-color: #f5f5f5;
}

/* Header Styles */
/* .header-top {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 0;
    font-size: 14px;
}

.header-top a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s;
}

.header-top a:hover {
    color: white;
} */

/* .header-links ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.header-links li {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.header-links li:last-child {
    margin-right: 0;
}

.header-links i {
    margin-right: 8px;
}

.social-links a {
    margin-left: 10px;
    font-size: 16px;
} */

/* Navigation Styles */
/* .navbar {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
} */

/* .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
} */

/* .logo {
    display: flex;
    align-items: center;
    text-decoration: none;
} */

/* .logo img {
    height: 40px;
    margin-right: 10px;
} */

/* .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    margin-left: 30px;
}

.nav-link {
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    position: relative;
    transition: color 0.3s;
}

.nav-link:hover {
    color: var(--accent-color-1);
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--accent-color-1);
    transition: width 0.3s;
}

.nav-link:hover::after {
    width: 100%;
} */

.has-dropdown::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}

/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #351450;
    background-color: var(--primary-color);
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}

/* Vendor Hero Section */
.vendor-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
        color: white;

    height: 55vh;
    min-height: 400px;
  text-align: center;
    position: relative;
    overflow: hidden;
}
.vendor-hero::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat !important;
}



.vendor-hero-content {
    position: relative;
    z-index: 2;
    /* color: white; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 60px;
    padding-bottom: 60px;
}

.vendor-breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
    color: #ffff;
}

.vendor-breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.vendor-breadcrumb a:hover {
    color: #ffffff;
}

.vendor-title {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #ffff;
}

.vendor-subtitle {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 20px;
    color: #ffff;
}

.vendor-rating-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    padding: 8px 15px;
    border-radius: 50px;
    margin-bottom: 20px;
    max-width: 200px;
}

.vendor-rating-badge i {
    color: #fbbf24;
    margin-right: 5px;
}

.vendor-actions-details {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.action-btn {
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.action-btn i {
    margin-right: 8px;
}

/* .btn-primary {
    background: var(--accent-color-1);
    color: white;
} */

.btn-primary:hover {
    background: #d81b60;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
}

.btn-secondary {
    background: #6c757d;
    background: var(--dark-gray);
    color: white;
    border: 2px solid white;
}

.btn-secondary:hover {
    background: #9c27b0;
    background: var(--accent-color-2);
    color: #351450;
    color: var(--primary-color);
    transform: translateY(-2px);
}

/* Vendor Detail Section */
.vendor-detail-section {
    padding: 80px 0;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
    position: relative;
    text-align: left;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.vendor-info-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.info-item {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
}

.info-item:last-child {
    margin-bottom: 0;
}

.info-icon {
    width: 40px;
    height: 40px;
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #351450;
    color: var(--primary-color);
    flex-shrink: 0;
}

.info-content h4 {
    font-weight: 600;
    margin-bottom: 5px;
    color: #351450;
    color: var(--primary-color);
}

.info-content p {
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* Gallery Section */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    gap: 15px;
    margin-top: 30px;
}

.gallery-item {
    border-radius: 10px;
    overflow: hidden;
    height: 200px;
    position: relative;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.gallery-overlay i {
    color: white;
    font-size: 24px;
}

/* Packages Section */
.package-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 2px solid transparent;
    height: 100%;
    position: relative;
}

.package-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    border-color: #e91e63;
    border-color: var(--accent-color-1);
}

.package-card.popular {
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    position: relative;
    overflow: hidden;
}

.popular-badge {
    position: absolute;
    top: 20px;
    right: -30px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 5px 30px;
    transform: rotate(45deg);
    font-size: 12px;
    font-weight: 600;
}

.package-name {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
}

.package-prices {
    font-size: 2rem;
    font-weight: 700;
    color: #e91e63;
    color: var(--accent-color-1);
    margin-bottom: 20px;
}

.package-features {
    list-style: none;
    padding: 0 !important;
    margin-bottom: 25px;
}

.package-features li {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
}

.package-features li:last-child {
    border-bottom: none;
}

.package-features li i {
    color: #4CAF50;
    margin-right: 10px;
}

.package-features li.disabled {
    color: #999;
}

.package-features li.disabled i {
    color: #ccc;
}

/* Reviews Section */
.review-card {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.reviewer-info {
    display: flex;
    align-items: center;
}

.reviewer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.reviewer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviewer-details h4 {
    margin: 0 0 5px;
    font-weight: 600;
}

.reviewer-details p {
    margin: 0;
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

.review-rating {
    display: flex;
    align-items: center;
}

.review-rating i {
    color: #fbbf24;
    margin-right: 2px;
}

.review-content p {
    color: #555;
    line-height: 1.6;
}

/* Calendar Section */
.calendar-container {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
    gap: 10px;
}

.calendar-day {
    text-align: center;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    padding: 10px 0;
}

.calendar-date {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.calendar-date.available {
    background: #f0f8f0;
    color: #2E7D32;
}

.calendar-date.booked {
    background: #ffebee;
    color: #C62828;
    cursor: not-allowed;
}

.calendar-date.today {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

.calendar-date.selected {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

.calendar-date:hover:not(.booked) {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

/* Inquiry Form */
.inquiry-form {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #351450;
    color: var(--primary-color);
}

.form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

.form-control:focus {
    outline: none;
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1);
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

/* Modal Styles */
.image-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.image-modal.active {
    opacity: 1;
    visibility: visible;
}

.modal-content {
    max-width: 90%;
    max-height: 90%;
    position: relative;
}

.modal-content img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.close-modal:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Footer Styles */
.footer {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: white;
}

.footer-social {
    display: flex;
    margin-top: 15px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    color: white;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.copyright {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/* Responsive Styles */
@media (max-width: 991px) {
    .vendor-title {
        font-size: 2.5rem;
    }

    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sticky-sidebar {
        position: static;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .vendor-hero {
        height: 60vh;
    }

    .vendor-title {
        font-size: 2rem;
    }

    .vendor-actions-details {
        flex-direction: column;
    }

    .action-btn {
        width: 100%;
        justify-content: center;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .menu-toggle {
        display: flex;
    }

    .nav-menu {
        position: fixed;
        left: -100%;
        top: 60px;
        flex-direction: column;
        background-color: white;
        width: 100%;
        height: 100vh;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
        padding: 20px 0;
    }

    .nav-menu.active {
        left: 0;
    }

    .nav-menu li {
        margin: 10px 0;
    }

    .nav-link {
        display: block;
        padding: 10px 0;
    }

    .nav-link::after {
        display: none;
    }
}
.availability-calendar {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
}

.calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.calendar-header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.nav-btn {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.2s ease;
}

.nav-btn:hover {
  background: #e2e8f0;
  color: #374151;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 20px;
}

.calendar-day-name {
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: #6b7280;
  padding: 8px 0;
}

.calendar-cell {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}

.calendar-cell.empty {
  background: transparent;
  cursor: default;
}

.calendar-cell.available {
  background: #f0fdf4;
  color: #166534;
  border-color: #dcfce7;
}

.calendar-cell.available:hover {
  background: #dcfce7;
  transform: translateY(-1px);
}

.calendar-cell.booked {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fecaca;
  cursor: not-allowed;
  opacity: 0.7;
}

.calendar-cell.today {
  background: #fdf2f8;
  color: #be185d;
  border-color: #fbcfe8;
  font-weight: 600;
}

.calendar-cell.today:hover {
  background: #fbcfe8;
}

.calendar-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: 0.875rem;
  color: #6b7280;
}

.legend {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 4px;
}

.legend.available {
  background: #f0fdf4;
  border: 1px solid #dcfce7;
}

.legend.booked {
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.legend.today {
  background: #d81b60;
  border: 1px solid #fbcfe8;
}

/* Responsive Design */
@media (max-width: 768px) {
  .availability-calendar {
    padding: 16px;
  }
  
  .calendar-grid {
    gap: 4px;
  }
  
  .calendar-cell {
    height: 36px;
    font-size: 0.875rem;
  }
  
  .calendar-legend {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .calendar-cell {
    height: 32px;
    font-size: 0.75rem;
  }
  
  .calendar-day-name {
    font-size: 0.75rem;
  }
  
  .calendar-header h3 {
    font-size: 1.125rem;
  }
}
/* Add these styles to your VendorDetails.css file */

.calendar-cell.selected {
    background: #351450 !important;
    color: white !important;
    border-color: #351450 !important;
    font-weight: 600;
}

.selected-date-info {
    margin-top: 15px;
    padding: 10px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    text-align: center;
    color: #351450;
    font-size: 0.9rem;
}

.legend.selected {
    background: #351450;
    border: 1px solid #351450;
}

.calendar-cell.available:hover {
    background: #dbeafe;
    transform: translateY(-1px);
}

.vendor-actions-details .btn-primary {
    margin-top: 0;
}
.calendar-cell.past {
    background-color: #f0f0f0;
    color: #999;
    cursor: not-allowed;
    opacity: 0.6;
}

.calendar-cell.past:hover {
    background-color: #f0f0f0;
    transform: none;
}


.vendor-actions-details .action-btn.btn-primary {
    background: #e91e63 !important;
}





:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --text-color: #333;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --radius: 12px;
    --transition: all 0.3s ease;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    color: var(--text-color);
    background-color: #fefefe;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
/* .header-top {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 0;
            font-size: 14px;
        }

        .header-top a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }

        .header-top a:hover {
            color: white;
        }

        .header-links ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }

        .header-links li {
            margin-right: 20px;
            display: flex;
            align-items: center;
        }

        .header-links li:last-child {
            margin-right: 0;
        }

        .header-links i {
            margin-right: 8px;
        }

        .social-links a {
            margin-left: 10px;
            font-size: 16px;
        } */

/* Navigation Styles */
/* .navbar {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        } */

/* .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        } */

/* .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo img {
            height: 40px;
            margin-right: 10px;
        } */

/* .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-menu li {
            margin-left: 30px;
        }

        .nav-link {
            color: var(--text-color);
            text-decoration: none;
            font-weight: 500;
            position: relative;
            transition: color 0.3s;
        }

        .nav-link:hover {
            color: var(--accent-color-1);
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent-color-1);
            transition: width 0.3s;
        }

        .nav-link:hover::after {
            width: 100%;
        } */

.has-dropdown::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}

/* Mega Menu Styles */
/* .mega-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: white;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 var(--radius) var(--radius);
            z-index: 1000;
            display: none;
            padding: 30px 0;
        }

        .mega-menu.active {
            display: block;
        } */

.mega-menu-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.category-group {
    margin-bottom: 20px;
}

.category-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.category-icon {
    width: 30px;
    height: 30px;
    background-color: #f8f9fa;
    background-color: var(--light-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.category-group h4 {
    margin: 0;
    font-size: 16px;
}

.menu-item {
    display: block;
    padding: 5px 0;
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.menu-item:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.menu-item.view-all {
    font-weight: bold;
    margin-top: 5px;
}

/* Hero Section */
.event-planning-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.event-planning-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-title {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}

.hero-subtitle {
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
    text-align: center;
}

/* .hero-actions {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 30px;
        } */

/* .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            border-radius: var(--radius);
            font-weight: 500;
            text-decoration: none;
            transition: var(--transition);
            cursor: pointer;
            border: none;
            font-family: 'Poppins', sans-serif;
            gap: 5px;
        } */

/* .btn-primary {
            background: var(--primary-color);
            color: white;
        } */

.btn-primary:hover {
    background: #2a0e3d;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
}

/* .btn-outline {
            background: transparent;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }

        .btn-outline:hover {
            background: var(--primary-color);
            color: white;
        } */

.btn-accent {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

.btn-accent:hover {
    background: #d81b60;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
}

/* Introduction Section */
.introduction {
    padding: 80px 0;
    background: white;
}

.section-title {
    /* font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    position: relative; */
}

.section-title::after {
    content:"";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 16px;
}

.intro-content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}

.intro-text {
    flex: 1 1;
    min-width: 300px;
}

.intro-text h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
}

.intro-text p {
    margin-bottom: 15px;
    color: #6c757d;
    color: var(--dark-gray);
    text-align: left;
}

.intro-image {
    flex: 1 1;
    min-width: 300px;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
}

.intro-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Event Planning Form Section */
.event-planner {
    padding: 80px 0;
    background: linear-gradient(135deg, #f9f7fd 0%, #f0ebf8 100%);
    position: relative;
    overflow: hidden;
}

.event-planner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.03\"><path fill=\"%23351450\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3,300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.form-container {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    padding: 40px;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(53, 20, 80, 0.1);
}

.form-header {
    text-align: center;
    margin-bottom: 40px;
}

.form-header h3 {
    font-size: 28px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.form-header p {
    color: #6c757d;
    color: var(--dark-gray);
}

.progress-container {
    margin-bottom: 40px;
}

.progress {
    height: 8px;
    border-radius: 4px;
    background-color: #e9ecef;
    background-color: var(--medium-gray);
}

.progress-bar {
    background: linear-gradient(90deg, #351450 0%, #e91e63 100%);
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--accent-color-1) 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.step-indicators {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.steps {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 20%;
}

.step-numbers {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e9ecef;
    background-color: var(--medium-gray);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.steps.active .step-numbers {
    background-color: #351450;
    background-color: var(--primary-color);
}

.steps.completed .step-numbers {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.step-indicators .step-title {
    font-size: 12px;
    text-align: center;
    color: #6c757d;
    color: var(--dark-gray);
}

.steps.active .step-title {
    color: #351450;
    color: var(--primary-color);
    font-weight: 500;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.form-group {
    margin-bottom: 25px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    color: var(--text-color);
}

.form-control,
.form-select {
    width: 100%;
    height: 50px;
    padding: 12px 15px;
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
    border-radius: 12px;
    border-radius: var(--radius);
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.form-control:focus,
.form-select:focus {
    border-color: #351450;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(53, 20, 80, 0.1);
    outline: none;
}

.form-row {
    display: flex;
    gap: 20px;
}

.form-row .form-group {
    flex: 1 1;
}

.error-message {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
    /* display: none; */
}

.vendor-categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 15px;
    gap: 15px;
    margin-top: 15px;
}

.planner-vendor-category {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
    border-radius: 12px;
    border-radius: var(--radius);
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
    color: #351450;
}

.planner-vendor-category:hover {
    border-color: #351450;
    border-color: var(--primary-color);
    background-color: rgba(53, 20, 80, 0.05);
}

.planner-vendor-category.selected {
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    background-color: rgba(233, 30, 99, 0.05);
}

.planner-vendor-category input {
    margin-right: 10px;
}

.planner-vendor-category-icon {
    margin-right: 10px;
    color: #351450;
    color: var(--primary-color);
    font-size: 18px;
}

.planner-vendor-category.selected .planner-vendor-category-icon {
    color: #e91e63;
    color: var(--accent-color-1);
}

.planner-vendor-info .vendor-description {
    font-size: 14px;
    line-height: 24px;
}
.category-venue{
    color: #351450 !important;
}
.selection-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}

.preferred-vendors {
    margin-top: 20px;
}

.vendor-search {
    position: relative;
    margin-bottom: 20px;
}

.vendor-search input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
    border-radius: 12px;
    border-radius: var(--radius);
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.vendor-search i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    color: var(--dark-gray);
}

.vendor-tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
    overflow-x: auto;
}

.vendor-tab {
    padding: 10px 20px;
    font-weight: 500;
    color: #6c757d;
    color: var(--dark-gray);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    transition: var(--transition);
    white-space: nowrap;
}

.vendor-tab.active {
    color: #351450;
    color: var(--primary-color);
    border-bottom-color: #351450;
    border-bottom-color: var(--primary-color);
}

.vendor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
    gap: 20px;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
}

.planner-vendor-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    transition: var(--transition);
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
}

.planner-vendor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.planner-vendor-card.selected {
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.2);
}

.planner-vendor-image {
    height: 150px;
    overflow: hidden;
}

.planner-vendor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.planner-vendor-card:hover .planner-vendor-image img {
    transform: scale(1.05);
}

.planner-vendor-info {
    padding: 15px;
}

.vendor-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.vendor-type {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin-bottom: 10px;
}

.vendor-rating {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.vendor-rating i {
    color: #ffc107;
    margin-right: 2px;
}

.vendor-rating span {
    margin-left: 8px;
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
}

.vendor-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.vendor-select input {
    margin-right: 10px;
}

.form-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.selection-summary {
    background: linear-gradient(135deg, rgba(53, 20, 80, 0.05) 0%, rgba(233, 30, 99, 0.05) 100%);
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 20px;
    margin-top: 20px;
    border: 1px solid rgba(53, 20, 80, 0.1);
}

.selection-summary h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.selection-summary h4 i {
    margin-right: 10px;
}

.selection-summary-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.selection-tag {
    background: white;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
}

.selection-tag i {
    margin-left: 8px;
    color: #6c757d;
    color: var(--dark-gray);
    cursor: pointer;
}

.selection-tag i:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.review-section {
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 25px;
    margin-top: 20px;
}

.review-section h4 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.review-section h4 i {
    margin-right: 10px;
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
    gap: 20px;
}

.review-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.review-card h5 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #351450;
    color: var(--primary-color);
}

.review-card p {
    margin-bottom: 0;
    color: #6c757d;
    color: var(--dark-gray);
}

.review-vendors {
    margin-top: 20px;
}

.review-vendors h5 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
}

.vendor-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vendor-chip {
    background: white;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
    border: 1px solid var(--medium-gray);
}

.contact-info-section {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 25px;
    margin-top: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.contact-info-section h4 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.contact-info-section h4 i {
    margin-right: 10px;
}

/* User Type Selection */
.user-type-selection {
    text-align: center;
    margin-bottom: 30px;
}

.user-type-selection h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
}

.user-type-selection p {
    font-size: 16px;
    color: #6c757d;
    color: var(--dark-gray);
    margin-bottom: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.user-type-options {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.user-type-option {
    background: white;
    border: 2px solid #e9ecef;
    border: 2px solid var(--medium-gray);
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 10px;
    width: 200px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.user-type-option:hover {
    border-color: #351450;
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.user-type-option.selected {
    border-color: #e91e63;
    border-color: var(--accent-color-1);
    background: rgba(233, 30, 99, 0.05);
}

.user-type-option i {
    font-size: 40px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.user-type-option.selected i {
    color: #e91e63;
    color: var(--accent-color-1);
}

.user-type-option h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.user-type-option p {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* Why Choose Us Section */
.why-choose-us {
    padding: 80px 0;
    background: white;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.feature-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    text-align: center;
    height: 100%;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    font-size: 40px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.feature-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.feature-description {
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

/* Testimonials Section */
.testimonials {
    padding: 80px 0;
    background: #f9f7fd;
    background: var(--base-color);
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.testimonial-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.testimonial-quote {
    font-size: 18px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
    line-height: 1.5;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-info h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.author-info p {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #351450 0%, #2a0e3d 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #2a0e3d 100%);
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 36px;
    margin-bottom: 20px;
}

.cta-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* Footer Styles */
.footer {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.footer-links a:hover {
    color: white;
}

.footer-social {
    display: flex;
    margin-top: 15px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    color: white;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.copyright {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: white;
    z-index: 2000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
}

.mobile-menu.active {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.mobile-menu-logo img {
    height: 35px;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    color: var(--text-color);
    cursor: pointer;
}

.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav li {
    margin-bottom: 15px;
}

.mobile-nav a {
    display: flex;
    align-items: center;
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 0;
    transition: color 0.3s;
}

.mobile-nav a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.mobile-nav a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

.mobile-dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    color: #333;
    color: var(--text-color);
    font-weight: 500;
    padding: 10px 0;
    cursor: pointer;
    transition: color 0.3s;
}

.mobile-dropdown-toggle:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.mobile-dropdown-content {
    padding-left: 20px;
    display: none;
}

.mobile-dropdown-content.active {
    display: block;
}

.mobile-dropdown-content a {
    font-size: 14px;
    padding: 8px 0;
}

/* Responsive Design */
@media (max-width: 992px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-menu {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    .form-row {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 36px;
    }

    .section-title {
        font-size: 28px;
    }

    .cta-title {
        font-size: 28px;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .intro-content {
        flex-direction: column;
    }

    .form-container {
        padding: 20px;
    }

    .step {
        width: 100%;
        margin-bottom: 15px;
    }

    .step-indicators {
        flex-wrap: wrap;
    }

    .user-type-options {
        flex-direction: column;
        align-items: center;
    }

    .user-type-option {
        width: 100%;
        max-width: 300px;
    }

    .hero-actions {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}

.hero-actions .btn.btn-accent {
    margin: 0;
    margin: initial;
}

.hero-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

@media (min-width: 993px) {
    .mobile-menu-btn {
        display: none;
    }
}

/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.mobile-menu-btn:hover {
    background: #2a0e3d;
}


/* Required field asterisk */
.form-label.required::after {
    content: " *";
    color: #dc2626;
    font-weight: bold;
}

/* Error styling */
.form-group.has-error .form-control,
.form-group.has-error .form-select {
    border-color: #dc2626 !important;
    background-color: #fef2f2;
}

.form-group.has-error .error-text {
    display: block;
    color: #dc2626;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 500;
}

.validation-error {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    animation: fadeIn 0.3s ease;
}

.validation-error i {
    font-size: 16px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Hide the old error messages */
.error-message {
    display: none !important;
}
.inquiry-table-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.inquiry-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.inquiry-table-title {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}

.inquiry-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.inquiries-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.inquiries-table th {
    background: #573276;
    color: white;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border-bottom: 2px solid #452a5e;
}

.inquiries-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.inquiry-table-row:hover {
    background-color: #f8f9fa;
}

.inquiry-id {
    font-weight: 600;
    color: #573276;
    font-family: 'Courier New', monospace;
    font-size: 10px;
}

.customer-info-cell {
    min-width: 120px;
}

.customer-name {
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.customer-contact {
    font-size: 10px;
    color: #666;
}

.customer-email {
    margin-bottom: 1px;
}

.customer-phone {
    color: #573276;
    font-weight: 500;
}

.service-cell,
.event-type-cell,
.message-cell {
    max-width: 150px;
    color: #333;
}

.event-date-cell,
.received-date-cell {
    white-space: nowrap;
    font-size: 10px;
}

.guest-count-cell {
    text-align: center;
    font-weight: 500;
}

.status-cell {
    text-align: center;
}

.inquiry-status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.inquiry-status-badge.pending {
    background-color: #fff3cd;
    color: #856404;
}

.inquiry-status-badge.confirmed {
    background-color: #d1edff;
    color: #0c5460;
}

.inquiry-status-badge.rejected {
    background-color: #f8d7da;
    color: #721c24;
}

.inquiry-status-badge.completed {
    background-color: #d4edda;
    color: #155724;
}

.actions-cell {
    text-align: center;
    white-space: nowrap;
}

.inquiry-action-buttons {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.inquiry-action-btn {
    padding: 6px 8px;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.inquiry-action-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.accept-btn {
    background-color: #28a745;
    color: white;
}

.accept-btn:hover:not(:disabled) {
    background-color: #218838;
    transform: scale(1.05);
}

.reject-btn {
    background-color: #dc3545;
    color: white;
}

.reject-btn:hover:not(:disabled) {
    background-color: #c82333;
    transform: scale(1.05);
}

.status-text-small {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    background: #f8f9fa;
    color: #6c757d;
}

.inquiry-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.inquiry-confirm-popup {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    animation: inquiryPopupSlideIn 0.2s ease;
}

@keyframes inquiryPopupSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.popup-header-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.popup-header-small h3 {
    color: #573276;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.popup-close-small {
    background: none;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.popup-close-small:hover {
    background: #e8e8e8;
    color: #333;
}

.popup-content-small {
    padding: 20px;
}

.popup-content-small p {
    margin: 0 0 15px 0;
    color: #666;
    line-height: 1.4;
    font-size: 12px;
}

.inquiry-preview-small {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    border-left: 3px solid #573276;
}

.preview-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 11px;
}

.preview-item:last-child {
    margin-bottom: 0;
}

.preview-label {
    font-weight: 600;
    color: #555;
}

.preview-value {
    color: #333;
    font-weight: 500;
}

.popup-actions-small {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px;
    border-top: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.inquiry-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.inquiry-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.inquiry-btn-cancel {
    background-color: #6c757d;
    color: white;
}

.inquiry-btn-cancel:hover:not(:disabled) {
    background-color: #5a6268;
}

.inquiry-btn-confirm {
    background-color: #28a745;
    color: white;
}

.inquiry-btn-confirm:hover:not(:disabled) {
    background-color: #218838;
}

.inquiry-btn-reject {
    background-color: #dc3545;
    color: white;
}

.inquiry-btn-reject:hover:not(:disabled) {
    background-color: #c82333;
}

.inquiry-table-loading,
.inquiry-table-error,
.no-inquiries-table {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.inquiry-table-error {
    color: #c62828;
}

.inquiry-table-error i {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.inquiry-table-error h3 {
    margin-bottom: 10px;
    color: #c62828;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

.no-inquiries-table {
    color: #666;
}

.no-inquiries-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #bdc3c7;
}

@media (max-width: 768px) {
    .inquiry-table-container {
        padding: 15px;
    }

    .inquiry-table-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .inquiries-table {
        font-size: 10px;
    }

    .inquiries-table th,
    .inquiries-table td {
        padding: 8px 6px;
    }

    .inquiry-confirm-popup {
        width: 95%;
        margin: 10px;
    }

    .popup-actions-small {
        flex-direction: column;
    }

    .inquiry-action-buttons {
        flex-direction: column;
        gap: 3px;
    }
}

@media (max-width: 480px) {
    .inquiry-table-container {
        padding: 10px;
    }

    .inquiry-table-title {
        font-size: 1.2rem;
    }

    .popup-header-small {
        padding: 12px 15px;
    }

    .popup-content-small {
        padding: 15px;
    }

    .preview-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}

.pending-table-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.pending-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.pending-table-title {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}

.pending-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.pending-inquiries-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.pending-inquiries-table th {
    background: #573276;
    color: white;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border-bottom: 2px solid #452a5e;
}

.pending-inquiries-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.pending-table-row:hover {
    background-color: #f8f9fa;
}

.pending-id {
    font-weight: 600;
    color: #573276;
    font-family: 'Courier New', monospace;
    font-size: 10px;
}

.customer-info-cell {
    min-width: 120px;
}

.customer-name {
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.customer-contact {
    font-size: 10px;
    color: #666;
}

.customer-email {
    margin-bottom: 1px;
}

.customer-phone {
    color: #573276;
    font-weight: 500;
}

.service-cell,
.event-type-cell,
.message-cell {
    max-width: 150px;
    color: #333;
}

.event-date-cell,
.received-date-cell {
    white-space: nowrap;
    font-size: 10px;
}

.guest-count-cell {
    text-align: center;
    font-weight: 500;
}

.actions-cell {
    text-align: center;
    white-space: nowrap;
}

.pending-action-buttons {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.pending-action-btn {
    padding: 6px 8px;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pending-action-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.accept-btn {
    background-color: #28a745;
    color: white;
}

.accept-btn:hover:not(:disabled) {
    background-color: #218838;
    transform: scale(1.05);
}

.reject-btn {
    background-color: #dc3545;
    color: white;
}

.reject-btn:hover:not(:disabled) {
    background-color: #c82333;
    transform: scale(1.05);
}

.pending-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.pending-confirm-popup {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    animation: pendingPopupSlideIn 0.2s ease;
}

@keyframes pendingPopupSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.popup-header-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.popup-header-small h3 {
    color: #573276;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.popup-close-small {
    background: none;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.popup-close-small:hover {
    background: #e8e8e8;
    color: #333;
}

.popup-content-small {
    padding: 20px;
}

.popup-content-small p {
    margin: 0 0 15px 0;
    color: #666;
    line-height: 1.4;
    font-size: 12px;
}

.pending-preview-small {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    border-left: 3px solid #ffc107;
}

.preview-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 11px;
}

.preview-item:last-child {
    margin-bottom: 0;
}

.preview-label {
    font-weight: 600;
    color: #555;
}

.preview-value {
    color: #333;
    font-weight: 500;
}

.popup-actions-small {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px;
    border-top: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.pending-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pending-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.pending-btn-cancel {
    background-color: #6c757d;
    color: white;
}

.pending-btn-cancel:hover:not(:disabled) {
    background-color: #5a6268;
}

.pending-btn-confirm {
    background-color: #28a745;
    color: white;
}

.pending-btn-confirm:hover:not(:disabled) {
    background-color: #218838;
}

.pending-btn-reject {
    background-color: #dc3545;
    color: white;
}

.pending-btn-reject:hover:not(:disabled) {
    background-color: #c82333;
}

.pending-table-loading,
.pending-table-error,
.no-pending-table {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pending-table-error {
    color: #c62828;
}

.pending-table-error i {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.pending-table-error h3 {
    margin-bottom: 10px;
    color: #c62828;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

.no-pending-table {
    color: #666;
}

.no-pending-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #ffc107;
}

@media (max-width: 768px) {
    .pending-table-container {
        padding: 15px;
    }

    .pending-table-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .pending-inquiries-table {
        font-size: 10px;
    }

    .pending-inquiries-table th,
    .pending-inquiries-table td {
        padding: 8px 6px;
    }

    .pending-confirm-popup {
        width: 95%;
        margin: 10px;
    }

    .popup-actions-small {
        flex-direction: column;
    }

    .pending-action-buttons {
        flex-direction: column;
        gap: 3px;
    }
}

@media (max-width: 480px) {
    .pending-table-container {
        padding: 10px;
    }

    .pending-table-title {
        font-size: 1.2rem;
    }

    .popup-header-small {
        padding: 12px 15px;
    }

    .popup-content-small {
        padding: 15px;
    }

    .preview-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}

.rejected-table-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.rejected-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.rejected-table-title {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}

.rejected-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.rejected-inquiries-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.rejected-inquiries-table th {
    background: #573276;
    color: white;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border-bottom: 2px solid #452a5e;
}

.rejected-inquiries-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.rejected-table-row {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.rejected-table-row:hover {
    opacity: 1;
    background-color: #f8f9fa;
}

.rejected-id {
    font-weight: 600;
    color: #573276;
    font-family: 'Courier New', monospace;
    font-size: 10px;
}

.customer-info-cell {
    min-width: 120px;
}

.customer-name {
    font-weight: 600;
    margin-bottom: 2px;
}

.rejected-name {
    color: #666;
    text-decoration: line-through;
}

.customer-contact {
    font-size: 10px;
    color: #888;
}

.customer-email {
    margin-bottom: 1px;
}

.customer-phone {
    color: #888;
}

.service-cell,
.event-type-cell,
.message-cell {
    max-width: 150px;
}

.rejected-service,
.rejected-event,
.rejected-message {
    color: #666;
}

.event-date-cell,
.received-date-cell,
.rejected-date-cell {
    white-space: nowrap;
    font-size: 10px;
}

.rejected-date,
.rejected-received {
    color: #888;
}

.guest-count-cell {
    text-align: center;
    font-weight: 500;
}

.rejected-guests {
    color: #666;
}

.rejected-timestamp {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
}

.rejected-icon {
    color: #dc3545;
    font-size: 10px;
}


.rejected-table-loading,
.rejected-table-error,
.no-rejected-table {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rejected-table-error {
    color: #c62828;
}

.rejected-table-error i {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.rejected-table-error h3 {
    margin-bottom: 10px;
    color: #c62828;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

.no-rejected-table {
    color: #666;
}

.no-rejected-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #dc3545;
}

.rejected-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 15px;
    gap: 15px;
    margin-bottom: 20px;
}

.rejected-stat-card {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.rejected-stat-card h3 {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.rejected-stat-card p {
    font-size: 0.8rem;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .rejected-table-container {
        padding: 15px;
    }

    .rejected-table-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .rejected-inquiries-table {
        font-size: 10px;
    }

    .rejected-inquiries-table th,
    .rejected-inquiries-table td {
        padding: 8px 6px;
    }

    .rejected-stats {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .rejected-table-container {
        padding: 10px;
    }

    .rejected-table-title {
        font-size: 1.2rem;
    }

    .rejected-timestamp {
        flex-direction: column;
        gap: 2px;
        text-align: center;
    }
}

.rejected-table-row:hover .rejected-name,
.rejected-table-row:hover .rejected-service,
.rejected-table-row:hover .rejected-event,
.rejected-table-row:hover .rejected-message,
.rejected-table-row:hover .rejected-date,
.rejected-table-row:hover .rejected-received,
.rejected-table-row:hover .rejected-guests {
    color: #333;
    text-decoration: none;
}

.rejected-table-row:hover .rejected-timestamp {
    background: #dc3545;
    color: white;
}

.rejected-table-row:hover .rejected-icon {
    color: white;
}

.review-table-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.review-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.review-table-title {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}
.review-table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}

.review-stats-small {
    display: flex;
    gap: 15px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
}

.stat-number {
    font-size: 1.2rem;
    font-weight: 700;
    color: #573276;
}

.stat-label {
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}

.filter-section-small {
    display: flex;
    gap: 8px;
    align-items: center;
}

.filter-select-small {
    padding: 6px 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 11px;
    background: white;
    min-width: 120px;
}

.clear-filters-btn-small {
    padding: 6px 10px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.clear-filters-btn-small:hover {
    background: #545b62;
}

.review-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.reviews-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.reviews-table th {
    background: #573276;
    color: white;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border-bottom: 2px solid #452a5e;
}

.reviews-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.review-table-row:hover {
    background-color: #f8f9fa;
}

.customer-cell {
    min-width: 120px;
}

.customer-info-small {
    display: flex;
    align-items: center;
    gap: 8px;
}

.customer-avatar-small {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.customer-avatar-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-placeholder-small {
    width: 100%;
    height: 100%;
    background: #573276;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
}

.customer-details {
    flex: 1 1;
}

.customer-name {
    font-weight: 600;
    color: #333;
    font-size: 11px;
}

.rating-cell {
    text-align: center;
}

.rating-stars-small {
    display: flex;
    align-items: center;
    gap: 2px;
}

.rating-stars-small .star {
    font-size: 10px;
    color: #ddd;
}

.rating-stars-small .star.filled {
    color: #ffc107;
}

.rating-number {
    font-size: 10px;
    color: #666;
    font-weight: 600;
}

.comment-cell,
.listing-cell {
    max-width: 150px;
    color: #333;
}

.date-cell {
    white-space: nowrap;
    font-size: 10px;
    color: #666;
}

.status-cell {
    text-align: center;
}

.review-status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.review-status-badge.active {
    background: #d4edda;
    color: #155724;
}

.review-status-badge.inactive {
    background: #f8d7da;
    color: #721c24;
}

.review-status-badge.pending {
    background: #fff3cd;
    color: #856404;
}

.replies-cell {
    text-align: center;
}

.replies-count {
    display: inline-block;
    padding: 4px 8px;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
    min-width: 20px;
}

.actions-cell {
    text-align: center;
}

.review-action-btn {
    padding: 6px 8px;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.reply-btn {
    background-color: #28a745;
    color: white;
}

.reply-btn:hover {
    background-color: #218838;
    transform: scale(1.05);
}

.review-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.review-reply-popup {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    animation: reviewPopupSlideIn 0.2s ease;
}

@keyframes reviewPopupSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.popup-header-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.popup-header-small h3 {
    color: #573276;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.popup-close-small {
    background: none;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.popup-close-small:hover {
    background: #e8e8e8;
    color: #333;
}

.popup-content-small {
    padding: 20px;
}

.review-preview-small {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
    border-left: 3px solid #573276;
}

.preview-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 11px;
}

.preview-item:last-child {
    margin-bottom: 0;
}

.preview-label {
    font-weight: 600;
    color: #555;
}

.preview-value {
    color: #333;
    text-align: right;
}

.preview-value .star {
    font-size: 10px;
}

.reply-input-section {
    margin-top: 15px;
}

.reply-input-section label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #333;
    font-size: 11px;
}

.reply-textarea-small {
    width: 100%;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 11px;
    font-family: inherit;
    resize: vertical;
    min-height: 80px;
}

.reply-textarea-small:focus {
    outline: none;
    border-color: #573276;
}

.popup-actions-small {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px;
    border-top: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.review-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.review-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.review-btn-cancel {
    background-color: #6c757d;
    color: white;
}

.review-btn-cancel:hover:not(:disabled) {
    background-color: #5a6268;
}

.review-btn-submit {
    background-color: #28a745;
    color: white;
}

.review-btn-submit:hover:not(:disabled) {
    background-color: #218838;
}

.review-btn-primary {
    background-color: #573276;
    color: white;
}

.review-btn-primary:hover {
    background-color: #452a5e;
}

.review-table-loading,
.review-table-error,
.no-reviews-table {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.review-table-error {
    color: #c62828;
}

.review-table-error i {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.review-table-error h3 {
    margin-bottom: 10px;
    color: #c62828;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

.no-reviews-table {
    color: #666;
}

.no-reviews-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #bdc3c7;
}

@media (max-width: 768px) {
    .review-table-container {
        padding: 15px;
    }

    .review-table-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .review-table-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .review-stats-small {
        justify-content: space-between;
    }

    .reviews-table {
        font-size: 10px;
    }

    .reviews-table th,
    .reviews-table td {
        padding: 8px 6px;
    }

    .review-reply-popup {
        width: 95%;
        margin: 10px;
    }

    .popup-actions-small {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .review-table-container {
        padding: 10px;
    }

    .review-table-title {
        font-size: 1.2rem;
    }

    .customer-info-small {
        flex-direction: column;
        text-align: center;
        gap: 4px;
    }

    .preview-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .preview-value {
        text-align: left;
    }
}

.bookings-compact-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.bookings-header-compact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.bookings-title-small {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}

.bookings-table-compact {
    margin-top: 15px;
}

.table-wrapper-small {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.compact-bookings-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.compact-bookings-table th {
    background: #573276;
    color: white;
    padding: 10px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.compact-bookings-table td {
    padding: 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    white-space: nowrap;
}

.compact-booking-row:hover {
    background-color: #f8f9fa;
}

.compact-booking-id {
    font-weight: 600;
    color: #573276;
    font-family: 'Courier New', monospace;
    font-size: 10px;
}

.compact-event-type {
    text-transform: capitalize;
    font-weight: 500;
}

.compact-client-info {
    max-width: 80px;
}

.compact-client-name {
    font-weight: 500;
    color: #333;
}

.compact-event-date {
    font-size: 10px;
}

.compact-guest-count {
    text-align: center;
    font-weight: 500;
}

.compact-budget {
    font-weight: 600;
    color: #2e7d32;
    font-size: 10px;
}

.compact-location {
    max-width: 80px;
    color: #666;
}

.compact-actions {
    text-align: center;
}

.view-details-btn-small {
    padding: 4px 8px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s ease;
}

.view-details-btn-small:hover {
    background-color: #452a5e;
    transform: scale(1.05);
}

.compact-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
}

.pagination-btn-small {
    padding: 6px 10px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagination-btn-small:disabled {
    background-color: #bdc3c7;
    cursor: not-allowed;
    opacity: 0.6;
}

.pagination-btn-small:not(:disabled):hover {
    background-color: #452a5e;
}

.pagination-info-small {
    color: #666;
    font-weight: 600;
    font-size: 11px;
}

.booking-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.booking-popup-content {
    background: white;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    animation: popupSlideIn 0.2s ease;
}

@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.popup-title {
    color: #573276;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.popup-close {
    background: none;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.popup-close:hover {
    background: #e8e8e8;
    color: #333;
}

.popup-body {
    padding: 20px;
}

.popup-details-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.popup-detail-group {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #573276;
}

.popup-group-title {
    color: #573276;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.popup-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 11px;
}

.popup-detail-item:last-child {
    margin-bottom: 0;
}

.popup-label {
    font-weight: 600;
    color: #555;
    min-width: 60px;
}

.popup-value {
    color: #333;
    text-align: right;
    flex: 1 1;
    margin-left: 10px;
}

.budget-highlight {
    color: #2e7d32;
    font-weight: 700;
}

.contact-phone,
.contact-email {
    color: #1976d2;
    font-weight: 500;
}

.payment-amount {
    color: #2e7d32;
    font-weight: 700;
}

.popup-status {
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 600;
    text-transform: capitalize;
}

.popup-status.accepted,
.popup-status.confirmed {
    background-color: #e8f5e8;
    color: #2e7d32;
}

.popup-status.pending,
.popup-status.submitted {
    background-color: #fff3e0;
    color: #ef6c00;
}

.popup-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.popup-category-tag {
    background: #573276;
    color: white;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 500;
}

.popup-requirements {
    background: white;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    font-size: 11px;
    line-height: 1.3;
    margin: 0;
}


.popup-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 15px 20px;
    border-top: 1px solid #e8e8e8;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.popup-action-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.popup-close-btn {
    background-color: #6c757d;
    color: white;
}

.popup-close-btn:hover {
    background-color: #5a6268;
}

.popup-contact-btn {
    background-color: #28a745;
    color: white;
}

.popup-contact-btn:hover {
    background-color: #218838;
}

.popup-email-btn {
    background-color: #17a2b8;
    color: white;
}

.popup-email-btn:hover {
    background-color: #138496;
}

.bookings-loading-small,
.bookings-error-small,
.no-bookings-small {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

.error-icon-small,
.no-bookings-icon-small {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.no-bookings-icon-small {
    color: #bdc3c7;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

@media (max-width: 768px) {
    .bookings-compact-container {
        padding: 15px;
    }

    .bookings-header-compact {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .compact-bookings-table {
        font-size: 10px;
    }

    .compact-bookings-table th,
    .compact-bookings-table td {
        padding: 6px 4px;
    }

    .booking-popup-content {
        width: 95%;
        margin: 10px;
    }

    .popup-body {
        padding: 15px;
    }

    .popup-footer {
        flex-direction: column;
    }

    .compact-pagination {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .bookings-compact-container {
        padding: 10px;
    }

    .bookings-title-small {
        font-size: 1.2rem;
    }

    .popup-header {
        padding: 12px 15px;
    }

    .popup-body {
        padding: 12px;
    }

    .popup-detail-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .popup-value {
        text-align: left;
        margin-left: 0;
    }
}

.company-table-container {
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.company-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.company-table-title {
    color: #573276;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.header-actions-small {
    display: flex;
    gap: 10px;
}

.refresh-btn-small {
    padding: 8px 12px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.refresh-btn-small:hover {
    background-color: #452a5e;
}

.company-table-section {
    margin-bottom: 30px;
}

.company-section-title {
    color: #573276;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f0f0f0;
}

.company-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.company-info-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 11px;
}

.company-info-table th {
    background: #573276;
    color: white;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    border-bottom: 2px solid #452a5e;
}

.company-info-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.company-table-row:hover {
    background-color: #f8f9fa;
}


.company-field-name {
    font-weight: 600;
    color: #333;
    background: #f8f9fa;
    width: 25%;
    padding: 12px 8px !important;
}

.company-field-value {
    color: #666;
    width: 25%;
    padding: 12px 8px !important;
}


.status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
}

.status-badge.role-vendor {
    background-color: #e3f2fd;
    color: #1976d2;
}

.status-badge.status-active {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-inactive {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.verified-true {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.verified-false {
    background-color: #fff3cd;
    color: #856404;
}

.company-table-loading,
.company-table-error,
.no-company-table {
    text-align: center;
    padding: 40px 20px;
}

.loading-spinner-small {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.company-table-error {
    color: #c62828;
}

.company-table-error i {
    font-size: 32px;
    margin-bottom: 15px;
    color: #c62828;
}

.company-table-error h3 {
    margin-bottom: 10px;
    color: #c62828;
}

.retry-btn-small {
    padding: 8px 16px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.retry-btn-small:hover {
    background-color: #452a5e;
}

.no-company-table {
    color: #666;
}

.no-company-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #bdc3c7;
}

@media (max-width: 768px) {
    .company-table-container {
        padding: 15px;
    }

    .company-table-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .company-info-table {
        font-size: 10px;
    }

    .company-info-table th,
    .company-info-table td {
        padding: 8px 6px;
    }

    .company-field-name,
    .company-field-value {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .company-table-container {
        padding: 10px;
    }

    .company-table-title {
        font-size: 1.2rem;
    }

    .company-section-title {
        font-size: 1rem;
    }

    .company-info-table {
        display: block;
    }

    .company-info-table thead {
        display: none;
    }

    .company-info-table tbody,
    .company-info-table tr,
    .company-info-table td {
        display: block;
        width: 100%;
    }

    .company-info-table tr {
        margin-bottom: 10px;
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        padding: 10px;
    }

    .company-info-table td {
        border: none;
        padding: 5px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .company-field-name {
        background: none;
        font-weight: 600;
        color: #333;
    }

    .company-field-value {
        text-align: right;
        color: #666;
    }

    .company-table-row:hover {
        background-color: #f8f9fa;
    }
}
.marketplace-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f8f9fa;
    min-height: 100vh;
}

.marketplace-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 30px 20px;
    background: linear-gradient(135deg, #573276 0%, #452a5e 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(87, 50, 118, 0.2);
}

.marketplace-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.marketplace-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 20px;
}

.marketplace-stats {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 25px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.stat-number {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.listings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 25px;
    gap: 25px;
    margin-bottom: 40px;
}

.listing-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

.listing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.listing-image-container {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.listing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.listing-card:hover .listing-image {
    transform: scale(1.05);
}

.promoted-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    color: #000;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

.listing-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(87, 50, 118, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.listing-card:hover .listing-overlay {
    opacity: 1;
}

.quick-view-btn {
    background: white;
    color: #573276;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.quick-view-btn:hover {
    background: #573276;
    color: white;
    transform: scale(1.05);
}

.listing-content {
    padding: 20px;
}

.listing-header {
    margin-bottom: 12px;
}

.listing-title {
    font-size: 1.3rem;
    color: #2d3748;
    margin-bottom: 10px;
    line-height: 1.3;
    font-weight: 600;
}

.categories-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.category-tag {
    background: #f0e6ff;
    color: #573276;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.more-tag {
    background: #e2e8f0;
    color: #4a5568;
}

.listing-description {
    color: #718096;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 15px;
    min-height: 40px;
}

.listing-price-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px 0;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.price-info {
    display: flex;
    flex-direction: column;
}

.price-label {
    font-size: 0.8rem;
    color: #718096;
    margin-bottom: 4px;
}

.price-amount {
    font-size: 1.5rem;
    font-weight: 700;
    color: #573276;
}

.rating-badge {
    background: #fff3cd;
    color: #856404;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.vendor-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 10px;
}

.vendor-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #573276 0%, #452a5e 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    margin-right: 12px;
    font-size: 1rem;
}

.vendor-details {
    flex: 1 1;
}

.vendor-name {
    font-weight: 600;
    color: #2d3748;
    font-size: 0.9rem;
}

.vendor-contact {
    color: #718096;
    font-size: 0.8rem;
}

.listing-actions {
    display: flex;
    gap: 8px;
}

.action-btn {
    flex: 1 1;
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.contact-btn {
    background: #573276;
    color: white;
}

.contact-btn:hover {
    background: #452a5e;
    transform: translateY(-2px);
}

.details-btn {
    background: #e2e8f0;
    color: #4a5568;
}

.details-btn:hover {
    background: #cbd5e0;
    transform: translateY(-2px);
}


.marketplace-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.pagination-btn {
    padding: 10px 20px;
    border: 2px solid #573276;
    background: white;
    color: #573276;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.pagination-btn:hover:not(.disabled) {
    background: #573276;
    color: white;
    transform: translateY(-2px);
}

.pagination-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #cbd5e0;
    color: #cbd5e0;
}

.pagination-info {
    color: #4a5568;
    font-weight: 500;
}

.total-items {
    color: #718096;
    font-size: 0.9rem;
    margin-left: 8px;
}

.marketplace-loading,
.marketplace-error,
.no-listings {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #573276;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.marketplace-error .error-icon,
.no-listings .no-listings-icon {
    font-size: 48px;
    margin-bottom: 20px;
    color: #e53e3e;
}

.no-listings .no-listings-icon {
    color: #cbd5e0;
}

.marketplace-error h3,
.no-listings h3 {
    color: #2d3748;
    margin-bottom: 10px;
    font-size: 1.5rem;
}

.marketplace-error p,
.no-listings p {
    color: #718096;
    margin-bottom: 20px;
}

.retry-btn,
.refresh-btn {
    padding: 12px 24px;
    background: #573276;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.retry-btn:hover,
.refresh-btn:hover {
    background: #452a5e;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .marketplace-container {
        padding: 15px;
    }

    .marketplace-title {
        font-size: 2rem;
    }

    .listings-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .marketplace-stats {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .marketplace-pagination {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .listing-actions {
        flex-direction: column;
    }

    .vendor-info {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .vendor-avatar {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .marketplace-header {
        padding: 20px 15px;
    }

    .listing-content {
        padding: 15px;
    }

    .listing-price-section {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}
.personal-details {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px;
}

.pd-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.pd-header h2 {
  color: #573276;
  margin: 0;
  font-size: 1.3rem;
}

.pd-refresh {
  padding: 6px 12px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
}

.pd-refresh:hover {
  background: #452a5e;
}

.pd-section {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: white;
}

.pd-section h3 {
  color: #573276;
  margin: 0 0 15px 0;
  font-size: 1.1rem;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 8px;
}

.pd-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
}

.pd-item {
  padding: 8px;
}

.pd-item.full {
  grid-column: 1 / -1;
}

.pd-item label {
  display: block;
  font-weight: 600;
  color: #555;
  font-size: 0.85rem;
  margin-bottom: 4px;
}

.pd-item p {
  margin: 0;
  color: #333;
  font-size: 0.9rem;
  word-break: break-word;
}

.pd-badge {
  display: inline-block;
  padding: 2px 8px;
  background: #e3f2fd;
  color: #1976d2;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: 500;
}

.pd-badge.active {
  background: #e8f5e8;
  color: #2e7d32;
}

.pd-badge.inactive {
  background: #ffebee;
  color: #c62828;
}

.pd-badge.verified {
  background: #e8f5e8;
  color: #2e7d32;
}

.pd-badge.not-verified {
  background: #ffebee;
  color: #c62828;
}

.pd-id {
  font-family: monospace;
  background: #f5f5f5;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
}

.pd-loading, .pd-error {
  text-align: center;
  padding: 40px 20px;
  color: #666;
}

.pd-error p {
  color: #c62828;
  margin-bottom: 10px;
}

.pd-error button {
  padding: 8px 16px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

a {
  color: #573276;
  text-decoration: none;
}

/* a:hover {
  text-decoration: underline;
} */

@media (max-width: 768px) {
  .personal-details {
    padding: 10px;
  }
  
  .pd-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .pd-section {
    padding: 12px;
    margin-bottom: 15px;
  }
  
  .pd-header {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .pd-section {
    padding: 10px;
  }
  
  .pd-item {
    padding: 6px;
  }
}

.bookings-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.bookings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.bookings-header h2 {
  color: #573276;
  margin: 0;
}

.refresh-btn {
  padding: 8px 16px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.refresh-btn:hover {
  background: #452a5e;
}

.table-wrapper {
  overflow-x: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.bookings-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
}

.bookings-table th {
  background: #573276;
  color: white;
  padding: 12px 8px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
}

.bookings-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #f0f0f0;
}

.booking-row:hover {
  background-color: #f8f9fa;
}

.booking-row.confirmed {
  border-left: 3px solid #28a745;
}

.booking-row.pending {
  border-left: 3px solid #ffc107;
}

.booking-id {
  font-weight: 600;
  color: #573276;
}

.event-type {
  text-transform: capitalize;
}

.client-name {
  font-weight: 500;
}

.budget {
  font-weight: 600;
  color: #28a745;
}

.actions {
  text-align: center;
}

.action-buttons {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.view-btn {
  padding: 6px 12px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}

.accept-btn {
  padding: 6px 12px;
  background: #28a745;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}

.reject-btn {
  padding: 6px 12px;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}

.view-btn:hover {
  background: #452a5e;
}

.accept-btn:hover:not(:disabled) {
  background: #218838;
}

.reject-btn:hover:not(:disabled) {
  background: #c82333;
}

.view-btn:disabled,
.accept-btn:disabled,
.reject-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.pagination-btn {
  padding: 8px 16px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.pagination-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.pagination-info {
  color: #666;
  font-weight: 500;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 20px;
}

.popup-content {
  background: white;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  background: #f8f9fa;
}

.popup-header h3 {
  margin: 0;
  color: #573276;
}

.popup-close {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}

.popup-body {
  padding: 20px;
}

.detail-group {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
}

.detail-group h4 {
  margin: 0 0 10px 0;
  color: #573276;
}

.detail-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.detail-item:last-child {
  margin-bottom: 0;
}

.budget-highlight {
  color: #28a745;
  font-weight: 600;
}

.status-confirmed {
  color: #28a745;
  font-weight: 600;
}

.status-pending {
  color: #ffc107;
  font-weight: 600;
}

.popup-footer {
  display: flex;
  gap: 10px;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  background: #f8f9fa;
}

.popup-footer .accept-btn,
.popup-footer .reject-btn {
  flex: 1 1;
  padding: 10px;
}

.bookings-loading,
.bookings-error,
.no-bookings {
  text-align: center;
  padding: 40px 20px;
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #573276;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 15px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.bookings-error p {
  color: #dc3545;
  margin-bottom: 15px;
}

.retry-btn {
  padding: 8px 16px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.no-bookings p {
  color: #666;
  font-style: italic;
}

@media (max-width: 768px) {
  .bookings-container {
    padding: 15px;
  }

  .bookings-header {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .action-buttons {
    flex-direction: column;
    gap: 3px;
  }

  .popup-footer {
    flex-direction: column;
  }

  .detail-item {
    flex-direction: column;
    gap: 2px;
  }
}

.booking-row.rejected {
  border-left: 3px solid #dc3545;
  opacity: 0.8;
}

.booking-row.rejected:hover {
  opacity: 1;
  background-color: #fff5f5;
}

.status-rejected {
  color: #dc3545;
  font-weight: 600;
}

.stat-badge.rejected {
  background: #dc3545;
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.status-badge.rejected {
  background: #dc3545;
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
}

.rejected-date {
  color: #666;
  font-size: 12px;
}

.remarks {
  color: #dc3545;
  font-style: italic;
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.service-tag {
  background: #573276;
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
}

.close-btn {
  padding: 10px 20px;
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex: 1 1;
}

.close-btn:hover {
  background: #545b62;
}

.header-stats {
  display: flex;
  gap: 10px;
  align-items: center;
}

@media (max-width: 768px) {
  .rejected-date {
    font-size: 11px;
  }
  
  .services-list {
    gap: 5px;
  }
  
  .service-tag {
    font-size: 10px;
    padding: 3px 6px;
  }
}
.payment-logs-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: #f8f9fa;
  min-height: 100vh;
}

.payment-logs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e0e0e0;
}

.payment-logs-title {
  color: #573276;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.header-actions {
  display: flex;
  gap: 10px;
}

.refresh-btn {
  padding: 10px 20px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.refresh-btn:hover {
  background: #452a5e;
  transform: translateY(-2px);
}

.payment-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 30px;
}

.stat-card {
  background: white;
  padding: 25px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #573276;
}

.stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #573276;
  margin-bottom: 8px;
}

.stat-label {
  color: #666;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


.payment-logs-table {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.table-wrapper {
  overflow-x: auto;
}

.payment-logs-table {
  width: 100%;
  border-collapse: collapse;
}

.payment-logs-table th {
  background: #573276;
  color: white;
  padding: 15px 12px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.payment-logs-table td {
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}

.payment-log-row:hover {
  background-color: #f8f9fa;
}

.payment-id {
  font-weight: 600;
  color: #573276;
  font-family: 'Courier New', monospace;
}

.booking-id {
  font-weight: 500;
}

.booking-event-date {
  font-size: 0.8rem;
  color: #666;
  margin-top: 4px;
}

.event-type {
  text-transform: capitalize;
  font-weight: 500;
}

.client-name {
  font-weight: 500;
  color: #333;
}

.amount {
  font-weight: 700;
  color: #28a745;
  font-size: 1.1rem;
}

.remarks {
  max-width: 200px;
  color: #666;
  font-size: 0.9rem;
  line-height: 1.3;
}

.date {
  color: #666;
  font-size: 0.9rem;
  white-space: nowrap;
}


.status-cell {
  text-align: center;
}

.status-badge {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
}

.status-completed {
  background: #e8f5e8;
  color: #2e7d32;
}

.status-pending {
  background: #fff3e0;
  color: #ef6c00;
}

.status-failed {
  background: #ffebee;
  color: #c62828;
}

.status-refunded {
  background: #e3f2fd;
  color: #1976d2;
}

.status-unknown {
  background: #f5f5f5;
  color: #666;
}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}

.pagination-btn {
  padding: 10px 20px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.pagination-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}

.pagination-btn:not(:disabled):hover {
  background: #452a5e;
  transform: translateY(-2px);
}

.pagination-info {
  color: #666;
  font-weight: 600;
}

.payment-logs-loading,
.payment-logs-error,
.no-payment-logs {
  text-align: center;
  padding: 60px 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #573276;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.payment-logs-error .error-icon,
.no-payment-logs .no-logs-icon {
  font-size: 48px;
  margin-bottom: 20px;
  color: #c62828;
}

.no-payment-logs .no-logs-icon {
  color: #bdc3c7;
}

.payment-logs-error h3,
.no-payment-logs h3 {
  color: #2d3748;
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.retry-btn {
  padding: 12px 24px;
  background: #573276;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.retry-btn:hover {
  background: #452a5e;
}

@media (max-width: 768px) {
  .payment-logs-container {
    padding: 15px;
  }

  .payment-logs-header {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }

  .payment-stats {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .payment-logs-table th,
  .payment-logs-table td {
    padding: 8px 6px;
    font-size: 12px;
  }

  .pagination {
    flex-direction: column;
    gap: 10px;
  }

  .remarks {
    max-width: 120px;
  }
}

@media (max-width: 480px) {
  .payment-logs-title {
    font-size: 1.5rem;
  }

  .stat-card {
    padding: 20px;
  }

  .stat-number {
    font-size: 2rem;
  }
}

.location {
  font-weight: 500;
  color: #333;
  max-width: 120px;
}

.requirements {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.3;
  max-width: 150px;
}

.payment-logs-table th {
  background: #573276;
  color: white;
  padding: 15px 8px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.payment-logs-table td {
  padding: 12px 8px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
  font-size: 13px;
}


@media (max-width: 1024px) {
  .location,
  .requirements {
    max-width: 100px;
  }
}

@media (max-width: 768px) {
  .payment-logs-table th,
  .payment-logs-table td {
    padding: 8px 4px;
    font-size: 11px;
  }

  .location,
  .requirements {
    max-width: 80px;
  }
}

@media (max-width: 480px) {
  .location,
  .requirements {
    max-width: 60px;
  }
  
  .payment-logs-table {
    font-size: 10px;
  }
}
/* MyProfile.css */
.myprofile-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.myprofile-header {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.myprofile-title {
    color: #573276;
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.myprofile-actions {
    display: flex;
    gap: 15px;
}

.myprofile-edit-btn {
    padding: 12px 24px;
    background-color: #573276;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.myprofile-edit-btn:hover {
    background-color: #452a5e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(87, 50, 118, 0.3);
}

.myprofile-edit-actions {
    display: flex;
    gap: 12px;
}

.myprofile-save-btn {
    padding: 12px 24px;
    /* background-color: #27ae60; */
    color: black;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #553073;
    cursor: pointer;
    transition: all 0.3s ease;
}

.myprofile-save-btn:hover:not(:disabled) {
    /* background-color: #219653; */
        background-color: #f9f8fa;

    transform: translateY(-2px);
    /* box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3); */
}

.myprofile-save-btn:disabled {
    background-color: #95a5a6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.myprofile-cancel-btn {
    padding: 12px 24px;
    /* background-color: #e74c3c; */
    color: black;
    border: 2px solid #553073;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.myprofile-cancel-btn:hover {
    background-color: #f9f8fa;
    transform: translateY(-2px);
}

.myprofile-form {
    display: flex;
    flex-direction: column;
}

.myprofile-form-section {
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e8e8;
}

.myprofile-section-title {
    margin-bottom: 20px;
    color: #573276;
    font-size: 1.4rem;
    font-weight: 600;
}

.myprofile-form-group {
    margin-bottom: 25px;
}

.myprofile-form-row {
    display: flex;
    gap: 20px;
}

.myprofile-form-group-half {
    flex: 1 1;
}

.myprofile-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.myprofile-required::after {
    content: " *";
    color: #e74c3c;
}

.myprofile-input,
.myprofile-textarea,
.myprofile-select {
    width: 100%;
    padding: 14px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background-color: #fff;
}

.myprofile-input:focus,
.myprofile-textarea:focus,
.myprofile-select:focus {
    outline: none;
    border-color: #573276;
    box-shadow: 0 0 0 3px rgba(87, 50, 118, 0.1);
}

.myprofile-input:disabled,
.myprofile-textarea:disabled,
.myprofile-select:disabled {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
    cursor: not-allowed;
}

/* Error states */
.myprofile-input-error,
.myprofile-textarea-error,
.myprofile-select-error {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.myprofile-error-text {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 6px;
    display: block;
    font-weight: 500;
}

.myprofile-textarea {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
}

.myprofile-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #f0f0f0;
}

/* Message Styles */
.myprofile-message {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.myprofile-message-content {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.myprofile-message-icon {
    font-size: 18px;
}

.myprofile-message-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.myprofile-message-close:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.myprofile-success {
    background-color: rgba(39, 174, 96, 0.1);
    background-color: #f9f8fa;
    color: #27ae60;
}

.myprofile-error {
    background-color: rgba(231, 76, 60, 0.1);
    border: 1px solid #e74c3c;
    color: #e74c3c;
}

/* Responsive Design */
@media (max-width: 768px) {
    .myprofile-container {
        padding: 20px;
        margin: 10px;
    }

    .myprofile-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .myprofile-form-row {
        flex-direction: column;
        gap: 0;
    }

    .myprofile-form-group-half {
        flex: none;
    }

    .myprofile-edit-actions,
    .myprofile-form-actions {
        width: 100%;
        flex-direction: column;
    }

    .myprofile-edit-btn,
    .myprofile-save-btn,
    .myprofile-cancel-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .myprofile-title {
        font-size: 1.5rem;
    }

    .myprofile-section-title {
        font-size: 1.2rem;
    }

    .myprofile-input,
    .myprofile-textarea,
    .myprofile-select {
        padding: 12px;
    }
}
/* PersonalDetails.css */
.personal-details-container {
  max-width: 1200px;
  margin: 0 auto;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 30px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.personal-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
}

.personal-details-title {
  color: #573276;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.refresh-btn {
  padding: 10px 20px;
  background-color: #573276;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.refresh-btn:hover {
  background-color: #452a5e;
  transform: translateY(-2px);
}

.details-section {
  margin-bottom: 40px;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 10px;
  border-left: 4px solid #573276;
}


.details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.detail-item {
  padding: 15px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
}

.detail-item.full-width {
  grid-column: 1 / -1;
}

.detail-label {
  display: block;
  font-weight: 600;
  color: #555;
  font-size: 14px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-value {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1.5;
}

.bio-text {
  line-height: 1.6;
  white-space: pre-line;
}

.website-link {
  color: #573276;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.website-link:hover {
  color: #452a5e;
  text-decoration: underline;
}

/* Badge Styles */
.role-badge {
  display: inline-block;
  padding: 4px 12px;
  background-color: #e3f2fd;
  color: #1976d2;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}

.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}

.status-active {
  background-color: #e8f5e8;
  color: #2e7d32;
}

.status-inactive {
  background-color: #ffebee;
  color: #c62828;
}

.status-pending {
  background-color: #fff3e0;
  color: #ef6c00;
}

.verification-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}

.verification-badge.verified {
  background-color: #e8f5e8;
  color: #2e7d32;
}

.verification-badge.not-verified {
  background-color: #ffebee;
  color: #c62828;
}

.authorized, .agreed {
  color: #2e7d32;
  font-weight: 600;
}

.not-authorized, .not-agreed {
  color: #c62828;
  font-weight: 600;
}

.user-id {
  font-family: 'Courier New', monospace;
  background-color: #f5f5f5;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
}

/* Loading State */
.personal-details-loading {
  text-align: center;
  padding: 60px 20px;
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #573276;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.personal-details-loading p {
  color: #666;
  font-size: 16px;
}

/* Error State */
.personal-details-error {
  text-align: center;
  padding: 60px 20px;
  color: #c62828;
}

.error-icon {
  font-size: 48px;
  margin-bottom: 20px;
  color: #c62828;
}

.personal-details-error h3 {
  margin-bottom: 10px;
  color: #c62828;
}

.retry-btn {
  padding: 12px 24px;
  background-color: #573276;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.retry-btn:hover {
  background-color: #452a5e;
}

/* Empty State */
.personal-details-empty {
  text-align: center;
  padding: 60px 20px;
  color: #666;
}

.empty-icon {
  font-size: 48px;
  margin-bottom: 20px;
  color: #999;
}

/* Responsive Design */
@media (max-width: 768px) {
  .personal-details-container {
    padding: 20px;
    margin: 10px;
  }

  .personal-details-header {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }

  .details-section {
    padding: 20px;
  }

  .details-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .personal-details-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .personal-details-container {
    padding: 15px;
  }

  .details-section {
    padding: 15px;
  }

  .detail-item {
    padding: 12px;
  }

  .detail-label {
    font-size: 13px;
  }

  .detail-value {
    font-size: 15px;
  }
}
.event-todo-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

.event-todo-title {
  margin-bottom: 30px;
  color: #333;
  font-size: 28px;
  font-weight: 600;
}

.event-todo-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
}

.event-table-header {
  background-color: #f8f9fa;
  padding: 16px 20px;
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid #e9ecef;
  color: #495057;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.event-table-row {
  transition: background-color 0.2s ease;
}

.event-table-row:hover {
  background-color: #f8f9fa;
}

.event-completed-row {
  background-color: #f8f9fa;
}

.event-table-cell {
  padding: 16px 20px;
  border-bottom: 1px solid #e9ecef;
  color: #212529;
}

.event-todo-title-text {
  font-weight: 500;
  color: #212529;
}

.event-todo-description {
  color: #6c757d;
  font-size: 14px;
}

.event-todo-created,
.event-todo-updated {
  color: #6c757d;
  font-size: 13px;
  white-space: nowrap;
}

.event-status-badge {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  min-width: 90px;
  text-align: center;
}

.event-status-completed {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.event-status-pending {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}

.event-status-default {
  background-color: #e2e3e5;
  color: #383d41;
  border: 1px solid #d6d8db;
}

.event-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.event-page-info {
  color: #6c757d;
  font-size: 14px;
  font-weight: 500;
}

.event-page-buttons {
  display: flex;
  gap: 8px;
}

.event-page-button {
  padding: 8px 16px;
  border: 1px solid #dee2e6;
  background: white;
  color: #495057;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
  min-width: 40px;
}

.event-page-button:hover {
  background-color: #e9ecef;
  border-color: #ced4da;
}

.event-page-button-active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.event-page-button-active:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}

.event-loading,
.event-no-todos,
.event-error-message,
.event-warning-message {
  padding: 24px;
  text-align: center;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 16px;
}

.event-loading {
  background-color: #f8f9fa;
  color: #6c757d;
  border: 1px dashed #dee2e6;
}

.event-no-todos {
  background-color: #e3f2fd;
  color: #1976d2;
  border: 1px solid #bbdefb;
}

.event-error-message {
  background-color: #fde7e9;
  color: #d32f2f;
  border-left: 4px solid #d32f2f;
  text-align: left;
}

.event-warning-message {
  background-color: #fff3cd;
  color: #856404;
  border-left: 4px solid #ffc107;
  text-align: left;
}


@media (max-width: 768px) {
  .event-todo-container {
    padding: 15px;
  }
  
  .event-todo-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .event-todo-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .event-table-header,
  .event-table-cell {
    padding: 12px 15px;
    font-size: 13px;
  }
  
  .event-pagination {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  
  .event-page-info {
    order: 2;
  }
  
  .event-page-buttons {
    order: 1;
  }
}

.event-todo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 768px) {
    .event-todo-header {
        flex-direction: column;
        align-items: stretch;
    }
    
    .event-add-button {
        width: 100%;
        justify-content: center;
    }
}

.event-todo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

.event-add-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.event-add-button:hover {
    background-color: #583278;
    transform: translateY(-1px);
}

.event-add-empty-button {
    display: block;
    margin: 20px auto 0;
    background-color: #583278;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.event-add-empty-button:hover {
    background-color: #583278;
    transform: translateY(-1px);
}


.event-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.event-modal {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.event-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

.event-modal-title {
    margin: 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.event-modal-close {
    background: none;
    border: none;
    font-size: 28px;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.event-modal-close:hover {
    background-color: #f8f9fa;
    color: #dc3545;
}


.event-form-group {
    margin-bottom: 20px;
}

.event-form-label {
    display: block;
    margin-bottom: 8px;
    color: #495057;
    font-weight: 500;
    font-size: 14px;
}

.event-form-input,
.event-form-textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.event-form-input:focus,
.event-form-textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.event-form-input::placeholder,
.event-form-textarea::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

.event-form-textarea {
    resize: vertical;
    min-height: 80px;
}

.event-form-error {
    background-color: #fde7e9;
    color: #d32f2f;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 14px;
    border-left: 4px solid #d32f2f;
}

.event-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
}

.event-cancel-button {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.event-cancel-button:hover {
    background-color: #5a6268;
}

.event-cancel-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.event-submit-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.event-submit-button:hover {
    background-color: #583278;
}

.event-submit-button:disabled {
    background-color: #6c757d;
    cursor: not-allowed;
    opacity: 0.7;
}

.event-success-message {
    background-color: #d4edda;
    color: #155724;
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    border-left: 4px solid #28a745;
}

.event-error-message {
    background-color: #fde7e9;
    color: #d32f2f;
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    border-left: 4px solid #d32f2f;
}


@media (max-width: 768px) {
    .event-todo-header {
        flex-direction: column;
        align-items: stretch;
    }
    
    .event-add-button {
        width: 100%;
        justify-content: center;
    }
    
    .event-modal {
        padding: 20px;
    }
    
    .event-modal-actions {
        flex-direction: column;
    }
    
    .event-cancel-button,
    .event-submit-button {
        width: 100%;
    }
}
.event-action-cell {
    text-align: center;
    white-space: nowrap;
}

.event-action-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.event-edit-button,
.event-delete-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.event-edit-button {
    background-color: #e3f2fd;
    color: #401c5d;
    border: 1px solid #bbdefb;
}

.event-edit-button:hover {
    background-color: #401c5d;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);
}

.event-delete-button {
    background-color: #fde7e9;
    color: #d32f2f;
    border: 1px solid #f5c6cb;
}

.event-delete-button:hover {
    background-color: #d32f2f;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(211, 47, 47, 0.2);
}

.event-icon-edit,
.event-icon-delete {
    font-size: 18px;
}

.event-form-select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    background: white;
    cursor: pointer;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.event-form-select:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

@media (max-width: 768px) {
    .event-action-buttons {
        flex-direction: column;
        gap: 5px;
    }
    
    .event-edit-button,
    .event-delete-button {
        width: 36px;
        height: 36px;
        padding: 6px;
    }
    
    .event-icon-edit,
    .event-icon-delete {
        font-size: 16px;
    }
}

.event-status-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    min-width: 90px;
    text-align: center;
    border: 1px solid transparent;
}

.event-status-completed {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}

.event-status-inprogress {
    background-color: #d1ecf1;
    color: #0c5460;
    border-color: #bee5eb;
}

.event-status-draft {
    background-color: #e2e3e5;
    color: #383d41;
    border-color: #d6d8db;
}

.event-status-cancelled {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

.event-status-default {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}

.event-form-select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    background: white;
    cursor: pointer;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.event-form-select:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.event-action-cell {
    text-align: center;
    white-space: nowrap;
}

.event-action-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.event-edit-button,
.event-delete-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.event-edit-button {
    background-color: #e3f2fd;
    color: #1976d2;
    border: 1px solid #bbdefb;
}

.event-edit-button:hover {
    background-color: #1976d2;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);
}

.event-delete-button {
    background-color: #fde7e9;
    color: #d32f2f;
    border: 1px solid #f5c6cb;
}

.event-delete-button:hover {
    background-color: #d32f2f;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(211, 47, 47, 0.2);
}

.event-icon-edit,
.event-icon-delete {
    font-size: 18px;
}

.event-edit-button:disabled,
.event-delete-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.event-edit-button:disabled:hover,
.event-delete-button:disabled:hover {
    background-color: inherit !important;
    color: inherit !important;
}

@media (max-width: 768px) {
    .event-action-buttons {
        flex-direction: column;
        gap: 5px;
    }
    
    .event-edit-button,
    .event-delete-button {
        width: 36px;
        height: 36px;
        padding: 6px;
    }
    
    .event-icon-edit,
    .event-icon-delete {
        font-size: 16px;
    }
}

.event-excel-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
    overflow-y: auto;
}

.event-excel-modal {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 1200px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: event-modal-slide-in 0.3s ease;
}

@keyframes event-modal-slide-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.event-excel-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px 30px;
    border-bottom: 1px solid #e9ecef;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px 12px 0 0;
}

.event-excel-modal-header > div {
    flex: 1 1;
}

.event-excel-modal-description {
    margin: 8px 0 12px 0;
    color: #6c757d;
    font-size: 15px;
}

.event-excel-modal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 13px;
    color: #495057;
}

.event-excel-modal-meta span {
    padding: 4px 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.event-excel-modal-content {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1;
}


.event-excel-search-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #e9ecef;
}

.event-excel-search-input-wrapper {
    flex: 1 1;
    position: relative;
    max-width: 400px;
}

.event-excel-search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 16px;
}

.event-excel-search-input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #f8f9fa;
}

.event-excel-search-input:focus {
    outline: none;
    border-color: #583278;
    background: white;
    box-shadow: 0 0 0 3px rgba(88, 50, 120, 0.1);
}

.event-excel-search-count {
    margin-left: 15px;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}


.event-excel-modal-actions {
    display: flex;
    gap: 10px;
    padding: 0 30px 20px 30px;
}

.event-excel-print-button,
.event-excel-export-button {
    background: none;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.event-excel-print-button {
    background-color: #e3f2fd;
    color: #1976d2;
    border: 1px solid #bbdefb;
}

.event-excel-print-button:hover {
    background-color: #1976d2;
    color: white;
}

.event-excel-export-button {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.event-excel-export-button:hover {
    background-color: #155724;
    color: white;
}

.event-excel-table-wrapper {
    flex: 1 1;
    overflow: auto;
    padding: 0 30px;
    margin-bottom: 20px;
}

.event-excel-modal-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.event-excel-modal-table-header {
    background-color: #583278;
    color: white;
    padding: 14px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.event-excel-modal-table-row {
    border-bottom: 1px solid #e9ecef;
    transition: background-color 0.2s ease;
}

.event-excel-modal-table-row:hover {
    background-color: #f8f9fa;
}

.event-excel-modal-table-row:nth-child(even) {
    background-color: #f8f9fa;
}

.event-excel-modal-table-row:nth-child(even):hover {
    background-color: #e9ecef;
}

.event-excel-modal-table-cell {
    padding: 12px 15px;
    color: #212529;
    font-size: 13px;
    border-right: 1px solid #e9ecef;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-excel-modal-table-cell:last-child {
    border-right: none;
}

.event-excel-modal-no-data {
    text-align: center;
    padding: 40px;
    color: #6c757d;
    font-size: 16px;
    font-style: italic;
}


.event-excel-modal-pagination {
    padding: 20px 30px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-excel-page-info {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

.event-excel-page-buttons {
    display: flex;
    gap: 8px;
}

.event-excel-page-button {
    padding: 8px 16px;
    border: 1px solid #dee2e6;
    background: white;
    color: #495057;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 14px;
    min-width: 40px;
}

.event-excel-page-button:hover:not(:disabled) {
    background-color: #e9ecef;
    border-color: #ced4da;
}

.event-excel-page-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.event-excel-page-button-active {
    background-color: #583278;
    color: white;
    border-color: #583278;
}

.event-excel-page-button-active:hover {
    background-color: #4a2a6b;
    border-color: #4a2a6b;
}

@media (max-width: 768px) {
    .event-excel-modal {
        max-height: 95vh;
    }
    
    .event-excel-modal-header {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }
    
    .event-excel-search-container {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 20px;
    }
    
    .event-excel-search-input-wrapper {
        max-width: 100%;
    }
    
    .event-excel-search-count {
        margin-left: 0;
        text-align: center;
    }
    
    .event-excel-modal-actions {
        justify-content: center;
        padding: 0 20px 20px 20px;
    }
    
    .event-excel-table-wrapper {
        padding: 0 20px;
    }
    
    .event-excel-modal-pagination {
        flex-direction: column;
        gap: 15px;
        text-align: center;
        padding: 20px;
    }
    
    .event-excel-page-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.event-excel-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.event-excel-header-left {
    display: flex;
    align-items: center;
    flex: 1 1; 
}

.event-excel-header-right {
    display: flex;
    align-items: center;
    margin-left: auto; 
}

.event-excel-export-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.event-excel-export-button:hover {
    background-color: #4a2a6b;
    transform: translateY(-1px);
}

.event-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #6c757d;
    cursor: pointer;
    padding: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    margin-left: 10px; 
}

.event-modal-close:hover {
    background-color: #f8f9fa;
    color: #dc3545;
}


.event-excel-modal-actions {
    display: none;
}
.event-excel-search-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: white;
    border-bottom: 1px solid #e9ecef;
}

.event-excel-search-input {
    flex: 1 1;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    max-width: 400px;
}

.event-excel-search-input:focus {
    outline: none;
    border-color: #583278;
    box-shadow: 0 0 0 2px rgba(88, 50, 120, 0.1);
}

.event-excel-search-count {
    margin-left: 15px;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}


.event-excel-table-wrapper {
    padding: 0 20px;
    overflow: auto;
    max-height: 400px;
}

.event-excel-modal-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.event-excel-modal-table-header {
    background-color: #583278;
    color: white;
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.event-excel-modal-table-row {
    border-bottom: 1px solid #e9ecef;
}

.event-excel-modal-table-row:nth-child(even) {
    background-color: #f8f9fa;
}

.event-excel-modal-table-cell {
    padding: 10px 15px;
    font-size: 13px;
    border-right: 1px solid #e9ecef;
}

.event-excel-modal-table-cell:last-child {
    border-right: none;
}

.event-excel-modal-no-data {
    text-align: center;
    padding: 40px;
    color: #6c757d;
    font-size: 16px;
}


.event-excel-modal-pagination {
    padding: 15px 20px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-excel-page-info {
    color: #6c757d;
    font-size: 14px;
}

.event-excel-page-buttons {
    display: flex;
    gap: 8px;
}

.event-excel-page-button {
    padding: 6px 12px;
    border: 1px solid #dee2e6;
    background: white;
    color: #495057;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}

.event-excel-page-button:hover:not(:disabled) {
    background-color: #f8f9fa;
}

.event-excel-page-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.event-excel-page-button-active {
    background-color: #583278;
    color: white;
    border-color: #583278;
}


@media (max-width: 768px) {
    .event-excel-modal-header {
        flex-direction: column;
        gap: 15px;
    }
    
    .event-excel-header-left,
    .event-excel-header-right {
        width: 100%;
        justify-content: space-between;
    }
    
    .event-excel-search-container {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .event-excel-search-input {
        max-width: 100%;
    }
    
    .event-excel-search-count {
        margin-left: 0;
        text-align: center;
    }
    
    .event-excel-modal-pagination {
        flex-direction: column;
        gap: 10px;
    }
    
    .event-excel-table-wrapper {
        max-height: 300px;
    }
}

.event-delete-button {
    background-color: #fde7e9;
    color: #d32f2f;
    border: 1px solid #f5c6cb;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.event-delete-button:hover {
    background-color: #d32f2f;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(211, 47, 47, 0.2);
}

.event-icon-delete {
    font-size: 16px;
}

.event-action-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.event-success-message {
    background-color: #d4edda;
    color: #155724;
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    border-left: 4px solid #28a745;
}


@media (max-width: 768px) {
    .event-action-buttons {
        flex-direction: column;
        gap: 5px;
    }
    
    .event-delete-button {
        width: 36px;
        height: 36px;
        padding: 6px;
    }
    
    .event-icon-delete {
        font-size: 14px;
    }
}

.event-budget-amount {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

.event-currency-icon {
    color: #28a745;
    font-size: 12px;
}

.event-budget-items-count {
    background-color: #e3f2fd;
    color: #1976d2;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}


.event-status-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    border: 1px solid transparent;
}

.event-status-approved {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}

.event-status-pending {
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffeaa7;
}

.event-status-draft {
    background-color: #e2e3e5;
    color: #383d41;
    border-color: #d6d8db;
}

.event-status-rejected {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

.event-status-default {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}


.event-edit-button {
    background-color: #ffc107;
    color: #212529;
    border: none;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.event-edit-button:hover {
    background-color: #e0a800;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.2);
}

.event-icon-edit {
    font-size: 16px;
}


.event-action-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
}


@media (max-width: 768px) {
    .event-action-buttons {
        flex-direction: column;
        gap: 5px;
    }
    
    .event-view-button,
    .event-edit-button,
    .event-delete-button {
        width: 36px;
        height: 36px;
        padding: 6px;
    }
    
    .event-icon-view,
    .event-icon-edit,
    .event-icon-delete {
        font-size: 14px;
    }
    
    .event-todo-table {
        display: block;
        overflow-x: auto;
    }
    
    .event-budget-items-count {
        font-size: 11px;
        padding: 3px 8px;
    }
    
    .event-status-badge {
        min-width: 70px;
        font-size: 11px;
        padding: 4px 8px;
    }
}

.event-calculator-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.event-calculator-modal {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 1000px;
    max-height: 120vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: event-modal-slide-in 0.3s ease;
}

.event-calculator-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 25px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 12px 12px 0 0;
}

.event-calculator-title {
    margin: 0;
    color: #333;
    font-size: 22px;
    font-weight: 600;
}

.event-calculator-content {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.event-calculator-items {
    flex: 1 1;
    overflow: auto;
    padding: 0 25px;
}

.event-calculator-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.event-calculator-table th {
    background-color: #583278;
    color: white;
    padding: 14px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.event-calculator-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.event-calculator-row:hover {
    background-color: #f8f9fa;
}

.event-calculator-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.event-calculator-input:focus {
    outline: none;
    border-color: #583278;
    box-shadow: 0 0 0 2px rgba(88, 50, 120, 0.1);
}

.event-calculator-input.event-calculator-total {
    background-color: #f8f9fa;
    color: #212529;
    cursor: not-allowed;
    border-color: #e9ecef;
}

.event-calculator-add-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 20px 0;
}

.event-calculator-add-button:hover {
    background-color: #4a2a6b;
}


.event-calculator-remove-button {
    background-color: #fde7e9;
    color: #d32f2f;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.event-calculator-remove-button:hover {
    background-color: #d32f2f;
    color: white;
}


.event-calculator-totals {
    padding: 0px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
}

.event-calculator-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.event-calculator-total-row:first-child {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.event-calculator-total-label {
    color: #495057;
    font-size: 18px;
    font-weight: 500;
}

.event-calculator-total-value {
    color: #212529;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.event-calculator-grand-total {
    color: #583278;
    font-size: 24px;
}

.event-calculator-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding: 5px 0px;
}

.event-calculator-cancel-button {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.event-calculator-cancel-button:hover {
    background-color: #5a6268;
}

.event-calculator-submit-button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.event-calculator-submit-button:hover {
    background-color: #218838;
}

@media (max-width: 768px) {
    .event-calculator-modal {
        max-height: 90vh;
    }
    
    .event-calculator-header {
        padding: 15px 20px;
    }
    
    .event-calculator-items {
        padding: 0 20px;
    }
    
    .event-calculator-totals {
        padding: 15px 20px;
    }
    
    .event-calculator-actions {
        padding: 15px 20px;
        flex-direction: column;
    }
    
    .event-calculator-cancel-button,
    .event-calculator-submit-button {
        width: 100%;
    }
}
.event-calculator-budget-info {
  margin-top: 10px;
  padding: 12px;
  background: #f5f5f5;
  border-radius: 6px;
}

.event-calculator-budget-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}

.event-calculator-budget-description {
  font-size: 14px;
  color: #555;
}
.event-calculator-metadata {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.event-calculator-input-group {
    margin-bottom: 15px;
}

.event-calculator-input-group:last-child {
    margin-bottom: 0;
}

.event-calculator-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}

.event-required {
    color: #dc3545;
    margin-left: 3px;
}

.event-calculator-metadata-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out;
}

.event-calculator-metadata-input:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.event-calculator-metadata-input:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.event-calculator-metadata-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    transition: border-color 0.15s ease-in-out;
}

.event-calculator-metadata-textarea:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.event-calculator-metadata-textarea:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}
.event-upload-modal {
    max-width: 600px;
    width: 90%;
}

.event-upload-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.event-upload-modal-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #583278;
}

.event-excel-icon {
    color: #217346;
    font-size: 24px;
}

.event-upload-modal-content {
    padding: 20px;
}

.event-upload-sample-section {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-upload-sample-info h4 {
    margin: 0 0 8px 0;
    color: #495057;
}

.event-upload-sample-info p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
}

.event-download-sample-button {
    background-color: #217346;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 500;
    transition: background-color 0.3s;
}

.event-download-sample-button:hover:not(:disabled) {
    background-color: #1a5c38;
}

.event-download-sample-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.event-upload-form-section {
    margin-bottom: 20px;
}

.event-upload-input-group {
    margin-bottom: 20px;
}

.event-upload-input-group:last-child {
    margin-bottom: 0;
}

.event-upload-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}

.event-upload-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out;
}

.event-upload-input:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.event-upload-input:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.event-upload-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    transition: border-color 0.15s ease-in-out;
}

.event-upload-textarea:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.event-upload-textarea:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.event-upload-file-area {
    border: 2px dashed #ced4da;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: border-color 0.3s;
    background-color: #f8f9fa;
}

.event-upload-file-area:hover {
    border-color: #80bdff;
}

.event-upload-file-input {
    display: none;
}

.event-upload-file-drop {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.event-upload-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 10px;
}

.event-upload-file-text {
    margin: 10px 0 5px 0;
    color: #495057;
    font-weight: 500;
}

.event-upload-file-types {
    margin: 0 0 15px 0;
    color: #6c757d;
    font-size: 12px;
}

.event-upload-browse-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
}

.event-upload-browse-button:hover:not(:disabled) {
    background-color: #45275d;
}

.event-upload-browse-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.event-upload-file-selected {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    width: 100%;
    max-width: 400px;
}

.event-file-icon {
    font-size: 32px;
    color: #217346;
}

.event-upload-file-info {
    flex: 1 1;
    text-align: left;
}

.event-upload-file-name {
    display: block;
    font-weight: 500;
    color: #495057;
    margin-bottom: 4px;
    word-break: break-word;
}

.event-upload-file-size {
    display: block;
    color: #6c757d;
    font-size: 12px;
}

.event-upload-file-remove {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.event-upload-file-remove:hover {
    background-color: rgba(220, 53, 69, 0.1);
}

.event-upload-error-message {
    background-color: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 4px;
    margin-top: 10px;
    border: 1px solid #f5c6cb;
    font-size: 14px;
}

.event-upload-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
}

.event-upload-cancel-button {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
}

.event-upload-cancel-button:hover:not(:disabled) {
    background-color: #5a6268;
}

.event-upload-cancel-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.event-upload-submit-button {
    background-color: #583278;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.event-upload-submit-button:hover:not(:disabled) {
    background-color: #45275d;
}

.event-upload-submit-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.event-upload-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.event-required {
    color: #dc3545;
    margin-left: 3px;
}
.event-column-list {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    font-size: 12px;
}

.event-column-list li {
    margin-bottom: 4px;
    color: #6c757d;
    display: flex;
    align-items: center;
}

.event-column-list li::before {
    content: "•";
    color: #583278;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.event-column-list strong {
    color: #495057;
    margin-right: 5px;
}

.event-upload-sample-info p {
    margin-bottom: 10px;
}
/* 
        :root {
            --primary-color: #351450;
            --primary-light: #4a1d6e;
            --accent-color-1: #e91e63;
            --accent-color-2: #9c27b0;
            --base-color: #f9f7fd;
            --dark: #333;
            --light: #f8f9fa;
            --gray: #6c757d;
            --border: #e9ecef;
            --success: #10b981;
            --warning: #f59e0b;
            --danger: #ef4444;
            --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --sidebar-width: 280px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f5f7fb;
            color: var(--dark);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .dashboard-container {
            display: flex;
            min-height: 100vh;
        }

        /* Mobile Header */
.mobile-header {
    display: none;
    background: white;
    padding: 12px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mobile-logo {
    display: flex;
    align-items: center;
}

.mobile-logo img {
    height: 30px;
    margin-right: 10px;
}

.mobile-menu-toggle {
    background: var(--primary-color);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}

.mobile-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-notification-icon {
    position: relative;
    font-size: 18px;
    color: var(--gray);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.mobile-notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
}

.mobile-notification-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar {
    width: var(--sidebar-width);
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-light) 100%);
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
    transition: all 0.3s ease;
}

.sidebar.collapsed {
    width: 70px;
}

.sidebar-header {
    padding: 0 20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-logo {
    color: white;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    display: flex;
    align-items: center;
}

.sidebar-logo img {
    height: 50px;
}

.toggle-sidebar {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.toggle-sidebar:hover {
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    margin-bottom: 5px;
}

.sidebar-menu a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 0 30px 30px 0;
    margin-right: 15px;
}

.sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.sidebar-menu a.active {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.sidebar-menu a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--accent-color-1);
    border-radius: 0 4px 4px 0;
}

.sidebar-menu i {
    margin-right: 15px;
    width: 20px;
    text-align: center;
    font-size: 18px;
}

.sidebar-menu span {
    transition: opacity 0.3s ease;
}

.sidebar.collapsed .sidebar-menu span {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.sidebar.collapsed .sidebar-menu i {
    margin-right: 0;
}

.sidebar.collapsed .sidebar-menu a {
    justify-content: center;
    padding: 15px;
}

.sidebar-submenu {
    list-style: none;
    padding-left: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

.sidebar-submenu.active {
    display: block;
}

.sidebar-submenu a {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0 20px 20px 0;
    margin-right: 15px;
}

.sidebar-submenu a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
    border-radius: 0 3px 3px 0;
}

.sidebar-submenu a.active::before {
    background: var(--accent-color-1);
}

*/ .menu-arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.menu-arrow.rotated {
    transform: rotate(90deg);
}

/* Main Content */
.main-content {
    flex: 1 1;
    padding: 20px;
    margin-left: var(--sidebar-width);
    transition: margin-left 0.3s ease;
}

.main-content.expanded {
    margin-left: 70px;
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 16px;
    box-shadow: var(--card-shadow);
}

.dashboard-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: 'Playfair Display', serif;
}

.user-info {
    display: flex;
    align-items: center;
    position: relative;
}

.notification-icon {
    position: relative;
    margin-right: 20px;
    font-size: 20px;
    color: var(--gray);
    cursor: pointer;
    transition: all 0.3s ease;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--primary-color);
}

.notification-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.user-profile:hover {
    background: rgba(0, 0, 0, 0.05);
}

.user-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    border: 2px solid var(--primary-color);
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-details {
    display: flex;
    flex-direction: column;
}

.user-name {
    font-weight: 500;
    line-height: 1.2;
}

.user-id {
    font-size: 12px;
    color: var(--gray);
    line-height: 1.2;
}

.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    min-width: 200px;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.user-dropdown.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.user-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: var(--dark);
    text-decoration: none;
    transition: all 0.3s ease;
}

.user-dropdown a:hover {
    background: var(--base-color);
    color: var(--primary-color);
}

.user-dropdown a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
    color: var(--primary-color);
}

.notifications-panel {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.notifications-panel.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.notifications-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: white;
    border-radius: 12px 12px 0 0;
}

.notifications-title {
    font-weight: 600;
    color: var(--primary-color);
}

.mark-all-read {
    font-size: 12px;
    color: var(--accent-color-1);
    cursor: pointer;
    background: none;
    border: none;
    transition: all 0.3s ease;
}

.mark-all-read:hover {
    text-decoration: underline;
}

.notifications-content {
    padding: 10px 0;
}

/* Notification Styles */
.notification-item {
    display: flex;
    align-items: flex-start;
    padding: 12px 20px;
    transition: all 0.3s ease;
    background: white;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background: var(--base-color);
}

.notification-item.unread {
    background: rgba(233, 30, 99, 0.03);
}

.notification-icon-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--base-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    color: var(--primary-color);
    font-size: 16px;
}

.notification-item.unread .notification-icon-wrapper {
    background: rgba(233, 30, 99, 0.1);
    color: var(--accent-color-1);
}

.notification-content {
    flex: 1 1;
}

.notification-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
}

.notification-text {
    font-size: 13px;
    color: var(--gray);
    line-height: 1.4;
    margin-bottom: 4px;
}

.notification-time {
    font-size: 11px;
    color: var(--gray);
    display: flex;
    align-items: center;
}

.notification-time::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gray);
    margin-right: 6px;
}

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: var(--card-shadow);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.stat-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 24px;
    color: white;
}

.stat-icon.primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
}

.stat-icon.accent {
    background: linear-gradient(135deg, var(--accent-color-1), var(--accent-color-2));
}

.stat-icon.success {
    background: linear-gradient(135deg, var(--success), #34d399);
}

.stat-icon.warning {
    background: linear-gradient(135deg, var(--warning), #fbbf24);
}

.stat-info {
    flex: 1 1;
}

.stat-number {
    font-size: 28px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 14px;
    color: var(--gray);
}

.stat-trend {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
}

.trend-up {
    color: var(--success);
}

.trend-down {
    color: var(--danger);
}

/* Cards */
.card {
    background: white;
    border-radius: 16px;
    box-shadow: var(--card-shadow);
    padding: 25px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.card-title i {
    color: var(--accent-color-1);
    margin-right: 10px;
    font-size: 20px;
}

.card-title a {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

.card-title a:hover {
    color: var(--accent-color-1);
}

/* Vendor Dashboard Content Styles */
.booking-item,
.inquiry-item,
.review-item {
    display: flex;
    align-items: center;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    background: var(--base-color);
    transition: all 0.3s ease;
}

.booking-item:hover,
.inquiry-item:hover,
.review-item:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.booking-date {
    width: 60px;
    height: 60px;
    background: var(--primary-color);
    color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-weight: 600;
}

.booking-date-day {
    font-size: 20px;
    line-height: 1;
}

.booking-date-month {
    font-size: 12px;
    line-height: 1;
}

.booking-details {
    flex: 1 1;
}

.booking-event {
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--dark);
}

.booking-client {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 5px;
}

.booking-service {
    font-size: 14px;
    color: var(--gray);
    display: flex;
    align-items: center;
}

.booking-service i {
    margin-right: 5px;
    color: var(--accent-color-1);
}

.booking-status {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
    flex-shrink: 0;
}

.status-confirmed {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.status-pending {
    background: rgba(245, 158, 11, 0.1);
    color: var(--warning);
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.inquiry-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    color: white;
    font-size: 16px;
}

.inquiry-content {
    flex: 1 1;
}

.inquiry-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.inquiry-client {
    font-weight: 600;
    color: var(--dark);
}

.inquiry-date {
    font-size: 12px;
    color: var(--gray);
}

.inquiry-event {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 8px;
}

.inquiry-message {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 12px;
    line-height: 1.5;
}

.inquiry-actions {
    display: flex;
    gap: 10px;
}

.review-client {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
    border: 2px solid white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.review-client img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-content {
    flex: 1 1;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.review-client-name {
    font-weight: 600;
    color: var(--dark);
}

.review-rating {
    display: flex;
    align-items: center;
}

.review-rating i {
    color: #fbbf24;
    margin-right: 2px;
    font-size: 14px;
}

.review-event {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 8px;
}

.review-text {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 8px;
    line-height: 1.5;
}

.review-date {
    font-size: 12px;
    color: var(--gray);
}

.review-actions,
.inquiry-actions {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

/* Buttons */
.btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12px !important;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn i {
    margin-right: 5px;
}

.btn-accept {
    background: var(--success) !important;
    color: white !important;
}

.btn-accept:hover {
    background: #0da271 !important;
    transform: translateY(-2px) !important;
}

.btn-decline {
    background: var(--danger) !important;
    color: white !important;
}

.btn-decline:hover {
    background: #dc2626 !important;
    transform: translateY(-2px) !important;
}

.btn-reply {
    background: var(--primary-color);
    color: white;
}

.btn-reply:hover {
    background: var(--primary-light);
    transform: translateY(-2px);
}

/* Chart */
.chart-container {
    height: 250px;
    margin-bottom: 20px;
}

.analytics-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.analytics-item:last-child {
    border-bottom: none;
}

.analytics-label {
    font-weight: 500;
    color: var(--dark);
}

.analytics-value {
    font-weight: 600;
    color: var(--primary-color);
}

.analytics-change {
    font-size: 12px;
    margin-left: 5px;
    font-weight: 600;
}

.analytics-change.positive {
    color: var(--success);
}

.analytics-change.negative {
    color: var(--danger);
}

/* Mobile Overlay */
.mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .sidebar.collapsed {
        width: var(--sidebar-width);
        transform: translateX(-100%);
    }

    .sidebar.collapsed.active {
        transform: translateX(0);
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .main-content.expanded {
        margin-left: 0;
    }

    .mobile-header {
        display: flex;
    }

    .mobile-overlay.active {
        display: block;
    }

    .dashboard-header {
        margin-top: 70px;
        flex-direction: column;
        align-items: flex-start;
    }

    .user-info {
        margin-top: 15px;
        width: 100%;
        justify-content: space-between;
    }

    .notifications-panel {
        width: 300px;
        right: 15px;
    }

    .user-dropdown {
        right: 15px;
    }
}

@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-title {
        font-size: 24px;
    }

    .notification-item {
        flex-direction: column;
    }

    .notification-icon-wrapper {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .booking-item,
    .inquiry-item,
    .review-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .booking-date,
    .inquiry-icon,
    .review-client {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .booking-status {
        margin-left: 0;
        margin-top: 10px;
    }

    .inquiry-actions,
    .review-actions {
        margin-top: 10px;
        width: 100%;
        justify-content: flex-start;
    }

    .notifications-panel {
        width: 280px;
    }
}

@media (max-width: 576px) {
    .main-content {
        padding: 15px;
    }

    .card {
        padding: 20px;
    }

    .stat-card {
        flex-direction: column;
        text-align: center;
    }

    .stat-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-header .btn-primary {
        margin-top: 10px;
        align-self: flex-end;
    }

    .notifications-panel {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .user-dropdown {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .mobile-header {
        padding: 10px 15px;
    }

    .mobile-actions {
        gap: 8px;
    }

    .mobile-notification-icon,
    .mobile-menu-toggle {
        width: 36px;
        height: 36px;
    }
}

/* Modal Styles */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Reply button hover effect */
.btn-reply:hover {
    background: #4a1d6e;
    transform: translateY(-2px);
}

/* Loading spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fa-spinner.fa-spin {
    animation: spin 1s linear infinite;
}

/* No data message */
.no-data {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-style: italic;
}

/* Inquiry Status Styles */
.inquiry-status-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.inquiry-status-badge .status-accepted {
    color: #10b981;
    font-weight: bold;
    font-size: 12px;
}

.inquiry-status-badge .status-rejected {
    color: #ef4444;
    font-weight: bold;
    font-size: 12px;
}

.inquiry-status-message {
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}

.inquiry-status-message .status-text {
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 12px;
}

.inquiry-status-message .status-accepted {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.inquiry-status-message .status-rejected {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Button loading states */
.btn-accept:disabled,
.btn-decline:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner animation */
.fa-spinner.fa-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Improve inquiry icon position */
.inquiry-icon {
    position: relative;
}
:root {
    --primary-color: #351450;
    --primary-light: #4a1d6e;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --dark: #333;
    --light: #f8f9fa;
    --gray: #6c757d;
    --border: #e9ecef;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --sidebar-width: 280px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f5f7fb;
    color: #333;
    color: var(--dark);
    line-height: 1.6;
    overflow-x: hidden;
}

.dashboard-container {
    display: flex;
    min-height: 100vh;
    background-color: #fefefe;

}

/* Mobile Header */
.mobile-header {
    display: none;
    background: white;
    padding: 12px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mobile-logo {
    display: flex;
    align-items: center;
}

.mobile-logo img {
    height: 30px;
    margin-right: 10px;
}

.mobile-logo span {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #351450;
    color: var(--primary-color);
    font-size: 18px;
}

.mobile-menu-toggle {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}

.mobile-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-notification-icon {
    position: relative;
    font-size: 18px;
    color: #6c757d;
    color: var(--gray);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.mobile-notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
}

.mobile-notification-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Sidebar */
.sidebar {
    width: 280px;
    width: var(--sidebar-width);
    background: linear-gradient(180deg, #351450 0%, #4a1d6e 100%);
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-light) 100%);
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
    transition: all 0.3s ease;
    text-align: left;
}

.sidebar.collapsed {
    width: 70px;
}

.sidebar-header {
    padding: 0 20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-logo {
    color: white;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    display: flex;
    align-items: center;
}

.sidebar-logo img {
    height: 50px;
}

.toggle-sidebar {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.toggle-sidebar:hover {
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    margin-bottom: 5px;
}

.sidebar-menu a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 0 30px 30px 0;
    margin-right: 15px;
}

.sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.sidebar-menu a.active {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.sidebar-menu a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e91e63;
    background: var(--accent-color-1);
    border-radius: 0 4px 4px 0;
}

.sidebar-menu i {
    margin-right: 15px;
    width: 20px;
    text-align: center;
    font-size: 18px;
}

.sidebar-menu span {
    transition: opacity 0.3s ease;
}

.sidebar.collapsed .sidebar-menu span {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.sidebar.collapsed .sidebar-menu i {
    margin-right: 0;
}

.sidebar.collapsed .sidebar-menu a {
    justify-content: center;
    padding: 15px;
}

.sidebar-submenu {
    list-style: none;
    padding-left: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

.sidebar-submenu.active {
    display: block;
}

.sidebar-submenu a {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0 20px 20px 0;
    margin-right: 15px;
}

.sidebar-submenu a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
    border-radius: 0 3px 3px 0;
}

.sidebar-submenu a.active::before {
    background: #e91e63;
    background: var(--accent-color-1);
}

.menu-arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.menu-arrow.rotated {
    transform: rotate(90deg);
}

/* Main Content */
.main-content {
    flex: 1 1;
    padding: 20px;
    margin-left: 280px;
    margin-left: var(--sidebar-width);
    transition: margin-left 0.3s ease;
    text-align: left;
}

.main-content.expanded {
    margin-left: 70px;
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
}

.dashboard-title {
    font-size: 28px;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    font-family: 'Playfair Display', serif;
}

.user-info {
    display: flex;
    align-items: center;
    position: relative;
}

.notification-icon {
    position: relative;
    margin-right: 20px;
    font-size: 20px;
    color: #6c757d;
    color: var(--gray);
    cursor: pointer;
    transition: all 0.3s ease;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #351450;
    color: var(--primary-color);
}

.notification-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.user-profile:hover {
    background: rgba(0, 0, 0, 0.05);
}

.user-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    border: 2px solid #351450;
    border: 2px solid var(--primary-color);
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-details {
    display: flex;
    flex-direction: column;
}

.user-name {
    font-weight: 500;
    line-height: 1.2;
}

.user-id {
    font-size: 12px;
    color: #6c757d;
    color: var(--gray);
    line-height: 1.2;
}

.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    min-width: 200px;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.user-dropdown.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.user-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #333;
    color: var(--dark);
    text-decoration: none;
    transition: all 0.3s ease;
}

.user-dropdown a:hover {
    background: #f9f7fd;
    background: var(--base-color);
    color: #351450;
    color: var(--primary-color);
}

.user-dropdown a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
    color: #351450;
    color: var(--primary-color);
}

.notifications-panel {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.notifications-panel.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.notifications-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: white;
    border-radius: 12px 12px 0 0;
}

.notifications-title {
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
}

.mark-all-read {
    font-size: 12px;
    color: #e91e63;
    color: var(--accent-color-1);
    cursor: pointer;
    background: none;
    border: none;
    transition: all 0.3s ease;
}

.mark-all-read:hover {
    text-decoration: underline;
}

.notifications-content {
    padding: 10px 0;
}

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.stat-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 24px;
    color: white;
}

.stat-icon.primary {
    background: linear-gradient(135deg, #351450, #4a1d6e);
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
}

.stat-icon.accent {
    background: linear-gradient(135deg, #e91e63, #9c27b0);
    background: linear-gradient(135deg, var(--accent-color-1), var(--accent-color-2));
}

.stat-icon.success {
    background: linear-gradient(135deg, #10b981, #34d399);
    background: linear-gradient(135deg, var(--success), #34d399);
}

.stat-icon.warning {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    background: linear-gradient(135deg, var(--warning), #fbbf24);
}

.stat-info {
    flex: 1 1;
}

.stat-number {
    font-size: 28px;
    font-weight: 700;
    color: #351450;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
}

/* Content Layout */
.content-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 25px;
    gap: 25px;
}

/* Cards */
.card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
    padding: 25px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.card-title i {
    color: #e91e63;
    color: var(--accent-color-1);
    margin-right: 10px;
    font-size: 20px;
}

.card-title a {
    color: #351450;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.btn-primary {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(53, 20, 80, 0.2);
    font-size: 14px;
}

.btn-primary:hover {
    background: #4a1d6e;
    background: var(--primary-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(53, 20, 80, 0.3);
}

/* Event Card Styles */
.event-card {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    background: #f9f7fd;
    background: var(--base-color);
    border-left: 4px solid #351450;
    border-left: 4px solid var(--primary-color);
}

.event-card:hover {
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.event-date {
    width: 70px;
    height: 70px;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(53, 20, 80, 0.2);
}

.event-date-day {
    font-size: 24px;
    font-weight: 700;
}

.event-date-month {
    font-size: 14px;
    font-weight: 500;
}

.event-details {
    flex: 1 1;
}

.event-name {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 16px;
}

.event-location {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
    display: flex;
    align-items: center;
}

.event-location i {
    margin-right: 8px;
}

.event-status {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    flex-shrink: 0;
}

.status-upcoming {
    background: rgba(233, 30, 99, 0.1);
    color: #e91e63;
    color: var(--accent-color-1);
}

/* Vendor Card Styles */
.vendor-card {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    background: white;
    border: 1px solid #e9ecef;
    border: 1px solid var(--border);
}

.vendor-card:hover {
    border-color: #351450;
    border-color: var(--primary-color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.vendor-image {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.vendor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vendor-info {
    flex: 1 1;
}

.vendor-name {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
}

.vendor-categories {
    font-size: 13px;
    color: #6c757d;
    color: var(--gray);
    margin-bottom: 5px;
}

.vendor-ratings {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #6c757d;
    color: var(--gray);
}

.vendor-rating i {
    color: #fbbf24;
    margin-right: 3px;
}

/* Notification Styles - IMPROVED */
.notification-item {
    display: flex;
    align-items: flex-start;
    padding: 12px 20px;
    transition: all 0.3s ease;
    background: white;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background: #f9f7fd;
    background: var(--base-color);
}

.notification-item.unread {
    background: rgba(233, 30, 99, 0.03);
}

.notification-icon-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f9f7fd;
    background: var(--base-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    color: #351450;
    color: var(--primary-color);
    font-size: 16px;
}

.notification-item.unread .notification-icon-wrapper {
    background: rgba(233, 30, 99, 0.1);
    color: #e91e63;
    color: var(--accent-color-1);
}

.notification-content {
    flex: 1 1;
}

.notification-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
}

.notification-text {
    font-size: 13px;
    color: #6c757d;
    color: var(--gray);
    line-height: 1.4;
    margin-bottom: 4px;
}

.notification-time {
    font-size: 11px;
    color: #6c757d;
    color: var(--gray);
    display: flex;
    align-items: center;
}

.notification-time::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6c757d;
    background: var(--gray);
    margin-right: 6px;
}

/* To-Do Styles */
.todo-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #e9ecef;
    border: 1px solid var(--border);
    transition: all 0.3s ease;
}

.todo-item:hover {
    border-color: #351450;
    border-color: var(--primary-color);
}

.todo-checkbox {
    width: 22px;
    height: 22px;
    border: 2px solid #351450;
    border: 2px solid var(--primary-color);
    border-radius: 6px;
    margin-right: 15px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.todo-checkbox.checked {
    background: #351450;
    background: var(--primary-color);
    border-color: #351450;
    border-color: var(--primary-color);
}

.todo-checkbox.checked::after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: white;
    font-size: 12px;
}

.todo-text {
    flex: 1 1;
    font-weight: 500;
}

.todo-text.completed {
    text-decoration: line-through;
    color: #6c757d;
    color: var(--gray);
}

.todo-date {
    font-size: 12px;
    color: #6c757d;
    color: var(--gray);
    margin-left: 10px;
    padding: 4px 8px;
    background: #f9f7fd;
    background: var(--base-color);
    border-radius: 20px;
}

.todo-date.urgent {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    color: var(--danger);
}

/* Budget Styles */
.budget-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
}

.budget-item:last-child {
    border-bottom: none;
}

.budget-category {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.budget-category i {
    margin-right: 10px;
    color: #351450;
    color: var(--primary-color);
}

.budget-amount {
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
}

.budget-progress {
    height: 8px;
    background: #e9ecef;
    background: var(--border);
    border-radius: 4px;
    margin-top: 8px;
    overflow: hidden;
}

.budget-progress-bar {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.budget-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #e9ecef;
    border-top: 2px solid var(--border);
    font-weight: 700;
    font-size: 18px;
}

/* Mobile Overlay */
.mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

/* Custom Scrollbars */
.sidebar::-webkit-scrollbar,
.notifications-panel::-webkit-scrollbar,
.user-dropdown::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track,
.notifications-panel::-webkit-scrollbar-track,
.user-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar::-webkit-scrollbar-thumb,
.notifications-panel::-webkit-scrollbar-thumb,
.user-dropdown::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover,
.notifications-panel::-webkit-scrollbar-thumb:hover,
.user-dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

.notifications-panel::-webkit-scrollbar-thumb,
.user-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

.notifications-panel::-webkit-scrollbar-thumb:hover,
.user-dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

/* Focus styles for accessibility */
.sidebar-menu a:focus,
.todo-checkbox:focus,
.notification-icon:focus,
.user-profile:focus,
.user-dropdown a:focus,
.mark-all-read:focus,
.btn-primary:focus {
    outline: 2px solid #e91e63;
    outline: 2px solid var(--accent-color-1);
    outline-offset: 2px;
}

/* Remove focus outline for notification items and user profile */
.notification-item:focus,
.user-profile:focus {
    outline: none;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .content-grid {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .sidebar.collapsed {
        width: 280px;
        width: var(--sidebar-width);
        transform: translateX(-100%);
    }

    .sidebar.collapsed.active {
        transform: translateX(0);
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .main-content.expanded {
        margin-left: 0;
    }

    .mobile-header {
        display: flex;
    }

    .mobile-overlay.active {
        display: block;
    }

    .dashboard-header {
        margin-top: 70px;
        flex-direction: column;
        align-items: flex-start;
    }

    .user-info {
        margin-top: 15px;
        width: 100%;
        justify-content: space-between;
    }

    .notifications-panel {
        width: 300px;
        right: 15px;
    }

    .user-dropdown {
        right: 15px;
    }
}

@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-title {
        font-size: 24px;
    }

    .event-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-date {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .event-status {
        margin-left: 0;
        margin-top: 10px;
    }

    .vendor-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .vendor-image {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .notification-item {
        flex-direction: column;
    }

    .notification-icon-wrapper {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .todo-item {
        flex-wrap: wrap;
    }

    .todo-date {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

    .notifications-panel {
        width: 280px;
    }
}

@media (max-width: 576px) {
    .main-content {
        padding: 15px;
    }

    .card {
        padding: 20px;
    }

    .stat-card {
        flex-direction: column;
        text-align: center;
    }

    .stat-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-header .btn-primary {
        margin-top: 10px;
        align-self: flex-end;
    }

    .notifications-panel {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .user-dropdown {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .mobile-header {
        padding: 10px 15px;
    }

    .mobile-actions {
        gap: 8px;
    }

    .mobile-notification-icon,
    .mobile-menu-toggle {
        width: 36px;
        height: 36px;
    }
}
:root {
    --primary-color: #351450;
    --primary-light: #4a1d6e;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --dark: #333;
    --light: #f8f9fa;
    --gray: #6c757d;
    --border: #e9ecef;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --sidebar-width: 280px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f5f7fb;
    color: #333;
    color: var(--dark);
    line-height: 1.6;
    overflow-x: hidden;
}

.dashboard-container {
    display: flex;
    min-height: 100vh;
}

/* Mobile Header */
.mobile-header {
    display: none;
    background: white;
    padding: 12px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mobile-logo {
    display: flex;
    align-items: center;
}

.mobile-logo img {
    height: 30px;
    margin-right: 10px;
}

.mobile-menu-toggle {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}

.mobile-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-notification-icon {
    position: relative;
    font-size: 18px;
    color: #6c757d;
    color: var(--gray);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.mobile-notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
}

.mobile-notification-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Sidebar */
.sidebar {
    width: 280px;
    width: var(--sidebar-width);
    background: linear-gradient(180deg, #351450 0%, #4a1d6e 100%);
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-light) 100%);
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
    transition: all 0.3s ease;
}

.sidebar.collapsed {
    width: 70px;
}

.sidebar-header {
    padding: 0 20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-logo {
    color: white;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    display: flex;
    align-items: center;
}

.sidebar-logo img {
    height: 50px;
}

.toggle-sidebar {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.toggle-sidebar:hover {
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    margin-bottom: 5px;
}

.sidebar-menu a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 0 30px 30px 0;
    margin-right: 15px;
}

.sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.sidebar-menu a.active {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.sidebar-menu a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e91e63;
    background: var(--accent-color-1);
    border-radius: 0 4px 4px 0;
}

.sidebar-menu i {
    margin-right: 15px;
    width: 20px;
    text-align: center;
    font-size: 18px;
}

.sidebar-menu span {
    transition: opacity 0.3s ease;
}

.sidebar.collapsed .sidebar-menu span {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.sidebar.collapsed .sidebar-menu i {
    margin-right: 0;
}

.sidebar.collapsed .sidebar-menu a {
    justify-content: center;
    padding: 15px;
}

.sidebar-submenu {
    list-style: none;
    padding-left: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

.sidebar-submenu.active {
    display: block;
}

.sidebar-submenu a {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0 20px 20px 0;
    margin-right: 15px;
}

.sidebar-submenu a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
    border-radius: 0 3px 3px 0;
}

.sidebar-submenu a.active::before {
    background: #e91e63;
    background: var(--accent-color-1);
}

.menu-arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.menu-arrow.rotated {
    transform: rotate(90deg);
}

/* Main Content */
.main-content {
    flex: 1 1;
    padding: 20px;
    margin-left: 280px;
    margin-left: var(--sidebar-width);
    transition: margin-left 0.3s ease;
}

.main-content.expanded {
    margin-left: 70px;
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
}

.dashboard-title {
    font-size: 28px;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    font-family: 'Playfair Display', serif;
}

.user-info {
    display: flex;
    align-items: center;
    position: relative;
}

.notification-icon {
    position: relative;
    margin-right: 20px;
    font-size: 20px;
    color: #6c757d;
    color: var(--gray);
    cursor: pointer;
    transition: all 0.3s ease;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-icon:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #351450;
    color: var(--primary-color);
}

.notification-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.user-profile:hover {
    background: rgba(0, 0, 0, 0.05);
}

.user-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    border: 2px solid #351450;
    border: 2px solid var(--primary-color);
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-details {
    display: flex;
    flex-direction: column;
}

.user-name {
    font-weight: 500;
    line-height: 1.2;
}

.user-id {
    font-size: 12px;
    color: #6c757d;
    color: var(--gray);
    line-height: 1.2;
}

.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    min-width: 200px;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.user-dropdown.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.user-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #333;
    color: var(--dark);
    text-decoration: none;
    transition: all 0.3s ease;
}

.user-dropdown a:hover {
    background: #f9f7fd;
    background: var(--base-color);
    color: #351450;
    color: var(--primary-color);
}

.user-dropdown a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
    color: #351450;
    color: var(--primary-color);
}

.notifications-panel {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    display: none;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.notifications-panel.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.notifications-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: white;
    border-radius: 12px 12px 0 0;
}

.notifications-title {
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
}

.mark-all-read {
    font-size: 12px;
    color: #e91e63;
    color: var(--accent-color-1);
    cursor: pointer;
    background: none;
    border: none;
    transition: all 0.3s ease;
}

.mark-all-read:hover {
    text-decoration: underline;
}

.notifications-content {
    padding: 10px 0;
}

/* Notification Styles */
.notification-item {
    display: flex;
    align-items: flex-start;
    padding: 12px 20px;
    transition: all 0.3s ease;
    background: white;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background: #f9f7fd;
    background: var(--base-color);
}

.notification-item.unread {
    background: rgba(233, 30, 99, 0.03);
}

.notification-icon-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f9f7fd;
    background: var(--base-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    color: #351450;
    color: var(--primary-color);
    font-size: 16px;
}

.notification-item.unread .notification-icon-wrapper {
    background: rgba(233, 30, 99, 0.1);
    color: #e91e63;
    color: var(--accent-color-1);
}

.notification-content {
    flex: 1 1;
}

.notification-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
}

.notification-text {
    font-size: 13px;
    color: #6c757d;
    color: var(--gray);
    line-height: 1.4;
    margin-bottom: 4px;
}

.notification-time {
    font-size: 11px;
    color: #6c757d;
    color: var(--gray);
    display: flex;
    align-items: center;
}

.notification-time::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6c757d;
    background: var(--gray);
    margin-right: 6px;
}

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.stat-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 24px;
    color: white;
}

.stat-icon.primary {
    background: linear-gradient(135deg, #351450, #4a1d6e);
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
}

.stat-icon.accent {
    background: linear-gradient(135deg, #e91e63, #9c27b0);
    background: linear-gradient(135deg, var(--accent-color-1), var(--accent-color-2));
}

.stat-icon.success {
    background: linear-gradient(135deg, #10b981, #34d399);
    background: linear-gradient(135deg, var(--success), #34d399);
}

.stat-icon.warning {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    background: linear-gradient(135deg, var(--warning), #fbbf24);
}

.stat-info {
    flex: 1 1;
}

.stat-number {
    font-size: 28px;
    font-weight: 700;
    color: #351450;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
}

/* Cards */
.card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: var(--card-shadow);
    padding: 25px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    color: #351450;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.card-title i {
    color: #e91e63;
    color: var(--accent-color-1);
    margin-right: 10px;
    font-size: 20px;
}

.card-title a {
    color: #351450;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.btn-primary {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(53, 20, 80, 0.2);
    font-size: 14px;
}

.btn-primary:hover {
    background: #4a1d6e;
    background: var(--primary-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(53, 20, 80, 0.3);
}

/* Dashboard Content Styles */
.client-item,
.event-item,
.vendor-item,
.tool-item,
.report-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
    background: #f9f7fd;
    background: var(--base-color);
    transition: all 0.3s ease;
    border-left: 4px solid #351450;
    border-left: 4px solid var(--primary-color);
}

.client-item:hover,
.event-item:hover,
.vendor-item:hover,
.tool-item:hover,
.report-item:hover {
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.client-avatar,
.vendor-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
}

.client-avatar img,
.vendor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-date {
    width: 60px;
    height: 60px;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.event-date-day {
    font-size: 20px;
    font-weight: 600;
}

.event-date-month {
    font-size: 12px;
}

.client-info,
.event-details,
.vendor-info,
.tool-info,
.report-info {
    flex: 1 1;
}

.client-name,
.event-name,
.vendor-name,
.tool-name,
.report-name {
    font-weight: 600;
    margin-bottom: 5px;
}

.client-events,
.event-client,
.event-location,
.vendor-category,
.vendor-rating,
.tool-description,
.report-description {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
    margin-bottom: 5px;
}

.client-status,
.event-status,
.vendor-price {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    flex-shrink: 0;
}

.status-active {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    color: var(--success);
}

.status-inactive {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    color: var(--gray);
}

.status-planning {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    color: var(--warning);
}

.status-confirmed {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    color: var(--success);
}

.status-execution {
    background: rgba(233, 30, 99, 0.1);
    color: #e91e63;
    color: var(--accent-color-1);
}

.tool-icon,
.report-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #351450;
    background: var(--primary-color);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-size: 20px;
}

.report-icon {
    background: #e91e63;
    background: var(--accent-color-1);
}

.vendor-actions,
.tool-actions,
.report-actions {
    display: flex;
    gap: 10px;
}

.vendor-btn,
.tool-btn,
.report-btn {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.vendor-btn-select,
.tool-btn,
.report-btn-download {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

.vendor-btn-view,
.report-btn-view {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px;
    gap: 20px;
}

.portfolio-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.portfolio-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.portfolio-image {
    height: 160px;
    overflow: hidden;
    position: relative;
}

.portfolio-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.portfolio-card:hover .portfolio-image img {
    transform: scale(1.05);
}

.portfolio-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.portfolio-info {
    padding: 15px;
}

.portfolio-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #351450;
    color: var(--primary-color);
}

.portfolio-client {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
    margin-bottom: 10px;
}

.portfolio-date {
    font-size: 14px;
    color: #6c757d;
    color: var(--gray);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.portfolio-date i {
    margin-right: 5px;
}

.portfolio-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.portfolio-status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.portfolio-btn {
    background: #351450;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
}

.portfolio-btn:hover {
    background: #e91e63;
    background: var(--accent-color-1);
}

.chart-container {
    height: 250px;
    margin-bottom: 20px;
}

/* Mobile Overlay */
.mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .sidebar.collapsed {
        width: 280px;
        width: var(--sidebar-width);
        transform: translateX(-100%);
    }

    .sidebar.collapsed.active {
        transform: translateX(0);
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .main-content.expanded {
        margin-left: 0;
    }

    .mobile-header {
        display: flex;
    }

    .mobile-overlay.active {
        display: block;
    }

    .dashboard-header {
        margin-top: 70px;
        flex-direction: column;
        align-items: flex-start;
    }

    .user-info {
        margin-top: 15px;
        width: 100%;
        justify-content: space-between;
    }

    .notifications-panel {
        width: 300px;
        right: 15px;
    }

    .user-dropdown {
        right: 15px;
    }
}

@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-title {
        font-size: 24px;
    }

    .notification-item {
        flex-direction: column;
    }

    .notification-icon-wrapper {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .client-item,
    .event-item,
    .vendor-item,
    .tool-item,
    .report-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .client-avatar,
    .event-date,
    .vendor-image,
    .tool-icon,
    .report-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .client-status,
    .event-status,
    .vendor-price {
        margin-left: 0;
        margin-top: 10px;
    }

    .vendor-actions,
    .tool-actions,
    .report-actions {
        margin-top: 10px;
        width: 100%;
        justify-content: flex-start;
    }

    .portfolio-grid {
        grid-template-columns: 1fr;
    }

    .notifications-panel {
        width: 280px;
    }
}

@media (max-width: 576px) {
    .main-content {
        padding: 15px;
    }

    .card {
        padding: 20px;
    }

    .stat-card {
        flex-direction: column;
        text-align: center;
    }

    .stat-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-header .btn-primary {
        margin-top: 10px;
        align-self: flex-end;
    }

    .notifications-panel {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .user-dropdown {
        width: calc(100vw - 30px);
        right: 15px;
    }

    .mobile-header {
        padding: 10px 15px;
    }

    .mobile-actions {
        gap: 8px;
    }

    .mobile-notification-icon,
    .mobile-menu-toggle {
        width: 36px;
        height: 36px;
    }
}
:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --text-color: #333;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --radius: 12px;
    --transition: all 0.3s ease;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    color: var(--text-color);
    background-color: #fefefe;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
.header-top {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 10px 0;
    font-size: 14px;
}

.header-top a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s;
}

.header-top a:hover {
    color: white;
}

.header-links ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.header-links li {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.header-links li:last-child {
    margin-right: 0;
}

.header-links i {
    margin-right: 8px;
}

.social-links a {
    margin-left: 10px;
    font-size: 16px;
}

/* Navigation Styles */
.navbar {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo img {
    height: 40px;
    margin-right: 10px;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .nav-menu li {
        margin-left: 0;
    }
}

.nav-link {
    color: #333;
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    position: relative;
    transition: color 0.3s;
}

.nav-link:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.nav-link::after {
    /* content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--accent-color-1);
    transition: width 0.3s; */
}

.nav-link:hover::after {
    width: 100%;
}

.has-dropdown::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 12px;
}

/* Service Hero Section */
.service-hero {
    background: linear-gradient(135deg, #351450 0%, #5a2c7a 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #5a2c7a 100%);
    color: white;
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.service-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\" opacity=\"0.05\"><path fill=\"white\" d=\"M500,250c138.1,0,250,111.9,250,250S638.1,750,500,750S250,638.1,250,500S361.9,250,500,250z M500,200c-165.7,0-300,134.3-300,300s134.3,300,300,300s300-134.3,300-300S665.7,200,500,200L500,200z\"/></svg>") center/cover no-repeat;
}

.service-hero-content {
    position: relative;
    z-index: 1;
}

.service-hero-title {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}

.service-hero-subtitle {
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

.service-hero-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 12px;
    border-radius: var(--radius);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    transition: var(--transition);
    cursor: pointer;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 15px !important;

}

.btn-primary {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

.btn-primary:hover {
    background: #2a0e3d;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(53, 20, 80, 0.3);
}

.btn-outline {
    background: transparent;
    color: #351450;
    color: var(--primary-color);
    border: 1px solid #351450;
    border: 1px solid var(--primary-color);
}

.btn-outline:hover {
    background: #351450;
    background: var(--primary-color);
    color: white;
}

.btn-accent {
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
}

.btn-accent:hover {
    background: #d81b60;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
}

/* Service Detail Section */
.service-detail {
    padding: 80px 0;
}

.section-title {
    /* font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    position: relative; */
}

.service-packages .section-title {
    font-size: 36px;
    text-align: center;
} 

.section-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    /* background: var(--accent-color-1); */
}

.section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 16px;
}

.service-overview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    gap: 50px;
    margin-bottom: 80px;
    align-items: center;
}

.service-image {
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
}

.service-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.service-image:hover img {
    transform: scale(1.03);
}

.service-description {
    font-size: 16px;
    line-height: 1.8;
    color: #6c757d;
    color: var(--dark-gray);
}

.service-features {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.service-features h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
}

.features-grids {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    gap: 20px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.feature-icons {
    background: #351450;
    background: var(--primary-color);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-size: 14px;
}

.feature-text {
    flex: 1 1;
}

.feature-text h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.feature-text p {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* Service Packages Section */
.service-packages {
    padding: 80px 0;
    /* background: var(--base-color); */
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.package-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
}

.package-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.package-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #e91e63;
    background: var(--accent-color-1);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.package-header {
    padding: 30px 30px 20px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--medium-gray);
}

.package-name {
    font-size: 24px;
    margin-bottom: 10px;
    color: #351450;
    color: var(--primary-color);
}

.packages-price {
    font-size: 36px;
    font-weight: 700;
    color: #e91e63;
    color: var(--accent-color-1);
    margin-bottom: 5px;
}

.package-duration {
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

.package-features {
    padding: 30px;
}

.package-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.package-features li {
    padding: 8px 0;
    display: flex;
    align-items: center;
    text-align: left;
}

.package-features li i {
    color: #e91e63;
    color: var(--accent-color-1);
    margin-right: 10px;
    font-size: 14px;
}

.package-actions {
    padding: 0 30px 30px;
    text-align: center;
}

/* Process Section */
.process {
    padding: 80px 0;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.process-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    text-align: center;
    position: relative;
}

.process-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.step-number {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #351450;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.step-icon {
    font-size: 40px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.step-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.step-description {
    color: #6c757d;
    color: var(--dark-gray);
    font-size: 14px;
}

/* Testimonials Section */
.testimonials {
    padding: 80px 0;
    background: #f9f7fd;
    background: var(--base-color);
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    gap: 30px;
    margin-top: 50px;
}

.testimonial-card {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    transition: var(--transition);
    position: relative;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.testimonial-quote {
    font-size: 18px;
    color: #351450;
    color: var(--primary-color);
    margin-bottom: 20px;
    line-height: 1.5;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-info h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.author-info p {
    font-size: 14px;
    color: #6c757d;
    color: var(--dark-gray);
    margin: 0;
}

/* FAQ Section */
.faq {
    padding: 80px 0;
}

.faq-grid {
    max-width: 800px;
    margin: 50px auto 0;
}

.faq-item {
    background: white;
    border-radius: 12px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.faq-question {
    padding: 20px 30px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.faq-question:hover {
    background: #f8f9fa;
    background: var(--light-gray);
}

.faq-question h3 {
    font-size: 18px;
    margin: 0;
    color: #351450;
    color: var(--primary-color);
}

.faq-question i {
    color: #e91e63;
    color: var(--accent-color-1);
    transition: all 0.3s ease;
    transition: var(--transition);
}

.faq-answer {
    padding: 10px 30px 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    transition: var(--transition);
}

.faq-answer p {
    padding-bottom: 20px;
    margin: 0;
    color: #6c757d;
    color: var(--dark-gray);
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

.faq-item.active .faq-answer {
    max-height: 500px;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #351450 0%, #2a0e3d 100%);
    background: linear-gradient(135deg, var(--primary-color) 0%, #2a0e3d 100%);
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 36px;
    margin-bottom: 20px;
}

.cta-text {
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

/* Footer Styles */
.footer {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #e91e63;
    background-color: var(--accent-color-1);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.footer-links a:hover {
    color: white;
}

.footer-social {
    display: flex;
    margin-top: 15px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    color: white;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #e91e63;
    background-color: var(--accent-color-1);
    transform: translateY(-3px);
}

.copyright {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/* Responsive Design */
@media (max-width: 992px) {
    .service-overview {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .features-grids {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .service-hero-title {
        font-size: 36px;
    }

    .section-title {
        font-size: 28px;
    }

    .cta-title {
        font-size: 28px;
    }

    .packages-grid {
        grid-template-columns: 1fr;
    }
}
/* ServiceDetails.css में ये styles add करें */

/* Toast Message Styles */
.toast-message {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    min-width: 300px;
    max-width: 400px;
    animation: slideInRight 0.3s ease-out;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.toast-message.success {
    background-color: #f0f9eb;
    border-left: 4px solid #67c23a;
}

.toast-message.error {
    background-color: #fef0f0;
    border-left: 4px solid #f56c6c;
}

.toast-content {
    display: flex;
    align-items: center;
    padding: 16px;
}

.toast-icon {
    font-size: 20px;
    margin-right: 12px;
}

.toast-message.success .toast-icon {
    color: #67c23a;
}

.toast-message.error .toast-icon {
    color: #f56c6c;
}

.toast-text {
    flex: 1 1;
}

.toast-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.toast-close {
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    margin-left: 12px;
    transition: color 0.2s;
}

.toast-close:hover {
    color: #666;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* Saving Indicator */
.saving-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.saving-indicator .spinner {
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Button styles */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Package card additional button */
.package-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.service-hero-actions .btn.btn-accent {
    width: auto;
    width: initial;
    margin: 0;
    margin: initial;
    gap: 5px;
    padding: 10px 20px;
}

.service-detail .service-description
 {
    text-align: left;
}

.features-grids .feature-text {
    text-align: left;
}

.service-packages .packages-grid .package-card {
    padding: 0;
}
:root {
    --primary-color: #351450;
    --secondary-color: #b09061;
    --accent-color: #009E9D;
    --light-bg: #f8f5f0;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f5f0;
    background-color: var(--light-bg);
}

.playfair {
    font-family: 'Playfair Display', serif;
}

/* Custom animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.how-animate-float {
    animation: float 4s ease-in-out infinite;
}

.how-animate-pulse {
    animation: pulse 2s ease-in-out infinite;
}

.how-animate-fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f8f5f0;
    background: var(--light-bg);
}

::-webkit-scrollbar-thumb {
    background: #b09061;
    background: var(--secondary-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #351450;
    background: var(--primary-color);
}

/* Hero section */
.how-hero-gradient {
    background: linear-gradient(135deg, rgba(53, 20, 80, 0.9) 0%, rgba(176, 144, 97, 0.8) 100%);
}

/* Feature cards */
.how-feature-card {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.how-feature-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #b09061, #009E9D);
    background: linear-gradient(90deg, var(--secondary-color), var(--accent-color));
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

.how-feature-card:hover::before {
    transform: translateX(0);
}

.how-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Booking options */
.how-booking-option {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.how-booking-option:hover {
    border-color: #b09061;
    border-color: var(--secondary-color);
    transform: translateY(-5px);
}

/* Testimonial cards */
.how-testimonial-card {
    transition: all 0.3s ease;
}

.how-testimonial-card:hover {
    transform: scale(1.03);
}

/* Button styles */
.how-btn-primary {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
    transition: all 0.3s ease;
}

.how-btn-primary:hover {
    background-color: #b09061;
    background-color: var(--secondary-color);
    transform: translateY(-2px);
}

.how-btn-outline {
    border: 2px solid #351450;
    border: 2px solid var(--primary-color);
    color: #351450;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.how-btn-outline:hover {
    background-color: #351450;
    background-color: var(--primary-color);
    color: white;
}

.how-btn-outline-white {
    border: 2px solid #f8f5f0;
    border: 2px solid var(--light-bg);
    color: #f8f5f0;
    color: var(--light-bg);
    transition: all 0.3s ease;
}

.how-btn-outline-white:hover {
    background-color: #b09061;
    background-color: var(--secondary-color);
    color: #351450;
    color: var(--primary-color);
    border: 2px solid #b09061;
    border: 2px solid var(--secondary-color);
}

/* Icon boxes */
.how-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px;
    /* color: white; */
}

/* Navigation */
.how-navbar {
    transition: all 0.3s ease;
    background: #f8f5f0;
    background: var(--light-bg);
}

.how-navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Problem/Solution sections */
.how-problem-solution-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.how-problem-solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Vendor/Customer sections */
.how-vendor-customer-card {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

.how-vendor-customer-card:hover {
    border-left-color: #b09061;
    border-left-color: var(--secondary-color);
    background-color: white;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .how-hero-title {
        font-size: 2.5rem;
    }
    
    .how-section-title {
        font-size: 1.8rem;
    }
}


:root {
    --primary-color: #351450;
    --accent-color-1: #e91e63;
    --accent-color-2: #9c27b0;
    --base-color: #f9f7fd;
    --dark: #333;
    --light: #f8f9fa;
    --gray: #6c757d;
    --border: #e9ecef;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #f5f7fb;
    color: #333;
    color: var(--dark);
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: #351450;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

a:hover {
    color: #e91e63;
    color: var(--accent-color-1);
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.terms-section {
    padding: 80px 0;
}

.terms-header {
    text-align: center;
    margin-bottom: 60px;
}

.terms-header h2 {
    font-size: 2.5rem;
    margin-bottom: 15px;
    background: linear-gradient(to right, #351450, #9c27b0);
    background: linear-gradient(to right, var(--primary-color), var(--accent-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: 'Playfair Display', serif;
}

.terms-header p {
    color: #6c757d;
    color: var(--gray);
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
}

/* Terms Container */
.terms-container {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

.terms-nav {
    flex: 0 0 280px;
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: -webkit-fit-content;
    height: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    max-height: 80vh;
    overflow-y: auto;
}

.terms-nav h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    color: #351450;
    color: var(--primary-color);
    font-weight: 600;
}

.terms-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.terms-nav ul li {
    margin-bottom: 12px;
    list-style: none;
}

/* Navigation Links as Buttons */
.terms-nav-link {
    background: none;
    border: none;
    text-align: left;
    color: #6c757d;
    color: var(--gray);
    display: block;
    padding: 10px 0;
    border-left: 3px solid transparent;
    padding-left: 15px;
    border-radius: 0 5px 5px 0;
    font-size: 0.95rem;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

.terms-nav-link:hover {
    background: #f9f7fd;
    background: var(--base-color);
    padding-left: 20px;
    color: #351450;
    color: var(--primary-color);
}

.terms-nav-link.terms-active {
    color: #351450;
    color: var(--primary-color);
    border-left-color: #e91e63;
    border-left-color: var(--accent-color-1);
    font-weight: 600;
    background: #f9f7fd;
    background: var(--base-color);
}

.terms-content {
    flex: 1 1;
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.terms-section-content {
    margin-bottom: 50px;
    scroll-margin-top: 120px;
    padding-top: 10px;
}

.terms-section-content:last-child {
    margin-bottom: 0;
}

.terms-section-content h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #351450;
    color: var(--primary-color);
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    border-bottom: 1px solid var(--border);
    font-family: 'Playfair Display', serif;
}

.terms-section-content h3 {
    font-size: 1.3rem;
    margin: 25px 0 15px;
    color: #351450;
    color: var(--primary-color);
}

.terms-section-content p {
    margin-bottom: 15px;
    color: #6c757d;
    color: var(--gray);
    line-height: 1.7;
}

.terms-list {
    margin: 15px 0 15px 20px;
}

.terms-list li {
    margin-bottom: 10px;
    color: #6c757d;
    color: var(--gray);
    position: relative;
    padding-left: 10px;
    line-height: 1.6;
}

.terms-list li:before {
    content: "•";
    color: #e91e63;
    color: var(--accent-color-1);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.terms-last-updated {
    background: #f9f7fd;
    background: var(--base-color);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #e91e63;
    border-left: 4px solid var(--accent-color-1);
    font-size: 0.95rem;
}

.terms-intro {
    background: linear-gradient(135deg, #f9f7fd 0%, #f1edf9 100%);
    background: linear-gradient(135deg, var(--base-color) 0%, #f1edf9 100%);
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 40px;
    border: 1px solid #e9ecef;
    border: 1px solid var(--border);
}

.terms-intro p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    color: var(--dark);
}

.terms-contact {
    background: #f9f7fd;
    background: var(--base-color);
    padding: 25px;
    border-radius: 10px;
    margin-top: 50px;
    border-left: 4px solid #9c27b0;
    border-left: 4px solid var(--accent-color-2);
}

.terms-contact h3 {
    margin-bottom: 15px;
    color: #351450;
    color: var(--primary-color);
}

.terms-contact p {
    margin-bottom: 10px;
    color: #6c757d;
    color: var(--gray);
}

/* Highlight important terms */
.terms-highlight {
    background-color: #fff8e1;
    padding: 15px;
    border-left: 4px solid #ffc107;
    margin: 20px 0;
    border-radius: 0 5px 5px 0;
}

.terms-note {
    background-color: #e8f4fd;
    padding: 15px;
    border-left: 4px solid #2196f3;
    margin: 20px 0;
    border-radius: 0 5px 5px 0;
    font-style: italic;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .terms-container {
        flex-direction: column;
    }

    .terms-nav {
        position: static;
        width: 100%;
        max-height: none;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .terms-header h2 {
        font-size: 2rem;
    }

    .terms-content {
        padding: 25px;
    }

    .terms-section-content h2 {
        font-size: 1.5rem;
    }

    .terms-section-content h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .terms-section {
        padding: 50px 0;
    }

    .terms-nav {
        padding: 20px;
    }

    .terms-intro {
        padding: 20px;
    }
    
    .terms-nav-link {
        padding: 8px 0;
        font-size: 0.9rem;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

/* Scrollbar styling for navigation */
.terms-nav::-webkit-scrollbar {
    width: 5px;
}

.terms-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.terms-nav::-webkit-scrollbar-thumb {
    background: #e91e63;
    background: var(--accent-color-1);
    border-radius: 10px;
}

.terms-nav::-webkit-scrollbar-thumb:hover {
    background: #d81b60;
}

/* Smooth scroll behavior for the entire page */
html {
    scroll-behavior: smooth;
}

/* Focus styles for accessibility */
.terms-nav-link:focus {
    outline: 2px solid #e91e63;
    outline: 2px solid var(--accent-color-1);
    outline-offset: 2px;
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-color: #351450;
            --accent-color-1: #5e1a96;
            --accent-color-2: #9c27b0;
            --base-color: #f9f7fd;
            --dark: #333;
            --light: #f8f9fa;
            --gray: #6c757d;
            --white: #ffffff;
            --border: #e9ecef;
            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
            --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
            --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
            --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            background-color: #f9f7fd;
            background-color: var(--base-color);
            color: #333;
            color: var(--dark);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Header Section */
        .vendor-listing-header-section {
            background: linear-gradient(135deg, #351450 0%, #9c27b0 100%);
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color-2) 100%);
            color: #ffffff;
            color: var(--white);
            padding: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .vendor-listing-header-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.1\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,112C1248,107,1344,117,1392,122.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") no-repeat bottom;
            background-size: cover;
            opacity: 0.3;
        }

        .vendor-listing-header-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 1.5rem;
            position: relative;
            z-index: 1;
        }

        /* .vendor-listing-header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1.5rem;
        } */

        .vendor-listing-header-title h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .vendor-listing-header-title p {
            font-size: 1.125rem;
            opacity: 0.9;
        }

        .vendor-listing-header-actions {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .vendor-listing-selected-count {
            background: rgba(255, 255, 255, 0.2);
            -webkit-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
            padding: 0.75rem 1.25rem;
            border-radius: 2rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-edit-btn {
            background: rgba(255, 255, 255, 0.2);
            -webkit-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: #ffffff;
            color: var(--white);
            padding: 0.75rem 1.25rem;
            border-radius: 0.5rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 0.5rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-edit-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-lg);
        }

        /* Categories Section */
        .vendor-listing-categories-section {
            background: #ffffff;
            background: var(--white);
            padding: 1.5rem 0;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
            position: relative;
            top: 0;
            z-index: 10;
        }

        .vendor-listing-categories-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        .vendor-listing-categories-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
        }

        .vendor-listing-categories-title {
            font-size: 1.25rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .vendor-listing-categories-title i {
            color: #5e1a96;
            color: var(--accent-color-1);
        }

        .vendor-listing-categories-controls {
            display: flex;
            gap: 0.5rem;
        }

        .vendor-listing-category-nav-btn {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            background: #f8f9fa;
            background: var(--light);
            border: none;
            color: #333;
            color: var(--dark);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow-sm);
        }

        .vendor-listing-category-nav-btn:hover {
            background: #5e1a96;
            background: var(--accent-color-1);
            color: #ffffff;
            color: var(--white);
            transform: scale(1.1);
        }

        .vendor-listing-category-nav-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .vendor-listing-categories-scroll {
            position: relative;
            overflow: hidden;
        }

        .vendor-listing-categories-list {
            display: flex;
            gap: 1rem;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding-bottom: 0.5rem;
            scrollbar-width: none;
        }

        .vendor-listing-categories-list::-webkit-scrollbar {
            display: none;
        }

        .vendor-listing-category-item .vendor-listing-category-svg-icon img {
            max-width: 40px;
            height: 40px;
            margin-bottom: 10px;
        }

        .vendor-listing-category-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: 100px;
            height: 100px;
            padding: 0.5rem;
            border-radius: 1rem;
            background: #f8f9fa;
            background: var(--light);
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            text-align: center;
            position: relative;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow-sm);
            align-self: flex-start;
            justify-content: center;
        }

        .vendor-listing-category-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-lg);
        }

        .vendor-listing-category-item.active {
            background: #351450;
            background: var(--primary-color);
            color: #ffffff;
            color: var(--white);
        }

        .vendor-listing-category-icon {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background: #ffffff;
            background: var(--white);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.5rem;
            font-size: 1.25rem;
            color: #5e1a96;
            color: var(--accent-color-1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow-sm);
        }

        .vendor-listing-category-item.active .vendor-listing-category-icon {
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            color: var(--white);
        }

        .vendor-listing-category-name {
            font-size: 0.615rem;
            font-weight: 500;
        }

        .vendor-listing-category-count {
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            background: #5e1a96;
            background: var(--accent-color-1);
            color: #ffffff;
            color: var(--white);
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.125rem 0.375rem;
            border-radius: 1rem;
            min-width: 1.5rem;
            text-align: center;
        }

        /* Main Content */
        .vendor-listing-main-content {
            max-width: 1400px;
            margin: 2rem auto;
            padding: 0 1.5rem;
            display: grid;
            grid-template-columns: 300px 1fr;
            grid-gap: 2rem;
            gap: 2rem;
        }

        /* Filters Sidebar */
        .vendor-listing-filters-sidebar {
            background: #ffffff;
            background: var(--white);
            border-radius: 1rem;
            padding: 1.5rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
            height: -webkit-fit-content;
            height: fit-content;
            position: -webkit-sticky;
            position: sticky;
            top: 120px;
        }

        .vendor-listing-filters-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e9ecef;
            border-bottom: 1px solid var(--border);
        }

        .vendor-listing-filters-title {
            font-size: 1.25rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .vendor-listing-filters-title i {
            color: #5e1a96;
            color: var(--accent-color-1);
        }

        .vendor-listing-clear-filters {
            color: #5e1a96;
            color: var(--accent-color-1);
            font-size: 0.875rem;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            background: none;
            border: none;
        }

        .vendor-listing-clear-filters:hover {
            text-decoration: underline;
        }

        .vendor-listing-filter-group {
            margin-bottom: 1.5rem;
        }

        .vendor-listing-filter-group-title {
            font-weight: 600;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .vendor-listing-filter-group-title i {
            color: #5e1a96;
            color: var(--accent-color-1);
        }

        .vendor-listing-search-box {
            position: relative;
        }

        .vendor-listing-search-box i {
            position: absolute;
            right: 0.75rem;
            top: 50%;
            transform: translateY(-50%);
            color: #9ca3af;
        }

        .vendor-listing-search-input {
            width: 100%;
            padding: 0.75rem 0.75rem 0.75rem 0.75rem;
            border: 1px solid #e9ecef;
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            font-size: 0.875rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            background-color: #f8f9fa;
            background-color: var(--light);
        }

        .vendor-listing-search-input:focus {
            outline: none;
            border-color: #5e1a96;
            border-color: var(--accent-color-1);
            box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1);
        }

        .vendor-listing-budget-inputs {
            display: flex;
            gap: 0;
            align-items: baseline;
            flex-direction: column;
        }

        .vendor-listing-budget-input {
            flex: 1 1;
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #e9ecef;
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            font-size: 0.875rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            background-color: #f8f9fa;
            background-color: var(--light);
        }

        .vendor-listing-budget-input:focus {
            outline: none;
            border-color: #5e1a96;
            border-color: var(--accent-color-1);
            box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1);
        }

        .vendor-listing-budget-separator {
            color: #9ca3af;
        }

        .vendor-listing-filter-group input[type="radio"] {
            max-width: 30px;
        }

        .vendor-listing-apply-filters-btn {
            width: 100%;
            padding: 0.75rem;
            background: linear-gradient(135deg, #5e1a96 0%, #9c27b0 100%);
            background: linear-gradient(135deg, var(--accent-color-1) 0%, var(--accent-color-2) 100%);
            color: #ffffff;
            color: var(--white);
            border: none;
            border-radius: 0.5rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            margin-top: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-apply-filters-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-lg);
        }

        /* Vendor Grid */
        .vendor-listing-vendor-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            grid-gap: 1.5rem;
            gap: 1.5rem;
        }

        .vendor-listing-vendor-card {
            background: #ffffff;
            background: var(--white);
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            position: relative;
        }

        .vendor-listing-vendor-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-xl);
        }

        .vendor-listing-vendor-image {
            position: relative;
            height: 200px;
            overflow: hidden;
        }

        .vendor-listing-vendor-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
        }

        .vendor-listing-vendor-card:hover .vendor-listing-vendor-image img {
            transform: scale(1.05);
        }

        .vendor-listing-vendor-badge {
            position: absolute;
            top: 1rem;
            left: 1rem;
            background: #5e1a96;
            background: var(--accent-color-1);
            color: #ffffff;
            color: var(--white);
            padding: 0.25rem 0.75rem;
            border-radius: 2rem;
            font-size: 0.75rem;
            font-weight: 600;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-vendor-actions {
            position: absolute;
            top: 1rem;
            right: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .vendor-listing-vendor-action-btn {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            -webkit-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
            border: none;
            color: #333;
            color: var(--dark);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow-sm);
        }

        .vendor-listing-vendor-action-btn:hover {
            background: #ffffff;
            background: var(--white);
            transform: scale(1.1);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-vendor-action-btn.active {
            background: #5e1a96;
            background: var(--accent-color-1);
            color: #ffffff;
            color: var(--white);
        }

        .vendor-listing-vendor-content {
            padding: 1.5rem;
        }

        .vendor-listing-vendor-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 0.75rem;
        }

        .vendor-listing-vendor-name {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-align: left;
        }

        .vendor-listing-vendor-description {
            text-align: left;
        }

        .vendor-listing-vendor-rating {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            color: #5e1a96;
            color: var(--accent-color-1);
            font-size: 0.875rem;
            font-weight: 500;
        }

        .vendor-listing-vendor-location {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #6c757d;
            color: var(--gray);
            font-size: 0.875rem;
            margin-bottom: 1rem;
        }

        .vendor-listing-vendor-location i {
            color: #5e1a96;
            color: var(--accent-color-1);
        }

        .vendor-listing-vendor-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #5e1a96;
            color: var(--accent-color-1);
            margin-bottom: 0.25rem;
            text-align: left;
        }

        .vendor-listing-vendor-price-note {
            font-size: 0.75rem;
            color: #6c757d;
            color: var(--gray);
            margin-bottom: 1rem;
        }

        .vendor-listing-vendor-footer {
            display: flex;
            gap: 0.5rem;
        }

        .vendor-listing-vendor-btn {
            flex: 1 1;
            padding: 0.75rem;
            border-radius: 0.5rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
            border: none;
            text-align: center;
        }

        .vendor-listing-vendor-btn-primary {
            background: linear-gradient(135deg, #5e1a96 0%, #9c27b0 100%);
            background: linear-gradient(135deg, var(--accent-color-1) 0%, var(--accent-color-2) 100%);
            color: #ffffff;
            color: var(--white);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: var(--shadow-sm);
        }

        .vendor-listing-vendor-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        .vendor-listing-vendor-btn-secondary {
            background: #f8f9fa;
            background: var(--light);
            color: #333;
            color: var(--dark);
        }

        .vendor-listing-vendor-btn-secondary:hover {
            background: #e9ecef;
            background: var(--border);
        }

        .vendor-listing-categories-section .vendor-listing-category-image-icon img {
            max-width: 40px;
            height: 40px;
        }

        /* Mobile Filters */
        .vendor-listing-mobile-filters-toggle {
            display: none;
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 50%;
            background: linear-gradient(135deg, #5e1a96 0%, #9c27b0 100%);
            background: linear-gradient(135deg, var(--accent-color-1) 0%, var(--accent-color-2) 100%);
            color: #ffffff;
            color: var(--white);
            border: none;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-lg);
            cursor: pointer;
            z-index: 100;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
        }

        .vendor-listing-mobile-filters-toggle:hover {
            transform: scale(1.1);
        }

        .vendor-listing-mobile-filters-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 200;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .vendor-listing-mobile-filters-overlay.active {
            opacity: 1;
        }

        .vendor-listing-mobile-filters-panel {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #ffffff;
            background: var(--white);
            border-radius: 1rem 1rem 0 0;
            padding: 1.5rem;
            max-height: 80vh;
            overflow-y: auto;
            z-index: 201;
            transform: translateY(100%);
            transition: transform 0.3s;
        }

        .vendor-listing-mobile-filters-panel.active {
            transform: translateY(0);
        }

        .vendor-listing-mobile-filters-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e9ecef;
            border-bottom: 1px solid var(--border);
        }

        .vendor-listing-mobile-filters-title {
            font-size: 1.25rem;
            font-weight: 600;
        }

        .vendor-listing-close-filters {
            background: none;
            border: none;
            font-size: 1.5rem;
            color: #6c757d;
            color: var(--gray);
            cursor: pointer;
        }

        /* Loading State */
        .vendor-listing-loading-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px;
            width: 100%;
        }

        .vendor-listing-loading-spinner {
            width: 50px;
            height: 50px;
            border: 5px solid #e9ecef;
            border: 5px solid var(--border);
            border-top: 5px solid #5e1a96;
            border-top: 5px solid var(--accent-color-1);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Empty State */
        .vendor-listing-empty-state {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 3rem;
            text-align: center;
        }

        .vendor-listing-empty-state-icon {
            font-size: 3rem;
            color: #6c757d;
            color: var(--gray);
            margin-bottom: 1rem;
        }

        .vendor-listing-empty-state-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        .vendor-listing-empty-state-text {
            color: #6c757d;
            color: var(--gray);
            margin-bottom: 1.5rem;
        }

        .vendor-listing-empty-state-btn {
            padding: 0.75rem 1.5rem;
            background: linear-gradient(135deg, #5e1a96 0%, #9c27b0 100%);
            background: linear-gradient(135deg, var(--accent-color-1) 0%, var(--accent-color-2) 100%);
            color: #ffffff;
            color: var(--white);
            border: none;
            border-radius: 0.5rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
        }

        .vendor-listing-empty-state-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow-md);
        }

        /* Pagination */
        .vendor-listing-pagination {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
        }

        .vendor-listing-pagination-list {
            display: flex;
            gap: 0.5rem;
        }

        .vendor-listing-pagination-item {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 0.5rem;
            background: #ffffff;
            background: var(--white);
            border: 1px solid #e9ecef;
            border: 1px solid var(--border);
            color: #333;
            color: var(--dark);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: var(--transition);
        }

        .vendor-listing-pagination-item:hover {
            background: #f8f9fa;
            background: var(--light);
        }

        .vendor-listing-pagination-item.active {
            background: #5e1a96;
            background: var(--accent-color-1);
            color: #ffffff;
            color: var(--white);
            border-color: #5e1a96;
            border-color: var(--accent-color-1);
        }

        .vendor-listing-pagination-item:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .vendor-listing-main-content {
                grid-template-columns: 1fr;
            }

            .vendor-listing-filters-sidebar {
                display: none;
            }

            .vendor-listing-mobile-filters-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .vendor-listing-mobile-filters-overlay {
                display: block;
            }
        }

        @media (max-width: 768px) {
            .vendor-listing-header-title h1 {
                font-size: 1.875rem;
            }

            .vendor-listing-header-content {
                flex-direction: column;
                align-items: flex-start;
            }

            .vendor-listing-vendor-grid {
                grid-template-columns: 1fr;
            }

            .vendor-listing-categories-list {
                gap: 0.75rem;
            }

            .vendor-listing-category-item {
                min-width: 80px;
                padding: 0.75rem 0.5rem;
            }

            .vendor-listing-category-icon {
                width: 2.5rem;
                height: 2.5rem;
                font-size: 1rem;
            }

            .vendor-listing-category-name {
                font-size: 0.75rem;
            }

            .vendor-listing-vendor-card {
                margin-bottom: 1rem;
            }
        }

        @media (max-width: 480px) {
            .vendor-listing-header-section {
                padding: 2rem 0;
            }

            .vendor-listing-header-title h1 {
                font-size: 1.5rem;
            }

            .vendor-listing-header-title p {
                font-size: 1rem;
            }

            .vendor-listing-selected-count {
                padding: 0.5rem 1rem;
            }

            .vendor-listing-edit-btn {
                padding: 0.5rem 1rem;
            }

            .vendor-listing-vendor-content {
                padding: 1rem;
            }

            .vendor-listing-vendor-name {
                font-size: 1rem;
            }

            .vendor-listing-vendor-price {
                font-size: 1.125rem;
            }
        }

        .vendor-listing-category-item.active .vendor-listing-category-image-icon {
            background: #fff;
            border-radius: 50%;
            padding: 10px;
            margin-bottom: 2px;
        }

        .eventdia-bug-report-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .eventdia-bug-report-body {
            background-color: #f5f7fa;
            color: #333;
            line-height: 1.6;
            min-height: 100vh;
            padding: 20px;
        }
        
        /* Container */
        .eventdia-bug-report-container {
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
        }
        
        /* Page Title */
        .eventdia-bug-report-page-title {
            text-align: center;
            margin: 0 0 40px 0;
            padding: 70px 10px;
        }
        
        .eventdia-bug-report-title {
            font-size: 2.5rem;
            color: #2c3e50;
            margin-bottom: 10px;
            word-wrap: break-word;
        }
        
        .eventdia-bug-report-subtitle {
            font-size: 1.2rem;
            color: #7f8c8d;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.5;
        }
        
        /* Main Layout */
        .eventdia-bug-report-layout {
            display: flex;
            gap: 40px;
            margin-bottom: 50px;
            flex-wrap: wrap;
        }
        
        /* Form Section */
        .eventdia-bug-report-form-section {
            flex: 2 1;
            min-width: 300px;
            background: white;
            border-radius: 12px;
            padding: 30px;
            text-align: left;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .eventdia-bug-report-form-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #f0f0f0;
            flex-wrap: wrap;
        }
        
        .eventdia-bug-report-form-icon {
            font-size: 2rem;
            color: #351450;
            margin-right: 15px;
            min-width: 40px;
        }
        
        .eventdia-bug-report-form-title {
            font-size: 1.8rem;
            color: #2c3e50;
            margin: 5px 0;
        }
        
        /* Form Elements */
        .eventdia-bug-report-form-group {
            margin-bottom: 25px;
            width: 100%;
        }
        
        .eventdia-bug-report-label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #2c3e50;
            width: 100%;
        }
        
        .eventdia-bug-report-required::after {
            content: " *";
            color: #e74c3c;
        }
        
        .eventdia-bug-report-input,
        .eventdia-bug-report-select,
        .eventdia-bug-report-textarea {
            width: 100%;
            padding: 14px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 1rem;
            transition: border-color 0.3s;
            box-sizing: border-box;
        }
        
        .eventdia-bug-report-input:focus,
        .eventdia-bug-report-select:focus,
        .eventdia-bug-report-textarea:focus {
            outline: none;
            border-color: #6a11cb;
        }
        
        .eventdia-bug-report-textarea {
            min-height: 150px;
            resize: vertical;
        }
        
        /* Improved Form Row for better spacing */
        .eventdia-bug-report-form-row {
            display: flex;
            gap: 20px;
            width: 100%;
            flex-wrap: wrap;
        }
        
        .eventdia-bug-report-form-row .eventdia-bug-report-form-group {
            flex: 1 1;
            min-width: 250px;
        }
        
        /* File Upload Styles */
        .eventdia-bug-report-file-upload {
            border: 2px dashed #c0c0c0;
            border-radius: 8px;
            padding: 25px;
            text-align: center;
            background-color: #f9f9f9;
            transition: border-color 0.3s;
            width: 100%;
            box-sizing: border-box;
        }
        
        .eventdia-bug-report-file-upload.drag-over {
            border-color: #6a11cb;
            background-color: #f0e6ff;
        }
        
        .eventdia-bug-report-file-upload-icon {
            font-size: 3rem;
            color: #6a11cb;
            margin-bottom: 15px;
        }
        
        .eventdia-bug-report-file-upload-text {
            margin-bottom: 15px;
            color: #5d6d7e;
            line-height: 1.5;
        }
        
        .eventdia-bug-report-file-input {
            display: none;
        }
        
        .eventdia-bug-report-file-btn {
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 6px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            display: inline-block;
            white-space: nowrap;
        }
        
        .eventdia-bug-report-file-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(106, 17, 203, 0.2);
        }
        
        .eventdia-bug-report-file-list {
            margin-top: 20px;
            width: 100%;
        }
        
        .eventdia-bug-report-file-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f0f4f8;
            padding: 12px 15px;
            border-radius: 6px;
            margin-bottom: 10px;
            width: 100%;
            box-sizing: border-box;
            flex-wrap: wrap;
        }
        
        .eventdia-bug-report-file-info {
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 1 1;
            min-width: 200px;
            flex-wrap: wrap;
        }
        
        .eventdia-bug-report-file-icon {
            color: #6a11cb;
            flex-shrink: 0;
        }
        
        .eventdia-bug-report-file-name {
            font-weight: 500;
            color: #2c3e50;
            word-break: break-word;
            flex: 1 1;
            min-width: 150px;
        }
        
        .eventdia-bug-report-file-size {
            color: #7f8c8d;
            font-size: 0.9rem;
            flex-shrink: 0;
        }
        
        .eventdia-bug-report-file-remove {
            background: #e74c3c;
            color: white;
            border: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
            flex-shrink: 0;
        }
        
        .eventdia-bug-report-file-remove:hover {
            background: #c0392b;
        }
        
        /* Submit Button */
        .eventdia-bug-report-submit-btn {
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            color: white;
            border: none;
            padding: 16px 32px;
            border-radius: 8px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            box-sizing: border-box;
            margin-top: 10px;
        }
        
        .eventdia-bug-report-submit-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 14px rgba(106, 17, 203, 0.2);
        }
        
        /* Info Sidebar */
        .eventdia-bug-report-info-sidebar {
            flex: 1 1;
            min-width: 300px;
            background: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            align-self: flex-start;
            text-align: left;
        }
        
        .eventdia-bug-report-info-box {
            margin-bottom: 30px;
            width: 100%;
        }
        
        .eventdia-bug-report-info-title {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.3rem;
            color: #2c3e50;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }
        
        .eventdia-bug-report-info-icon {
            color: #6a11cb;
            flex-shrink: 0;
        }
        
        .eventdia-bug-report-info-text {
            color: #5d6d7e;
            font-size: 1rem;
            line-height: 1.5;
            width: 100%;
        }
        
        .eventdia-bug-report-info-list {
            list-style: none;
            width: 100%;
        }
        
        .eventdia-bug-report-info-item {
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
        }
        
        .eventdia-bug-report-info-item-icon {
            color: #27ae60;
            font-size: 0.9rem;
            flex-shrink: 0;
        }
        
        /* Messages */
        .eventdia-bug-report-success-message {
            display: none;
            background: #d4edda;
            color: #155724;
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
            text-align: center;
            border: 1px solid #c3e6cb;
            width: 100%;
            box-sizing: border-box;
        }
        
        .eventdia-bug-report-success-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
        
        .eventdia-bug-report-error {
            color: #e74c3c;
            font-size: 0.9rem;
            margin-top: 5px;
            display: none;
            width: 100%;
        }
        
        /* Responsive Styles */
        @media (max-width: 1100px) {
            .eventdia-bug-report-layout {
                gap: 30px;
            }
            
            .eventdia-bug-report-form-section,
            .eventdia-bug-report-info-sidebar {
                padding: 25px;
            }
        }
        
        @media (max-width: 992px) {
            .eventdia-bug-report-layout {
                flex-direction: column;
            }
            
            .eventdia-bug-report-form-section,
            .eventdia-bug-report-info-sidebar {
                min-width: 100%;
                width: 100%;
            }
            
            .eventdia-bug-report-form-row .eventdia-bug-report-form-group {
                min-width: calc(50% - 10px);
            }
        }
        
        @media (max-width: 768px) {
            .eventdia-bug-report-body {
                padding: 15px;
            }
            
            .eventdia-bug-report-title {
                font-size: 2rem;
            }
            
            .eventdia-bug-report-subtitle {
                font-size: 1.1rem;
            }
            
            .eventdia-bug-report-form-title {
                font-size: 1.6rem;
            }
            
            .eventdia-bug-report-form-section,
            .eventdia-bug-report-info-sidebar {
                padding: 20px;
            }
            
            .eventdia-bug-report-form-row {
                flex-direction: column;
                gap: 0;
            }
            
            .eventdia-bug-report-form-row .eventdia-bug-report-form-group {
                min-width: 100%;
                width: 100%;
            }
            
            .eventdia-bug-report-form-group {
                margin-bottom: 20px;
            }
            
            .eventdia-bug-report-file-item {
                flex-direction: row;
            }
            
            .eventdia-bug-report-file-info {
                min-width: 100%;
                margin-bottom: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .eventdia-bug-report-body {
                padding: 10px;
            }
            
            .eventdia-bug-report-container {
                padding: 0;
            }
            
            .eventdia-bug-report-title {
                font-size: 1.8rem;
            }
            
            .eventdia-bug-report-subtitle {
                font-size: 1rem;
            }
            
            .eventdia-bug-report-form-title {
                font-size: 1.4rem;
            }
            
            .eventdia-bug-report-form-section,
            .eventdia-bug-report-info-sidebar {
                padding: 15px;
                border-radius: 10px;
            }
            
            .eventdia-bug-report-form-header {
                margin-bottom: 20px;
            }
            
            .eventdia-bug-report-input,
            .eventdia-bug-report-select,
            .eventdia-bug-report-textarea {
                padding: 12px;
                font-size: 0.95rem;
            }
            
            .eventdia-bug-report-file-upload {
                padding: 20px 15px;
            }
            
            .eventdia-bug-report-file-upload-icon {
                font-size: 2.5rem;
            }
            
            .eventdia-bug-report-file-btn {
                padding: 10px 20px;
                font-size: 0.95rem;
            }
            
            .eventdia-bug-report-info-title {
                font-size: 1.2rem;
            }
            
            .eventdia-bug-report-submit-btn {
                padding: 14px 24px;
                font-size: 1rem;
            }
        }
        
        /* Ensure no overlapping on very small screens */
        @media (max-width: 350px) {
            .eventdia-bug-report-title {
                font-size: 1.6rem;
            }
            
            .eventdia-bug-report-form-title {
                font-size: 1.3rem;
            }
            
            .eventdia-bug-report-form-icon {
                margin-right: 10px;
                font-size: 1.8rem;
            }
            
            .eventdia-bug-report-input,
            .eventdia-bug-report-select,
            .eventdia-bug-report-textarea {
                padding: 10px;
            }
            
            .eventdia-bug-report-file-name {
                font-size: 0.9rem;
            }
        }

.cookie-policy-container {
  min-height: 100vh;
  background: #f5f7fb;
  padding: 40px 16px;
  display: flex;
  justify-content: center;
}

.cookie-policy-card {
  background: #ffffff;
  max-width: 1150px;
  width: 100%;
  padding: 32px 36px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    sans-serif;
  color: #1f2937;
}

.cookie-policy-card h1 {
  font-size: 32px;
  margin-bottom: 10px;
  color: #111827;
}

.policy-meta {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 24px;
}

.cookie-policy-card h2 {
  margin-top: 28px;
  font-size: 20px;
  color: #111827;
}

.cookie-policy-card p {
  line-height: 1.7;
  margin-top: 10px;
  font-size: 15px;
}

.cookie-policy-card ul {
  margin-top: 10px;
  padding-left: 20px;
}

.cookie-policy-card li {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 15px;
}

.cookie-policy-card a {
  color: #5b2ccf; /* Eventdia-style accent */
  text-decoration: none;
}

.cookie-policy-card a:hover {
  text-decoration: underline;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
  .cookie-policy-card {
    padding: 24px 20px;
  }

  .cookie-policy-card h1 {
    font-size: 26px;
  }

  .cookie-policy-card h2 {
    font-size: 18px;
  }
}

/* MainLoader.css */
.loader-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff; /* clean, simple */
  z-index: 9999;
  font-family: 'Poppins', sans-serif;
}

.loader-title {
  font-size: 2rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 1.5rem;
  text-align: center;
}

.loader-subtitle {
  font-size: 1rem;
  font-weight: 400;
  color: #7f8c8d;
  margin-bottom: 2rem;
}

.loader-circle {
  width: 50px;
  height: 50px;
  border: 5px solid #ecf0f1;
  border-top: 5px solid #351450;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Smooth fade-in for loader */
@keyframes fadeIn {
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader-overlay {
  animation: fadeIn 0.5s ease forwards;
}

@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-body-font-family);font-size:1rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);color:#212529;color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:#fff;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:#212529;color:var(--bs-highlight-color);background-color:#fff3cd;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(13,110,253,1);color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:#fff;color:var(--bs-body-bg);background-color:#212529;background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;background-color:var(--bs-body-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color);color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:1px;border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(1px * 2) solid currentcolor;border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0;border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 1px;border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + 1px);padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + 1px);padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + 1px);padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-clip:padding-box;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;color:var(--bs-body-color);background-color:#fff;background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:1px 0;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(1px * 2));min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(1px * 2));height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(1px * 2));height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(1px * 2));height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),none;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(1px * 2));height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(1px * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(33,37,41,.65);color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:#fff;background-color:var(--bs-body-bg);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:1px 0;border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#198754;background-color:var(--bs-success);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754;background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754;color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#dc3545;background-color:var(--bs-danger);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545;background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545;color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:0.375rem;border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:75vh;max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:#212529;color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:"/";content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter: ;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter: ;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,1)!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,1)!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,1)!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,1)!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,1)!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,1)!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,1)!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,1)!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(13,110,253,1)!important;color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,110,253,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,110,253,1)!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,1)!important;color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,1)!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,1)!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(108,117,125,1)!important;color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(108,117,125,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(108,117,125,1)!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,1)!important;color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,1)!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,1)!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(25,135,84,1)!important;color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(25,135,84,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(25,135,84,1)!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,1)!important;color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,1)!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,1)!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(13,202,240,1)!important;color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(13,202,240,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(13,202,240,1)!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,1)!important;color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,1)!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,1)!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(255,193,7,1)!important;color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,193,7,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,193,7,1)!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,1)!important;color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,1)!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,1)!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(220,53,69,1)!important;color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(220,53,69,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(220,53,69,1)!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,1)!important;color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,1)!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,1)!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(248,249,250,1)!important;color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(248,249,250,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(248,249,250,1)!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,1)!important;color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,1)!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,1)!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(33,37,41,1)!important;color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(33,37,41,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(33,37,41,1)!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,1)!important;color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,1)!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,1)!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(0,0,0,1)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(0,0,0,1)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(0,0,0,1)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(0,0,0,.75)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(0,0,0,0.75)!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(0,0,0,0.75)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(13,110,253,0.5);-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(13,110,253,0.5);text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:translate3d(.25em,0,0);transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)!important;box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important;border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important;border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important;border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(13,110,253,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(108,117,125,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(25,135,84,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(13,202,240,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(255,193,7,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(220,53,69,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(248,249,250,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(33,37,41,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(0,0,0,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(255,255,255,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:#9ec5fe!important;border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:#c4c8cb!important;border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:#a3cfbb!important;border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:#9eeaf9!important;border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:#ffe69c!important;border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:#f1aeb5!important;border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:#e9ecef!important;border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:#adb5bd!important;border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(13,110,253,var(--bs-text-opacity))!important;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(108,117,125,var(--bs-text-opacity))!important;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(25,135,84,var(--bs-text-opacity))!important;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(13,202,240,var(--bs-text-opacity))!important;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(255,193,7,var(--bs-text-opacity))!important;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(220,53,69,var(--bs-text-opacity))!important;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(248,249,250,var(--bs-text-opacity))!important;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(0,0,0,var(--bs-text-opacity))!important;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.5)!important;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:#000!important;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:#052c65!important;color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:#2b2f32!important;color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:#0a3622!important;color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:#055160!important;color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:#664d03!important;color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:#58151c!important;color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:#495057!important;color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:#495057!important;color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(13,110,253,1)!important;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(13,110,253,1)!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(13,110,253,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(108,117,125,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(25,135,84,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(13,202,240,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(255,193,7,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(220,53,69,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(33,37,41,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(0,0,0,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(233,236,239,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:#cfe2ff!important;background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:#e2e3e5!important;background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:#d1e7dd!important;background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:#cff4fc!important;background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:#fff3cd!important;background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:#f8d7da!important;background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:#fcfcfd!important;background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:#ced4da!important;background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))!important;background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:0.25rem!important;border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:0.5rem!important;border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:1rem!important;border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:2rem!important;border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important;border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}

/**
 * React Carousel v1.0
 * Custom implementation inspired by Owl Carousel
 */
.react-carousel,
.react-carousel .react-carousel-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.react-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.react-carousel .react-carousel-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  display: flex;
  transition: transform 0.3s ease;
}

.react-carousel .react-carousel-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.react-carousel .react-carousel-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.react-carousel .react-carousel-item,
.react-carousel .react-carousel-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  flex-shrink: 0;
}

.react-carousel .react-carousel-item {
  min-height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.react-carousel .react-carousel-item img {
  display: block;
  width: 100%;
}

.react-carousel .react-carousel-dots.disabled,
.react-carousel .react-carousel-nav.disabled {
  display: none;
}

.no-js .react-carousel,
.react-carousel.react-carousel-loaded {
  display: block;
}

.react-carousel .react-carousel-dot,
.react-carousel .react-carousel-nav .react-carousel-next,
.react-carousel .react-carousel-nav .react-carousel-prev {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.react-carousel .react-carousel-nav button.react-carousel-next,
.react-carousel .react-carousel-nav button.react-carousel-prev,
.react-carousel button.react-carousel-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.react-carousel.react-carousel-loading {
  opacity: 0;
  display: block;
}

.react-carousel.react-carousel-hidden {
  opacity: 0;
}

.react-carousel.react-carousel-refresh .react-carousel-item {
  visibility: hidden;
}

.react-carousel.react-carousel-drag .react-carousel-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.react-carousel.react-carousel-grab {
  cursor: move;
  cursor: grab;
}

.react-carousel.react-carousel-rtl {
  direction: rtl;
}

.react-carousel.react-carousel-rtl .react-carousel-item {
  float: right;
}

.react-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.react-carousel .react-carousel-animated-in {
  z-index: 0;
}

.react-carousel .react-carousel-animated-out {
  z-index: 1;
}

.react-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.react-carousel-height {
  transition: height 0.5s ease-in-out;
}

.react-carousel .react-carousel-item .react-carousel-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.react-carousel .react-carousel-item .react-carousel-lazy:not([src]),
.react-carousel .react-carousel-item .react-carousel-lazy[src^=""] {
  max-height: 0;
}

.react-carousel .react-carousel-item img.react-carousel-lazy {
  transform-style: preserve-3d;
}

.react-carousel .react-carousel-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.react-carousel .react-carousel-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /* Using CSS for play icon instead of image */
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.react-carousel .react-carousel-video-play-icon::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent #000;
  margin-left: 5px;
}

.react-carousel .react-carousel-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.react-carousel .react-carousel-video-playing .react-carousel-video-play-icon,
.react-carousel .react-carousel-video-playing .react-carousel-video-tn {
  display: none;
}

.react-carousel .react-carousel-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.react-carousel .react-carousel-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Custom navigation styles */
.react-carousel-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.react-carousel-prev,
.react-carousel-next {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  transition: all 0.3s ease;
}

.react-carousel-prev:hover,
.react-carousel-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

.react-carousel-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.react-carousel-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 5px;
  transition: all 0.3s ease;
}

.react-carousel-dot.active {
  background: #333;
  transform: scale(1.2);
}

.react-carousel-theme .react-carousel-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.react-carousel-theme .react-carousel-nav [class*='react-carousel-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 8px 12px;
  background: #D6D6D6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  transition: all 0.3s ease;
  min-width: 40px;
  min-height: 40px;
}

.react-carousel-theme .react-carousel-nav [class*='react-carousel-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
  transform: translateY(-2px);
}

.react-carousel-theme .react-carousel-nav .react-carousel-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.react-carousel-theme .react-carousel-nav .react-carousel-disabled:hover {
  background: #D6D6D6;
  transform: none;
}

.react-carousel-theme .react-carousel-nav.react-carousel-disabled + .react-carousel-dots {
  margin-top: 10px;
}

.react-carousel-theme .react-carousel-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
}

.react-carousel-theme .react-carousel-dots .react-carousel-dot {
  display: inline-block;
  zoom: 1;
  display: inline;
}

.react-carousel-theme .react-carousel-dots .react-carousel-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 300ms ease;
  border-radius: 30px;
  cursor: pointer;
  border: none;
}

.react-carousel-theme .react-carousel-dots .react-carousel-dot.react-carousel-active span,
.react-carousel-theme .react-carousel-dots .react-carousel-dot:hover span {
  background: #869791;
  transform: scale(1.2);
}

.react-carousel-theme .react-carousel-dots .react-carousel-dot.react-carousel-active span {
  background: #869791;
  transform: scale(1.3);
}

.react-carousel-theme .react-carousel-prev::before {
  content: "‹";
  font-size: 20px;
  font-weight: bold;
}

.react-carousel-theme .react-carousel-next::before {
  content: "›";
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .react-carousel-theme .react-carousel-nav [class*='react-carousel-'] {
    padding: 6px 10px;
    min-width: 35px;
    min-height: 35px;
    font-size: 12px;
  }
  
  .react-carousel-theme .react-carousel-dots .react-carousel-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
  }
}

.react-carousel-theme-dark .react-carousel-nav [class*='react-carousel-'] {
  background: rgba(255, 255, 255, 0.2);
  color: #333;
}

.react-carousel-theme-dark .react-carousel-nav [class*='react-carousel-']:hover {
  background: rgba(255, 255, 255, 0.8);
}

.react-carousel-theme-dark .react-carousel-dots .react-carousel-dot span {
  background: rgba(255, 255, 255, 0.5);
}

.react-carousel-theme-dark .react-carousel-dots .react-carousel-dot.react-carousel-active span,
.react-carousel-theme-dark .react-carousel-dots .react-carousel-dot:hover span {
  background: rgba(255, 255, 255, 0.9);
}

.react-carousel-theme-light .react-carousel-nav [class*='react-carousel-'] {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}

.react-carousel-theme-light .react-carousel-nav [class*='react-carousel-']:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
}

.react-carousel-theme-light .react-carousel-dots .react-carousel-dot span {
  background: rgba(0, 0, 0, 0.2);
}

.react-carousel-theme-light .react-carousel-dots .react-carousel-dot.react-carousel-active span,
.react-carousel-theme-light .react-carousel-dots .react-carousel-dot:hover span {
  background: rgba(0, 0, 0, 0.6);
}
/* playfair-display-400normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Playfair Display Regular '),
    local('Playfair Display-Regular'),
    url(/static/media/playfair-display-latin-400.447195e486657fe7a819.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-400.b18bde605f16867f2a15.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-400italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Playfair Display Regular italic'),
    local('Playfair Display-Regularitalic'),
    url(/static/media/playfair-display-latin-400italic.56febc0898fd4dc2264d.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-400italic.cf9a4f9952511aa93044.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-500normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Playfair Display Medium '),
    local('Playfair Display-Medium'),
    url(/static/media/playfair-display-latin-500.b6b01560304298e44ce9.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-500.ec1dffa231100516a159.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-500italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Playfair Display Medium italic'),
    local('Playfair Display-Mediumitalic'),
    url(/static/media/playfair-display-latin-500italic.b75db1b343b2af95068b.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-500italic.de02afa4b5b7e059be29.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-600normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Playfair Display SemiBold '),
    local('Playfair Display-SemiBold'),
    url(/static/media/playfair-display-latin-600.38eec21bf146d030617e.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-600.d34d9ddd1af0a021ccf0.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-600italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local('Playfair Display SemiBold italic'),
    local('Playfair Display-SemiBolditalic'),
    url(/static/media/playfair-display-latin-600italic.401398dec1d58771e697.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-600italic.54867c7f184d0246d8eb.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-700normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Playfair Display Bold '),
    local('Playfair Display-Bold'),
    url(/static/media/playfair-display-latin-700.97682b48f27b05f14a12.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-700.86e30aff47be96fe4726.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Playfair Display Bold italic'),
    local('Playfair Display-Bolditalic'),
    url(/static/media/playfair-display-latin-700italic.a2ab2771842514450ea7.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-700italic.c08700ac482acfcc1127.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-800normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Playfair Display ExtraBold '),
    local('Playfair Display-ExtraBold'),
    url(/static/media/playfair-display-latin-800.b8c4df46163d0314dfd5.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-800.03cce25aed6db4146d74.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-800italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local('Playfair Display ExtraBold italic'),
    local('Playfair Display-ExtraBolditalic'),
    url(/static/media/playfair-display-latin-800italic.5fd51bd408dde1299cba.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-800italic.3f698cfc176c6c9d642a.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-900normal - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Playfair Display Black '),
    local('Playfair Display-Black'),
    url(/static/media/playfair-display-latin-900.9ca788bb1ad1ce4a20dc.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-900.56960f74d6782a320fcc.woff) format('woff'); /* Modern Browsers */
}

/* playfair-display-900italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Playfair Display Black italic'),
    local('Playfair Display-Blackitalic'),
    url(/static/media/playfair-display-latin-900italic.fe0e6a5a9591872b8278.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/playfair-display-latin-900italic.1941bdd07ac0582acc03.woff) format('woff'); /* Modern Browsers */
}



/*# sourceMappingURL=main.f59d4688.css.map*/