{% import './theme_overwrites.css' %}

.event_tabs-multi_events .content-intro .description{
  max-width: 525px;
  margin-top: 20px;
}

.event_tabs-multi_events .tabs-container .tab-list.tabs-container-inner,
.event_tabs-multi_events .tabs-container .tab-content.tabs-container-inner{
  width: 100%;
  justify-content: space-between;
}

.event_tabs-multi_events .tabs-container .tab-list .tab-list-item .tab-name{
  padding: 5px 20px;
}

.event_tabs-multi_events .tab-content-item {
  visibility: hidden;
  opacity: 0;
  display: flex;
  max-height: 0;
  
}
.event_tabs-multi_events .tab-content-item.active {
  visibility: visible;
  opacity: 1;
  max-height: 3000px;
  margin-top: 20px;
  transition: visibility 1s ease, opacity 1s ease;
}


.event_tabs-multi_events .tab-list{
  border-radius: 100px;
  max-width: fit-content;
  width: 100%;
  margin-top: 20px;
  gap: 20px;
 }
.event_tabs-multi_events .tabs-container .tab-list.tabs-container-inner{
  margin-top: 40px;
  margin-bottom: 20px;
}
.event_tabs-multi_events .tabs-container .tab-content .tab-content-item .title{
  margin-top: 5px;
}

.event_tabs-multi_events .bottom-button{
  margin-top: 40px;
}
.event_tabs-multi_events .tab-list-item{
  padding: 4px 20px;
  border-radius: 100px;
  cursor: pointer;
  border: 1px solid #C3C1CF
 }
@media (min-width: 768px) {
  .event_tabs-multi_events .bottom-button{
    margin-top: 50px;
  }
  .event_tabs-multi_events .tabs-container{
    margin-top: 20px;
  }
  .event_tabs-multi_events .content-intro .description{
    margin-top: 0;
  }

  .event_tabs-multi_events .tab-list-item{
    padding: 4px 20px;
  }
}
.event_tabs-multi_events .tab-content-item .card .card-content{
  padding: 25px 50px 25px 30px;
}
@media screen and (max-width: 768px){
  .event_tabs-multi_events .tab-content-item .card .card-content{
    padding-right: 0px;
  }  
  .event_tabs-multi_events .tab-content-item .card .card-content .card-details{
    padding-right: 50px !important;
  }
}
.event_tabs-multi_events .tab-content-item .card .card-content .single-button{
  justify-content: flex-start;
  margin-top: 10px;
}
.event_tabs-multi_events .tab-indicator{
  position: absolute;
  top: 5px; 
  bottom: 5px; 
  width: calc(50% - 7px); 
  border-radius: 20px;
  transition: transform 0.3s;  
}
.event_tabs-multi_events .tab-list-item{
  z-index: 1;
  position: relative;
}
.event_tabs-multi_events .tab-list-item.active{
  border: 1px solid ;
}
.event_tabs-multi_events .content-intro{
  margin-bottom: 0;
}
.event_tabs-multi_events .content-intro .headline{
  margin-bottom: 20px;
  line-height: 1;
}
.event_tabs-multi_events .tab-content-item .card .card-content .single-button{
  margin-bottom: 0;
  margin-top: 0;
}
.event_tabs-multi_events .tab-content-item .card .card-content .card-description{
  padding-top: 12px;
  margin-top: 0px;
}
@media (max-width: 768px) {
  .event_tabs-multi_events .tab-content-item-inner .card{
    width: 100%;
    max-width: 100%;
  }
  .event_tabs-multi_events .tab-content-item .card .card-content .event-time{
    margin-bottom: 20px;
  }
  .event_tabs-multi_events .tab-content-item .card .card-content .single-button{
    margin-top: 20px
  }
}
 
.event_tabs-multi_events .tab-content-item .card .card-content .event-time{
  max-width: 200px;
  width: 100%
}
.event_tabs-multi_events .tab-content-item.active .tab-title{
  padding: 12px 30px
}
.event_tabs-multi_events .tab-content-item .card.card-multi-event .card-content .card-details{
      width: 100%;
      border-bottom: 1px solid #DAD8D8;
      padding-bottom: 12px;
  }
@media screen and (min-width: 768px){
  .event_tabs-multi_events .tab-content-item .card.card-multi-event .card-content .card-details{
      margin-right: -50px;
      padding-right: 70px;
  }
}
.event_tabs-multi_events .tab-content-item .tab-content-multi-event .card:not(:last-child) .card-content {
    padding-bottom: 0px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .card-details{
  padding-right: 20px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .card-details .card-description{
  max-width: 810px
}
.event_tabs-multi_events .tab-list-item .tab-name{
  color: #C3C1CF;
}
.event_tabs-multi_events .tab-content-item .card .card-content .card-details .card-details-inner{
  max-height: 0;
  opacity: 0;
  visibility: hidden
}
.event_tabs-multi_events .tab-content-item .card .card-content.opened .card-details .card-details-inner{
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
}
.event_tabs-multi_events .tab-content-item .card .card-content .card-details .card-details-inner>p{
  padding:0px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .accordion-arrow {
  right: 0;
  top: 20px
}
@media screen and (max-width: 768px){
  .event_tabs-multi_events .tab-content-item .tab-content-multi-event .card:not(:first-child) .card-content .accordion-arrow{
    top: 40px;
  }
  .event_tabs-multi_events .tab-content-item .tab-content-multi-event .card:first-child .card-content .accordion-arrow{
    top: 60px;
  }
}
.event_tabs-multi_events .tab-content-item .card .card-content .speakers-container{
  margin-top: 24px;
  gap: 24px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card{
  width: calc(50% - 24px);
  max-width: 419px;
  min-width: 325px;
  background-color: #fff;
  border-radius: 12px;
  padding: 11.5px 28px;
  gap: 10px;
}

@media screen and (max-width: 1024px){
 .event_tabs-multi_events .tab-content-item .card .card-content .speaker-card{
    width: 100%;
   min-width: unset;
  }
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-avatar{
  max-width: 93px;
  max-height: 93px;
  border-radius: 5.36px 5.36px 41.91px 5.36px;
  overflow: hidden;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-name{
  margin-top: 8px;
  margin-bottom: 3px;
  line-height: 32px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-company{
  margin-top: 3px;
  margin-bottom: 12px;
  line-height: 22px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-read-more{
  line-height: 22px;  
}

.event_tabs-multi_events .tab-content-item .card .card-content.opened .accordion-arrow path {
    transform: scaleY(-1) translateY(-29px);
    stroke: #fff;
}

.event_tabs-multi_events .tab-content-item .card .card-content .speaker-popup-bg::before {
    position: fixed;
    content:"";
    top: 0px;
    z-index: 10;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: #2E364666;
    backdrop-filter: blur(4px);
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100vh;
    overflow-y: auto;
    background-color: #F5F5F5;
    z-index: 12;
    padding: 65px 114px 69px 92px;
    gap: 32px;
    width: 100%;
    max-width: 1109px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px -3px #1018281A, 0px 4px 6px -4px #1018281A;
}
@media screen and (max-width: 768px){
  .event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup {
    padding: 24px;
  }
}

@media screen and (min-width: 768px){
  .event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-avatar-info{
    width: 35%;  
  }
  .event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-bio{
    max-width: 65%;  
  }
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-avatar{
  max-width: 312px;
  max-height: 312px;
  border-radius: 18px 18px 140.5px 18px;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-avatar img{
  object-fit: cover;
  width: 312px;
  height: 312px;
  max-width: 100%;
  max-height: 100%;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-socials{
  gap: 13px; 
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-data{
  margin-top: 32px;  
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-bio .speaker-name{
  font-weight: 500 !important;
}

.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card-popup .speaker-popup-close-btn {
  padding: 0px;
  background: transparent;
  border: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 35px;
  top: 30px;
  cursor: pointer;
}
.event_tabs-multi_events .tab-content-item .card .card-content .speaker-card .speaker-read-more{
  cursor: pointer;  
}

.hidden{
  display: none;  
}