.filter {
  display: flex;
  flex-wrap: wrap;
  transform: translate(-10px, 10px);
  border: 0;
}

.filter-btn {
    color:#fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px 15px 30px;
    border:none;
    background:#C90000;
    border: 2px solid #C90000
}

.left_column, .right_column {
    width:50%; 
}

.right_column {
    padding: 2vw 4vw 2vw 0;
}


.filter-btn:hover,
.filter-btn:focus {
    color: #C90000;
    background:#fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px 15px 30px;
    border: 1px solid #C90000;
}

.filter-btn.active {
    color: #C90000;
    background:#fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px 15px 30px;
    border: 1px solid #C90000;
}


  
  .tabs_banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #333;
  z-index: -1;
}

.tabs_banner > * {
  z-index: 100;
}

    details {
      overflow: hidden; /* Keep this line to prevent an odd blue outline around the element in Safari. */
    }

.cta-item {
      padding-top: 3rem;
    display: block;
}

    summary {
      display: block;
      border-bottom: 1px solid #ddd;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    .font-semibold span {
      position: relative;
      display: flex;
      align-items: center;
      padding-left: 1rem;
      height: 4rem;
    }

   .font-semibold span:hover {
      cursor: pointer;
    }
  
  .hide {
    height: 0;
    width: 0;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

   .font-semibold span::before {
      content: "►";
      font-size: 12px;
      color:#c90001;
      display: flex;
      align-items: center;
      margin-right: 0.5rem;
      transition: rotate 400ms 400ms ease-out;
    }


   details[open] + div.detail_text {
      max-height: 800px; /* Set a max-height value enough to show all the content */
      border-color: #888;
      transition: max-height 400ms ease-out, border 0ms linear;
    }

   details[open] .font-semibold span::before {
      rotate: 90deg;
      transition: rotate 400ms ease-out;
    }

.detail_text {
      padding: 1rem;
}

  .flag {
  display: grid;
  grid-column-gap: var(--flag-gap, 1em);
  grid-template-columns: auto 1fr;
  padding-bottom: 1rem !important;
  grid-template-rows: repeat(3, minmax(min-content, max-content)) 1fr;
  grid-template-areas: "signifier title" "signifier content" ". content";
}
.flag__title {
  grid-area: title;
  display: flex;
  flex-direction:column;
}
.flag__title:empty {
  grid-column: 1;
  grid-row: 2;
}
.flag__title:empty:after {
  content: "x";
  visibility: hidden;
}
.flag__title:empty ~ .flag__content {
  grid-row-start: 2;
}
.flag__signifier {
  grid-area: signifier;
  display: flex;
  align-self: center;
}
.flag__content {
  grid-area: content;
}


.tabpanel__tab {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.tabpanel__tab:checked + .tabpanel__tablabel {
  background: #fff;
  color: black;
      color: #C90000;
    background: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px 15px 30px;
    border: 1px solid #C90000;
}

.tabpanel__tablabel {
  flex: 0 1 auto;
  padding: 12px;
  background: #9fa8a3;
  color: white;
  font-weight: 700;
  color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 30px 15px 30px;
    border: none;
    background: #C90000;
    border: 2px solid #C90000;
}
.tabpanel__tablabel:hover {
  cursor: pointer;
}

.tabpanel__panel {
  display: none;
  background: #fff;
}
.tabpanel__panel > *:first-child {
  margin-top: 0;
}
.tabpanel__panel > *:last-child {
  margin-bottom: 0;
}
.tabpanel__panel > * + * {
  margin-top: 24px;
}

#tabpanel__tab-1:checked ~ .tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked ~ .tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked ~ .tabpanel__panels #tabpanel__panel-3,
#tabpanel__tab-4:checked ~ .tabpanel__panels #tabpanel__panel-4,
#tabpanel__tab-5:checked ~ .tabpanel__panels #tabpanel__panel-5 {
  display: block;
  position: relative;
  top: 0px;
}

.media__body > * {
  margin: 0;
}
.media__body > p + p,
.media__body > p + h2 {
  margin-top: 24px;
}

.media {
  display: flex;
}
@media screen and (max-width: 600px) {
  .media {
    flex-direction: column;
    align-items: flex-start;
  }
  .media .media__img {
    margin: 0 auto;
  }
  .media .media__img + .media__body {
    margin: 12px 24px 24px 24px;
  }
}



@media screen and (max-width: 950px) {
  .conference-details {
    flex-direction:column;
    gap: 0rem !important;
    padding: 2rem 1rem;
}
  }
  .left_column, .right_column {
    width: 100%;
    padding: 0 !important;
}
}





@media screen and (min-width: 601px) {
  .media {
    align-items: flex-start;
  }
  .media .media__img {
    flex: 0 1 auto;
    height: auto;
  }
  .media .media__img + .media__body {
    margin: 24px 105px 24px 18px;
  }
}

.tabpanel {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 600px) {
  .tabpanel {
    flex-direction: column;
  }
  .tabpanel .tabpanel__tablabel {
    padding: 24px 36px;
  }
  .tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
    margin-top: 6px;
  }
  .tabpanel .tabpanel__tab:checked ~ .tabpanel__panels {
    order: 1;
  }
  .tabpanel .tabpanel__tab:not(:checked) + .tabpanel__tablabel {
    order: initial;
  }
  .tabpanel #tabpanel__tab-1 + .tabpanel__tablabel {
    order: 1;
  }
  .tabpanel #tabpanel__tab-1:checked ~ .tabpanel__panels {
    order: 1;
  }
  .tabpanel #tabpanel__tab-2 + .tabpanel__tablabel {
    order: 2;
  }
  .tabpanel #tabpanel__tab-2:checked ~ .tabpanel__panels {
    order: 2;
  }
  .tabpanel #tabpanel__tab-3 + .tabpanel__tablabel {
    order: 3;
  }
  .tabpanel #tabpanel__tab-3:checked ~ .tabpanel__panels {
    order: 3;
  }
  .tabpanel #tabpanel__tab-4 + .tabpanel__tablabel {
    order: 4;
  }
  .tabpanel #tabpanel__tab-4:checked ~ .tabpanel__panels {
    order: 4;
  }
  .tabpanel #tabpanel__tab-5 + .tabpanel__tablabel {
    order: 5;
  }
  .tabpanel #tabpanel__tab-5:checked ~ .tabpanel__panels {
    order: 5;
  }
  .tabpanel .tabpanel__panel {
    padding: 0 12px 12px 12px;
  }
}
@media screen and (min-width: 601px) {
  .tabpanel {
    flex-direction: row;
  }
  .tabpanel .tabpanel__tablabel {
    flex: 0 1 auto;
    padding-left: 24px;
    padding-right: 24px;
  }
  .tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
    margin-left: 6px;
  }
  .tabpanel .tabpanel__panel {
    padding: 2rem;
  }
  .tabpanel .tabpanel__panels {
    flex: 1 1 100%;
  }
}



.conference-details {
    display: flex;
    gap: 5rem;
    padding: 0 2rem;
      align-items: center;
}