/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/frontend/components/acf-flexible-content/quote_form.css ***!
  \*********************************************************************************************************************************************************************************************************************/
@media (min-width:992px) {.quote-form {
        --cols: 1fr 1fr
}
    }
    .quote-form .quote-card {
        --ratio: 580/351;
        aspect-ratio: var(--ratio);
        background-color: #1b272a;
        display: grid;
        overflow: hidden;
        grid-template-rows: auto clamp(80px, 5.99vw, 115px);
        position: relative;
    }
    @media (max-width:767px) {
    .quote-form .quote-card {
            --ratio: unset
    }
        }
    @media (min-width:768px) and (max-width:1199px) {
    .quote-form .quote-card {
            grid-template-rows: 1fr;
            --ratio: unset
    }
        }
    .quote-form .quote-card .rb-icon {
            position: absolute;
            z-index: 5;
            --icon-size: clamp(110px, 8.85vw, 171px);
            aspect-ratio: 230/171;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            top: clamp(30px, 2.7vw, 69px);
        }
    .quote-form .quote-card .main {
            --row-gap: var(--rb--space--24);
            display: grid;
            place-content: center;
            place-items: center;
            text-align: center;
            position: relative;
            z-index: 10;
        }
    @media (max-width:1199px) {
    .quote-form .quote-card .main {
                padding-top: var(--row-gap);
                padding-bottom: var(--row-gap)
        }
            }
    @media (min-width:992px) {
    .quote-form .quote-card .main {
                top: 8%
        }
            }
    .quote-form .quote-card .main .quote {
                width: clamp(300px, 38vw, 620px);
            }
    .quote-form .quote-card .img-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            place-content: center;
            place-items: center;
            position: relative;
            z-index: 10;
        }
    @media (min-width:768px) and (max-width:991px) {
    .quote-form .quote-card .img-wrapper {
                display: none
        }
            }
    .quote-form .quote-card .img-wrapper picture {
                height: 43.5%;
            }
    .quote-form .quote-card .img-wrapper picture img {
                    -o-object-fit: contain;
                       object-fit: contain;
                }
    .quote-form .form-wrapper {
        background-color: var(--rb--color--main-dark);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .quote-form .form-wrapper .main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            padding: var(--rb--space--34);
        }
    @media (min-width:768px) {
    .quote-form .form-wrapper .main {
                padding: var(--rb--space--10) clamp(30px, 6.979vw, 134px) var(--rb--space--10) clamp(30px, 6.51vw, 125px)
        }
            }
    .quote-form .form-wrapper .main .content {
                text-align: center;
            }
    .quote-form .form-wrapper .main .gform_wrapper {
                margin-top: var(--rb--space--43);
                position: relative;
                -ms-flex-item-align: stretch;
                    align-self: stretch;
            }
    .quote-form .form-wrapper .main .gform_wrapper .gform-button {
                    --bg: transparent;
                    --border-color: currentColor;
                    --color: var(--rb--color--white);
                    --font-weight: 500;
                    width: 100%;
                }
    .quote-form .form-wrapper .main .gform_wrapper .gform-button .icon {
                        display: none;
                    }
    @media (min-width:768px) {
    .quote-form .form-wrapper .main .gform_wrapper .gform-footer {
                        position: absolute
                }
                    }
    .quote-form .form-wrapper .main .gform_wrapper .gfield_description {
                    font-size: var(--rb--font--12);
                    padding-top: var(--rb--space--10);
                }
    .quote-form .form-wrapper .main .gform_wrapper .gfield_description a {
                        font-weight: 700;
                    }
    .quote-form .form-wrapper .image {
            display: grid;
            place-items: center;
            height: clamp(88px, 6.615vw, 127px);
        }
    @media (max-width:767px) {
    .quote-form .form-wrapper .image {
                display: none
        }
            }
    .quote-form .form-wrapper .image .main-image {
                grid-column: 1;
                grid-row: 1;
            }
    .quote-form .form-wrapper .image .logo {
                grid-column: 1;
                grid-row: 1;
            }
    .quote-form .form-wrapper .image .logo svg {
                    height: clamp(45px, 3.125vw, 60px);
                    width: auto;
                }