input, select {
	height: 40px;
}

/*====================================================
FORMULÁRIO
====================================================*/

.quote-form{

    width:100%;
    max-width:760px;
    margin:auto;

}

.quote-title{

    font-size:48px;
    font-weight:300;
    color:#FFF;
    margin-bottom:40px;
    line-height:1.2;

}

.quote-form *{

    box-sizing:border-box;

}

/*====================================================
LABELS
====================================================*/

/* Label */
.quote-form label{
    display:block;
    font-size:16px;
    color:#FFF;
    margin-bottom:10px;
    font-weight:500;
}

/* Texto padrão */
.radio-item span{
    color:#FFF;
    transition:.3s;
}

/* Hover */
.radio-item:hover span{
    color:#BE092F;
}

/* Quando o radio estiver selecionado */
.radio-item input[type="radio"]:checked + span{
    color:#BE092F;
    font-weight:600;
}

/*====================================================
GRUPOS
====================================================*/

.form-group{

    margin-bottom:28px;

}

/*====================================================
INPUTS
====================================================*/

.quote-form input[type=text],
.quote-form input[type=email],
.quote-form input[type=tel],
.quote-form input[type=time],
.quote-form input[type=number],
.quote-form textarea,
.quote-form select{

    width:100%;
    height:40px;
    background:#000;
    border:1px solid rgba(255,255,255,.45);
    font-size:16px;
    padding:0 18px;
    transition:.30s;
    outline:none;
    border-radius:0;
    appearance:none;
	margin-bottom: 0px;

}

/*====================================================
SELECT
====================================================*/

.quote-form select{

    cursor:pointer;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

    background-size:16px;

    padding-right:45px;

}

/*====================================================
TEXTAREA
====================================================*/

.quote-form textarea{

    height:180px;

    padding:18px;

    resize:vertical;

}

/*====================================================
FOCUS
====================================================*/

.quote-form input:focus,
.quote-form textarea:focus,
.quote-form select:focus{

    border-color:#FFF;

}

/*====================================================
PLACEHOLDER
====================================================*/

.quote-form input::placeholder,
.quote-form textarea::placeholder{

    color:#9d9d9d;

}

/*====================================================
DATA
====================================================*/

.row-data{

    display:grid;

    grid-template-columns:
        90px
        1fr
        100px
        150px;

    gap:15px;

}

.campo-data,
.campo-mes,
.campo-ano,
.campo-hora{

    width:100%;

}


.form-group select {
	background: #000!important;
}

.campo-mes select {
	background: #000!important;
}

.envio button {
	background: #fff!important;
}


/*====================================================
DUAS COLUNAS
====================================================*/

.duas-colunas{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}


.iti__dropdown-content {
     background-color: #000!important; 
}

/*====================================================
RADIOS
====================================================*/

.service-options{

    display:flex;

    flex-direction:column;

    gap:15px;
	

}

.radio-item{

    display:flex;

    align-items:center;

    gap:14px;

    cursor:pointer;

    margin:0;

}

.radio-item input{

    width:22px;

    height:22px;

    accent-color:#FFF;

}

.radio-item span{

    color:#FFF;

    font-size:16px;

}

.service-options input, .service-options select, .service-options textarea {
    width: auto !important;
	color: #333!important;
}


.service-options input, .service-options select, .service-options textarea {
    width: auto !important;
	margin-bottom: 0;
}


/*====================================================
BOTÃO
====================================================*/


.iti__selected-country {
	background: #000!important;
}


.footer-right button {
    width: 100%;
    background: #fff;
    color: #000;
    border: none;
    padding: 14px;
    font-weight: 700;
    cursor: pointer;
}

.btn-enviar{

    width:100%;

    height:60px;

    background:#FFF;

    color:#000;

    border:none;

    cursor:pointer;

    font-size:18px;


    font-weight:600;

    transition:.30s;

}

.btn-enviar:hover{

    background:#d7d7d7;

}

/*====================================================
CAPTCHA
====================================================*/

.captcha{

    margin:30px 0;

}

/*====================================================
AUTOFILL
====================================================*/

input:-webkit-autofill,
textarea:-webkit-autofill{

    -webkit-box-shadow:0 0 0 1000px #000 inset;

    -webkit-text-fill-color:#FFF;

}

/*====================================================
NUMBER
====================================================*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{

    -webkit-appearance:none;

    margin:0;

}

input[type=number]{

    -moz-appearance:textfield;

}

/*====================================================
TIME
====================================================*/

input[type=time]::-webkit-calendar-picker-indicator{

    filter:invert(1);

}

/*====================================================
RESPONSIVO
====================================================*/

@media(max-width:991px){

    .row-data{

        grid-template-columns:1fr 1fr;

    }

    .duas-colunas{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .quote-title{

        font-size:34px;

    }

    .row-data{

        grid-template-columns:1fr;

    }

}

/*==================================================
TELEFONE
==================================================*/

.iti{

    width:100%;

}

.iti input{

    width:100%;

    height:58px;

    background:#000;

    color:#FFF;

    border:1px solid rgba(255,255,255,.45);

    font-size:16px;

    padding-left:100px;

    outline:none;

}

.iti input:focus{

    border-color:#FFF;

}

.iti__country-container{

    border-right:1px solid rgba(255,255,255,.25);

}

.iti__selected-country{

    height:58px;

    padding:0 18px;

}

.iti__selected-country-primary{

    height:58px;

}

.iti__selected-dial-code{

    color:#FFF;

    font-size:15px;

}

.iti__arrow{

    margin-left:8px;

}

/*===============================
LISTA
================================*/

.iti__country-list{

    width:360px;

    max-height:320px;

    background:#111;

    color:#FFF;

    border:1px solid #2f2f2f;

    box-shadow:0 15px 40px rgba(0,0,0,.35);

    border-radius:6px;

}

/*===============================
BUSCA
================================*/

.iti__search-container{

    padding:12px;

}

.iti__search-input{

    width:100%;

    height:42px;

    background:#1c1c1c;

    color:#FFF;

    border:1px solid #444;

    padding:0 15px;

    border-radius:4px;

}

.iti__search-input::placeholder{

    color:#aaa;

}

/*===============================
PAÍSES
================================*/

.iti__country{

    padding:12px 18px;

}

.iti__country:hover{

    background:#222;

}

.iti__country-name{

    color:#FFF;

}

.iti__dial-code{

    color:#9f9f9f;

}

/*===============================
BANDEIRAS
================================*/

.iti__flag{

    transform:scale(1.15);

}