:root{
      --brand:#48267a;
      --brand-dark:#3a1f62;
      --white:#ffffff;
      --max-width:1400px;
    }
    *{box-sizing:border-box}
    html, main {  }
    body { margin:0; font-family: Arial, Helvetica, sans-serif; line-height:1.6; color:#000; background:#fff; -webkit-font-smoothing:antialiased; }
    a{color:inherit}
    header {
      background:var(--brand);
      color:var(--white);
      padding:12px 20px;
      position:fixed;
      top:0; left:0; right:0;
      z-index:1000;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .header-left { display:flex; align-items:center; gap:12px; }
    .logo { font-weight:700; font-size:1.15rem; color:var(--white); text-decoration:none; }

    .menu-button {
      background:transparent;
      border:0;
      color:var(--white);
      font-weight:700;
      font-size:1rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      gap:8px;
      padding:6px 8px;
    }
    .menu-button:focus{ outline:2px solid rgba(255,255,255,0.15); outline-offset:2px; }

    nav { position:relative; }
    .dropdown {
      position:absolute;
      top:100%;
      left:20px;
      margin-top:8px;
      background:var(--white);
      color:#000;
      border-radius:8px;
      box-shadow:0 10px 30px rgba(0,0,0,0.15);
      width:260px;
      display:none;
      flex-direction:column;
      padding:8px;
      z-index:1100;
      box-sizing:border-box;
    }
    .dropdown.show{ display:flex; }

.dropdown.show,
.dropdown.mobile-full {
  display: flex;
}

    .dropdown a {
      padding:12px 14px;
      display:block;
      text-decoration:none;
      color:var(--brand);
      font-weight:600;
      border-radius:6px;
      width:100%;
    }
    .dropdown a:hover{ background:#f4f7fb; }
    .dropdown .divider {
      border-top:1px solid #ccc;
      margin:6px 0;
    }

    .menu-toggle { display:none; }
 
    main { padding-top:72px; }
    section { padding: 0px 20px 0px; max-width:var(--max-width); margin:auto; }
    h2 { color:var(--brand); margin-top:0; }
    .cta-button { display:inline-block; background:var(--brand); color:var(--white); padding:10px 18px; text-decoration:none; border-radius:6px; font-weight:700; }
    .cta-button:hover{ background:var(--brand-dark); }
    .btn { display:inline-block; background:var(--brand); color:var(--white); padding:10px 18px; text-decoration:none; border-radius:6px; font-weight:700; }
    .btn:hover{ background:var(--brand-dark); }
    footer { background:#f4f4f4; text-align:center; padding:20px; margin-top:40px; border-top:3px solid var(--brand); }

    #popup { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); justify-content:center; align-items:center; z-index:2000; }
    #popup .popup-content { background:#fff; padding:20px; border-radius:8px; max-width:420px; width:92%; text-align:center; box-sizing:border-box; }
    #popup input, #popup button { width:100%; padding:10px; margin:8px 0; }
    #popup button[type="submit"]{ background:var(--brand); color:#fff; border:0; cursor:pointer; font-weight:700; }
    #popup button[type="submit"]:hover{ background:var(--brand-dark); }

@media (max-width:768px){
  .menu-toggle { display:block; background:transparent; border:0; color:var(--white); font-size:20px; cursor:pointer; padding:6px; }
  .menu-button { display:none; }
  .dropdown {
    position:fixed;
    top:50px;
    left:0;
    right:0;
    width:100%;
    border-radius:0;
    box-shadow:none;
    padding:12px;
    background:var(--white);
    max-height:calc(100vh - 60px);
    overflow-y:auto;
  }
}


blockquote {
  position: relative;
  font-style: italic;
  color: #333;
  margin: 2.5em 0 2em; /* added a little more top margin */
  padding: 1.5em 2.5em; /* roomy sides */
  background: #f5f5f5;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

blockquote::before,
blockquote::after {
  font-family: Georgia, serif;
  font-size: 3.5rem;
  color: rgba(0, 0, 0, 0.35); /* darker, neutral grey instead of purple/red */
  position: absolute;
  line-height: 1;
  pointer-events: none;
}

blockquote::before {
  content: "\275D"; /* ? */
  top: 12px;
  left: 0px;
}

blockquote::after {
  content: "\275E"; /* ? */
  bottom: -10px;
  right: 22px;
}

.carousel-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 12px;
  padding: 8px 0;
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}
.carousel-scroll a {
  flex: 0 0 auto;
  scroll-snap-align: center;
  text-decoration: none;
}
.carousel-scroll img {
  max-height: 400px;
  width: auto;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}
.carousel-scroll img:hover {
  transform: scale(1.03);
}
#links-Videos{
  display: none;
}

.ui-state-error {
    background: #fbeaea !important;
    border: 1px solid #e09a9a !important;
    color: #b40000 !important;
}

.ui-state-highlight {
    background: #fff9cc !important;
    border: 1px solid #f2d675 !important;
    color: #8a6d00 !important;
}

.ui-corner-all {
    border-radius: 6px !important;
}

.ui-icon {
    background-image: url("https://code.jquery.com/ui/1.13.2/themes/base/images/ui-icons_444444_256x240.png") !important;
}