@keyframes fadeIn1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  [data-aos^=fade][data-aos^=fade],
  [data-aos^=zoom][data-aos^=zoom] {
    opacity: 1;
    transform: none;
  }
}
@media only screen and (max-width: 1300px) {
  .navigation .container12 {
    width: 100%;
  }
}
@media only screen and (max-width: 1040px) {
  .navigation .primary-menu li {
    font-size: 1.2rem;
  }
}
section.u4m-agenda {
  /*background-color:#152934;*/
  background-size: cover;
  background-position: 50% 50%;
  /*
  margin-top: 40px;
  margin-bottom: 40px;
  */
}
section.u4m-agenda.reverse-text {
  color: #fff;
}
section.u4m-agenda div.content {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1650rem;
  padding-left: 50rem;
  padding-right: 50rem;
  max-width: 1200rem;
  /*margin-top: 50rem;*/
  padding: 0 15rem;
  padding-bottom: 20px;
  color:white;
}
@media (max-width: 580px) {
  section.u4m-agenda div.content {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
section.u4m-agenda div.content .b1 {
  color: #152934;
  font-family: "Roboto", sans-serif;
  font-size: 18rem;
  letter-spacing: 0.28rem;
  line-height: 32rem;
  margin-bottom: 16rem;
  -webkit-text-size-adjust: none;
}
section.u4m-agenda div.content .b2 {
  color: #152934;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 0.28rem;
  line-height: 32rem;
  margin-bottom: 16rem;
  line-height: 23rem;
  -webkit-text-size-adjust: none;
}
section.u4m-agenda div.content p,
section.u4m-agenda div.content ul,
section.u4m-agenda div.content ol,
section.u4m-agenda div.content .b3 {
  color: #152934;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 0.28rem;
  line-height: 32rem;
  margin-bottom: 16rem;
  line-height: 23rem;
  -webkit-text-size-adjust: none;
  line-height: 30px;
  font-weight: 400;
}
section.u4m-agenda div.content .b4 {
  font-size: 13rem;
  line-height: 20.8rem;
  letter-spacing: 0.23rem;
  margin-bottom: 0;
  color: #152934;
  -webkit-text-size-adjust: none;
}
section.u4m-agenda div.content h1,
section.u4m-agenda div.content .h1 {
  color: #152934;
  font-family: "Roboto", sans-serif;
  font-size: 50rem;
  font-weight: 300;
  letter-spacing: 1;
  line-height: 1.3;
  -webkit-text-size-adjust: none;
}
@media (max-width: 1440px) {
  section.u4m-agenda div.content h1,
  section.u4m-agenda div.content .h1 {
    font-size: 39rem;
    line-height: 1.4;
  }
}
section.u4m-agenda div.content h2,
section.u4m-agenda div.content .h2 {
  /*color: #152934;*/
  font-family: "Roboto", sans-serif;
  font-size: 40rem;
  font-weight: 300;
  letter-spacing: 0.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 20rem;
  margin-top: 20rem;
  -webkit-text-size-adjust: none;
}
@media (max-width: 580px) {
  section.u4m-agenda div.content h2,
  section.u4m-agenda div.content .h2 {
    font-size: 30rem;
    line-height: 1.5;
  }
}
section.u4m-agenda div.content h3,
section.u4m-agenda div.content .h3 {
  color: #152934;
  font-family: "Roboto", sans-serif;
  font-size: 26rem;
  font-weight: 500;
  letter-spacing: 0.52rem;
  line-height: 36rem;
  -webkit-text-size-adjust: none;
}



@media (max-width: 580px) {
  section.u4m-agenda div.content h6,
  section.u4m-agenda div.content .h6 {
    font-size: 2rem;
  }
}
section.u4m-agenda div.content .swatches div {
  width: 90rem;
  height: 90rem;
  padding: 5rem;
  font-size: 10rem;
  text-align: center;
  display: inline-block;
  margin: 8rem;
  vertical-align: top;
  line-height: normal;
}
section.u4m-agenda div.content .swatches div.secondary {
  width: 50rem;
  height: 50rem;
}
section.u4m-agenda div.content .font-awesome-samples {
  font-size: 40rem;
}
section.u4m-agenda div.content .action1 {
  background-color: #FF0000;
  color: #fff;
}
section.u4m-agenda div.content .action2 {
  background-color: #152934;
  color: #fff;
}
section.u4m-agenda div.content .black {
  background-color: #152934;
  color: #fff;
}
section.u4m-agenda div.content .gray1 {
  background-color: #f0f2f5;
  color: #152934;
}
section.u4m-agenda div.content .gray2 {
  background-color: #d5e4ea;
}
section.u4m-agenda div.content .gray3 {
  background-color: #9eb5bd;
  color: #fff;
}
section.u4m-agenda div.content .white {
  background-color: #fff;
  color: #152934;
  border: 1rem solid #d5e4ea;
}
section.u4m-agenda div.content .button {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  color: #fff;
  background-color: #FF0000;
  border: 0;
  border-radius: 40px;
  padding: 12px 40px;
  margin: 20px 0;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  position: relative;
}
section.u4m-agenda div.content .button:hover {
  color: #fff;
  background-color: #152934;
  transition: 0.1s ease-in;
}
section.u4m-agenda div.content .button::after {
  content: "\f054";
  font-family: "FontAwesome", "Font Awesome 5 Pro";
  font-weight: 600;
  padding-left: 10px;
}
section.u4m-agenda div.content .button-small {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  color: #fff;
  background-color: #FF0000;
  border: 0;
  border-radius: 40px;
  padding: 12px 40px;
  margin: 20px 0;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  position: relative;
  padding: 8px 20px;
  font-size: 12px;
  line-height: 1.2;
  background-color: #fff;
  font-weight: 600;
}
section.u4m-agenda div.content .button-small:hover {
  color: #fff;
  background-color: #152934;
  transition: 0.1s ease-in;
}
section.u4m-agenda div.content .button-small::after {
  content: "\f054";
  font-family: "FontAwesome", "Font Awesome 5 Pro";
  font-weight: 600;
  padding-left: 10px;
}
section.u4m-agenda div.content .button-stroked {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  color: #fff;
  background-color: #FF0000;
  border: 0;
  border-radius: 40px;
  padding: 12px 40px;
  margin: 20px 0;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  position: relative;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  color: #152934;
  background-color: transparent;
  border: solid 1px #152934 !important;
  padding: 13px 30px;
  margin: 20px 0;
  transition: 0.1s ease-in;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
}
section.u4m-agenda div.content .button-stroked:hover {
  color: #fff;
  background-color: #152934;
  transition: 0.1s ease-in;
}
section.u4m-agenda div.content .button-stroked::after {
  content: "\f054";
  font-family: "FontAwesome", "Font Awesome 5 Pro";
  font-weight: 600;
  padding-left: 10px;
}
section.u4m-agenda div.content .button-stroked:hover {
  background-color: #152934;
  color: #fff;
}
section.u4m-agenda div.content .button-text {
  color: #152934;
  background: transparent;
  border-bottom: 1px solid transparent;
  padding-bottom: 8px;
  outline: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 20px;
}
section.u4m-agenda div.content .button-text:hover {
  border-bottom: 1px solid #152934;
  color: #152934;
}
section.u4m-agenda div.content .button-text:after {
  content: "\f054";
  font-family: "FontAwesome", "Font Awesome 5 Pro";
  font-weight: 600;
  font-size: 85%;
  padding-left: 5px;
}
section.u4m-agenda div.content .hs-cta-wrapper a {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  color: #fff;
  background-color: #FF0000;
  border: 0;
  border-radius: 40px;
  padding: 12px 40px;
  margin: 20px 0;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  position: relative;
}
section.u4m-agenda div.content .hs-cta-wrapper a:hover {
  color: #fff;
  background-color: #152934;
  transition: 0.1s ease-in;
}
section.u4m-agenda div.content .hs-cta-wrapper a::after {
  content: "\f054";
  font-family: "FontAwesome", "Font Awesome 5 Pro";
  font-weight: 600;
  padding-left: 10px;
}
section.u4m-agenda div.content .animation-sample-short,
section.u4m-agenda div.content .animation-sample-medium,
section.u4m-agenda div.content .animation-sample-long {
  cursor: pointer;
  background-color: #FF0000;
  padding: 60rem 20rem;
  color: #fff;
  margin: 10rem auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
section.u4m-agenda div.content .animation-sample-short {
  transition: 0.1s ease-in;
  width: 50%;
}
section.u4m-agenda div.content .animation-sample-medium {
  transition: 0.3s ease-out;
  width: 50%;
}
section.u4m-agenda div.content .animation-sample-long {
  transition: 1s ease-in-out;
  width: 50%;
}
section.u4m-agenda div.content .animation-sample-short:hover,
section.u4m-agenda div.content .animation-sample-medium:hover,
section.u4m-agenda div.content .animation-sample-long:hover {
  width: 100%;
}
section.u4m-agenda div.content .anchor {
  display: block;
  position: relative;
  top: -100rem;
  visibility: hidden;
}
section.u4m-agenda div.content .anchor2 {
  display: block;
  position: relative;
  top: -300rem;
  visibility: hidden;
}
section.u4m-agenda div.content .clear {
  clear: both;
}
section.u4m-agenda div.content .hs_cos_wrapper_type_rich_text,
section.u4m-agenda div.content .hs_cos_wrapper_type_text,
section.u4m-agenda div.content .hs_cos_wrapper_type_header,
section.u4m-agenda div.content .hs_cos_wrapper_type_section_header,
section.u4m-agenda div.content .hs_cos_wrapper_type_raw_html,
section.u4m-agenda div.content .hs_cos_wrapper_type_raw_jinja,
section.u4m-agenda div.content .hs_cos_wrapper_type_page_footer {
  word-wrap: break-word;
}


/*agenda design*/
/* Tabs */
.tabs-nav {
  display: flex;
  justify-content: flex-start;
  
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabs-nav li {
  margin: 0;
}

.tab-button {
  padding: 10px 20px;
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.tab-button:hover {
  color: #000;
}

.tab-button.active {
  background: #F3F8FE;
  color: #000;
  border-bottom: 2px solid red;
}

.tab-panel {
  display: none;
  padding: 20px 0;
}

.tab-panel.active {
  display: block;
  opacity:1;
}

/* Accordion */
.accordion {
  margin-top: 10px;
}

.accordion-button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  color: red;
  cursor: pointer;
}

.accordion-button.icon >h4:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15" fill="none"><path d="M1 1L13 13L25 1" stroke="%23152934" stroke-width="2"/></svg>'); /* Down arrow */
  float: right;
  font-size: 12px;
  padding-left:20px;
}

.accordion-button.icon.active >h4:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15" fill="none"><path d="M1 14L13 2L25 14" stroke="%23152934" stroke-width="2"/></svg>'); /* Up arrow */
}

.accordion-content {
  display: none;
  opacity:0;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}

.accordion-content.active {
  display: block;
  opacity:1;
}

/* Event Details */
.accordion-content h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.accordion-content p {
  margin: 5px 0 10px;
}

.accordion-content .tags {
  display: flex;
  gap: 10px;
}

.accordion-content .tags span {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: red;
  cursor: pointer;
}

.accordion-content .tags span:hover {
  text-decoration: underline;
}
.accordion-date {
    background: transparent;
    border: none;
    color: red;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    text-align: left;
    width: 100%;
}
.accordion-date > span{
color: #F00;
font-family: Roboto;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 128.571% */
}

.accordion-inner {
    display: grid;
    flex: 0 0 20px;
    grid-template-columns: 1fr 3fr;
  border-bottom: 1px solid #ccc;
  padding-bottom:20px;
}

.accordion:last-of-type .accordion-inner {
  border-bottom: 0;
}

.accordion-info > button.accordion-button h4{
color: #152934;
font-family: Roboto;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 128.571% */
  width: fit-content;
  margin: 0;
}
.accordion-button > p >span.presenter{
color: #152934;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 133.333% */
}
.accordion-button > p >span.presenterInfo{
color: #152934;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.accordion-buttons{
display: grid;
    grid-template-columns: auto auto auto;
    justify-content: start;
    gap: 25px;
}
.acc-btn{
color: #152934;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}
.acc-btn:hover{
color: #F00;
line-height: 28px; /* 140% */
text-decoration: underline;
}
.desktop-only {
  opacity:1;
}
.mobile-only{display:none;opacity:0;}
@media screen and (max-width: 769px) {
  .desktop-only {
    display: none;opacity:0;
  }
  .mobile-only{display:block;opacity:1;}
  .accordion-inner {
    grid-template-columns: 1fr;
}
   .accordion-buttons {
    grid-template-columns: 1fr;
}
  
  /* General styles for dropdown container */
.tabs-nav.mobile-only {
  position: relative;
  
  margin: 0 auto; /* Center it */
}

/* Custom Dropdown Container */
.custom-dropdown {
  position: relative;
  margin: 0 auto;
}

/* Dropdown Header */
.dropdown-header {
  background-color: #F3F8FE;
  border-bottom: 3px solid #ff0000;
  padding: 12px 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Arrow Icon */
.dropdown-arrow:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15" fill="none"><path d="M1 1L13 13L25 1" stroke="%23152934" stroke-width="2"/></svg>'); /* Down arrow */
  font-size: 14px;
  color: #000;
}


/* Dropdown List */
.dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
  max-height: 230px;
  overflow-y: auto;
}

/* Dropdown Item */
.dropdown-item {
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.dropdown-item h5 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.dropdown-item p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #555;
  line-height: 1.4;
  white-space: normal; /* Allow text to wrap */
}

/* Show Dropdown List */
.custom-dropdown.open .dropdown-list {
  display: block;
}

/* Hover Effect */
.dropdown-item:hover {
  background-color: #f8fbff;
}
  .dropdown-list.open{display:block;}
  .custom-dropdown.mobile-only h5{
  color: #152934;

font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
  margin-bottom:5px;
}
    .custom-dropdown.mobile-only p{
color: #152934;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
  margin:0 !important;
}