/* height: 100px;
border: 2px solid var(--laranjaharley);
} */

:root {
  --laranjaharley: #ff680f;
}

#contato-index-harley {
  background-image: url("/assets/img/pagina/index/contato/PAG-PRINCIPAL_07.webp");
  background-position: top;
  background-size: cover;
  height: 700px;
  padding: 0 !important;
}

/* #contato-index-harley::before, #contato-index-harley::after {
  content: '';
  display: inline-block;
  background: white;
  color: red;
  width: 100%;
  height: 20px;
} */
/* Configuração estilo css formulario contato Inciando a tag FORM. */

#form-contato-harleyDavidson .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  background-clip: padding-box;
  border: unset;
  border-bottom: 2px solid var(--laranjaharley);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: unset;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#form-contato-harleyDavidson textarea.form-control {
  border: 2px solid var(--laranjaharley);
  height: 213px !important;
  margin-top: 42px;
}

#form-contato-harleyDavidson .form-select {
  border: unset;
  border-bottom: 2px solid var(--laranjaharley);
  border-radius: unset;
  background-color: transparent;
}

#form-contato-harleyDavidson .form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#form-contato-harleyDavidson .form-check-input {
  border: 2px solid var(--laranjaharley);
  background-color: transparent !important;
}

#form-contato-harleyDavidson .form-check-input:checked {
  background-color: var(--laranjaharley) !important;
  border-color: var(--laranjaharley) !important;
}

#form-contato-harleyDavidson .form-control:focus,
#form-contato-harleyDavidson .form-select:focus,
#form-contato-harleyDavidson .form-check-input:focus {
  color: #212529;
  background-color: transparent;
  border-color: var(--laranjaharley) !important;
  outline: 0;
  box-shadow: unset !important;
}

#form-contato-harleyDavidson .btn-harley {
  background-color: #ff680f;
  border-color: #ff680f;
  color: white;
  width: 50% !important;
}
.form-floating > label {
  left: -1px !important;
}

#form-contato-harleyDavidson input ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

#form-contato-harleyDavidson input :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

#form-contato-harleyDavidson input ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
/* .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;opacity:0;%7D.cls-2%7Bfill:%23231f20;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-down (2)%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='arrow-downward'%3E%3Cg id='arrow-downward-2' data-name='arrow-downward'%3E%3Crect class='cls-1' width='24' height='24' transform='translate(0 24) rotate(-90)'/%3E%3Cpath class='cls-2' d='M12,17a1.72,1.72,0,0,1-1.33-.64l-4.21-5.1A2.1,2.1,0,0,1,6.2,9.05,1.76,1.76,0,0,1,7.79,8h8.42A1.76,1.76,0,0,1,17.8,9.05a2.1,2.1,0,0,1-.26,2.21l-4.21,5.1A1.72,1.72,0,0,1,12,17Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
} */


.form-floating>.form-control::placeholder  {
  color: #000 !important;
}


@media (max-width: 820px) {
 
 .form-floating > .form-select ~ label{
   font-size: 19px;
 }
   
 }
 
 @media (max-width: 768px) {
 
  .form-floating > .form-select ~ label{
    font-size: 18px;
  }

  
  #floatingSelect option {
    font-size: 13px;
  }
    
  }

  @media (max-width: 414px) {

    .form-floating > label {
     left: -10px !important;
   }
   
   .form-floating > .form-select ~ label{
     font-size: 13px;
   }

   #form-contato-harleyDavidson .form-control {
    font-size: 13px;
  }

  label.form-check-label {
    font-size: 13px;
  }

   #floatingSelect option {
    font-size: 12px;
  }
 
   }
  

@media (max-width: 390px) {

  .form-floating > label {
   left: -10px !important;
 }
 
 .form-floating > .form-select ~ label{
   font-size: 12px;
 }

 #form-contato-harleyDavidson .form-control {
  font-size: 12px;
}

label.form-check-label {
  font-size: 12px;
}

 #floatingSelect option {
  font-size: 12px;
}

   
 }

@media (max-width:375px) {
 
  .form-floating > .form-select ~ label{
    font-size: 11px;
  }
 
  #form-contato-harleyDavidson .form-control {
   font-size: 12px;
 }
 
 label.form-check-label {
   font-size: 12px;
 }
 
  #floatingSelect option {
   font-size: 11px;
 }
 
}

@media (max-width:280px) {
  .interesse{
    font-size: 10px !important;
  }
  #form-contato-harleyDavidson .form-control {
    font-size: 12px;
  }

  label.form-check-label {
    font-size: 12px;
  }

  span {
    font-size: 12.5px;
  }

   #floatingSelect option {
    font-size: 10px;
  }
  
}