.cWSO2ConHeaderMenu.hidden {
  display: block !important;
}

/* ================================
   FORCE the 3 "Agenda" columns to be side-by-side (CSS only)
   Targets only this section + only the 3 agenda columns
================================ */

/* Safety: make sure the row is flex (BS does this, but keep it stable) */
section.cBlueBGWhite.GradientTimer .row.cAgendaRow {
  display: flex;
  flex-wrap: wrap;
}

/* From md and up: override the col-md-12 behavior to become 3 columns */
@media (min-width: 768px) {
  section.cBlueBGWhite.GradientTimer .row.cAgendaRow > .col-md-12.col-lg-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
  }
}

/* Optional: keep nice spacing & equal height cards */
section.cBlueBGWhite.GradientTimer .row.cAgendaRow > .col-md-12.col-lg-4 .cAgendaGlance {
  height: 100%;
}

/* Optional: stop the "clearfix" from affecting layout */
section.cBlueBGWhite.GradientTimer .row.cAgendaRow .clearfix {
  display: none !important;
}


/* =========================================
   BS5 FIX: Speakers section grid
   Section: .cKeynoteBG.cSpekersBlock
========================================= */

/* 1) Make ALL rows in this section behave as flex rows (BS5 does, but overrides might break it) */
section.cKeynoteBG.cSpekersBlock .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* 2) Fix the "row inside column" case:
      Ensure proper gutters even if legacy CSS killed them */
section.cKeynoteBG.cSpekersBlock .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
  margin-left: calc(-0.5 * var(--bs-gutter-x)) !important;
  margin-right: calc(-0.5 * var(--bs-gutter-x)) !important;
  margin-top: calc(-1 * var(--bs-gutter-y)) !important;
}
section.cKeynoteBG.cSpekersBlock .row > * {
  padding-left: calc(0.5 * var(--bs-gutter-x)) !important;
  padding-right: calc(0.5 * var(--bs-gutter-x)) !important;
  margin-top: var(--bs-gutter-y) !important;
}

/* 3) FORCE keynote speaker cards: 3 columns on md+ (col-md-4) */
@media (min-width: 768px) {
  section.cKeynoteBG.cSpekersBlock .cHighlighted > .row > .col-md-4.col-lg-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
  }
}

/* 4) FORCE customers/influencers: 4 columns on md+ (col-md-3) */
@media (min-width: 768px) {
  section.cKeynoteBG.cSpekersBlock .cHighlighted > .row > .col-md-3.col-lg-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
    max-width: 25% !important;
  }
}

/* 5) Kill old float-based grids that break BS5 flex columns */
section.cKeynoteBG.cSpekersBlock [class*="col-"] {
  float: none !important;
}

/* 6) Remove legacy clearfix blocks that create random gaps */
section.cKeynoteBG.cSpekersBlock .clearfix {
  display: none !important;
}

/* 7) Make each tile consistent height and aligned */
section.cKeynoteBG.cSpekersBlock .cSpeakerslot {
  height: 100%;
}

/* 8) Safety: prevent horizontal scroll if any old widths exist */
section.cKeynoteBG.cSpekersBlock {
  overflow-x: hidden;
}


/* =========================================
   BS5 FIX: Quote block with cols but no .row
   Targets: .cQuoteSection.cQuoateMain.cTestQuote
========================================= */

.cQuoteSection.cQuoateMain.cTestQuote{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center; /* change to flex-start if you want top aligned */
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1rem;
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
}

.cQuoteSection.cQuoateMain.cTestQuote > [class*="col-"]{
  padding-left: calc(0.5 * var(--bs-gutter-x)) !important;
  padding-right: calc(0.5 * var(--bs-gutter-x)) !important;
  margin-top: var(--bs-gutter-y);
  float: none !important; /* kill legacy float grids */
}

/* Mobile: stacked full width (keeps your col-sm-12 / col-md-12 intent) */
.cQuoteSection.cQuoateMain.cTestQuote > .col-sm-12{
  flex: 0 0 100%;
  max-width: 100%;
}

/* Desktop (lg+): 3/9 layout => 25% / 75% */
@media (min-width: 992px){
  .cQuoteSection.cQuoateMain.cTestQuote > .col-lg-3{
    flex: 0 0 auto !important;
    width: 25% !important;
    max-width: 25% !important;
  }
  .cQuoteSection.cQuoateMain.cTestQuote > .col-lg-9{
    flex: 0 0 auto !important;
    width: 75% !important;
    max-width: 75% !important;
  }
}

/* Optional: nice image behavior */
.cQuoteSection.cQuoateMain.cTestQuote .profile_pic{
  display: block;
  max-width: 100%;
  height: auto;
}





/* MENU */




 .cWSO2ConHeaderMenu a.cHoverMain:hover{background:#ff7300!important;color: #1c1565 !important; border: solid 1px #08efe2; }
   .cWSO2ConHeaderMenu {
 background-color: rgb(0,0,0);
 
     border-bottom: 1px solid transparent;
     border-image: linear-gradient(0.72turn, #ffffff00, #08efe275, #ffffff00);
     border-image-slice: 1;
 position: fixed;
 width: 100%;
 z-index: 99999;
 padding: 1rem 2rem;
 background-position: top -2rem center;
 transition: all 0.3s ease;
 text-align: left;
 }
 .navbar-light .navbar-toggler-icon{background-image: url(https://wso2.cachefly.net/wso2/sites/all/2024/wso2con/menu-toggle-white.webp);background-size: 26px;}
 .navbar-light .navbar-toggler{border:solid 1px #fff;}
 .navbar-toggler{padding: .1rem .5rem;}
 .cHoverSUb:hover{color:#08efe2 !important;}
 a.cHoverMain:hover{color: #1c1565 !important; background-color: #ff7300 !important;}
 .cWSO2ConHeaderMenu a.cButtonN_Standard:hover{color: #08efe2 !important; background-color: #1c1565 !important;} 
 .cWSO2ConHeaderMenu .navbar-light .navbar-nav .nav-link:hover{color:#08efe2 !important;} 
 .cWSO2ConHeaderMenu .navbar-light .navbar-nav .nav-link{line-height: 30px!important; padding-top: 5px!important;padding-left: 20px; padding-right: 20px;}
 .cWSO2ConHeaderMenu .cHoverMain .navbar-light .navbar-nav .nav-link:hover{color: #1c1565 !important; }
 .cTopLogoSec {
 padding-top: 8px;
 
 }
 a.cHoverMain{padding-top:0!important;}
 .cDate h3 {
     color: #c1bebe !important;
     margin-top: 10px !important;
     margin-bottom: 0;
     line-height: 1.5rem !important;
     font-size: 1.1rem !important;
     padding-left: 10px;
     padding-top: 2px;
 }
 
 .navbar{background: transparent!important; box-shadow: none;}
 .cWSO2ConHeaderMenu a.cButtonN_Standard{font-weight: 600;font-size: 19px !important;line-height: 30px!important; text-align: center !important;width: 136px !important;background: #08EFE2;border: solid 1px #03fff1;
     background: linear-gradient(0deg, rgba(8, 239, 226, 1) 0%, rgba(105, 245, 238, 1) 45%, rgba(0, 184, 174, 1) 100%);color: #1c1565 !important; padding: 3px 20px!important; margin: 0!important;       border-radius: 320px !important;
 }

 .cWSO2ConHeaderMenu a.cButtonN_Standard
 /* .cWSO2ConHeaderMenu img{max-width: 281px;} */
 
 .navbar-light .navbar-nav .nav-link{line-height: 30px!important;    padding-top: 5px!important;}
 .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#fff!important;}
 #myDiv.scrolled {
     /* Styling when scrolled 100px */
     background-color: rgba(0,0,0,1); border-bottom: solid 1px rgba(255,255,255,0.3);padding: 0.8rem 2rem;
 }
 .scroll img{max-width: 200px;}
 .scroll .cDate h3 {
     margin-top: 0!important;
     color: #ffffff!important;}
 /* .cScroll{display:none;} */
 #myDiv.scrolled img{max-width: 200px;}
 
 #myDiv.scrolled .cTopLogoSec {width:100%;}
 #myDiv.scrolled .cNormal{display:none;}
 #myDiv.scrolled .cScroll{display:block;}
 #myDiv.scrolled .cDate h3{margin-top: 0!important;  color: #c1bebe !important; padding-left:0; padding-top:0; font-size: 1.1rem !important;}

#navbarNav .navbar-nav {
  margin-left: auto;
}
.cDate {
  display: flex;
  align-items: center; /* vertical centering */
}

.cDate img {
  display: block;
  margin-top: 14px;
}

 @media (max-width: 1440px) {
 .cDate h3{margin-left: 0rem; font-size: 1rem!important;}}
 @media screen and (max-width: 1025px) {
   .navbar-light .navbar-nav .nav-link {
     border-bottom: 0;
     font-size: 1rem;
   line-height: 1.6rem;
     font-weight: 400;
     padding: 0 10px;
   
 }}
 @media (max-width: 992px) {
 .cWSO2ConHeaderMenu .navbar-light .navbar-nav .nav-link{text-align:left;}
   ul.navbar-nav{margin: 8px 0 0 0 !important;
     width: 100% !important;
     background-color: #000;
     padding: 15px;
     border-radius: 10px;
   }
   .cHoverSUb{background: #000!important; }
 
   .navbar-light .navbar-nav .nav-link{margin-top: 9px;border-bottom: solid 1px #353232;font-weight: 500;
 padding-bottom: 9px;text-align: right;}
 .cWSO2ConHeaderMenu a.cButtonN_Standard{margin: 10px 0 !important;width: 100% !important; border-bottom:0!important; font-weight: 600!important;}
  .cWSO2ConHeaderMenu
 .cWSO2ConHeaderMenu {
 
   background-size: cover;
   padding: 1rem 0;
 }
 
 .cWSO2ConHeaderMenu img {
   width: 230px;
   height: auto;
   padding-left: 0;
 }
 #myDiv.scrolled {padding: 1rem 0;}
 .scrolled {padding: 1rem 0;}
 .cDate h3 {
   padding-left: 0;
   font-size: 1rem !important;
   line-height: 1.5rem !important;
 margin-left:0;
 }
 
 .scroll-style h3 {
   padding-left: 0;
   margin-left: 0;
   margin-top: 0;
 }
 
 .cAricleShareButtons {
   display: none;
 }}
 @media (max-width: 768px) {
   .navbar-light .navbar-toggler{margin-top: -27px;
     margin-right: 1px;}
     .cWSO2ConHeaderMenu{padding-top: 16px;
   padding-right: 0px;}
 
 }
 @media (max-width: 512px) {.cDate h3{margin-left: 0rem;}}
 @media (max-width: 480px) {
     .cWSO2ConHeaderMenu{padding: 1rem;}
     .cWSO2ConHeaderMenu img{width: 162px;}
 }






 /* Agenda */

 /* Make the right section act like a row */
.cVenueGradientRight {
  display: flex;
  align-items: center;        /* vertical center */
  justify-content: space-between;
}

/* Force inner columns to behave correctly */
.cVenueGradientRight > div {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  text-align: center;
}

/* Optional: keep buttons consistent */
.cVenueGradientRight h4 {
  margin: 0;
}




/* Ensure modal is above everything */
.modal { z-index: 1055; }
.modal-backdrop { z-index: 1050; }

/* Make your old .close button look/behave OK in BS5 */
.modal .close {
  position: absolute;
  right: 16px;
  top: 12px;
  background: transparent;
  border: 0;
  font-size: 28px;
  line-height: 1;
  opacity: 0.8;
  z-index: 2;
}
.modal .close:hover { opacity: 1; }

/* Prevent stuck scroll issues */
body.modal-open { overflow: hidden !important; }

/* Better scrolling for long content */
.modal-dialog { margin: 1.25rem auto; }
.modal-body { max-height: calc(100vh - 140px); overflow: auto; }