.umbraco-forms-form input[type="text"],
.umbraco-forms-form input[type="email"],
.umbraco-forms-form textarea {
    background: transparent;
    border-radius: 2px;
    border: solid 1px var(--primary);

}

.umbraco-forms-form .mandatory input[type="text"]:after {
    content: "*";
}

.umbraco-forms-form input[type="text"]::placeholder,
.umbraco-forms-form input[type="email"]::placeholder,
.umbraco-forms-form textarea::placeholder {
    font-style: italic;
    color: var(--black);
}

.umbraco-forms-form .form-control,
.umbraco-forms-form textarea,
.radiobuttonlist {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: var(--black);
}

.radiobuttonlist input[type="radio"] {
    border: solid 1px var(--primary);
}

.radiobuttonlist input[type="radio"]:checked {
    box-shadow: none;
    background: var(--primary);
}

.umbraco-forms-form select {
    border: solid 2px var(--primary);
    border-radius: 2px;
    font-style: italic;
    text-align:center;
    color: var(--primary) !important;
}

.umbraco-forms-form select {
    appearance: none; /* Disable the default arrow */
    -webkit-appearance: none; /* For WebKit-based browsers */
    -moz-appearance: none; /* For Firefox */
    width: 100%;
    padding: 10px 35px 10px 10px;
    font-size: 16px;
    
    border-radius: 4px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='%23E85C1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");

    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    cursor: pointer;
}


.umbraco-forms-form select:focus {
    border: solid 2px var(--primary);
}

.umbraco-forms-form .form-control:focus {
    box-shadow: none;
}

.umbraco-forms-form .form-group  > label {
    color: var(--primary);
    font-weight: 500;
    font-size: 1.2rem;
    width: 100% !important;
    margin-bottom: 0.5rem;
}


.bg-Gradient .umbraco-forms-form input[type="text"],
.bg-Gradient .umbraco-forms-form input[type="email"],
.bg-Gradient .umbraco-forms-form textarea {
    background: transparent;
    border-radius: 2px;
    border: solid 1px var(--white);
    color: var(--white);
} 

.bg-Gradient .umbraco-forms-form input[type="text"]::placeholder,
.bg-Gradient .umbraco-forms-form input[type="email"]::placeholder,
.bg-Gradient .umbraco-forms-form textarea::placeholder,
.bg-Gradient .umbraco-forms-form select {
    color: var(--white) !important;
}

.bg-Gradient .umbraco-forms-form label {
    color: var(--white);
    font-style: italic;
}

.bg-Gradient .umbraco-forms-form select {
    background: transparent;
    color: var(--white);
    border-color: var(--white);
}

.bg-Gradient .umbraco-forms-form select option {
    color: var(--black);
}

.remove {
    cursor: pointer;
}

.checkbox-product .form-check-input{
    display: none;
    
}

.quantity-input {
    width: 40px;
    color: var(--white);
    background: transparent;
    border: none;
}

.btn.btn-Primary.inActive {
    opacity: 0.5;
}