﻿


    * {
        font-family: "Fselliotpro", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, "黑体", "Arial", sans-serif !important;
    }
    /* .headerType1 {
        display: ${headerType1};
    }
    .headerType2 {
        display: ${headerType2};
    } */
    .languageSection {
        display: ${languageSection};
    } 
    .languageDropdown {
        display: ${languageDropdown};
    } 
    .languageDivider {
        display: ${languageDivider};
    } 
    .bannerWithoutOverlay {
        display: ${bannerWithoutOverlay};
    }
    .bannerWithOverlay {
        display: ${bannerWithOverlay};
    }
    .menuUnderBanner {
        display: ${menuUnderBanner};
    }
    .aboutSection {
        display: ${aboutSection};
    }
    .speakersSection {
        display: ${speakersSection};
    }
    .speakers1ThreeColumn {
        display: ${speakers1ThreeColumn};
    }
    .speakers2ThreeColumn {
        display: ${speakers2ThreeColumn};
    }
    .speakers3ThreeColumn {
        display: ${speakers3ThreeColumn};
    }
    .speakers4ThreeColumn {
        display: ${speakers4ThreeColumn};
    }
    .speakers5ThreeColumn {
        display: ${speakers5ThreeColumn};
    }
    .speakers6ThreeColumn {
        display: ${speakers6ThreeColumn};
    }
    .speakers7ThreeColumn {
        display: ${speakers7ThreeColumn};
    }
    .speakers8ThreeColumn {
        display: ${speakers8ThreeColumn};
    }
    .speakers9ThreeColumn {
        display: ${speakers9ThreeColumn};
    }
    .singleRowSpeaker1 {
        display: ${singleRowSpeaker1};
    }
    .singleRowSpeaker2 {
        display: ${singleRowSpeaker2};
    }
    .agendaSection {
        display: ${agendaSection};
    }
    .agendaCard1 {
        display: ${agendaCard1};
    }
    .agendaCard2 {
        display: ${agendaCard2};
    }
    .agendaCard3 {
        display: ${agendaCard3};
    }
    .agendaCard4 {
        display: ${agendaCard4};
    }
    .showmoreContent {
        display: ${showmoreContent};
    }
    .formSection {
        display: ${formSection};
    }
    .sponsorsSection {
        display: ${sponsorsSection};
    }
    .singleSpeakerRow {
        display: ${singleSpeakerRow};
    }
    .RegisterSuccess {
        display: ${RegisterSuccess};
    }
    body {
        
    }
    .com-space-l {
        padding-left: 72px;
    }
    .com-space-r {
        padding-right: 72px;
    }
    .com-space-t {
        padding-top: 24px;
    }
    .com-space-b {
        padding-bottom: 24px;
    }
    .l-space-logo {
        padding-left: 68px;
    }
    .headerBrandSpace {
        padding-left: 48px;
        padding-right: 48px;
    }
    .brand {
        padding-top: 24.5px;
        padding-right: 20px;
        padding-bottom: 24.5px;
    }
    .language {
        padding-top: 34.5px;
        padding-bottom: 34.5px;
        padding-left: 30px;
        text-align: right;
    }
    .languageBtnStyle {
        border-radius: 16px;
    }
    .languageBtnStyle:focus, .languageBtnStyle:active, .languageBtnStyle:hover {
        box-shadow: none !important;
    }
    .languageSelectMenu.show {
        min-width: 75px;
        width: auto;
    }
    .p-l-0 {
        padding-left: 0px;
    }
    .p-r-0 {
        padding-right: 0px;
    }
    .p-t-20 {
        padding-top: 20px;
    }
    .p-t-30 {
        padding-top: 30px;
    }
    .p-b-10 {
        padding-bottom: 10px;
    }
    .m-l-0 {
        margin-left: 0px;
    }
    .m-r-0 {
        margin-right: 0px;
    }
    .m-t-0 {
        margin-top: 0px;
    }
    .m-b-0 {
        margin-bottom: 0px;
    }
    /* Start New Updated CSS */
    .bg-banner {
        width: 100%; 
        height: 480px; 
        position: relative;
    }
    .bg-banner .overlay {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        z-index:99;
        transform: translateY(-50%);
        text-align: left;
    }
    .overlay p {
       
        color: #F7F7F8;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.10000000149011612px;
        text-align: left;
        max-width: 965px;
        margin-bottom: 0px;
    }
    .overlay h2 {
       
        color: #F7F7F8;
        font-size: 56px;
        font-weight: 900;
        line-height: 62px;
        letter-spacing: -0.5px;
        text-align: left;
        max-width: 965px;
        margin-bottom: 0px;
    }
    .aboutContent p {
        color: #333D47;
    }
    /* End New Updated CSS */
    .nav-fixed-top {
        /* position: fixed; */
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        height: 100px;
        background-color: #ffffff;
    }
    .top-banner {
        padding-top: 100px;
    }
    .navbar {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .navbar .navbar-brand {
        font-size: 30px;
    }
    .navbar-nav {
        padding: 16px 32px;
    }
    .navbar .nav-link {
        font-size: 16px;
        line-height: 24px;
        color: #13426B !important;
        margin-left: 10px;
        font-weight: 700;
    }
    .navbar-light .navbar-nav .nav-link.active {
        text-decoration: underline;
        text-decoration-color: #CF1F38;
        text-underline-offset: 10px;
        text-decoration-thickness: 2px;
    }
    .navbar-toggler {
        padding: 4px;
        border-radius: 5px;
        font-size: 14px;
    }
    .navbar-toggler-icon {
        width: 20px;
        height: 15px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .module-header {
        margin-bottom: 0px;
        padding-bottom: 24px;
        font-size: 26px;
        line-height: 40px;
        color: #13426B;
        /* text-transform: uppercase; */
        letter-spacing: 2px;
        font-weight: 700;
        text-align: left;
    }
    .aboutContent {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-right: 24px;
        border-bottom: 1px solid #D6D8DA;
    }
    .speakersContent {
        padding-top: 24px;
        /* padding-bottom: 24px; */
        margin-right: 24px;
    }
    .speakerRow {
        /* padding-top: 24px;
        padding-bottom: 32px;
        padding-left: 24px;
        margin-right: 24px; */
        border-bottom: 1px solid #D6D8DA;
    }
    .speakerImg {
        text-align: center;
        padding: 0px 16px 16px 16px;
    }
    /* .speakerName {
        font-size: 26px;
        
        line-height: 34px;
        text-align: center;
        color: #333D47;
        font-weight: 700;
        margin-bottom: 0px;
    }
    .speakerSubText {
        font-size: 16px;
        line-height: 24px;
        color: #333D47;
    } */
    .ourSpeaker h2 {
        font-size: 22px;
        
        line-height: 28px;
        text-align: center;
        color: #333D47;
        font-weight: 700;
        margin-bottom: 0px;
    }
    .ourSpeaker p {
        font-size: 14px;
        line-height: 24px;
        color: #333D47;
    }
    .ourSpeaker h2:hover, .ourSpeaker h2:active, .ourSpeaker h2:visited, .ourSpeaker h2:focus {
        cursor: pointer;
        color: #26CAD3;
    }
    .sponsorsContent {
        padding-top: 24px;
        /* border-top: 1px solid #D6D8DA; */
        margin-left: 10px;
    }
    .sponsorsContent .module-header {
       
        font-size: 16px !important;
        font-weight: 700;
        line-height: 28px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        letter-spacing: 2px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }
    .sponsorImgMob {
        width: 33.3333%;
    }
    .sponsorsImg {
        padding-top: 24px;
    }
    .agendaTime {
        font-size: 26px;
        
        line-height: 34px;
        padding: 24px 0px;
        margin-bottom: 0px;
        color: #2B8098;
        font-weight: 700;
    }
    .agendaTime p {
        
    }
    .agendaDetails {
        padding: 24px;
        border: 1px solid #D6D8DA;
        border-radius: 16px;
        background-color: #F7F7F8;
    }
    .agendaContentText p {
       
        color: #333D47;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.10000000149011612px;
        text-align: left;
    }
    .agendaDetailContent h3 {
        padding-bottom: 24px;
        font-family: 'FS Elliot Pro-Light' !important;
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;
        text-align: left;
    }
    .agendaSpeakerImgRow {
        padding-top: 24px;
    }
    /* .agendaSpeakerName {
        font-size: 18px;
        
        line-height: 22px;
        font-weight: 700;
        letter-spacing: 0.10000000149011612px;
        padding-left: 5px;
        color: #333D47;
        text-align: left;
    }
    .agendaSpeakerNamePos {
        font-size: 14px;
        
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0.10000000149011612px;
        padding-left: 5px;
        color: #5B636B;
        text-align: left;
    } */
    .formContent {
        padding: 32px;
        background-color: #FFF;
        border-radius: 15px;
    }
    .formContent .module-header {
        font-size: 22px;
        line-height: 28px;
        padding-left: 10px;
    }
    form {
        width: 100% !important;
    }
    .mktoError {
        display: none !important;
    }
    .formBackground {
        background-color: #F7F7F8;
    }
    .form-content-inner {
        padding-bottom: 24px;
    }
    .mktoForm .mktoFormRow {
        width: 100%;
		max-width: 800px;
    }
    .mktoForm .mktoFieldWrap {
        width: 100%;
    }
    .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
        padding-left: 5px !important;
        float: right !important;
    }
    .mktoForm .mktoLabel {
        width: 100% !important;
        padding-bottom: 5px;
        font-size: 16px !important;
        line-height: 24px !important;
        color: #333D47;
    }
    .mktoForm .mktoRequiredField label.mktoLabel {
        font-weight: normal !important;
    }
    input::placeholder, textarea::placeholder, select::placeholder {
        color: #5B636B !important;
        font-size: 16px !important;
    }
    .mktoForm .mktoFieldWrap {
        padding-left: 10px;
    }
    .mktoForm .mktoOffset {
        height: 10px !important;
    }
    .mktoButtonRow {
        margin-top: 20px !important;
    }
    .mktoButtonWrap {
        margin-left: 10px !important;
    }
    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        height: 36px !important;
        padding: 6px 12px !important;
        background-color: #13426b !important;
        background-image: linear-gradient(to bottom, #13426b, #13426b) !important;
        border: 1px solid #13426b !important;
        color: #ffffff !important;
        border-radius: 8px !important;
        width: auto !important;
        min-width: 80px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }
    #mktoFormTwoCol .mktoForm .mktoFormCol {
        width: 100% !important;
    }
    .footerBgColor {
        background-color: #13426B;
    }
    .brand-footer {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-right: 20px;
        text-align: left;
    }
    .breadcrumb li a {
        color: #ffffff;
        font-size: 14px;
        text-decoration: none;
        line-height: 22.4px;
        letter-spacing: 0.02em;
        font-weight: 400;
    }
    .languageBreadcrumb li a {
        color: #13426B;
        font-size: 14px;
        text-decoration: none;
        line-height: 22.4px;
        letter-spacing: 0.02em;
        font-weight: 400;
    }
    .lastBread::after {
        content: "" !important;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        content: "";
        padding-right: 0px;
    }
    .breadcrumb-item::after {
        float: right;
        padding-right: 8px;
        padding-left: 8px;
        color: #ffffff;
        content: var(--bs-breadcrumb-divider, "/");
    }
    .languageBreadcrumb .breadcrumb-item::after {
        float: right;
        padding-right: 0px !important;
        padding-left: 8px;
        color: #13426B;
        content: var(--bs-breadcrumb-divider, "/");
    }
    .footerContent {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-left: 20px;
        display: grid;
    }
    .contentArea {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
    html {
        scroll-behavior: smooth;
    }
    .error {
        color: #CF1F38;
        font-size: 14px;
        line-height: 30px;
        padding-left: 10px !important;
        
    }
    @media screen and (min-width: 320px) {
        .col-xs-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
            max-width: 85px;
        }
        .col-xs-8 {
            flex: 0 0 auto;
            /* width: 66.66666667%; */
        }
        /* .col-sxs-4 {
            max-width: 160px;
        } */
        .col-sxs-8 {
            padding-left: 10px;
            margin-top: auto;
            margin-bottom: auto;
        }
    }
    @media screen and (max-width: 424.98px) {
        .menuDiv {
            padding-left: 10px !important;
            padding-right: 10px !important;
            top: 60px !important;
        }
        .menuDiv ul {
            padding-left: 0px !important;
        }
        .menuDiv ul li {
            padding: 10px !important;
        }
        .menuDiv ul li a {
            font-size: 13px !important;
        }
        .menu-link.menu-active {
            text-underline-offset: 15px !important;
        }
        .menuDiv .com-space-l, .menuDiv .com-space-r {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
    }
    @media screen and (max-width: 480.98px) {
        .com-space-r, .com-space-l{
            padding-left: 16px !important;
            padding-right: 16px !important;
        }
        .mainContent {
            padding-left: 5px;
            padding-right: 5px;
        }
        .module-header {
            font-size: 22px;
        }
        .ourSpeaker p {
            margin-bottom: 0px;
            padding-bottom: 40px;
        }
        .singleSpeakerImg div {
            width: 100% !important;
        }
        .singleSpeakerImgRow .singleSpeakerImg img{
            margin-left: auto;
            margin-right: auto;
        }
        .singleSpeaker-details h2 {
            text-align: center !important;
            padding-top: 16px !important;
        }
        .singleSpeaker-details p {
            text-align: center !important;
            padding-bottom: 40px;
        }
        .mobViewAgendaCard {
            padding-left: 0px;
            padding-right: 0px;
        }
        .mktoForm {
            padding-left: 0px !important;
            padding-right: 0px !important;
            padding-top: 0px !important;
        }
        .mktoForm .mktoFieldWrap {
            padding-left: 0px !important;
        }
        .formContent {
            padding: 16px !important;
        }
        .formContent .module-header {
            padding-left: 0px !important;
        }
        .mktoButtonRow {
            margin-top: 0px !important;
            width: 100% !important;
        }
        .mktoButtonWrap, .sponsorsContent {
            margin-left: 0px !important;
        }
        .mktoButton, .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
            width: 100% !important;
        }
        .footerContent p {
            text-align: left !important;
        }
        .sm-hide {
            display: none;
        }
        .sm-show {
            display: block !important;
        }
        .agendaDetailContent h3 {
            font-size: 22px;
            line-height: 28px;
        }
        .lg-space {
            padding-top: 0px !important;
        }
        .mktoMobileShow .mktoForm, .mktoForm, .mktoForm * {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .error {
            padding-left: 0px !important;
        }
    }
    @media screen and (max-width: 575.98px) {
        /* .col-xs-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }
        .col-sxs-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
            max-width: 160px;
        }
        .col-sxs-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        } */
        .mobChange {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between;
            padding-left: 0px;
            padding-right: 0px;
            width: 100%;
        }
        .header-sm-view {
            max-width: 75px;
        }
        .language-sm-view {
            max-width: 90px;
        }
        .logo-sm-view {
            display: block;
        }
        .logo-md-view {
            display: none;
        }
        .language {
            padding-left: 0px;
        }
        .Register_now {
            padding-top: 34.5px;
            padding-bottom: 34.5px;
            text-align: right;
        }
        .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }
        .nav-fixed-top {
            height: 60px;
        }
        .top-banner {
            padding-top: 60px;
        }
        .brand, .Register_now, .language {
            padding-top: 12.5px;
            padding-bottom: 12.5px;
        }
        .aboutContentform .module-header {
            padding-left: 0px !important;
        }
        .navbar-nav {
            padding: 16px 0px;
        }
        .navbar .nav-link {
            margin-left: 0px;
        }
        .agendaDetails {
            padding: 14px;
        }
        .navRow-mb {
            margin-left: -20px;
            margin-right: -20px;
            background-color: #ffffff;
            padding-left: 8px;
            padding-right: 8px;
        }
        .bg-banner {
            height: 300px;
        }
        /* .bg-banner .overlay {
            top: 20%;
        } */
        .overlay h2 {
            font-size: 28px;
            line-height: 34px;
        }
        .overlay p {
            font-size: 14px;
            line-height: 20px;
        }
    }
    @media screen and (min-width: 576px) {
        .logo-sm-view {
            display: none;
        }
        .logo-md-view {
            display: block;
        }
        .menuDiv {
            top: 100px !important;
        }
    }
    @media screen and (min-width: 576px) and (max-width: 767.98px) {
        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: 5px;
            padding-left: 0px;
        }
        .navbar .nav-link {
            font-size: 14px;
        }
        .bg-banner {
            height: 300px;
        }
        /* .bg-banner .overlay {
            top: 20%;
        } */
        .overlay h2 {
            font-size: 36px;
            line-height: 42px;
        }
        .overlay .banner-Hero-Title p {
            font-size: 16px;
            line-height: 22px;
        }
    }
    @media screen and (max-width: 767.98px)  {
        .com-space-l {
            padding-left: 20px;
        }
        .com-space-r {
            padding-right: 20px;
        }
        .l-space-logo {
            padding-left: 20px;
        }
        .headerBrandSpace {
            padding-left: 20px;
            padding-right: 20px;
        }
        .speakerRow {
            padding-left: 0px;
            padding-right: 0px;
        }
        .brand-footer, .footerContent {
            padding: 20px;
        }
        .aboutContent {
            padding-top: 0px;
            margin-right: 0px;
        }
    }
    @media screen and (min-width: 768px) and  (max-width: 1197.98px) {
        .com-space-l {
            padding-left: 36px;
        }
        .com-space-r {
            padding-right: 36px;
        }
        /* .bg-banner .overlay {
            top: 20%;
        } */
    }
    .btn-blue, .btn-blue:focus, .btn-blue:active, .btn-blue:hover, .btn-blue:visited {
        width: auto;
        height: 32px;
        min-width: 64px;
        padding: 4px 10px;
        gap: 4px;
        border-radius: 8px;
        background-color: #13426B;
        color: #ffffff;
        outline: none;
        box-shadow: none;
    }
    .menuDiv {
        border-bottom: 1px solid #D6D8DA;
        background-color: #ffffff;
        /* position: fixed; */
        top: 100px;
        width: 100%;
        z-index: 100;
    }
    .menuDiv ul {
        list-style: none;
        display: inline-flex;
        margin-bottom: 0px;
        padding-left: 0px;
    }
    .menuDiv ul li {
        padding: 16px;
    }
    .menuDiv ul li a {
       
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.10000000149011612px;
        text-align: center;
        color: #333D47;
        text-decoration: none;
    }
    .menu-link.menu-active {
        text-decoration: underline;
        text-decoration-color: #13426B;
        text-underline-offset: 20px;
        text-decoration-thickness: 3px;
    }
   
    .mktoForm .mktoRequiredField label.mktoLabel {
        font-weight: normal !important;
        color: #333D47 !important;
        
    }
    .mktoForm.mktoLayoutAbove .mktoLabel {
        color: #333D47 !important;
        
        /* font-size: 16px !important;
        line-height: 24px !important; */
    }
    .red_italic {
        font-style: italic !important;
        color: #F4364C !important;
    }
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField {
        width: 100% !important;
        height: 36px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        border: 1px solid #ABADAE;
        border-radius: 4px !important;
        font-size: 14px !important;
        box-shadow: none;
        
    }
	.mktoForm textarea{
		max-width: 800px !important;
	}
    .mktoForm textarea.mktoField {
        width: 100% !important;
        min-height: 36px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        border: 1px solid #ABADAE;
        border-radius: 4px !important;
        font-size: 14px !important;
        box-shadow: none;
        
    } 
    @media only screen and (max-width: 480px) {
        .mktoForm textarea.mktoField {
            min-height: 36px !important;
            height: auto !important;
        }
    }
    .mktoForm .mktoLabel {
        font-weight: 400 !important;
    }
    /* .mktoForm .mfc-six-twelve select.mktoField {
        background: #fff url("https://events.hkex.com.hk/rs/381-CPX-988/images/select_icon.png") no-repeat 90% center !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    } */
    .mktoForm select.mktoField {
        /* background: #fff url("https://events.hkex.com.hk/rs/381-CPX-988/images/select_icon.png") no-repeat 95% center !important; */
        background: #fff url("https://events.hkex.com.hk/rs/381-CPX-988/images/select_icon_down.svg") no-repeat center right 16px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .mktoForm select.mktoField.rotate {
        background: #fff url("https://markets.hkex.com.hk/rs/381-CPX-988/images/select_icon_up.svg") no-repeat center right 16px !important;
    }
    .mktoError {
        display: none !important;
    }
    .mktoForm .mktoError {
        right: 0px !important;
        bottom: -20px !important;
        left: 10px !important;
        z-index: 1 !important;
    }
    .mktoForm .mktoError .mktoErrorArrowWrap {
        display: none !important;
    }
    .mktoForm .mktoError .mktoErrorMsg {
        display: inline !important;
        color: #CF1F38 !important;
        font-size: 12px !important;
        background-color: transparent !important;
        background-image: none !important;
        border: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        text-shadow: none !important;
        padding: 0px !important;
        line-height: 14px !important;
        
    }
    .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
        display: inline-block !important;
    }
    .error-border {
        border: 1px solid #CF1F38 !important;
    }
    .errorMsg {
        color: #CF1F38;
        font-size: 14px;
        padding-left: 10px !important;
        
    }
    .checkboxErrorMsg {
        display: none;
        color: #CF1F38;
        font-size: 12px;
        padding-left: 10px !important;
        
    }
    .mktoFieldWrap .mktoLabel .mfc-six-twelve, .mktoFieldWrap .mktoLabel .mfc-twelve-twelve, .mktoFieldWrap .mktoLabel .mfc-four-twelve {
        /*display: flex;*/
        
    }
    .mktoForm input[type=text]:active, .mktoForm input[type=url]:active, .mktoForm input[type=email]:active, .mktoForm input[type=tel]:active, .mktoForm input[type=number]:active, .mktoForm input[type=date]:active, .mktoForm textarea.mktoField:active, .mktoForm select.mktoField:active,
    .mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus, .mktoForm textarea.mktoField:focus, .mktoForm select.mktoField:focus,
    .mktoForm input[type=text]:visited, .mktoForm input[type=url]:visited, .mktoForm input[type=email]:visited, .mktoForm input[type=tel]:visited, .mktoForm input[type=number]:visited, .mktoForm input[type=date]:visited, .mktoForm textarea.mktoField:visited, .mktoForm select.mktoField:visited,
    .mktoForm input[type=text]:focus-visible, .mktoForm input[type=url]:focus-visible, .mktoForm input[type=email]:focus-visible, .mktoForm input[type=tel]:focus-visible, .mktoForm input[type=number]:focus-visible, .mktoForm input[type=date]:focus-visible, .mktoForm textarea.mktoField:focus-visible, .mktoForm select.mktoField:focus-visible {
        /* color: #E7ECF0; */
        border: 1px solid #13426B !important;
        box-shadow: none;
        outline: none;
        /* background-color: #E7ECF0 !important; */
        /* border-width: 3px;
        border-style: double;
        border-color: #13426B !important; */
    }
    .mktoForm input[type=text]:hover, .mktoForm input[type=url]:hover, .mktoForm input[type=email]:hover, .mktoForm input[type=tel]:hover, .mktoForm input[type=number]:hover, .mktoForm input[type=date]:hover, .mktoForm textarea.mktoField:hover, .mktoForm select.mktoField:hover {
        border: 1px solid #565657 !important;
        box-shadow: none;
        outline: none;
    }
    .mktoForm input[type=text]:disabled, .mktoForm input[type=url]:disabled, .mktoForm input[type=email]:disabled, .mktoForm input[type=tel]:disabled, .mktoForm input[type=number]:disabled, .mktoForm input[type=date]:disabled, .mktoForm textarea.mktoField:disabled, .mktoForm select.mktoField:disabled {
        border: 1px solid #F7F7F8 !important;
        box-shadow: none;
        outline: none;
    }
    .mktoForm input[type=text]:read-only, .mktoForm input[type=url]:read-only, .mktoForm input[type=email]:read-only, .mktoForm input[type=tel]:read-only, .mktoForm input[type=number]:read-only, .mktoForm input[type=date]:read-only, .mktoForm textarea.mktoField:read-only {
        border: 1px solid #D6D8DA !important;
        box-shadow: none;
        outline: none;
    }
    .mktoCheckboxList {
        position: absolute;
        margin-top: 1px;
    }
    .checkbox-lab-right .mktoFieldWrap {
        display: flex;
    }
    .checkbox-lab-right .mktoFieldWrap label {
        margin-left: 25px;
        margin-top: -7px !important;
    }

    .mktoForm .mktoFormCol.mfc-twelve-twelve {
        width: 100% !important;
    }
    .mktoForm .mktoFormCol.mfc-eleven-twelve {
        width: 91.66% !important;
    }
    .mktoForm .mktoFormCol.mfc-ten-twelve {
        width: 83.33% !important;
    }
    .mktoForm .mktoFormCol.mfc-nine-twelve {
        width: 75% !important;
    }
    .mktoForm .mktoFormCol.mfc-eight-twelve {
        width: 66.66% !important;
    }
    .mktoForm .mktoFormCol.mfc-seven-twelve {
        width: 58.33% !important;
    }
    .mktoForm .mktoFormCol.mfc-six-twelve {
        width: 50% !important;
    }
    .mktoForm .mktoFormCol.mfc-five-twelve {
        width: 41.66% !important;
    }
    .mktoForm .mktoFormCol.mfc-four-twelve {
        width: 33.33% !important;
    }
    .mktoForm .mktoFormCol.mfc-three-twelve {
        width: 25% !important;
    }
    .mktoForm .mktoFormCol.mfc-two-twelve {
        width: 16% !important;
    }
    .mktoForm .mktoFormCol.mfc-one-twelve {
        width: 8.33% !important;
    }
    @media only screen and (max-width: 480px) {
        .mktoForm .mktoFormCol.mfc-twelve-twelve,
        .mktoForm .mktoFormCol.mfc-eleven-twelve,
        .mktoForm .mktoFormCol.mfc-ten-twelve,
        .mktoForm .mktoFormCol.mfc-nine-twelve,
        .mktoForm .mktoFormCol.mfc-eight-twelve,
        .mktoForm .mktoFormCol.mfc-seven-twelve,
        .mktoForm .mktoFormCol.mfc-six-twelve,
        .mktoForm .mktoFormCol.mfc-five-twelve,
        .mktoForm .mktoFormCol.mfc-four-twelve,
        .mktoForm .mktoFormCol.mfc-three-twelve,
        .mktoForm .mktoFormCol.mfc-two-twelve,
        .mktoForm .mktoFormCol.mfc-one-twelve {
            width: 100% !important;
        }
    }
    
    /* <!-- New design update --> */
    
    .speakerName:hover, .speakerName:active, .speakerName:visited, .speakerName:focus {
        cursor: pointer;
        color: #26CAD3;
    }
    .singleSpeaker-details h2:hover, .singleSpeaker-details h2:active, .singleSpeaker-details h2:visited, .singleSpeaker-details h2:focus {
        cursor: pointer;
        color: #26CAD3;
    }
    .modal-dialog {
        max-width: 744px;
    }
    .modal-content {
        border-radius: 16px;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #D6D8DA;
        min-height: 280px;
        max-height: 80% !important;
    }
    .modal-header {
        padding: 16px 24px 8px 24px;
        border-bottom: none;
    }
    .modal-header img {
        margin-left: auto;
        cursor: pointer;
    }
    .modal-body {
        padding: 24px 32px 48px 32px;
    }
    .speakerModalHeader {
        padding-bottom: 24px;
        border-bottom: 1px solid #D6D8DA;
    }
    .speakerModalHeader h2 {
        
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .speakerModalHeader p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    /* .speakerNameModal {
        
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 0px;
    }
    .speakerSubTextModal {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    } */
    .speakerModalContent p {
        padding-top: 24px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.1px;
    }
    .aboutContentText {
       
        color: #333D47;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.10000000149011612px;
        text-align: left;
    }
    .agendaContentText {
        border-bottom: 1px solid #D6D8DA;
    }
    .singleSpeakerRow {
        border-bottom: 1px solid #D6D8DA;
        padding-bottom: 24px;
    }
    .singleSpeakerImgRow {
        padding-top: 24px;
    }
    /* .singleSpeakerName {
        
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: left;
        color: #333D47;
    }
    .singleSpeakerNamePos {
        
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.1px;
        text-align: left;
        color: #333D47;
    } */
    .singleSpeaker-details h2 {
        
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: left;
        color: #333D47;
        margin-bottom: 0px;
    }
    .singleSpeaker-details p {
        
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.1px;
        text-align: left;
        color: #333D47;
        margin-bottom: 0px;
    }
    .agendaSpeakerImg {
        margin-right: 5px;
    }
    /* .speaker-details {
        margin-top: auto;
        margin-bottom: auto;
    } */
    .speaker-details h3 {
        font-size: 18px;
        
        line-height: 22px;
        font-weight: 700;
        letter-spacing: 0.10000000149011612px;
        /* padding-left: 5px; */
        color: #333D47;
        text-align: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .speaker-details h3:nth-child(n+2) {
        margin-top: 24px;
    }
    .speaker-details p {
        font-size: 14px;
        
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0.10000000149011612px;
        /* padding-left: 5px; */
        color: #5B636B;
        text-align: left;
        margin-bottom: 0px;
    }
    .RegisterSuccess {
        padding-top: 48px;
        padding-bottom: 48px;
        margin-left: 10px;
    }
    .successHeading p {
        
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 2px;
        color: #13426B;
        text-align: left;
        padding-top: 24px;
        margin-bottom: 0px;
    }
    .successContent p {
        
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.1px;
        color: #333D47;
        text-align: left;
        padding-top: 24px;
        margin-bottom: 0px;
    }
    .dividerLine {
        border-bottom: 1px solid #D6D8DA;
        margin-left: 10px;
    }
    .link_md {
        text-decoration: underline !important;
        color: #333d47 !important;
        text-decoration-color: #26CAD3 !important;
        text-underline-offset: 5px;
        text-decoration-thickness: 2px !important;
        cursor: pointer;
    }
    .link_md:hover {
        color: #26CAD3 !important;
        text-decoration: none !important;
    }
    .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.dropdown-toggle.show {
        color: #13426B;
        border-color: #13426B;
        background-color: #ffffff;
    }
    .footerLanguageMenu .btn-outline-primary, .footerLanguageMenu .btn-outline-primary:active, .footerLanguageMenu .btn-outline-primary.dropdown-toggle.show {
        color: #ffffff;
        background-color: transparent !important;
        border-color: transparent !important;
    }
    .footerLanguageMenu li a {
        color: #333D47 !important;
    }
    .footerLanguageMenu .btn-sm {
        padding: 0px 0px;
    }
    .sm-show {
        display: none;
    }
    .dropdown-toggle::after {
        content: none;
    }
    .link_md {
        text-decoration: underline !important;
        color: #333d47 !important;
        text-decoration-color: #26CAD3 !important;
        text-underline-offset: 5px;
        text-decoration-thickness: 2px !important;
    }
    .link_md:hover {
        color: #26CAD3 !important;
        text-decoration: none !important;
    }
    .warning-icon {
        width: 14px;
        margin-right: 2px;
        margin-top: -5px;
    }
    .mktoForm .mktoRequiredField .mktoAsterix {
        display: none !important;
    }
	.mktoForm .mktoGutter
	{
		height:0px !important;
	}
    .Asterix {
        color: #bf0000;
    }
    .lg-space {
        padding-top: 24px;
    }