@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Rubik:300,400,500,700&display=swap);

#insureAnchor,
#insurelo {
    background: url(../assets/images/Insurance-Master_logo.svg) no-repeat;
    background-position: center
}

#insureAnchor {
    background-size: 140px
}

#eligibility_section .el_image,
#leftArrow,
#rightArrow,
#submitGoBottom .button_arrow,
.PostalCodeIcon,
.mobile_call_agent a {
    background: url(../assets/images/B_sprite.svg) no-repeat
}

.mobile_call_agent a {
    background-position: -53px -82px;
    background-size: 155px
}

.PostalCodeIcon {
    background-size: 200px;
    background-position: -68px -155px
}

#landing_image::after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 213px;
    height: 205px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../assets/images/Car_Flip_layered_SVG.svg) no-repeat;
    background-position: 0 -3px;
    background-size: 100%
}

#partner_logo_content .client_logos {
    background: url("../assets/images/Client Logo_Mobile_white.svg") no-repeat;
    background-position: 0 0;
    background-size: 100%
}

#eligibility_section .el_image {
    background-position: -16px -458px;
    background-size: 151px
}

#eligibility_section .topArticle .el_image {
    background: url(../assets/images/B_image2.svg) no-repeat;
    background-size: 100%
}

.items-center {
    justify-content: center;
}

#above_footer_section::after {
    background: url(../assets/images/B_image3.svg) no-repeat;
    background-size: 100%
}

#leftArrow {
    background-size: 130px;
    background-position: -33px -306px
}

#leftArrow:active,
#leftArrow:focus,
#leftArrow:hover {
    background-position: -33px -193px
}

#rightArrow {
    background-size: 128px;
    background-position: -32px -246px
}

#rightArrow:active,
#rightArrow:focus,
#rightArrow:hover {
    background-size: 130px;
    background-position: -33px -137px
}

.botttom_form .PostalCodeIcon {
    background-position: -64px -147px;
    background-size: 190px
}

.botttom_form #submitGoBottom .button_arrow {
    background-position: -54px -502px;
    background-size: 500%
}

#insurelo {
    background-size: 180px;
    background-position: 22px 2px
}

@media only screen and (min-width:750px) and (orientation:portrait),
only screen and (min-width:1024px) and (orientation:landscape) {
    #insureAnchor {
        background-size: 140px
    }

    .mobile_call_agent a {
        background-position: -60px -92px;
        background-size: 174px
    }

    #landing_image::after {
        width: 292px;
        height: 280px;
        background-position: 0 -3px
    }

    #partner_logo_content .client_logos {
        background: url("../assets/images/Client Logo_Tablet_white.svg") no-repeat;
        background-position: center
    }

    #leftArrow {
        background-size: 186px;
        background-position: -46px -437px
    }

    #leftArrow:active,
    #leftArrow:focus,
    #leftArrow:hover {
        background-position: -46px -276px
    }

    #rightArrow {
        background-size: 186px;
        background-position: -46px -356px
    }

    #rightArrow:active,
    #rightArrow:focus,
    #rightArrow:hover {
        background-size: 186px;
        background-position: -46px -195px
    }

    #eligibility_section .el_image {
        background-position: -18px -589px;
        background-size: 194px
    }

    #insurelo {
        background-size: 185px;
        background-position: 0px -2px
    }
}

@media only screen and (min-width:1025px) {
    #insureAnchor {
        background-size: 140px
    }

    #landing_image::after {
        width: 463px;
        height: 440px;
        background-position: -19px 19px;
        background-size: 110%
    }

    #partner_logo_content .client_logos {
        background: url("../assets/images/Client Logo_Desktop_white.svg") no-repeat;
        background-position: center
    }

    #above_footer_section::after {
        height: 294px;
        width: 591px
    }

    #leftArrow,
    #rightArrow {
        top: 267px
    }

    .botttom_form #imagediv::after {
        background: url(../assets/images/B_image4.svg) no-repeat;
        background-size: 100%
    }

    .varB_money_left_image,
    .varB_money_right_image {
        background: url(../assets/images/bills.svg) no-repeat;
        background-size: 100% 100%
    }

    .varC_cars_left_image,
    .varC_cars_right_image {
        background: url(../assets/images/cars_right.svg) no-repeat;
        background-size: 120%
    }

    .varD_dollar_right_image {
        background: url(../assets/images/money_right.svg) no-repeat;
        background-size: 100% 100%
    }

    .varD_dollar_left_image {
        background: url(../assets/images/money_left.svg) no-repeat;
        background-size: 100% 100%
    }

    .varB_PostalCodeIcon,
    .varC_PostalCodeIcon,
    .varD_PostalCodeIcon {
        background: url(../assets/images/zip.svg) no-repeat
    }
}