.hero-image-gq {
    background-image: url('../assets/images/get-a-quote/get-a-quote.png');
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* styles for form checkboxs */

.our-checks {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 0px;
}

.our-checks label {
    cursor: pointer;
    display: flex;
}

.our-checks input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: 1.5em;
}

.our-checks label::before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    margin-right: 1.25em;
    border: 0.05em solid var(--our-grey-2);
    border-radius: 6px;
}

.our-checks input[type="checkbox"]:focus + label::before {
    outline: var(--our-orange-3) solid 3px
}

.our-checks input[type="checkbox"]:checked + label::before {
    content: '\002714';
    background-color: var(--our-orange-1);
    border: 0.05em solid var(--our-orange-1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--our-white-1);
}

/* css media queries ----- ----- */

@media only screen and (min-width: 400px) {
    .hero-image-gq {
        min-height: 250px;
    }
}

@media only screen and (min-width: 768px) {
    .hero-image-gq {
        min-height: 500px;
    }
}