:root {
    --animate-duration: 100ms;
    --animate-delay: 0.5s;
}

.background-shadow {
    box-shadow: inset 0 0 0 2000px rgb(20 19 19 / 40%)
}

.heading-main-line {
    font-weight: 900;
    font-size: 3rem;
    text-shadow: 1.5px 0px 1px rgba(255, 247, 247, 0.6);
    letter-spacing: 4px;
    animation-duration: 2s;
}

.heading-main-line .highlight {
    color: #fac903;
    font-size: 4rem
}

.heading-description {
    max-width: 600px;
    text-align: center;
    font-size: 1.5rem;
    padding: 0px 30px;
}

.heading-background {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, .7)), url('../img/bg_home_3.gif');
    background-size: cover;
    height: 100vh;
}

.heading-down-arrow-container {
    color: #fac903;
    /* height: 200px; */
    height: 15vh;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.who-we-are-img-order {
    order: 1;
}

.who-we-are-desc-order {
    order: 2;
}

@-webkit-keyframes upDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.heading-down-arrow {
    -webkit-animation: upDown 1s infinite alternate;
    animation: upDown 1s infinite alternate;
}

.heading-down-arrow:visited {
    color: #fac903;
}


.form-group {
    font-size: 14px;
}

.form-group .form-control {
    padding: 8px;
}

.form-group .form-control::placeholder {
    font-size: 14px;
}

.footer-gap-1 {
    order: 2
}

.footer-gap-2 {
    order: 4
}

.quote-form {
    order: 5;
}

.footer-contact {
    order: 1;
}

.footer-services {
    order: 3;
}

.card-quote {
    position: relative;
    top: -100;
}

.services-list {
    color: var(--primary) !important;
    list-style: disc !important;
    padding-left: 20px;
}


/* Clients */
.client-flex-container {
    position: relative;
}

.client-flex::before {
    top:0;
    left: 0;
    content: ' ';
    position: absolute;
    border-top: 3px solid #ffda6fbd;
    border-left: 3px solid #ffda6fbd;
    width: 50px;
    height:50px;
}

.client-flex::after {
    bottom: 0;
    right: 0;
    content: ' ';
    position: absolute;
    border-bottom: 3px solid #ffda6fbd;
    border-right: 3px solid #ffda6fbd;
    width: 50px;
    height:50px;
}

.client-flex:hover::after {
    border-bottom: 3px solid #ffda6fbd;
    border-right: 3px solid #ffda6fbd;
}
.client-flex:hover::before {
    border-top: 3px solid #ffda6fbd;
    border-left: 3px solid #ffda6fbd;
}

.client-flex:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.client-flex {
    /* border: 1px solid rgb(205, 204, 204, 0.3); */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 230px;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 30px;
}

.client-flex h6 {
    padding: 10px 20px;
    text-align: center;
}

.client-grid-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-top: 30px;
}

@media screen and (max-width: 550px) {
    .heading-main-line {
        font-weight: 900;
        font-size: 2rem;
    }

    .heading-main-line .highlight {
        font-size: 2.5rem
    }

    .heading-description {
        font-size: 1.2rem;
        font-weight: 300;
    }

    .heading-background {
        background-size: contain !important;
        background-position-x: left;
    }

    .who-we-are-img-order {
        order: 2;
    }

    .who-we-are-desc-order {
        order: 1;
    }

    .quote-form {
        order: 3;
    }

    .footer-contact {
        order: 5;
    }

    .card-blog-img,
    .card-blog {
        max-width: 300px
    }
}