section#section-speakers {
    overflow: hidden;
    width: 100%;
    margin: 0;
    /* padding: 0 1rem; */
    /* background-color: #fff; */
    color: var(--themePrimary);
    align-items: flex-start;
}

.speaker-container {
    padding-top: 1.5rem;
    width: 100%;
    padding-bottom: 0.7rem;
}

section#section-speakers .speaker-container .ui.grid .wide.column {
    padding-bottom: 1rem;
    padding-right: 0rem;
    padding-left: 0rem;
}

section#section-speakers .speaker-container .speaker-wrapper {
    background-color: #F3F3F3;
    width: 100%;
    aspect-ratio: 375 / 160;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    border-left: 5px solid #CFE5D9;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

section#section-speakers .speaker-container .speaker-wrapper span {
    display: block;
    color: #4172B7; 
    text-align: left;
}

section#section-speakers .speaker-container .speaker-wrapper .name {
    font-size: 1.1rem;
    font-weight: bold;
    color: #4172B7; 
    text-align: left;
}

section#section-speakers .speaker-container .speaker-wrapper .post-title {
    font-size: 1.5rem; 
    font-weight: bold;
    color: #4172B7; 
    font-size: 1.1rem;
}


.ui.grid>.row {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

section#section-speakers .hr-title {
    /* background-image: url(../images/hr_title.png); */
    /* background-repeat: no-repeat; */
    /* height: 25px; */
    /* background-position: center; */
    /* text-align: center; */
    /* margin-top: 0px; */
}

section#section-speakers .ui.grid>.column:not(.row) {
    padding-top: unset;
    padding-bottom: 2rem;
    /* padding-right: 5rem; */
}

section#section-speakers .ui.grid.vip-speaker .caption {
    margin-left: 10%;
}

section#section-speakers .ui.grid.speaker.guest-of-honor>.column:not(.row) {
    width: calc(33.3333% * 768 / 1025);
}

section#section-speakers .ui.grid.speaker.guest-of-honor>.column {
    padding-left: 0rem;
}

section#section-speakers .title_speakers {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

section#section-speakers .title_speakers .title_speakers_svg {
    width: 25%;
}

section#section-speakers .hr-bottom {
    background-image: url(../images/hr_title.png?v=1.3);
    background-repeat: no-repeat;
    height: 25px;
    background-position: center;
    text-align: center;
    background-color: #fff;
    margin-bottom: 0px;

}

section#section-speakers h1 {
    /* color: var(--themePrimary); */
    /* text-align: center; */
    /* margin: 0; */
    /* margin-bottom: 1rem; */
}

section#section-speakers hr {
    border-color: var(--themePrimary);
    width: 100%;
}

section#section-speakers .programme-time {
    text-align: center;
    color: var(--themePrimary);
    font-size: 2rem;
}

.ui.card.exhibition-link>.speaker-content {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0rem 3rem 1rem;
    border-top: none;
    background-color: #0c6e85b5;
    position: relative;
    bottom: 12%;
}

.ui.card.exhibition-link>.speaker-image {
    width: 55%;
}

.ui.card.exhibition-link .speaker-content,
.speaker-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem 1.2rem;
    border-top: none;
    background-color: transparent;
    background-image: url("../images/bg_speaker.png?v=1.3");
    background-size: 100% 100%;
    min-height: 5.75rem;
}

.ui.card.exhibition-link .speaker-content>*::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #D7DF23;
    width: 0.2875rem;
    /* height: -webkit-fill-available; */
    height: 1.8rem;
    left: -0.6rem;
}

.ui.card.exhibition-link .speaker-content .speaker-name {
    font-weight: 700;
    font-size: 1.28571429em;
    line-height: 1.28571429em;
    color: #ffffff;
    text-align: left;
    position: relative;
}

.ui.card.exhibition-link .speaker-content .speaker-title {
    font-weight: 700;
    font-size: 1em;
    line-height: 1em;
    color: #ffffff;
    text-align: left;
    position: relative;
}

.subtitle {
    color: #00747C;
    font-size: 1.375rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.round-icons-container {
    display: flex;
    flex-direction: column;
}

.round-icon {
    width: 10px;
    height: 10px;
    background-color: #024250;
    border-radius: 15px;
    margin: 4px;
}

.page-site-conference.container {
    /* font-size: 24px; */
}

.ui.grid>.column:not(.row) {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.ui.dimmer.modals.page.transition.visible.active {
    justify-content: center;
}

.ui.modal.tech-venture-modal .close.icon,
.ui.modal.speaker-modal .close.icon {
    position: absolute;
    right: 1re;
    cursor: pointer;
    width: 1.8rem;
    height: auto;
    top: 1rem;
    opacity: 1;
    padding: 0;
}

.ui.modal.tech-venture-modal .close.icon:hover,
.ui.modal.speaker-modal .close.icon:hover {
    opacity: .5;
}

.ui.modal.tech-venture-modal .close.icon.mobile,
.ui.modal.speaker-modal .close.icon.mobile {
    padding-top: unset;
    display: none;
}

i.big.big.big.icon {
    font-size: 3em;
}


.ui.modal.tech-venture-modal,
.ui.modal.speaker-modal {
    background: #F1F2F2;
    -webkit-box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 15%), 1px 3px 15px 2px rgb(0 0 0 / 15%);
    box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 15%), 1px 3px 15px 2px rgb(0 0 0 / 15%);
    font-size: 1.1875rem;
    color: white;
    /* background-image: url(../images/bg_popup_speakers.jpg?v=1.3); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ui.modal.speaker-modal {
    background: #66afdc;
}

.ui.modal.tech-venture-modal .image+.description,
.ui.modal.speaker-modal .image+.description {
    width: 100%;
}

.ui.modal.speaker-modal .hr-popup-title,
.ui.modal.tech-venture-modal .hr-popup-title {
    display: none;
}

.ui.modal.tech-venture-modal .image.content,
.ui.modal.speaker-modal .image.content {
    padding: unset;
    background: unset;
}

/* .ui.modal.tech-venture-modal>.content>.image-container>.image, */
/* .ui.modal.speaker-modal>.content>.image-container>.image */
.ui.modal.tech-venture-modal>.content>.image,
.ui.modal.speaker-modal>.content>.image {
    height: 450px;
    width: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
}

.ui.modal.tech-venture-modal[data-category="opening_speech"]>.content>.image,
.ui.modal.tech-venture-modal[data-category="keynote_speech"]>.content>.image,
.ui.modal.tech-venture-modal[data-category="director_message"]>.content>.image,
.ui.modal.speaker-modal[data-category="opening_speech"]>.content>.image,
.ui.modal.speaker-modal[data-category="keynote_speech"]>.content>.image,
.ui.modal.speaker-modal[data-category="director_message"]>.content>.image {
    aspect-ratio: 84 / 100;
}

.ui.modal.tech-venture-modal>.content>.image img,
.ui.modal.speaker-modal>.content>.image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ui.modal.tech-venture-modal>.content>.image>.name-and-title {
    background-color: #DBE137;
    color: #6E7E51;
}

.ui.modal.speaker-modal>.content>.image>.name-and-title {
    background-color: rgba(72, 131, 185, 0.7);
    color: white;
}

.ui.modal.tech-venture-modal>.content>.image>.name-and-title,
.ui.modal.speaker-modal>.content>.image>.name-and-title {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    padding: 0.7rem;
    border-top: none;
    min-height: 5rem;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* background-color:rgba(102, 175, 220, 0.7); */
    /* background-image: url(../images/bg_speaker.png?v=1.3); */
    background-size: 100% 100%;
    text-align: left;
}


.ui.modal.tech-venture-modal>.content>.image>.name-and-title>*,
.ui.modal.speaker-modal>.content>.image>.name-and-title>* {
    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.3;
    position: relative;
    padding-left: 2.8rem;
}


.ui.modal.tech-venture-modal>.content>.image>.name-and-title>.name::before,
.ui.modal.speaker-modal>.content>.image>.name-and-title>.name::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #ffffff;
    width: 2.2rem;
    /* height: -webkit-fill-available; */
    aspect-ratio: 1 /1;
    left: 0;
}

.ui.modal.tech-venture-modal>.content>.image .text-overlay,
.ui.modal.speaker-modal>.content>.image .text-overlay {
    /* font-size: 1rem;
    font-weight: bold;
    position: absolute;
    width: 100%;
    height: 20%;
    top: 26rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1B304D;
    background-image: url(../images/bg_speaker.png?v=1.3);
    background-repeat: no-repeat;
    display: flex; */
    /* text-align: center; */
}

.ui.modal.tech-venture-modal #description,
.ui.modal.speaker-modal #description {
    padding: 2rem 2.25rem 1.5rem 2.25rem;
    position: relative;
    /* color: #ffffff; */
    min-height: 450px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    overflow-y: auto;
    max-height: 80vh;
    /* background-image: url(../images/bg_popup_speakers.jpg); */
    background-repeat: no-repeat;
}

.ui.modal.tech-venture-modal #description .ui.header,
.ui.modal.speaker-modal #description .ui.header {
    margin: 0 0 0.5rem 0;
    color: #ffffff;
    position: relative;
    font-size: 1.875rem;
    font-weight: bold;
    font-family: Arial;
    min-height: 4rem;
}

.ui.modal.tech-venture-modal #description .topic,
.ui.modal.tech-venture-modal #description .company-name,
.ui.modal.speaker-modal #description .topic,
.ui.modal.speaker-modal #description .company-name {
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    color: #ffffff;
}

.ui.modal.tech-venture-modal #description .topic:empty,
.ui.modal.speaker-modal #description .topic:empty {
    display: none;
}

.ui.modal.tech-venture-modal #description .company-intro-title,
.ui.modal.speaker-modal #description .company-intro-title {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    color: #ffffff;
    margin-top: 2rem;
}

.ui.modal.tech-venture-modal #description .company-name .meta.title,
.ui.modal.speaker-modal #description .company-name .meta.title {
    font-size: 0.804em;
}

.ui.modal.tech-venture-modal #description .email,
.ui.modal.speaker-modal #description .email {
    float: right;
}

.ui.modal.tech-venture-modal #description .biography,
.ui.modal.speaker-modal #description .biography {
    /* font-size: 0.6875rem; */
    color: #ffffff;
    /* font-weight: normal; */
}

.ui.modal.tech-venture-modal .company-name-container,
.ui.modal.speaker-modal .company-name-container {
    display: flex;
}

.ui.modal.tech-venture-modal .company-topic-container,
.ui.modal.speaker-modal .company-topic-container {
    display: flex;
    margin-top: .5rem;
}

.ui.modal.tech-venture-modal .company-name-square,
.ui.modal.speaker-modal .company-name-square {
    background-color: #D6DA3F;
    margin: 0.2rem 0.3rem 0 0;
    height: 1.5rem;
    width: .4rem;
}

.ui.modal.tech-venture-modal .text-overlay-square,
.ui.modal.speaker-modal .text-overlay-square {
    background-color: #D6DA3F;
    margin: 0.2rem 0.3rem 0 0.8rem;
    height: 2.2rem;
    width: .5rem;
}

.ui.modal.tech-venture-modal .text-overlay .title,
.ui.modal.speaker-modal .text-overlay .title {
    color: #ffffff;
    font-size: 1rem;
}

.ui.modal.tech-venture-modal .text-overlay .sub-title,
.ui.modal.speaker-modal .text-overlay .sub-title {
    color: #ffffff;
    font-size: .8rem;
}

.ui.modal.tech-venture-modal #description .biography ol,
.ui.modal.speaker-modal #description .biography ol {
    margin: 1em 0;
}

.ui.modal.tech-venture-modal #description .biography ol,
.ui.modal.speaker-modal #description .biography ol {
    counter-reset: list;
    padding-left: 20px;
}

.ui.modal.tech-venture-modal #description .biography ol>li,
.ui.modal.speaker-modal #description .biography ol>li {
    list-style: none;
    position: relative;
    margin-bottom: 0.5em;
}

.ui.modal.tech-venture-modal #description .biography ol>li:before,
.ui.modal.speaker-modal #description .biography ol>li:before {
    content: counter(list) ")";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 20px;
}

.ui.modal.tech-venture-modal #description h2,
.ui.modal.speaker-modal #description h2 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: white;
    margin-bottom: 6px;
    display: flex;
    flex: 1;
    align-items: center;
    font-size: 1.875rem;
    font-weight: bold;
    font-family: Arial;
}

.ui.card.exhibition-link.no-data>.content .header:hover {
    color: #414042;
    cursor: default;
}

.ui.modal.tech-venture-modal #description h2::before,
.ui.modal.speaker-modal #description h2::before {
    /* content: ''; */
    display: inline-block;
    height: calc(1rem * 1.391275);
    width: 50px;
    background: url(../images/bg_title_left.png?v=1.3);
    margin-right: 0.4rem;
}

.ui.modal.tech-venture-modal #description h2::after {
    /* content: ''; */
    display: inline-block;
    height: calc(1rem * 1.391275);
    width: 100%;
    background: url(../images/bg_title_right.png?v=1.3);
    margin-left: 0.4rem;
}

.ui.modal.tech-venture-modal #description .ui.header.topic::before,
.ui.modal.tech-venture-modal #description .ui.header.company-name-container::before,
.ui.modal.speaker-modal #description .ui.header.topic::before,
.ui.modal.speaker-modal #description .ui.header.company-name-container::before {
    /* content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 19px;
    margin-left: calc(-12px - 10px);
    margin-top: calc((19px - 1rem) / 2);
    background-image: url(../images/arrow_green.png?v=1.3);
    background-repeat: no-repeat;
    background-size: contain; */
    /* height: -webkit-fill-available; */
    /* content: '';
    position: absolute;
    display: block;
    background-color: #D7DF23;
    width: 0.38rem;
    height: 1.8rem;
    left: -0.9rem; */
}

.ui.modal.tech-venture-modal #description .ui.header.company-name-container::before,
.ui.modal.speaker-modal #description .ui.header.company-name-container::before {
    background-image: url(../images/arrow_yellow.png?v=1.3);
}

.ui.modal.speaker-modal #description .ui.header.company-name .title {
    /* font-size: 1em; */
}

.ui.modal.tech-venture-modal #description .ui.header.subheader,
.ui.modal.speaker-modal #description .ui.header.subheader {
    display: flex;
    gap: 0.3rem;
    margin: .5rem 0 0.2rem 0;
    /* font-size: 1.6875rem; */
    line-height: 1;
    /* background: #ffffff; */
    height: auto;
    /* border-bottom: 11px solid white; */
}

.ui.modal.speaker-modal #description .ui.header.subheader h2 {
    /* width: 15%; */
}

.ui.modal.speaker-modal #description .ui.header.subheader h2::after {
    content: '';
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    /* width: 2.2rem; */
    height: 0.6875rem;
    /* top: 0.8rem; */
    /* left: 8.5rem; */
    /* width: 100%; */
    flex: 1;
    display: flex;
    margin-left: 1rem;
    margin-top: 0.4rem;
}

.ui.modal.tech-venture-modal p,
.ui.modal.speaker-modal p {
    text-align: justify;
    text-justify: inter-word;
    font-size: 0.9375em;
}

.ui.modal.tech-venture-modal .ui.header.subheader .white-banner.before,
.ui.modal.speaker-modal .ui.header.subheader .white-banner.before {
    background: #ffffff;
    width: 3rem;
}

.ui.modal.tech-venture-modal .ui.header.subheader .white-banner.after,
.ui.modal.speaker-modal .ui.header.subheader .white-banner.after {
    background: #ffffff;
    width: 3rem;
    flex-grow: 1;
}

/* .speaker-container {
    margin: 1rem 0;
      width: 100vw;  
} */
.speaker-container .caption {
    position: relative;
    font-size: 2.8rem;
    white-space: nowrap;
    /* overflow: hidden; */
    width: 100%;
    font-family: "Arial", "NasalizationRg-Regular", "Noto Sans TC", "Noto Sans SC", sans-serif;
    margin-top: 0;
    color: var(--themePrimary);
    text-align: left;
    line-height: 1.2;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    /* left: -8rem; */
    font-size: 2.5rem;
    padding-left: 0.5rem;
    font-weight: bold;
    margin: 1.25rem 0;
}

.speaker-container .caption::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 80%;
	max-width: 5rem;
	left: 0;
	top: 50%;
	background-color: var(--themePrimary);
	transform: translate(-100%, -50%);
}

.speaker-container .hr-subtitle {
    background-image: url(../images/hr_subtitle.png?v=1.3);
    background-repeat: no-repeat;
    height: 76px;
    background-position: center;
    margin-top: 0px;
    border: none;
    display: none;
}

.speaker-container .caption::before {
    /* content: '';
    display: inline-block;
    height: calc(1.5625rem * 0.8);
    width: 100px;
    margin-left: -15px;
    background: url(../images/hr_subtitle.png);
    margin-right: 0.7rem; */
}

.ui.grid.speaker {
    /* margin-top: unset; */
    /* margin-bottom: unset; */
    /* margin-left: 3.5rem; */
    /* margin-bottom: unset; */
    padding-left: 1rem;
    padding-right: 1rem;
    justify-content: center;
}

.ui.card.speaker-link {
    flex-direction: column;
    /* font-size: 0.5rem; */
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: none;
    /* border: 3px solid var(--themePrimary); */
    /* padding: 5px 5px; */
    /* height: 90%; */
    align-items: center;
    min-height: min(12vw, 10rem);
    /* margin-top: min(3vw, 5rem); */
    position: relative;
    max-width: 488px;
    margin: 0 auto;
}

.ui.card.speaker-link:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: pointer;
}

.ui.card.speaker-link.no-data:hover {
    cursor: default;
}

.ui.card.speaker-link>.content .header:hover {
    color: var(--themePrimary);
}

.ui.card.speaker-link.no-data>.content .header:hover {
    color: white;
    cursor: default;
}

/* Should show a pointer cursor if the text is clickable */
.ui.card.speaker-link.tech-venture.no-data>.content .header:hover {
    color: var(--themePrimary);
    cursor: pointer;
}

.ui.card.speaker-link .image {
    width: 100%;
    display: flex;
    align-items: flex-start;
    background: none;
    position: relative;
    /* max-width: 488px; */
    height: auto;
    border-radius: unset !important;
}

.ui.card.speaker-link .image .image-container {
    position: relative;
    z-index: 0;
    width: 100%;
    background-color: white;
}

.ui.card.speaker-link .image .image-container::before {
    /* content: ''; */
    position: absolute;
    width: calc(100% - 8px);
    height: 100%;
    left: 0px;
    top: -8px;
    z-index: -1;
}

.ui.card.speaker-link .image .image-container .image-top {
    position: relative;
    /* border-top: 6px solid var(--themePrimary); */
    width: 95%;
}

.ui.grid.speaker.orange .ui.card.speaker-link .image .image-container::before,
.ui.grid.speaker.green>.column:nth-child(6n+4) .ui.card.speaker-link .image .image-container::before,
.ui.grid.speaker.green>.column:nth-child(6n+5) .ui.card.speaker-link .image .image-container::before,
.ui.grid.speaker.green>.column:nth-child(6n+6) .ui.card.speaker-link .image .image-container::before {
    /* background-image: linear-gradient(to right, #bf66d3, #652c8f); */
}


.ui.card.speaker-link .image img {
    width: 100%;
    border-radius: unset;
    /* padding-left: 5.5%; */
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.guest-of-honor .ui.card.speaker-link .image img,
.keynote-speech .ui.card.speaker-link .image img,
.director-message .ui.card.speaker-link .image img {
    object-fit: contain;
}

.guest-of-honor .ui.card.speaker-link .content,
.keynote-speech .ui.card.speaker-link .content,
.director-message .ui.card.speaker-link .content {
    width: 84%;
}

.ui.card.speaker-link.opening-speech-right-column-left-top {
    width: 47.5%;
    aspect-ratio: 1 / 1;
    background: #66afdc;
    border-radius: unset;
    margin: unset;
}

.ui.card.speaker-link.opening-speech-right-column-right-bottom {
    width: 47.5%;
    aspect-ratio: 1 / 1;
    background: #4582b9;
    border-radius: unset;
    margin: unset;
    position: absolute; /* Enable positioning relative to the parent */
    right: 0; /* Align to the right side */
    bottom: 0; /* Align to the bottom */
    box-sizing: border-box; /* Include padding and border in width and height */
    padding: 0; /* Set padding as needed */
}

.ui.card.speaker-link.opening-speech-left-column {
    width: 100%;
    aspect-ratio: 2 / 1; 
    background: #4582b9;
    border-radius: unset;
}

.ui.card.speaker-link.opening-speech-grid-left-bottom {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #66afdc;
    border-radius: unset;
    margin: unset;
}

.grid-color-1 {
    background: #66afdc !important;
}

.grid-color-2 {
    background: #4582b9 !important;
}

.ui.grid.speaker>.row .four.wide.column.right-segment .half-segment {
    flex: 0 0 auto; /* Keeps the top segment fixed at its content size */
    margin-bottom: 0.3125rem;
    /* aspect-ratio: 370 / 177; */
    /* height: calc(50% - 5px); */
}

.ui.grid.speaker>.row .column .quarter-square {
    width: calc(50% - 0.3125rem);
    aspect-ratio: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.3125rem;
}

.ui.grid.speaker>.row .two.wide.column .quarter-square {
    width: calc(100% - 0.625rem);
}

.ui.grid.speaker>.row .column .quarter-square.align-top-right {
    right: 0;
    left: unset;
}

.ui.grid.speaker>.row .column .quarter-square.align-bottom-right {
    bottom: 0;
    right: 0;
    top: unset;
    left: unset;
}

.ui.grid.speaker>.row .four.wide.column.right {
    display: flex;
    justify-content: flex-end; 
    align-items: flex-start;
}

.ui.grid.speaker>.row .four.wide.column.left-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.ui.grid.speaker>.row .two.wide.column.right-top {
    display: flex;
    justify-content: flex-start;
}

.ui.grid.speaker>.row .two.wide.column.right-bottom {
    display: flex;
    justify-content: flex-end;
}

.ui.grid.speaker>.row .four.wide.column .ui.card.speaker-link {
    margin-top: auto;
}

.ui.grid.speaker>.row>.column {
    padding: 0.3125rem;
    /* aspect-ratio: 1 / 1; */
    /* padding-top: inherit !important; */
    /* padding-bottom: inherit !important; */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ui.segment {
    border: none !important; 
    box-shadow: none !important; 
    border-radius: 0 !important;
}

.ui.segment.half-segment {
    width: 100%;
    color: #ffffff;
    font-size: 2.375rem;
    font-weight: bold;
    padding: 1.375rem;
    /* aspect-ratio: 2 / 1; */
    margin: 0;
    height: calc(50% - 0.3125rem);
}

section#section-speakers .ui.grid.speaker.guest-of-honor>.column .overlapping-text {
    position: absolute;
    top: 2.4rem;
    width: 100%;
    left: 14.5rem;
    transform: translate(-50%, -50%);
    font-size: 2.3rem;
    font-weight: bold;
    color: #ffffff;
}

.ui.card.speaker-link>.content>*::before {
    /* content: '';
    position: absolute;
    display: block;
    background-color: #ffffff;
    width: 2.5rem;
    /* height: -webkit-fill-available; */
    /* height: 1.5rem;
    left: -0.6rem;
    top: -0.1rem; */
}

.ui.card.speaker-link>.content .header,
.ui.card.speaker-link>.content .meta {
    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    padding-left: 2.5rem;
    margin: 0;
    margin-bottom: 0.3rem;
}

.ui.card.speaker-link>.content .meta {
    font-size: 0.875rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 0;
    line-height: 1.2;
}

.ui.card.speaker-link>.content {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; 
    padding: 1rem;*/
    border-top: none;
    min-height: 4.375rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* background-image: url("../images/bg_speaker.png?v=1.3"); 
    background-color: #4883B9;*/
    background-color: rgba(72, 131, 185, 0.7);
    background-size: 100% 100%;
    padding: 0.625rem;
}

.ui.card.speaker-link>.content>.header::before {
    /* content: '';
    position: absolute;
    display: inline-block;
    margin-right: -100%;
    width: 0.625rem;
    height: 0.8125rem;
    top: 0.2rem;
    left: -0.8rem;
    background-repeat: no-repeat;
    background-size: contain; */
    content: '';
    position: absolute;
    display: block;
    background-color: #ffffff;
    width: 2rem;
    /* height: -webkit-fill-available; */
    height: 2rem;
    left: 0;
    /* top: .25rem; */
    margin-bottom: -5px;
}

.ui.card>:last-child, .ui.cards>.card>:last-child {
    border-radius: 0 !important;
}

.ui.grid.speaker.orange .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.green>.column:nth-child(6n+4) .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.green>.column:nth-child(6n+5) .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.green>.column:nth-child(6n+6) .ui.card.speaker-link>.content>.header::before {
    background-image: url(../images/arrow_purple.png?v=1.3);
}

.ui.grid.speaker.green .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.orange>.column:nth-child(6n+4) .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.orange>.column:nth-child(6n+5) .ui.card.speaker-link>.content>.header::before,
.ui.grid.speaker.orange>.column:nth-child(6n+6) .ui.card.speaker-link>.content>.header::before {
    background-image: url(../images/arrow_purple.png?v=1.3);
}

.speaker-container .grid .gap-left {
    margin-left: 6%;
}

.speaker-container .grid .gap-right {
    margin-right: 6%;
}

.ui.modal.tech-venture-modal #description .speakers-name {
    margin-top: .5rem;
}

.ui.modal.tech-venture-modal #description .read-more {
    margin-top: 2rem;
    color: #ffffff;
}

.ui.modal.tech-venture-modal #description .read-more-here {
    color: #fbf300;
}

.ui.modal.tech-venture-modal #description .speakers-name::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 19px;
    margin-left: calc(-12px - 10px);
    margin-top: calc((19px - 0.2em) / 2);
    background-image: url(../images/arrow_white.png?v=1.3);
    background-repeat: no-repeat;
    background-size: contain;
}

/*
@media only screen and (max-width: 819.98px) {
  section#section-speakers{
      padding:80px
    } 
}*/
@media only screen and (max-width: 1599.98px) {

    .ui.modal.speaker-modal>.content>.image,
    .ui.modal.tech-venture-modal>.content>.image {
        height: 410px;
    }

    .ui.modal.speaker-modal,
    .ui.modal.tech-venture-modal {
        font-size: 0.9rem;
        color: #ffffff;
    }

    .ui.modal.speaker-modal .close.icon,
    .ui.modal.tech-venture-modal .close.icon {
        width: 30px;
        height: auto;
    }

    .ui.modal.speaker-modal #description,
    .ui.modal.tech-venture-modal #description {
        padding-right: 1rem;
        padding-left: 1rem;
        /* min-height: 300px; */
        /* margin-left: 220px; */
    }

    .ui.modal.speaker-modal #description .ui.header.topic::before,
    .ui.modal.speaker-modal #description .ui.header.name-and-title::before,
    .ui.modal.tech-venture-modal #description .ui.header.company-name::before,
    .ui.modal.tech-venture-modal #description .ui.header.topic::before,
    .ui.modal.tech-venture-modal #description .ui.header.name-and-title .name::before {
        margin-top: calc((19px - 0.6em) / 2);
    }

    .ui.segment.half-segment {
        font-size: 1.5rem;
    }

    .ui.card.speaker-link>.content .header,
    .ui.card.speaker-link>.content .meta {
        font-size: .8rem;
        padding-left: 2rem;
    }

    .ui.card.speaker-link>.content .meta {
        font-size: 0.7rem;
    }

    html[lang="en-US"] .ui.card.speaker-link[data-name="Ir YEUNG Sau Kuen, Sammy"]>.content .meta {
        font-size: 0.5rem;
    }

    .ui.card.speaker-link>.content {
        min-height: 3rem;
    }

    .ui.card.speaker-link>.content>.header::before {
        width: 1.5rem;
        height: 1.5rem;
    }

    .ui.modal.speaker-modal #description .ui.header.subheader h2 {
        width: 100%;
    }

    /* section#section-speakers .speaker-container .ui.grid .one.wide.column{
        width: 25% !important;
    } */


    /* section#section-speakers .speaker-container .ui.grid .squares:nth-of-type(1),
    section#section-speakers .speaker-container .ui.grid .squares:nth-of-type(4),
    section#section-speakers .speaker-container .ui.grid > .squares:nth-of-type(5),
    section#section-speakers .speaker-container .ui.grid > .squares:nth-of-type(6),
    section#section-speakers .speaker-container .ui.grid > .squares:nth-of-type(7),
    section#section-speakers .speaker-container .ui.grid > .squares:nth-of-type(8)
    {
        width: 12.5% !important;
    }

    section#section-speakers .speaker-container .ui.grid .squares:nth-of-type(2),
    section#section-speakers .speaker-container .ui.grid .squares:nth-of-type(3),
    section#section-speakers .speaker-container .ui.grid .squares:nth-of-type(10)
    {
        width: 25% !important;
    } */

    section#section-speakers .speaker-container .ui.grid .wide.column {
            padding-bottom: 2rem;
    }

    section#section-speakers .speaker-container .vip-speaker .ui.grid > .eight.wide.column {
        width: 80% !important; 
    }

    section#section-speakers .speaker-container .ui.grid > .four.wide.column {
        width: 40% !important; 
    }

    section#section-speakers .speaker-container .ui.grid > .square-0,
    section#section-speakers .speaker-container .ui.grid > .square-2,
    section#section-speakers .speaker-container .ui.grid > .square-3,
    section#section-speakers .speaker-container .ui.grid > .square-4,
    section#section-speakers .speaker-container .ui.grid > .square-5,
    section#section-speakers .speaker-container .ui.grid > .square-6,
    section#section-speakers .speaker-container .ui.grid > .square-8,
    section#section-speakers .speaker-container .ui.grid > .square-9 {
        width: 20% !important; 
    }

    section#section-speakers .speaker-container .ui.grid > .square-1,
    section#section-speakers .speaker-container .ui.grid > .square-7
    {
        width: 40% !important; 
    }
   
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

    .ui.grid>[class*="three column"].doubling.row.row>.column,
    .ui[class*="three column"].doubling.grid>.column:not(.row),
    .ui[class*="three column"].doubling.grid>.row>.column {
        width: 50% !important;
    }

    .speaker-container .grid .gap-left {
        margin-left: unset;
    }

    .speaker-container .grid .gap-right {
        margin-right: unset;
    }

    .ui.modal.speaker-modal #description .ui.header.subheader h2 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .speaker-container {
        margin-top: 1.5rem;
        padding: 0 10px;
    }

    .ui.grid>[class*="three column"].doubling.row.row>.column,
    .ui[class*="three column"].doubling.grid>.column:not(.row),
    .ui[class*="three column"].doubling.grid>.row>.column {
        width: 100% !important;
    }

    .speaker-container .grid .gap-left {
        margin-left: unset;
    }

    .speaker-container .grid .gap-right {
        margin-right: unset;
    }

    .ui.card.speaker-link {
        min-height: min(19vw, 12rem);
        margin-top: min(12vw, 8rem);
    }

    .ui.grid.speaker>.row .two.wide.column {
        width: 50% !important;
    }

    .ui.grid.speaker>.row .four.wide.column {
        width: 50% !important;
    }

    .ui.grid.speaker>.row .two.wide.column .quarter-square {
        width: 50%;
    }

    .ui.modal.speaker-modal #description .ui.header.subheader h2 {
        width: 100%;
    }

    .ui.grid.speaker.keynote-speech>.row .column:nth-child(1) {
        display: none;
    }

    html[lang="en-US"] .ui.card.speaker-link[data-name="Ir YEUNG Sau Kuen, Sammy"]>.content .meta {
        font-size: 0.6rem;
    }

    section#section-speakers .speaker-container .vip-speaker .ui.grid > .eight.wide.column {
        width: 40% !important; 
    }
}

@media only screen and (max-width : 1199.98px) {
	section#section-speakers .ui.grid.vip-speaker .caption,
	section#section-speakers .caption {
		font-size: 2rem;
	}
}

@media only screen and (max-width : 991.98px) {
	section#section-speakers .ui.grid.vip-speaker .caption {
		margin-left: 0;
	}
	
	section#section-speakers .ui.grid.vip-speaker .caption,
	section#section-speakers .caption {
		font-size: 1.8rem;
	}
}

@media only screen and (max-width : 767.98px) {
    .speaker-container {
        margin-top: 1.5rem;
        padding: 0 10px;
    }

    .ui.grid>[class*="three column"].doubling.row.row>.column,
    .ui[class*="three column"].doubling.grid>.column:not(.row),
    .ui[class*="three column"].doubling.grid>.row>.column {
        width: 100% !important;
    }

    .speaker-container .ui.grid .column {
        /* padding: 2rem; */
    }

    .speaker-container .ui.grid .column:nth-child(1),
    .speaker-container .ui.grid .column:nth-child(2) {
        /* aspect-ratio: 2 /1; */
    }

    .ui.modal.speaker-modal>.content>.image,
    .ui.modal.tech-venture-modal>.content>.image {
        height: 200px;
        position: relative;
        padding-bottom: 0 !important;
    }

    .ui.modal.tech-venture-modal>.content>.image>.name-and-title,
    .ui.modal.speaker-modal>.content>.image>.name-and-title {
        padding: 0.5rem;
        min-height: 3rem;
    }

    .ui.modal.tech-venture-modal>.content>.image>.name-and-title>*,
    .ui.modal.speaker-modal>.content>.image>.name-and-title>* {
        font-size: 0.6rem;
        text-align: left;
        padding-left: 1.5rem;
    }

    html[lang="en-US"] .ui.modal.speaker-modal[data-name="Ir YEUNG Sau Kuen, Sammy"]>.content>.image>.name-and-title .title {
        font-size: 0.5rem;
    }

    .ui.modal.tech-venture-modal>.content>.image>.name-and-title>*::before,
    .ui.modal.speaker-modal>.content>.image>.name-and-title>*::before {
        width: 2rem;
        left: -0.4rem;
        /* height: 0.8rem; */
    }

    .ui.modal.speaker-modal .close.icon.mobile,
    .ui.modal.tech-venture-modal .close.icon.mobile {
        display: block;
        top: 1rem !important;
        right: 1rem !important;
        width: 30px;
        height: 30px;
    }

    .ui.modal.speaker-modal .close.icon.desktop,
    .ui.modal.tech-venture-modal .close.icon.desktop {
        display: none;
    }

    .ui.grid.speaker {
        /* margin-left: 1.5rem !important; */
        /* width: auto; */
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .ui.modal.speaker-modal #description,
    .ui.modal.tech-venture-modal #description {
        padding-left: 1.5rem !important;
        padding-right: 1rem !important;
    }

    .speaker-container .caption::before {
        width: 50px;
    }

    .ui.modal.speaker-modal #description,
    .ui.modal.tech-venture-modal #description {
        min-height: auto;
        max-height: calc(85vh - 200px);
    }

    .ui.modal.speaker-modal>.content>.image .text-overlay,
    .ui.modal.tech-venture-modal>.content>.image .text-overlay {
        height: 25%;
        top: 11rem;
        width: max-content;
    }

    .ui.grid.speaker.green>.column:nth-child(6n+4) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.green>.column:nth-child(6n+5) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.green>.column:nth-child(6n+6) .ui.card.speaker-link .image .image-container::before {
        background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1, 1), rgba(101, 44, 143, 0.6));
    }

    .ui.grid.speaker.orange>.column:nth-child(6n+4) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.orange>.column:nth-child(6n+5) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.orange>.column:nth-child(6n+6) .ui.card.speaker-link .image .image-container::before {
        background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1, 1), rgba(101, 44, 143, 0.6));
    }

    .ui.grid.speaker.green>.column:nth-child(4n+3) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.green>.column:nth-child(4n+4) .ui.card.speaker-link .image .image-container::before {
        background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1), rgba(101, 44, 143, 0.6));
    }

    .ui.grid.speaker.orange>.column:nth-child(4n+3) .ui.card.speaker-link .image .image-container::before,
    .ui.grid.speaker.orange>.column:nth-child(4n+4) .ui.card.speaker-link .image .image-container::before {
        /* background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1), rgba(101, 44, 143, 0.6)); */
    }

    .ui.grid.speaker.green>.column:nth-child(4n+3) .ui.card.speaker-link>.content>.header::before,
    .ui.grid.speaker.green>.column:nth-child(4n+4) .ui.card.speaker-link>.content>.header::before {
        background-image: url(../images/arrow_purple.png?v=1.3);
    }

    .ui.grid.speaker.orange>.column:nth-child(4n+3) .ui.card.speaker-link>.content>.header::before,
    .ui.grid.speaker.orange>.column:nth-child(4n+4) .ui.card.speaker-link>.content>.header::before {
        background-image: url(../images/arrow_purple.png?v=1.3);
    }

    .ui.grid.speaker.green>.column:nth-child(2n) .ui.card.speaker-link .image .image-container::before {
        background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1), rgba(101, 44, 143, 0.6));
    }

    .ui.grid.speaker.orange>.column:nth-child(2n) .ui.card.speaker-link .image .image-container::before {
        /* background-image: linear-gradient(to bottom, rgba(75, 40, 83, 1), rgba(101, 44, 143, 0.6)); */
    }

    .ui.grid.speaker.green>.column:nth-child(2n) .ui.card.speaker-link>.content>.header::before {
        background-image: url(../images/arrow_purple.png?v=1.3);
    }

    .ui.grid.speaker.orange>.column:nth-child(2n) .ui.card.speaker-link>.content>.header::before {
        background-image: url(../images/arrow_purple.png?v=1.3);
    }

    .speaker-container .grid .gap-left {
        margin-left: unset;
    }

    .speaker-container .grid .gap-right {
        margin-right: unset;
    }

    .ui.card.speaker-link {
        /* min-height: max(23vw, 5rem); */
        min-height: auto;
        margin-top: max(12vw, 2rem);
        max-width: fit-content;
        /* padding-top: 1rem; */
        /* padding-bottom: 1rem; */
    }

    .ui.card.speaker-link .image {
        /* bottom: 3rem; */
    }

    .ui.grid.speaker>.row .two.wide.column {
        padding: .5rem 0rem .5rem 0rem;
    }

    .ui.grid.speaker>.row .four.wide.column {
        padding: .5rem 0rem .5rem 0rem;
    }

    .ui.grid.speaker>.row .two.wide.column .segment {
        padding: 0rem;
    }

    .ui.grid.speaker>.row .two.wide.column .quarter-square {
        width: 50%;
    }
    
    .ui.grid.speaker>.row .four.wide.column.right-segment {
        justify-content: unset;
        height: fit-content;
    }

    .ui.grid.speaker>.row .two.wide.column.right-bottom {
        flex-direction: row;
    }

    .ui.segment.half-segment {
        font-size: 1.7rem;
        /* padding: 1.375rem; */
        aspect-ratio: 2 /1;
        height: auto;
    }

    .ui.card.speaker-link>.content .header, 
    .ui.card.speaker-link>.content .meta {
        font-size: 0.8rem;
    }

    .ui.card.speaker-link>.content .meta {
        font-size: 0.6rem;
    }

    html[lang="en-US"] .ui.card.speaker-link[data-name="Ir YEUNG Sau Kuen, Sammy"]>.content .meta {
        font-size: 0.6rem;
    }

    .ui.modal.speaker-modal #description .ui.header.subheader h2 {
        width: 100%;
    }

    /* .ui.grid.speaker>.row .four.wide.column.right-segment .quarter-square {
        margin-top: 1rem;
    } */

    /* 
    .ui.card.speaker-link>.content .header,
    .ui.card.speaker-link>.content .meta {
        font-size: .6rem;
        font-weight: bold;
        line-height: 1;
        padding-left: .5rem;
    }

    .ui.card.speaker-link>.content .meta {
        font-size: 0.5rem;
    }

    .ui.card.speaker-link>.content>.header::before {
        width: 1rem;
        height: 1rem;
        left: -.7rem;
    }

    .ui.card.speaker-link>.content {
        min-height: 2rem;
    }

    main.main-content .header {
        margin-bottom: 0;
    }

    .ui.card>.content, .ui.cards>.card>.content {
        padding: .35em 1em 0 1em;
    } */

    .ui.modal.tech-venture-modal>.content>.image>.name-and-title>.name::before, .ui.modal.speaker-modal>.content>.image>.name-and-title>.name::before {
        width: 1.2rem;
    }

    .ui.modal.speaker-modal #description .ui.header.subheader h2::after {
        /* display: block; */
        /* width: 100%; */
        /* flex: unset; */
        /* margin-left: 0; */
    }

    section#section-speakers .speaker-heading-wrapper .speaker-heading-square {
        width: 7rem;
        left: -5rem;
    }

    section#section-speakers .speaker-heading-wrapper .speaker-heading {
        padding-top: .5rem;
        left: -5rem;
    }

    section#section-speakers .speaker-container .ui.grid .wide.column {
        padding-bottom: 1rem;
    }

    section#section-speakers .speaker-container .vip-speaker > .column {
        padding-left: 0;
        padding-right: 0;
    }

    section#section-speakers .speaker-container .vip-speaker .ui.grid > .eight.wide.column {
        width: 100% !important; 
    }

    section#section-speakers .speaker-container .ui.grid > .four.wide.column {
        width : 100% !important;
    } 
}