.submit-btn {
    padding: 10px;
    border-radius: 5px;
}
.submit-btn,
.helpful-btn {
    background: linear-gradient(180deg, #720d1d, #1f0308);
    background-color: red;
    color: #fff;
    font-family: var(--font-crimson_pro);
    font-size: var(--sub-title-body);
    height: max-content;
    border: none;
    outline: none;
}
.helpful-btn{
    padding: 10px 20px;
    border-radius: 40px;
}

.submit-btn:hover {
    color: #fff;
}

.form-label {
    font-size: var(--header-font-size);
    font-family: var(--font-crimson_pro);
}
.feedback-form input,
.feedback-form select{
    height: 40px !important;
    font-size: var(--header-font-size);
}
.feedback-form textarea{
    font-size: var(--header-font-size);
}
.feedback-title p{
    font-size:1.6rem;
    font-family: var(--font-crimson_pro);
}
.error-message{
    font-size:1.6rem;
    font-family: var(--font-crimson_pro);
    color: #ff0000;
}
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* To make sure the input does not have extra padding or width */
input[type="number"] {
    appearance: textfield;
}

.sub-title2 {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.sub-title2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 3px; 
    background-color: #720d1d;
    transform: translateX(-50%); 
}