.provider-banner{
   min-height: 300px;
    display: flex;
    justify-content: left;
    align-items: center;
    box-shadow: inset 0px 0px 15px #00000053;
    background-size:100%;
}

.provider-content{
    
    
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    text-align: center;
    padding: 0rem 2rem;    
}

.provider-content > .form{
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 30px;
}

.provider-content > .form .field{
    margin-right: 2rem;
}

.provider-content > .form select, .provider-content > .form input {
border:2px solid #fff;
border-radius: 4px;
line-height: var(--global--line-height-body);
 outline: 0;
    
}

.provider-content > .form input.find-btn:hover{
border:2px solid #fff;
background:transparent;
color:#fff;
}

.provider-content > .form .error-message {
	font-size: var(--global--font-size-xs);
	color: red;
	margin-top: 0.5rem;
}

.provider-banner.background-green{
    background-color: var(--bggreen); 
}

.provider-banner.background-red{
    background-color: var(--bgred);
}
   
.provider-banner.background-blue{
    background-color: var(--bgblue);
   
}

.provider-banner.background-purple{
    background-color: var(--bgpurple); 
}

.provider-banner.background-yellow{
    background-color: var(--bgyellow); 
}

.find-btn{
    background: #fff;
    padding: var(--form--spacing-unit);
    line-height: var(--global--line-height-body);
    color: var(--gray);
}


.provider-content h2{
   font-family: "din-2014", sans-serif;
    color: var(--white);
}

.inp-select{
    width: -webkit-fill-available;
}


@media (max-width: 767px) {
  .provider-content > .form {
    flex-direction: column;
  }
    
.provider-content > .form select, .provider-content > .form input{
  margin-bottom: 20px;      
    }
    
    .provider-content h2{
        font-weight: 700;
        font-size: 2.5rem;
    }
    .provider-content > .form .field{
    margin-right:0;
    }
    
    
}


@media only screen and (min-width: 768px) and (max-width: 1220px) {
    .provider-banner {
    min-height: 200px;
    }
}