html,body,h1,h2,h3,h4,h5 {
      font-family: "Raleway", sans-serif;
    }

    body {
      background-color: #0b0d10;
    }

    /* Jeaf top bar tweak */
    .jeaf-top {
      z-index: 4;
      left: 0;
      right: 0;
      width: 100%;
    }

    .jeaf-logo-text {
      letter-spacing: 2px;
      font-weight: 600;
    }

    /* Main content container padding */
    .jeaf-main-inner {
      padding: 24px 16px 32px 16px;
    }

    /* Simple card look for content */
 .jeaf-card {
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(153,57,204,.20), rgba(13,54,252,.18)),
    rgba(255,255,255,.04);

  color: #fff;
  padding: 18px;
  margin-bottom: 50px;

  border: 1px solid #666;

 box-shadow:0 20px 60px rgba(0,0,0,0.45);
  transition: all 0.3s ease;
}

/* Hover = kun border glow */
.jeaf-card:hover {
  border-color: rgba(255,255,255,0.5);

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.2),
    0 0 18px rgba(153,57,204,0.18),
    0 0 35px rgba(13,54,252,0.12);
}
    .jeaf-card-light {
      background-color: #ffffff;
      color: #111;
    }

    .jeaf-tagline {
      opacity: 0.8;
      font-size: 13px;
    }

        /* Simple card look for content */
 .jeaf-card2 {
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(153,57,204,.20), rgba(13,54,252,.18)),
    rgba(255,255,255,.04);

  color: #fff; 

  border: 1px solid #666;

 box-shadow:0 20px 60px rgba(0,0,0,0.45);
  transition: all 0.3s ease;
}

/* Hover = kun border glow */
.jeaf-card2:hover {
  border-color: rgba(255,255,255,0.5);

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.2),
    0 0 18px rgba(153,57,204,0.18),
    0 0 35px rgba(13,54,252,0.12);
}
    .jeaf-card2-light {
      background-color: #ffffff;
      color: #111;
    }

 

    /* ===========================
       ACCORDION STYLES (B + C)
       =========================== */

   .accordion-header {
  width: 100%;
  padding: 8px 12px;
  border: none;
  outline: none;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}

.accordion-header span {
  font-weight: 600;
}

.accordion-icon {
  transition: transform 0.25s ease;
  opacity: 0.9;
}

.accordion-header.active .accordion-icon {
  transform: rotate(90deg);
}

.accordion-block {
  margin-bottom: 8px;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: 
    max-height 0.35s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}

.accordion-content.open {
  max-height: 1200px;
  opacity: 1;
  transform: translateY(0);
}

.accordion-content .w3-bar-block {
  width: 100%;
}

.accordion-content .w3-bar-item {
  white-space: normal;
  line-height: 1.35;
}

.w3-sidebar {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.white-shadow {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); 
    transition: 0.5s;
}
.white-shadow:hover {
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.7); 
}

	.shadow1 {
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;

  
}
	.shadow1:hover {
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
	}