:root {
    --mach-contact-title-size: 30px;
    --mach-contact-sub-title-size: 20px;
    --mach-contact-text-size: 16px;
}

.mach-contact {
    font-size: var(--mach-contact-title-size);
    padding: 2em 0;
}
.mach-contact > .container {
	/* box-shadow: 0 0 6px #00000030; */
}
.mach-contact .contact-info {
    padding: 1em;
    background-color: rgb(22 52 122 / 7%);
    height: fit-content;
}

.mach-contact .contact-info h5 {
    color: #242424;
    font-family: var(--font-family);
    font-size: var(--mach-contact-sub-title-size);
    font-style: normal;
    font-weight: 600;
    line-height: 1.44444; /* 144.444% */
    margin-bottom: 5px;
}

.mach-contact .contact-info p {
    color: #555;
    font-family: var(--font-family);
    font-size: var(--mach-contact-text-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
}

.mach-contact .contact-info dl {
    padding: 0.6em 0;
}

.mach-contact .contact-info dl dt{
    line-height: 0;
}

.mach-contact .contact-info dl dt i {
    font-size: calc(var(--mach-contact-sub-title-size) + 4px);
    color: var(--color-primary);
    display: inline-block;
    line-height: 0;
    font-weight: 600;
}

.mach-contact .contact-info dl dd {
    padding-left: 16px;
    color: #343c49;
    box-sizing: border-box;
}

.mach-contact .contact-inquiry {
    font-size: var(--mach-contact-text-size);
}

.mach-contact .contact-inquiry .inqury_title_text {
    text-align: left;
    color: var(--title-text-color);
    font-family: var(--font-family);
    font-size: var(--mach-contact-title-size);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1px;
}

.mach-contact .contact-inquiry .inqury_titl_desc,
.mach-contact .contact-inquiry .input-label,
.mach-contact .contact-inquiry .text-wrap .char-count,
.mach-contact .contact-inquiry .textarea-wrap .char-count {
    /* display: none; */
    text-align: left;
    font-size: 16px !important;
}
.mach-contact .contact-inquiry .text-wrap .char-count{
	display: none;
}
.mach-contact .contact-inquiry .input-label {
	font-size: 14px;
}

.mach-contact .contact-inquiry .input-wrap-box input,
.mach-contact .contact-inquiry textarea.textarea-input {
    border-radius: var(--button-radius);
    /* padding: 1em 1em; */
    border: 1px solid #BEBEBE;
    /* background: #FAFAFA; */
    box-sizing: border-box;
}

.mach-contact .contact-inquiry .input-wrap-box input {
    /* height: 3em; */
}
.mach-contact .contact-inquiry .input-wrap:last-child {
    padding-top: 1em;
    text-align: left;
    font-size: calc(var(--mach-contact-sub-title-size) + 2px);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1px;
}

.mach-contact .contact-inquiry .inqury_submit:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), var(--color-primary);
}


@media screen and (min-width: 992px) {
    .mach-contact .contact-info {
        margin-right: 1em;
    }
    
    .mach-contact .contact-inquiry {
        margin-left: 1.2em;
    }
}

@media screen and (max-width: 1500px) {
	:root {
		--mach-contact-title-size: 44px;
        --mach-contact-sub-title-size: 18px;
		--mach-contact-text-size: 16px;
	}
}

@media screen and (max-width: 1280px) {
	:root {
		--mach-contact-title-size: 38px;
        --mach-contact-sub-title-size: 18px;
		--mach-contact-text-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	:root {
		--mach-contact-title-size: 38px;
        --mach-contact-sub-title-size: 18px;
		--mach-contact-text-size: 16px;
	}
}

@media screen and (max-width: 992px) {
	:root {
		--mach-contact-title-size: 32px;
        --mach-contact-sub-title-size: 16px;
		--mach-contact-text-size: 14px;
	}

    .mach-contact .contact-inquiry .inqury_title_box {
        padding-bottom: 0;
        padding-top: 30px;
    }
}

@media screen and (max-width: 768px) {
	:root {
		--mach-contact-title-size: 26px;
        --mach-contact-sub-title-size: 16px;
		--mach-contact-text-size: 14px;
	}
}

@media screen and (max-width: 576px) {
	:root {
		--mach-contact-title-size: 20px;
        --mach-contact-sub-title-size: 16px;
		--mach-contact-text-size: 14px;
	}
}