.quote-wrapper {}

.quote-wrapper .background-quote {
    background-image: url("../img/mobil/quote.png");
}

.quote-wrapper .form-quote-container h6 {
    color: var(--text-color-primary);
}

.quote-wrapper .form-quote-container .form-control-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-quote-container input, .form-quote-container textarea, .form-quote-container select {
    background: #F5F5F5;
}

.form-quote-container input:focus, .form-quote-container textarea:focus, .form-quote-container select:focus {
    background: #F5F5F5;
}

.fab-container {
    display: flex;
    position: fixed !important;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.bg-fab {
     background-image: linear-gradient(195deg, #ff7d44, #ff4713);
     border-radius: 10px;
     padding: 10px 20px;
}

.bg-fab:hover {
    background-image: linear-gradient(195deg, #ff4713, #ff7d44);
}



@media only screen and (min-width : 320px) {}

@media only screen and (min-width : 480px) {}

@media only screen and (min-width : 768px) {}

@media only screen and (min-width : 992px) {
    .quote-wrapper .background-quote {
        background-image: url("../img/web/quote.png");
    }
}

@media only screen and (min-width : 1200px) {}