
/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}


/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/*remove sponsor level
.partner-level-label { display: none !important; }
*/

html,html *,body,body *
{ font-family: "Suisse", sans-serif !important; }
[class*=" icon-"], [class^="icon-"]
{ font-family: bizzafont!important; }


.html-container p {
    font-size: 18px;
    line-height: 1.5;
}

h2.atom-main {
  font-weight: 800;
  font-size: clamp(32px, 6vw, 64px);
  background: #1D3251;
  background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.glass-element {
  backdrop-filter: blur(10px); /* Adjust blur intensity as needed */  
  background-color: rgba(237, 236, 237, 0.2); /* grey with 20% opacity */
  border: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 20px;
}

h2.gradient-text {
  font-weight: 800;
  font-size: clamp(32px, 6vw, 64px); /* Responsive between 32px and 64px */
  background: #1D3251;
  background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

h2.white-text {
  font-family: SuisseIntlBold, sans-serif;
  font-weight: 600;
  font-size: clamp(32px, 6vw, 64px); /* Responsive between 32px and 64px */
  background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

h4.gradient-text {
  font-size: clamp(18px, 3vw, 26px);
  background: #1D3251;
  background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  letter-spacing: .25px;
  line-height: 1.5;
  text-transform: uppercase;
}

h4.gradient-headline {
font-size: clamp(18px, 3vw, 48px);
  background: #1D3251;
  background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  letter-spacing: .25px;
  line-height: 1;
  text-transform: uppercase;
}

h4.white-text {
  font-family: SuisseIntlBold, sans-serif;
  font-weight: 600;
  font-size: clamp(18px, 3vw, 26px);
  background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: .25px;
  line-height: 1.5;
  text-transform: uppercase;

}

.gradient-fill {
  background: #1D3251;
  background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
  margin: 0; 
}

.gradient-fill2 {
background: #1D3251;
background: linear-gradient(95deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);
}

/* FAQ Text */
.faqstatic-section {
  color: #999999;
  line-height: 1.5;
}

.faqstatic-section h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  color: #999999;
}

h4.faq-gradheader {
  font-size: clamp(18px, 3vw, 26px);
background: #1D3251;
background: linear-gradient(159deg, rgba(29, 50, 81, 1) 27%, rgba(50, 113, 140, 1) 56%);  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  letter-spacing: .25px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/* Grid container for one-column layout */
.faqstatic-container {
  display: grid;
  grid-template-columns: 1fr; /* Single column layout */
  max-width: 1000px;
  margin: auto;
  padding: 30px;
}

/* Individual FAQ Item Styling */
.faqstatic-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Question Button Styling */
.faqstatic-question {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 18px 10px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  color: #636363;
  cursor: help;
  transition: background-color 0.3s ease;
}

.faqstatic-question:hover {
  background-color: #edeced;
  padding-bottom: 5px;
}

/* Answer Panel Styling */

.faqstatic-answer p {
  padding: 0px 18px;
  color: #555;
}


/* FAQ Toggle ------- */
/* Main FAQ Section Container */
.faq-section {
  color: #999999;
  line-height: 1.5;
}


/* Grid container for one-column layout */
.faq-container {
  display: grid;
  grid-template-columns: 1fr; /* Single column layout */
  max-width: 600px;
  margin: auto;
  padding: 30px;
}

/* Individual FAQ Item Styling */
.faq-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Question Button Styling */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 30px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  font-size: clamp(12px, 3vw, 18px);
  color: #636363;
  cursor: help;
  transition: background-color 0.3s ease;
}

.faq-question:hover {
  background-color: #edeced;
}

.faq-question .icon {
  font-size: 22px;
  font-weight: bold;
  color: #2474c0;
  transition: transform 0.3s ease-in-out;
}

/* Active State (When Answer is Revealed) */
  .faq-question.active {
  background-color: rgba(36, 116, 192, 0.3);
}

.faq-question.active .icon {
  transform: rotate(90deg); 
}

/* Answer Panel Styling */
 .faq-answer {
  max-height: 0;
  overflow: hidden;
  background-color: #ffffff;
  transition: max-height 0.4s cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.faq-answer p {
  padding: 20px 18px;
  margin-top: 10px;
  color: #555;
  line-height: 1.5;
  font-size: clamp(12px, 3vw, 16px);
}
*/


/* Structure Fixes */

ul.sections-holder {
  padding-left: 0px;
  padding-right: 0px;
}


.two-column-container {
    display: flex;
    flex-direction: column; /* Stack columns vertically by default */
}

.detailcolumn {
    width: 100%; /* Full width on mobile */
}


@media (min-width: 600px) {
    .two-column-container {
        flex-direction: row; /* Side-by-side columns */
        justify-content: space-between;
        gap: 70px; /* Adds space between columns */
    }

    .detailcolumn {
        flex: 1;
        width: auto;
    }
}

/* Agenda Table Formatting */
.tg-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
}

.tg-wrap table.tg thead th {
  background: #1D3251 !important;
  color: #FFF !important;
}


.tg-wrap table.tg thead th.tg-t8f7 {
  background: #32718c !important;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: auto;
}

.tg td:first-child,
.tg th:first-child {
    padding-left: 12px;
}

.tg td, .tg th {
  border: 1px solid #000;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 10px 5px;
  vertical-align: top;
  word-break: normal;
}

.tg-ipen { background-color:#1D3251; border-color:#efefef; color:#FFF; }
.tg-azr3 { background-color:#32718c; border-color:#efefef; color:#ffffff; font-size:16px; font-weight:bold; text-align:center; }
.tg-7xnf { background-color:#efefef; border-color:#efefef; text-align:center; }
.tg-li6d { border-color:#efefef; text-align:center; }
.tg-o5k8 { background-color:#1d3251; border-color:#efefef; color:#ffffff; text-align:left; }
.tg-6eo7 { background-color:#1d3251; border-color:#efefef; color:#ffffff; font-size:16px; font-weight:bold; }
.tg-ajhr { background-color:#1D3251 !important; border-color:#efefef; color:#ffffff; font-size:16px; font-weight:bold; text-align:left; }
.tg-t8f7 { background-color:#32718c !important; border-color:#efefef; font-size:16px; font-weight:bold; text-align:center; }
.tg-ajwm { background-color:#32718c; border-color:#efefef; color:#ffffff; font-size:16px; font-weight:bold; text-align:center; }
.tg-el0m { border-color:#efefef; color:#343434; text-align:left; }
.tg-bqa8 { background-color:#efefef; border-color:#efefef; color:#343434; text-align:left; }
.tg-lflm { border-color:#efefef; color:#343434; text-align:left; }
.tg-bg0a { background-color:#1d3251; border-color:#efefef; color:#ffffff; text-align:center; font-weight:bold; }
.tg-gt3d { border-color:#efefef; color:#343434; font-weight:bold; text-align:left; }

.tg td, .tg th {
  word-break: break-word;
  white-space: normal;
}
