#insurance-page .banner-top {
    padding: 5px 0;
}

#insurance-page .btn {
    border-radius: 15px;
    margin: 14px 0;
}

#insurance-page section {
    margin: 25px 0;
    overflow: hidden;
    line-height: 25px;
}

#insurance-page .title,
#insurance-page .subtitle {
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 24px;
}

#insurance-page .subtitle {
    font-size: 18px;
    font-weight: 600;
}

#insurance-page .title-main {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    margin-top: 15px;
}

#insurance-page .box-header {
    width: 100%;
    height: auto;
    display: inline-flex;
    border-radius: 11px;
    border: 2px solid #d0c4c4;
    margin: 10px 0;
}

#insurance-page .box-header .item {
    justify-content: center;
    padding: 10px 8px;
}

#insurance-page .box-header .item.border-box {
    border-right: 2px solid #d0c4c4;
    border-left: 2px solid #d0c4c4;
}

#insurance-page .box-header .item .input-s {
    width: 100%;
    border: none;
    padding: unset;
    background: unset;
    text-align: center;
}

.input-error {
    color: #e73d4a;
}

#insurance-page .btn-get-quotes {
    background-color: #26c281;
    width: 70%;
    float: left;
    margin-right: 2%;
    border: 1px solid gray;
    border-radius: 6px;
    color: white;
    margin-top: 10px;
    padding: 10px;
    clear: both;
}

#car-insurance-form .form-group span:not(.help-block) {
    padding: 0px 4px;
    height: 100%;
    line-height: 40px;
}

#car-insurance-form .form-group span.valid-here {
    margin-bottom: 10px;
}

#car-insurance-form .form-group .has-error {
    display: inline-grid !important;
}

#car-insurance-form .form-control.valid,
#car-insurance-form #date-picker-born.valid,
.input-s.valid {
    color: black;
    font-weight: bold;
    text-align-last: center;
}

#car-insurance-form .btn-submit-quotes {
    background: #009a44;
    border-color: #009a44;
    border-radius: 3px;
    width: 200px;
    color: white;
    font-weight: 700;
    padding: 10px 30px !important;
    min-width: 220px !important;
}

#wrap-form-car-insurance .border {
    border: 0.5px solid #eee;
    padding: 10px 25px;
}

#wrap-form-car-insurance #header-form .sub-title-quotes {
    font-weight: 700;
}

#car-insurance-form select,
#car-insurance-form .select2,
#car-insurance-form .select2-selection__placeholder,
#car-insurance-form input {
    border: none;
    border-bottom: 1px solid gray;
    text-align: center;
    text-align-last: center;
}

#car-insurance-form select option:checked {
    box-shadow: 0 0 0 3px lime;
    color: #3d3da0;
}

#car-insurance-form select option:not(:checked) {
    color: #888;
}

#car-insurance-form .group-action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

#wrap-pay-less {
    margin: 40px 0;
}

#wrap-pay-less .group-icon-payless {
    margin: 5px 0;
    filter: invert(21%) sepia(60%) saturate(2665%) hue-rotate(163deg) brightness(150%) contrast(160%);
}

#wrap-pay-less .contents {
    height: auto;
    position: relative;
    padding: 10px 0;
    text-align: center;
}

#wrap-pay-less .name-title {
    color: #193d5a;
    font-weight: 600;
}

.insurance #footer {
    background-color: #0c2c46 !important;
}

.insurance #footer h5,
.insurance #footer h4,
.insurance #footer li,
.insurance #footer li a,
.insurance .contact-details ul>li>i {
    color: white !important;
}

.insurance .css-sprite-fb_icon,
.insurance .css-sprite-linkedin_icon,
.insurance .css-sprite-twitter_icon {
    filter: brightness(0) invert(1);
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    width: 311px;
}

.select2-results__option {
    border-top: 1px #dddbdd solid;
}

.select2-results__group {
    font-style: italic;
    font-weight: 700;
}

#insurance-page .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    width: 100%;
}

#insurance-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    width: 100%;
    height: 35px;
    justify-content: center;
    background-color: #f1f1f1;
    color: black;
    font-weight: 700;
}

#insurance-page .select2-option {
    min-width: 300px;
    height: 100px;
}

#insurance-page span.selection {
    width: 100%;
}

#insurance-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    position: relative;
    line-height: 42px;
    border: none;
    font-weight: normal;
}

#insurance-page #brand-home .item img {
    max-height: 90px;
    max-width: 160px;
}

/* Block Promo banner */
.smart-promo-banner {
    height: auto;
    width: 100%;
    background: #2F7FAA;
    padding: 1rem;
    margin: 10px 0;
}

.promo-banner-wrapper {
    background: #fff;
    border: 1px solid #fff;
}

.promo-banner-wrapper .promo-code {
    background-image: url(/assets/newImg/promotion-ribbon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: auto;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.description-promo {
    font-size: 16px;
    color: red;
}

.description-promo {
    color: red;
    font-size: 16px;
    font-weight: 700;
}

.smart-promo-banner .content-wrapper,
.smart-promo-banner h3 {
    color: white;
    text-align: left;
    font-weight: 600;
}

.smart-promo-banner .countdown-wrapper {
    background: #fac417;
    padding: 10px;
    text-align: center;
    height: auto;
    margin: 0;
    color: black;
}

.smart-promo-banner .countdown {
    margin-top: 5px;
    height: auto;
    width: 100%;
    position: relative;
    clear: both;
    position: relative;
}

.smart-promo-banner .countdown span,
.smart-promo-banner .countdown-text span {
    width: 60px;
    display: inline-block;
}

.smart-promo-banner .countdown .time {
    background-color: white;
    border-radius: 3px;
    padding: 5px;
    font-weight: 700;
    font-size: 24px;
}

/* Block how to compare */
#insurance-how-to-compare {
    text-align: center;
    overflow: hidden;
    margin: 10px 0;
    padding: 1rem;
    height: auto;
    width: 100%;
    background-image: url(../newImg/bg-total.png);
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-size: cover;
    color: #193d5a;
}

#insurance-how-to-compare .title,
#insurance-level-cover .title {
    text-align: center;
}

#insurance-how-to-compare .contents {
    margin: 20px 0;
}

#insurance-page .icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 14vh;
    width: 14vh;
}

#insurance-page .wrap-item-icon {
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    margin: 0 auto;
    margin-bottom: 0.5em;
    transition: all .2s ease;
    background-color: #fff;
    padding: 15px;
    display: inline-flex;
}

#insurance-page .icon.clock {
    background-image: url(/assets/img/icon-loan-1.png);
}

#insurance-page .icon.saving-money {
    background-image: url(/assets/img/icon-loan-2.png);
}

#insurance-page .wrap-item-icon .insurance-car {
    border: 2px dotted #193d5a;
    border-radius: 100px;
}

#insurance-page .wrap-item-icon .fa-car {
    font-size: 50px;
    line-height: 14vh;
}

/* Block Level Cover */
#insurance-level-cover {
    background: #f1fcfe;
    padding: 20px 0;
}

#insurance-level-cover .contents {
    display: inline-flex;
}

#insurance-level-cover .item {
    padding: 25px 5px 5px 10px;
    background-color: #ffff;
    box-shadow: -2px 3px 2px #f4ecec;
    margin: 10px 5px;
}

#insurance-page .number-circle {
    width: 70px;
    height: 70px;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background-color: rgb(53, 152, 220);
}

#insurance-page .number-circle.active,
#insurance-page .btn-active {
    background-color: green;
    color: white;
}

/* Block insurance-get-cheaper */

#insurance-get-cheaper .sub-title,
#insurance-get-cheaper .contents {
    color: #337ab7;
}

#insurance-get-cheaper .contents a {
    color: #193d5a;
}

#insurance-page .icon.dedicated-claims {
    background-image: url(/assets/newImg/insurance/claim.svg);
}

#insurance-page .icon.car-insurance {
    background-image: url(/assets/newImg/insurance/car-insurance.svg);
}

#insurance-page .icon.certificate {
    background-image: url(/assets/newImg/insurance/contract.svg);
}

#insurance-page .icon.renewing {
    background-image: url(/assets/newImg/insurance/coin.svg);
}

#insurance-get-cheaper .icon {
    height: 8vh;
    width: 8vh;
    filter: invert(21%) sepia(60%) saturate(2665%) hue-rotate(163deg) brightness(150%) contrast(160%);
}

#insurance-user-review {
    background-color: #eee;
    padding: 15px 0;
}
.btn-submit-quotes-disable{
    pointer-events: none;
    opacity: 0.5;
}

@media (min-width: 1024) {

    #insurance-page .content-wrapper .title,
    #insurance-page .smart-promo-banner .subtitle {
        text-align: left;
    }
}

@media (min-width: 920px) {
    #car-insurance-form .form-group span {
        display: inline-flex;
        line-height: 8px;
    }
}

@media (max-width: 991px) {
    #insurance-page .title-main {
        margin-top: 10%;
    }

    #insurance-page .btn-get-quotes {
        margin-top: 10%;
    }
}

@media (max-width: 880px) {
    #car-insurance-form .form-group span:not(.help-block) {
        display: inline-flex;
        padding: 0;
    }
}

/*iPad in portrait & landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .smart-promo-banner .countdown span,
    .smart-promo-banner .countdown-text span {
        width: 50px;
    }

    .smart-promo-banner .data-promo-code {
        max-width: 100%;
        word-break: break-all;
        font-size: 18px;
    }

    #insurance-get-cheaper .icon {
        height: 5vh;
        width: 5vh;
    }
}

@media (max-width: 767px) {

    #insurance-get-cheaper .contents,
    #insurance-level-cover .contents,
    .smart-promo-banner .content-wrapper,
    .smart-promo-banner h3 {
        text-align: center;
    }

    #insurance-level-cover .contents {
        display: block;
    }

    #insurance-page .box-header {
        display: block;
        border: unset;
    }

    #insurance-page .box-header .item,
    #insurance-page .box-header .border-box {
        border-right: 1px solid #d0c4c4;
        border-left: 1px solid #d0c4c4;
        border: 1px solid #d0c4c4;
        padding: 5px;
    }
}