.ch---com-form-request---container {
	display: block;
	width: 100%;
	max-width: 500pt;
	color: var(--ch-color---foreground);
	margin: 30pt 0;
}

.ch---com-form-request---container > label {
	display: block;
	width: 100%;
	color: var(--ch-color---foreground);
	background-color: var(--ch-color---background);
	border: none;
	font-size: 10pt;
	height: 10pt;
	line-height: 10pt;
	font-weight: bold;
	margin-bottom: 5pt;
	opacity: 0.5;
}

.ch---com-form-request---container > label > span:nth-child(1) {
	text-transform: lowercase;
}

.ch---com-form-request---container > label > span:nth-child(2) {
	text-transform: lowercase;
	padding-left: 10pt;
	opacity: 0.5;
}

.ch---com-form-request---container > section {
	display: flex;
	justify-content: space-between;
	gap: 10pt;
	margin-bottom: 10pt;
}

.ch---com-form-request---container > section > span {
	display: block;
	width: auto;
	color: var(--ch-color---foreground);
	font-size: 10pt;
	line-height: 15pt;
	padding: 7.5pt 0pt;
	word-break: normal !important;
}

.ch---com-form-request---container > section > select,
.ch---com-form-request---container > section > input ,
.ch---com-form-request---container > section > textarea {
	display: block;
	width: 100%;
	color: var(--ch-color---foreground);
	background-color: var(--ch-color---background);
	border: none;
	border-bottom: 1pt solid var(--ch-color---primary);
	font-size: 10pt;
	line-height: 15pt;
	padding: 7.5pt 10pt;
	transition: 0.15s;
	resize: none !important;
}

.ch---com-form-request---container > section > input:hover,
.ch---com-form-request---container > section > input:active,
.ch---com-form-request---container > section > input:focus,
.ch---com-form-request---container > section > select:hover,
.ch---com-form-request---container > section > select:active,
.ch---com-form-request---container > section > select:focus,
.ch---com-form-request---container > section > textarea:hover,
.ch---com-form-request---container > section > textarea:active,
.ch---com-form-request---container > section > textarea:focus {
	border-bottom: 2.5pt solid var(--ch-color---primary);
	margin-bottom: -1.5pt;
}

.ch---com-form-request---container > p {
	display: block;
	width: 100%;
	color: var(--ch-color---foreground);
	font-size: 8pt;
	line-height: 12pt;
	opacity: 0.5;
	margin-top: 5pt;
}

.ch---com-form-request---container > p > span {
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	word-break: normal !important;
}

.ch---com-form-request---container > div {
	display: flex;
	justify-content: flex-end;
	margin-top: 25pt;
}

.ch---com-form-request---container > div > button {
	display: block;
	width: auto;
	color: var(--ch-color---background);
	background-color: var(--ch-color---primary);
	border: none;
	font-size: 10pt;
	height: 30pt;
	line-height: 30pt;
	padding: 0 25pt;
	cursor: pointer;
	transition: 0.15s;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1pt;
}

.ch---com-form-request---container > div > button:hover {
	opacity: 0.5;
}

@media only screen and (max-width: 768px) {
	
	.ch---com-form-request---container > p {
		text-align: center;
	}
	
	.ch---com-form-request---container > div {
		justify-content: center;
	}
	
	.ch---com-form-request---container > div > button {
		width: 100%;
	}

}

/*
 *
 *
 *													F O R M   R E S P O N S E
 *
 *
 */

.ch---com-form-request---response {
	display: block !important;
	border: 1pt solid var(--ch-color---primary);
	padding: 10pt;
	color: var(--ch-color---foreground);
}

.ch---com-form-request---response > h4 {
	font-weight: bold;
}

.ch---com-form-request---response > p {
	font-weight: bold;
}