@import url("style.css");


a.contact-back{
    color: var(--empire-dark) ;
    font-weight: 600;
    font-size: 17px;
}
a.contact-back:hover{
    color: var(--empire-dark2) ;
}
.icon-card{
    color: var(--empire-true);
}
.row .icon .bubble{
    color: var(--white);
    font-size: 30px;
}
.icon-offer{
    color: var(--empire-dark);
    font-size: 60px;
}
.icon-contact{
    color: var(--white);
    font-size: 28px;
}
/* .btn.btn-estimate:hover{
    background: var(--empire-true2);
} */
.hero-wrap.hero-wrap-3 .overlay {
    opacity: .5;
    background: var(--empire-true);
}
.about-care{
    background: var(--empire-light);
}
.btn.btn-primary-2{
    background: var(--empire-true2);
    border: var(--empire-true2);
    color: var(--white)
}
.btn.btn-primary-2:hover{
    background: var(--empire-blue);
    border: var(--empire-blue);
}

.btn.btn-contact,
.btn.btn-contact2{
    background: var(--empire-true2);
    color: var(--white)
}
.btn.btn-contact.select,
.btn.btn-contact2.select{
    background: var(--empire-true2);
    color: var(--white);
    border: 2px solid #4797d1f5;
}
.btn.btn-contact.select:hover{
    background: var(--empire-dark2);
    border: 2px solid var(--empire-dark2) !important;
}
.btn.btn-contact2:hover{
    background: var(--empire-dark2);
}
.btn.btn-contact.active{
    background: var(--empire-dark) !important;
    border: 2px solid var(--empire-dark) !important;
    color: var(--white)
}
.appointment .form-group :hover{
    cursor: pointer;
}
.submitted-header{
    color: var(--empire-dark);
    font-weight: 600;
}

.block-8{
    background: var(--empire-blue);
}
.contact-label{
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.contact-background{
    background: var(--empire-light);
    padding-top: 40px;
}

.error-mssg{
    color: var(--red);
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
}
.error-border{
    border: 2px solid var(--red);
    border-radius: 5px;
}

input[type="range"] {
    width: 100%;
    accent-color: var(--empire-dark);
    cursor: pointer;
}

/* Chrome, Safari, Edge track */
#sqFootage::-webkit-slider-runnable-track {
    height: 12px;
    background: linear-gradient(
        to right,
        var(--empire-dark) 0%,
        var(--empire-dark) var(--progress, 0%),
        var(--white) var(--progress, 0%),
        var(--white) 100%
    );
    border-radius: 10px;
}

/* Firefox track */
#sqFootage::-moz-range-track {
    height: 12px;
    background: var(--white);
    border-radius: 10px;
}

/* Chrome, Safari, Edge thumb */
#sqFootage::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    margin-top: -5px;
    border-radius: 50%;
    background: var(--empire-dark);
    border: none;
}
/* Firefox thumb */
#sqFootage::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--empire-dark);
    border: none;
}
#sqFootage::-moz-range-progress {
    height: 12px;
    background: #0d6efd;
    border-radius: 10px;
}
#sqFootage {
    
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 22px;
    background: transparent;
    cursor: pointer;
    accent-color: var(--empire-dark);
}



footer ul.list-unstyled li a:hover,
.footer li a:hover .icon,
.footer li a:hover .text{
    color: var(--empire-blue);
}

/* Spinner */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid lightgray;
  border-top: 5px solid var(--empire-dark);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}