/* INNOVATE 2026 */
:root {
    --g-neongreen: #1AFF25;
    --g-greyinn2: #D9D9D9;
    --g-greyinn3: #F2F2F2;
    --g-greyinn4: #FAFAFA;  
    --g-neonblue: #1A6FFF;
}
/* colors */
.text-greyinn2 { color: #D9D9D9;}
.text-greyinn3 { color: #F2F2F2; }
.text-neongreen {    color: var(--g-neongreen)!important;}
.bg-neongreen {    background-color: var(--g-neongreen)!important;}
.bg-neonblue {    background-color: var(--g-neonblue)!important;}
.bg-lightgrey3 {    background-color: var(--g-greyinn3)!important;}
.bg-lightgrey4 {    background-color: var(--g-greyinn4)!important;}
.btn-primary.neongreen { background-color: var(--g-neongreen)!important; color: #000000!important; border: 2px solid var(--g-neongreen)!important; border-radius: 4px!important; opacity: 1;  scale: 1;  transition: opacity 0.2s ease, scale 0.2s ease; font-size: 16px; line-height: 1; font-family: var(--g-title-font); font-weight: 700;}
.btn-primary.neongreen:hover, 
.btn-primary.neongreen:focus {  opacity: 0.9;  scale: 1.1; color: #000000!important; }
.lh-1 { line-height: 1!important;}
p, ul, li, a, span { font-size: 1rem; line-height: 1.24; letter-spacing: normal; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--g-title-font);
  font-weight: 700;
}
/* Typography Sizes */
.big-title{ font-size: clamp(1.50rem, calc(0.591rem + 4.545vw), 4.00rem);}
h1, .cg-h1 { font-size: clamp(1.46rem, calc(1.115rem + 1.738cqw), 3.20rem);}
h2, .cg-h2 { font-size: clamp(1.22rem, calc(0.903rem + 1.581cqw), 2.80rem);}
h3, .cg-h3 { font-size: clamp(1.14rem, calc(0.885rem + 1.262cqw), 2.40rem);}
h4, .cg-h4 { font-size: clamp(1.06rem, calc(0.868rem + 0.944cqw), 2.00rem);}
h5, .cg-h5 { font-size: clamp(0.97rem, calc(0.820rem + 0.775cqw), 1.75rem);}
h6, .cg-h6 { font-size: clamp(0.89rem, calc(0.773rem + 0.606cqw), 1.50rem);}
body, .cg-base { font-size: clamp(0.81rem, calc(0.775rem + 0.188cqw), 1.00rem);}
small, .cg-small { font-size: clamp(0.4rem, calc(0.4rem + 0.289cqw), 0.6rem);}
.tiny, .cg-tiny {  font-size: clamp(0.3rem, calc(0.3rem + 0.141cqw), 0.4rem);}
/* HEADER */
header { background: #00000040; color: white; }
.innovate-wrapper .navbar .nav-link { font-family: var(--g-title-font);}
/* BANNER */
.innovate-wrapper .hero .background-image-holder {z-index: 3;}
.innovate-wrapper .hero {max-width: stretch;}
.innovate-wrapper .hero video { object-fit: cover!important; display: block!important; position: absolute!important;}
.innovate-wrapper .hero .banner-text_wrapper { z-index: 5;}
.innovate-wrapper .hero .banner-text_wrapper img.banner-brand{ margin: 0; }
.innovate-wrapper .hero .video-overlay { z-index: 4; display: block!important;}
.video-overlay::before {    content: "";    position: absolute;    inset: 0;    z-index: 1;    pointer-events: none;    background: linear-gradient( to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.95) 15%, rgba(0, 0, 0, 0.75) 30%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0) 60% ); }
.banner-title, .banner-title span{font-size: clamp(1.5cqw, 1.5cqw + 1.25vw, 3cqw)!important; display: block; font-family: var(--g-title-font)!important; font-weight: 700!important; line-height: 1.25!important;}
.banner-subtitle, .banner-subtitle span { display: block; line-height: 1.25!important; font-family: var(--g-title-font)!important; font-weight: 400!important; font-size: clamp(0.875rem, 0.875rem + 0.5208vw, 1.5rem)!important;}
/* INTRO SECTION */
.title-container { container-type: inline-size; width: 90%;}
.title-container h1,
.title-container h1 span { font-size: 19.8cqw!important; letter-spacing: -2%!important; font-family: var(--g-title-font); font-weight: 700; line-height: 0.85!important}
.title-container h1 span.fs-2 { font-size: 12cqw!important; line-height: 0.95!important;}
.intro-description { container-type: inline-size; width: 100%;}
.intro-description h5 { font-size: 5cqw!important; text-align: left!important; font-weight: 600!important; line-height: 1.4!important;}
/* Speaker card */
.speakers-grid, .justify-content-center.speakers-grid { justify-content: space-between!important; max-width: 95%; margin: 0 auto;}
.speakers-grid .col{ padding: 0!important;}
.speakers-grid .col::after { display: none!important;}
.speakers-grid .card {width: 100%!important; background: white!important; scale: 1; transition: scale 0.2s ease; }
.speakers-grid .card:hover { scale: 1.02; box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); }
.speakers-grid .card img,
.modal-body .card img{ border-radius: 0!important; border: 0!important; border-top: 4px solid var(--g-neongreen)!important; max-height: 260px; object-fit: cover; aspect-ratio: 1 / 0.75; object-position: 0 -16px;}
.modal-body .card .card-body{ padding: 20px 0 0 20px!important;}
.modal-body .card .row.g-0.mb-4 {margin: 0!important;}
.modal-body .card.bg-transparent.border-0.m-0.w-75 {width: 100%; border-bottom: 4px solid var(--g-neongreen) !important;    margin-bottom: 20px !important;    padding-bottom: 0 !important;}
.modal-body.p-4 { padding: 50px!important; border-color: var(--g-neongreen)!important;}
.modal-body .card { border-bottom: 6px solid var(--g-neongreen)!important;}
.modal-body .card .col-md-4.overflow-hidden.rounded-pill.border-blue.object-fit-cover.mx-auto {border: 0;    border-radius: 0 !important;    text-align: center;}
.speakers-grid .card .card-body { margin: 0rem 1rem 0 !important; border-bottom: 4px solid var(--g-neongreen); text-align: left!important;}
.speakers-grid .card .card-body .card-title { text-transform: uppercase; padding-bottom: 10px!important; }
.speakers-grid .card .card-body .card-text { font-size: 1cqw!important; padding-bottom: 10px!important; line-height: 1.1!important;}
.speakers-grid .card .card-footer { text-align: left!important; margin: 0!important; padding: 0!important;}
.speakers-grid .card .card-footer .btn{ background: white!important; border-radius: 4px!important; padding: 1.6rem!important; color: black!important; display: block; border: 0!important; outline: 0; box-shadow: none!important; text-align: left;}
.speakers-grid .card .card-footer .btn::after { content: " →"; display: contents; color: black !important; transition: transform 0.3s ease;}
.speakers-grid .card .card-footer .btn:hover {backgrond: white!important; box-shadow: none!important; curson: pointer; font-weight: 900;}
.speakers-grid .card .card-footer .btn:hover::after{ color: var(--g-blue)!important; transformX(10px);}
.speakers-grid .card .card-text { color:#1A6FFF!important; font-weight: 600!important;}

.speakers-grid .card .card-body h4.card-text { margin: 0!important; font-weight: 400!important; text-transform: uppercase!important; color: black!important; line-height: 1.25!important; font-size: 1cqw!important;}
/* AGENDA */
.agenda-section { border-bottom: 30px solid var(--g-neonblue); background-attachment: fixed;}
.agenda-title { color: white; font-family: var(--g-title-font); color: white; font-size: 1.4cqw;}
.agenda-title::before {content:" "; display:block; margin-bottom: 20px; width: 50px; height: 6px; background: var(--g-blue); line-height: 1px; font-size: 1px;}
.agenda-list, .agenda-list li { list-style: none; margin:0; padding: 0; text-indent: 0; list-style-type: 0; }
.agenda-list {padding: 0; margin-left: 1rem;}
.agenda-list li { font-size: 1.2rem; line-height: 1.45; color: white; list-style: disc; margin-bottom: 1.2rem;}
hr { border: 0; height: 0; margin: 0; padding: 0; clear: both; opacity: 1!important;}
hr.neongreen { border-color: var(--g-neongreen)!important;}
hr.neonblue {border-color: var(--g-neonblue)!important;}
.venue-section {    background: white; color: black;}
.faq-section { color: white;}
.faq-section .big-title { color: white;}
.faq-section .accordion-grid {    column-count: 2;    column-gap: 1.5rem;}
.faq-section .accordion-grid .accordion-item,
.faq-section .accordion-grid .accordion-item:last-child{    display: inline-block;    width: 100%;    margin-bottom: 1.5rem;    break-inside: avoid; background: transparent; color: white; border-bottom-color: dodgerblue; border-bottom: 1px solid #ffffff50;}
.faq-section .accordion-grid .accordion-item button.accordion-button.collapsed, 
.faq-section .accordion-grid .accordion-item .accordion-button:not(.collapsed) { background: transparent!important; color: white!important; font-weight: 600; box-shadow: none!important; font-size: 18px!important;}
.faq-section .accordion-button::after { content: "⌄"!important; text-align: center!important; align-items: center!important;    line-height: 70%!important; background: none!important;}
.faq-section .accordion-grid .accordion-button::after, 
.faq-section .accordion-grid .accordion-button:not(.collapsed)::after, 
.faq-section .accordion-grid .accordion-button:hover::after, 
.faq-section .accordion-grid .accordion-button:focus::after, 
.faq-section .accordion-grid .accordion-item button.accordion-button.collapsed::after, 
.faq-section .accordion-grid .accordion-item .accordion-button:not(.collapsed)::after {mix-blend-mode: plus-lighter; }
.faq-section .accordion-grid .accordion-button span.badge { font-size: 13px; font-weight: 700; transform: translateX(-20px);}
.faq-section .accordion-grid .accordion-body { font-weight: 400; color: white; padding: 32px 40px;}
footer { border-color:#ffffff25!important;}
footer .social-icon img{     filter: invert(1);    mix-blend-mode: lighten;}
footer p, footer p a, footer .container p { font-size: 14px!important; color: white; text-decoration: none; font-weight: 400; white-space: normal;}
footer p a:hover { color: var(--g-neongreen)!important;}
/* AGENDA PAGE */
#agenda-tabContent .accordion-item img { filter: brightness(1) saturate(50%) invert(0) sepia(34%) saturate(10) hue-rotate(150deg) brightness(2) contrast(1); }
#agenda-tabContent .accordion-body {background-color: var(--g-greyinn4)!important; border-color: var(--g-neongreen)!important;}
#agenda-tab a.active, ul#agenda-tab li a.nav-link.active { background: var(--g-greyinn4)!important;}
#agenda-tab a.active ::after, ul#agenda-tab li a.nav-link.active ::after { border-left: 6px solid var(--g-neongreen)!important; border-color: var(--g-neongreen)!important;}
#agenda-tabContent .agenda-header a em i { color: var(--g-neonblue)!important;}
.innovate-wrapper section.agenda h2:after, h2.line2right:after { display: none!important;}
section.agenda { position: relative; margin-top: -50px;}


/* RESPONSIVE */
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
 .innovate-wrapper .hero .background-image-holder { display: none;}
 .innovate-wrapper .hero .video-overlay, .innovate-wrapper .hero video { display: block!important; }
 .innovate-wrapper .hero .banner-text_wrapper img.banner-brand { max-width: 75%!important; margin: 0 auto 20px!important; height: auto;}
 .innovate-wrapper .hero .banner-text_wrapper .text-start { text-align: center!important;}
 .faq-section  .accordion-grid{        column-count:1;}
 .video-overlay::before {    content: "";    position: absolute;    inset: 0;    z-index: 1;    pointer-events: none;    background: #00000095!important; }
 .title-container h1 {margin-bottom: 20px;}
 .speakers-grid, .justify-content-center.speakers-grid {justify-content: center!important; max-width: 100%; margin: 0 auto;}
 .speakers-grid .col { padding: revert-rule!important;}
 .innovate-wrapper .speakers .card.w-75 {width: 90%!important;}
 .venue-section .image-wrapper {width: 100%!important; position: relative!important; margin: 20px 0!important; padding: 0!important; transform: unset!important;} 
 .banner-bottom { display: none!important;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  .innovate-wrapper .hero .banner-text_wrapper { height: 100%!important;}
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  section#home, .innovate-wrapper .hero {max-height: 576px !important; height: 80vh!important;}
}

/* XX-Large devices (larger desktops) */
/* No media query since the xxl breakpoint has no upper bound on its width */