body {
    border-top: 10px solid #a92c89;
}

h1 {
    font-size: 1.5rem;
    line-height: 3rem;
}

h2 {
    font-size: 1.25rem;
}

.underline {
	text-decoration: underline;
}

.txt-red {
	color: red;
}

.statement {
	font-size: 0.85rem;
	margin-top: 2rem;
}

ol.alpha_w_quot { counter-reset: item ; padding-left: 15px;}
ol.alpha_w_quot > li { display: table; counter-increment: item; }
ol.alpha_w_quot > li:before { content: " ("counter(item,lower-alpha)") "; display: table-cell; width: 1.75em;}

.hkctc-logo {
	width: 80%;
	max-width: 30rem;
	margin: 15px 0;
}

.form-head-logo {
    width: 100%;
    max-width: 250px;
}

.remark-wrap {
    background-color: #f0f8ff;
    margin-bottom: 2rem;
    border: 1px solid #d0dbf1;
    padding: 15px;
}

label.field-title {
    font-weight: bold;
    margin-top: 0.5rem;
}

.award-checkbox-field {
    width: auto;
    min-width: 600px;
}
@media (max-width: 767px) {
    .award-checkbox-field {
        width: 100%;
        min-width: auto;
    }
}

.award-checkbox-wrap {
    display: inline-flex;
    flex-direction: row;
    column-gap: 0.5rem;
}
.award-checkbox-wrap label {
    white-space: normal;
    text-align: left;
}

.part-heading {
    background-color: #f0f8ff;
    color: #0f5593;
    font-weight: bold;
    padding: 10px;
    border-left: 5px solid #0f5593;
}
.part-heading.style-2 {
    background-color: #f3fdf7;
    color: #0e8173;
    border-color: #0e8173;
}

.hints-text {
    margin-bottom: 0.5rem;
}

dl.contact-info {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: 7%;
}
@media (max-width: 767px) {
    dl.contact-info {
        margin-left: 0;
    }
}
dl.contact-info dt {
    flex: 0 0 auto;
    width: 30%;
}
dl.contact-info dd {
    flex: 0 0 auto;
    width: 70%;
}

.reg-form .field-text {
    background-color: #f8f9fa;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #dee2e6;
}
.reg-form .field-text:focus {
    border-bottom-color: #49a2ff;
}

.part-1, .part-2 {
    display: none;
}

.part-4::before {
    content: "";
    display: block;
    width: 30%;
    border-top: 5px solid #0f5593;
}

.hidden-info {
    display: none;
    padding-left: 10px;
    border-left: 5px solid #339b9b;
    margin-bottom: 0.5rem;
}
div.is-checked > .hidden-info {
    display: block;
}

.statement .heading {
    border-left: 5px solid var(--bs-body-color);
    padding-left: 10px;
}