@font-face {
  font-family: "Host Grotesk";
  font-style: italic;
  font-weight: 300 800;
  src: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2_con_fonts/co3fmWBnlCJ3U42vbbfdwMjZoWjqyUnirFNPgS4.woff2)
    format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Host Grotesk";
  font-style: italic;
  font-weight: 300 800;
  src: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2_con_fonts/co3fmWBnlCJ3U42vbbfdwMjZoWjkyUnirFNP.woff2)
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 300 800;
  src: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2_con_fonts/co3BmWBnlCJ3U42vbbfdwMjZqljmw07ArmNO.woff2)
    format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 300 800;
  src: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2_con_fonts/co3BmWBnlCJ3U42vbbfdwMjZpFjmw07Arg.woff2)
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

body h1,
     h2,
     h3,
     h4,
     h5,
     h6 
     p{
         font-family: "Host Grotesk", sans-serif !important;
     }

/* 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; }



.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-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: 1.1rem !important; line-height: 1.7rem !important; font-weight: 300 !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: 2rem!important; 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-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-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-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-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 {  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-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; box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 9%); border: solid 1px #e3dfdf; }
.cVenueGradientLeft { background-image: url(https://wso2.cachefly.net/wso2/sites/all/image_resources/wso2con/2025/wso2conAsia-theme25-background.webp); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 4rem 4rem; }
.cBlueBGWhite h1 { font-size: 3.5rem !important; line-height: 3rem !important; font-weight: 700 !important;  font-style: normal !important; color: #fff !important; padding-top: 2rem; }
.cVenueGradientRight { background: linear-gradient(295deg, rgba(28, 21, 101, 1) 0%, rgba(0, 0, 0, 1) 100%); padding: 6rem 14rem 6rem 4rem; background-position: center top; }
.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; }
.btn {--bs-btn-padding-x: 0.25rem !important;}
.btn-primary { --bs-btn-bg: transparent !important; --bs-btn-border-color: transparent !important;}

  .cImageGallery h2 {
	color: #1c1565 !important;
	font-size: 2rem !important;
	font-weight: 400 !important;
	line-height: 2.8rem !important;
	margin-bottom: 1rem;
	letter-spacing: 1px !important;
	border-bottom: 1px solid #a9afc3;
	text-align: left;
	padding-top: 3rem;
	padding-bottom: 0.5rem;
}


.Twoh2 h1 {
    color: #1c1565 !important;
    line-height: 3.8rem !important;
    font-weight: 700 !important;
    font-size: 3.4rem !important;
}
.Twoh2 {
    padding-top: 5rem;
}

.Twoh2 h3{
  word-spacing: 0 !important;
  color: #4e4a4a !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; }
  /* ... (Due to length constraints, insert the FULL AOS CSS block from your source here) ... */
  /* For the sake of the copy-paste request, I am ensuring the custom styling below is included */
  
  [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); }
}
@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%!important;} .cSpeakerSMKey { width: 50%!important; } .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; } }