.hero-section {
  background: url(../images/hero-section-bg.png) no-repeat center center;
  background-size: cover;
  border-radius: 4rem;
  max-height: 32.7rem;
  max-width: 118.1rem;
  overflow-y: hidden;
  color: var(--bs-white);
}

.hero-section .right h4 {
  font-weight: 700;
  font-size: var(--fs-20);
}

.hero-section .right h5 {
  font-size: var(--fs-20);
}

.hero-section .right h1 {
  font-size: var(--fs-40);
  font-weight: 700;
  max-width: 53.3rem;
  line-height: 1.2;
}

.events-agenda {
  width: min(108.9rem, 100%);
  min-height: 8rem;
  height: auto;
  border-radius: 1.2rem;
  background-color: var(--bs-white);
  border: 1px solid var(--bs-gray-600);
  padding: 0 clamp(1.2rem, 4vw, 6.2rem);
  position: absolute;
  bottom: -4.75rem;
  left: 50%;
  transform: translateX(-50%);
  flex-wrap: wrap;
}

.events-agenda h5 {
  font-size: var(--fs-20);
  color: var(--bs-black);
  margin: 0;
}

.events-agenda-links {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--bs-gray-800);
  border-radius: 1.2rem;
  padding: 4px;
  width: 100%;
  flex: 1 1 37rem;
  max-width: 37rem;
  min-height: 5.7rem;
  height: auto;
}

.events-agenda-links li button {
  color: var(--bs-black) !important;
  width: 100% !important;
  flex: 1 1 10rem !important;
  text-align: center !important;
  padding: 1.3rem 1rem !important;
  border-radius: 0.8rem !important;
  transition: 0.5s !important;
  white-space: nowrap !important;
}

.events-agenda-links li{
  flex: 1 1 10rem !important;
}

.events-agenda-links li button:hover,
.events-agenda-links li button.active {
  background-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}

@media (max-width: 991.98px) {
  .events-agenda {
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    margin-top: 1.25rem;
    padding: 1.2rem;
  }

  .events-agenda h5 {
    width: 100%;
  }

  .events-agenda-links {
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .events-agenda-links li button {
    flex: 1 1 100%;
  }
}

/* ---------------------------FAQ--------------------------- */
.accordion-item {
  max-width: 108.9rem;
  margin: auto;
  border-radius: 1.2rem;
}

.accordion-item.mt-5 {
  border-top: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordion-button h3 {
  font-size: var(--fs-24);
  font-weight: 700;
  color: var(--bs-black);
}

.accordion-button h4 {
  font-size: var(--fs-20);
  font-weight: 700;
  color: var(--bs-black);
  margin-bottom: 0;
}

.accordion-button div {
  color: var(--bs-primary);
}

.accordion-button {
  outline: none !important;
  box-shadow: none !important;
  height: 100%;
}

.accordion-body h4 {
  font-size: var(--fs-24);
  font-weight: 700;
  color: var(--bs-black);
}

.accordion-body h4 span {
  font-size: var(--fs-12);
  margin-right: 10px;
}

.accordion-body p,
.initiative-description ul li,
.workshop-topics ul li,
.session-topics ul li {
  font-size: var(--fs-12);
  color: var(--bs-black);
  line-height: 1.5;
}

.accordion-body h6{
  font-size: var(--fs-16);
  font-weight: 700;
}

.speaker h5 {
  font-weight: 700;
  color: var(--bs-black);
}

.initiative-description p,
.workshop-speaker p {
  line-height: 2;
}

.initiative-details,
.session-topics {
  border-bottom: 1px solid var(--bs-black-100);
  border-top: 1px solid var(--bs-black-100);
}

.login-now {
  width: 25.7rem;
  height: 4.4rem;
  border-radius: 0.8rem;
  padding: 1rem;
  font-weight: 400;
  font-size: var(--fs-16);
}

/* ------------------------workshops------------------------ */
.workshop-number {
  width: clamp(25px, 5vw, 30px);
  height: clamp(25px, 5vw, 30px);
  flex: 0 0 clamp(25px, 5vw, 30px);
  border-radius: 4px !important;
  background-color: var(--bs-primary);
  color: var(--bs-white) !important;
  font-weight: 700 !important;
  font-size: var(--fs-16);
  margin-bottom: 0;
}

.workshop-details {
  width: 29.8rem;
  border-radius: 1.2rem;
  border: 1px solid var(--bs-gray-600);
  background-color: var(--bs-gray-700);
  padding: 2.4rem 2rem;
}

.session-speaker {
  border-bottom: 1px solid var(--bs-black-100);
}