/* AoS effect Starts */
.ccard { cursor: pointer; transition: 0.5s !important; }
.ccard:hover { box-shadow: 2px 2px 32px #08efe2d1; transition: 0.5s !important; }
.ccard:hover button { filter: brightness(0%); transition: 0.5s ease-in-out !important; }
.ccard button { transition: filter 0.5s ease-in-out !important; }

@media screen and (min-width: 992px) {
  [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; }
  [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; }
  [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; }
  /* (Standard AOS styles are implied here to save space, copy full block if needed or inherit) */
  [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; }
  [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0); }
  [data-aos="fade-up"] { transform: translate3d(0, 100px, 0); }
  [data-aos="zoom-in"] { transform: scale(0.6); }
  [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0) scale(1); }
}

.cSocialMedia img { filter: grayscale(1) invert(1); }
body { background: linear-gradient(56deg, rgba(28, 21, 101, 1) 0%, rgba(0, 0, 0, 1) 100%); }
.cVenueHeader h1 { color: #010641 !important; font-size: 3.5rem !important; line-height: 4rem !important; padding-top: 1rem; margin-bottom: 1rem; }
.cVenueHeader h1 { color: #ffffff !important; }
.cVenueHeader { padding-top: 9rem; padding-bottom: 1rem; }
.cImageGallery { padding-top: 0; }
.cBlackBG { background-color: transparent !important; }
.cVenueHeader h1 { font-family: Ubuntu, sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #ffffff !important; font-size: 3.5rem !important; line-height: 4.4rem !important; margin-bottom: 0; }
.close { opacity: 1; line-height: 1.6rem; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: transparent !important; box-shadow: none !important; border-color: transparent !important; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none !important; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: transparent !important; border-color: transparent; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: none; }
.btn-primary:hover { background-color: #fff; border-color: #fff; }
.btn:focus { box-shadow: none; }
.btn { padding: 0; vertical-align: top; font-size: 1rem; line-height: 0; }
.modal-body h5 { font-size: 0.9rem !important; line-height: 1.3rem !important; font-weight: 400 !important; color: #494848 !important; word-spacing: 3px; letter-spacing: .008rem !important; }
.modal-body h3 { font-size: 1.3rem !important; color: #1c1565 !important; padding-top: 0rem; line-height: 2rem !important; font-weight: 600 !important; }
.cAgendaContainer { max-width: 1350px; }
.modal-body { padding: 4rem; z-index: 999999; }
.modal-dialog { max-width: 880px !important; }
.close span { margin-top: -64px; margin-left: 29px; font-size: 31px !important; color: #fff !important; width: 35px; height: 36px; background-color: #08efe2; border-top-right-radius: 4px; }
.modal-content { border: 0; }
.cHighlighted { border-radius: 15px; }
.cSpeakerBlock img { border-radius: 50%; width: 230px; height: 230px; }
.cSpeakerBlockIn img { border-radius: 50%; width: 150px; height: 150px; }
.cSpeakerBlock h4 { margin-bottom: 0; font-weight: 500 !important; font-size: 1.7rem !important; margin-bottom: 0.5rem; font-family: Ubuntu, sans-serif !important; font-weight: 500 !important; font-style: normal !important; margin-top: 1rem; color: #1c1565 !important }
.cSpeakerBlockInEx img { border-radius: 50%; width: 150px; height: 150px; }
.cSpeakerBlockInEx h4 { margin-bottom: 0; font-weight: 500 !important; font-size: 1.4rem !important; line-height: 1.7rem !important; margin-bottom: 0.5rem; font-family: Ubuntu, sans-serif !important; font-weight: 500 !important; font-style: normal !important; margin-top: 1rem; color: #1c1565 !important }
.cSpeakerBlockInEx { background: rgb(239, 239, 241); background: linear-gradient(0deg, rgba(239, 239, 241, 1) 0%, rgba(255, 255, 255, 0.22735031512605042) 40%); border-radius: 0px 20px; min-height: 414px; margin-bottom: 3rem; display: inline-block; width: 100%; }
.cSpeakerBlockIn h4 { margin-bottom: 0; font-weight: 500 !important; font-size: 1.4rem !important; line-height: 1.7rem !important; margin-bottom: 0.5rem; font-family: Ubuntu, sans-serif !important; font-weight: 500 !important; font-style: normal !important; margin-top: 1rem; color: #1c1565 !important }
.cSpeakerBlockIn { background: rgb(239, 239, 241); background: linear-gradient(0deg, rgba(239, 239, 241, 1) 0%, rgba(255, 255, 255, 0.22735031512605042) 40%); border-radius: 0px 20px; min-height: 376px; margin-bottom: 3rem; display: inline-block; width: 100%; }
.cSpeakerBlockInner h4 { margin-bottom: 0; font-weight: 500 !important; font-size: 1.7rem !important; margin-bottom: 0.5rem; font-family: Ubuntu, sans-serif !important; font-weight: 500 !important; font-style: normal !important; margin-top: 1rem; color: #1c1565 !important }
.cSpeakerBlock p { color: #1c1565 !important; line-height: 1.2rem !important; font-size: 0.9rem !important; margin-bottom: 0rem; padding: 0 2rem 1rem; min-height: 105px; }
.cSpeakerBlockInEx p { color: #1c1565 !important; line-height: 1.2rem !important; font-size: 0.85rem !important; margin-bottom: 0rem; padding: 0 1rem 1rem 1rem; min-height: 114px; }
.cSpeakerBlockIn p { color: #1c1565 !important; line-height: 1.2rem !important; font-size: 0.85rem !important; margin-bottom: 0rem; padding: 0 1rem 1rem 1rem; min-height: 114px; }
.xMinHeight p { min-height: 83px !important; }
.cSpeakerSM { margin-top: 1rem; padding-bottom: 0; text-align: right; padding-right: 0.5rem; min-height: 39px; }
.cBlackBG h2 { font-family: Ubuntu, sans-serif !important; color: #ff7300 !important; }
.cSpeakerSMKey { margin-top: 0.5rem; padding-bottom: 0; text-align: right; padding-right: 0.5rem; min-height: 33px; }
.cSpeakerSMKey img { border-radius: 0 !important; height: auto !important; box-shadow: none; }
.cSpeakerSM img { height: auto; border-radius: 0; }
.cBlueGradient { text-align: center; display: inline-block; }
.cBlueGradient h2 { color: #08efe2 !important; font-family: Ubuntu, sans-serif !important; font-weight: 500 !important; font-style: normal !important; }
.cBlueBGWhite { background-color: #1c1565; padding-top: 0; }
.btn img:hover { filter: brightness(0%); }
.cLogo img { height: auto !important; border-radius: 0 !important; box-shadow: none !important; }
.cSpeakerBlock { display: inline-block; width: 100%; padding: 3rem 1rem 0rem 0; margin-bottom: 2rem; background-color: #ffffff; border-radius: 0px 20px; }
.btn {--bs-btn-padding-x: 0.25rem !important;}
.btn-primary { --bs-btn-bg: transparent !important; --bs-btn-border-color: transparent !important;}

/* EU Specific Backgrounds */
.cVenueGradientLeft { 
  background-image: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2con/2025/inner-bg.webp); 
  background-repeat: no-repeat; 
  background-size: cover; 
  background-position: center top; 
  padding: 6rem 4rem; 
}

.cBlueBGWhite h1 { 
  font-size: 3.5rem !important; 
  line-height: 3rem !important; 
  font-weight: 700 !important; 
  font-family: Ubuntu, sans-serif !important; 
  font-style: normal !important; 
  color: #fff !important; 
}

.cVenueGradientRight { 
  background-image: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2con/2025/inner-bg.webp); 
  background-repeat: no-repeat; 
  background-size: cover; 
  background-position: center top; 
  padding: 6rem 14rem 6rem 4rem; 
}

.cVenueGradientRight h3 { margin-bottom: 0; }
.cAlighRight { text-align: right; }
.cCompanyLogo { float: left; background-color: #ffffff; border-bottom-left-radius: 20px; border-top-right-radius: 20px; text-align: left; height: 55px; }
.jonas_persson .profile_pic { border: solid 1px #ccc; }
.johan_edling .profile_pic { border: solid 1px #ccc; }
.chintana_wilamuna .profile_pic { border: solid 1px #ccc; }
.quobix .cSpeakerSMKey { margin-top: 2.5rem; padding-bottom: 1rem; }
@media (max-width: 992px) { .close span { margin-top: 36px; margin-left: 20px; right: 0; } .cLeft { border-right: 0; } }
@media (max-width: 800px) { .cSpeakerBlock img { width: 200px; height: 200px; } }
@media (max-width: 768px) { .cLeft { border-right: 0; } .cAlighRight { text-align: center; } .cBlueBGWhite h1 { margin-bottom: 0; } .cVenueGradientLeft { padding: 4rem 2rem 1rem; } .cVenueGradientRight { padding: 2rem 2rem 3rem 4rem; text-align: center; } .cVenueFooter { padding: 2rem; } .cCompanyLogo { width: 50%; } .cSpeakerSMKey { width: 50%; } .cSpeakerBlock { border-bottom: solid 1px #515151; } }
@media (max-width: 480px) { section { padding: 3rem .5rem; } .cSubTitleVenue h2 { font-size: 2.4rem !important; line-height: 3rem !important; } .cBlueBGWhite h1 { font-size: 3rem !important; line-height: 3rem !important; } }