.hx-130{
    height:130px
}
.mwx-200{
    max-width:200px
}.wp-100{
    width:100%
}
@media(min-width: 768px){
    .mwx-md-245{
        max-width:245px
    }
}
.wp-100 {
    width: 100%
}

.position-relative {
    position: relative !important
}

.background-light {
    background-color: #fff
}

.color-light {
    color: #fff
}
.text-shadow{  
    text-shadow: 2px 2px 3px #000000b8;
}
.background-primary {
    background-color: #30aeca
}

.color-primary {
    color: #30aeca
}

.color-secondary {
    color: #778298
}

.background-tertiary {
    background-color: #0d2147
}

.color-tertiary {
    color: #0d2147
}

body {
    background: #fff
}

body a {
    color: #30aeca
}

body a:hover,
body a:focus,
body a:active,
body a:focus-within,
body a:focus-visible {
    color: #818181
}

body .btn.btn-tertiary {
    background-color: #0d2147;
    border-color: #0d2147;
    color: #fff
}

body .btn.btn-tertiary:hover,
body .btn.btn-tertiary:focus,
body .btn.btn-tertiary:active,
body .btn.btn-tertiary:focus-within,
body .btn.btn-tertiary:focus-visible {
    background-color: #fff;
    border-color: #0d2147;
    color: #0d2147
}

body .form-control {
    background-clip: unset;
    box-shadow: .125rem .125rem .25rem rgba(129, 129, 129, .25)
}

body .form-control:hover,
body .form-control:focus,
body .form-control:active,
body .form-control:focus-within,
body .form-control:focus-visible {
    color: #888;
    border-color: #778298;
    box-shadow: 0 0 0 .2rem rgba(119, 130, 152, .25)
}

body .form-control::-webkit-input-placeholder {
    color: #818181
}

body .form-control::-moz-placeholder {
    color: #818181
}

body .form-control:-ms-input-placeholder {
    color: #818181
}

body .form-control::-ms-input-placeholder {
    color: #818181
}

body .form-control::placeholder {
    color: #818181
}

body main.page-content .banner-wrap .get-quote-wrap .form-group .form-control {
    border-color: #b7b7b7;
    outline: 0;
    box-shadow: none
}

body main.page-content .banner-wrap .get-quote-wrap .form-group .form-control:hover,
body main.page-content .banner-wrap .get-quote-wrap .form-group .form-control:focus,
body main.page-content .banner-wrap .get-quote-wrap .form-group .form-control:active {
    border-color: #0d2147
}

body footer.site-footer a {
    color: #778298
}

body footer.site-footer a:hover,
body footer.site-footer a:focus,
body footer.site-footer a:active,
body footer.site-footer a:focus-within,
body footer.site-footer a:focus-visible {
    color: #30aeca
}

body footer.site-footer .copyright-text,
body footer.site-footer .disclaimer-text {
    color: #778298
}

h2,
h4,
h5,
.h2,
.h4,
.h5 {
    margin-block: 0;
    line-height: 1.25
}

h2,
.h2 {
    font-size: calc(36px + (45 - 36) * (100vw - 360px) / (1920 - 360))
}

h4,
.h4 {
    font-size: calc(20px + (24 - 20) * (100vw - 360px) / (1920 - 360))
}

h5,
.h5 {
    font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1920 - 360))
}

.form-control {
    font-size: calc(14px + (16 - 14) * (100vw - 360px) / (1920 - 360))
}

.btn {
    letter-spacing: .5px;
    font-weight: 700;
    font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1920 - 360))
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:focus-within,
.btn:focus-visible {
    outline: 0;
    box-shadow: none
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    font-family: "Roboto", Arial, Helvetica, sans-serif
}

body footer.site-footer {
    font-size: calc(11px + (12 - 11) * (100vw - 360px) / (1920 - 360))
}

body footer.site-footer .footer-nav .nav-item .nav-link {
    font-size: calc(11px + (12 - 11) * (100vw - 360px) / (1920 - 360))
}

html {
    overflow-x: hidden
}

body a,
body a:hover,
body a:focus,
body a:active,
body a:focus-within,
body a:focus-visible {
    text-decoration: none
}

body .form-control {
    background-clip: unset;
    padding-inline: calc(12px + (16 - 12) * (100vw - 360px) / (1920 - 360));
    padding-block: calc(6px + (8 - 6) * (100vw - 360px) / (1920 - 360))
}

body .btn {
    min-width: 200px;
    border-radius: 1.675rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-inline: 20px;
    padding-block: 12px
}

body .btn:hover,
body .btn:focus,
body .btn:active {
    outline: 0;
    box-shadow: none
}

body .btn.btn-tertiary {
    background-color: #0d2147;
    border-color: #0d2147;
    color: #fff
}

body .btn.btn-tertiary:hover,
body .btn.btn-tertiary:focus,
body .btn.btn-tertiary:active {
    background-color: #fff;
    border-color: #0d2147;
    color: #0d2147
}

body .container-box {
    width: 100%;
    margin: 0 auto
}