﻿.homeBanner {
    padding-top: 50px;
    width: 100%;
}
.bannerBox {
    display: flex;
    align-items: center;
}
.bannerImg, .bannerTxt {
    width: 50%;
}
    .bannerImg img {
        width: 80%;
        height: auto;
    }
.bannerTxt {
    padding-left: 20px;
}
    .bannerTxt p {
        font-size: 82px;
        font-weight: 900;
        color: var(--blue);
        line-height: 1;
        padding-bottom: 20px;
    }

.product-highlight {
    text-align: center;
    margin-top:100px;
}
    .product-highlight h1 {
        background: var(--greenLight3);
        color: var(--green2);
        font-size: 16px;
        font-weight: 500;
        display: inline-flex;
        padding: 2px 10px;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .product-highlight .sub-hdg {
        font-size: 40px;
        font-weight: bold;
        color: var(--blue);
        padding-bottom: 20px;
        line-height: 1.2em;
    }
    .product-highlight > p {
        line-height: 1.88;
        font-weight: 500;
        color: var(--gry2);
        font-size: 1.2em;
    }
.mf-solution-list {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
    .mf-solution-list > li {
        width: 25%;
        text-align: left;
    }
    .mf-solution-list .mf-prod-wrap {
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(114, 140, 145, 0.1);
        padding: 25px 25px 33.7px 24px;
        border-radius: 7px;
        transition: all .3s;
    }

        .mf-solution-list .mf-prod-wrap:hover {
            box-shadow: 0 0 40px 0 rgba(114, 140, 145, 0.3);
        }
    .mf-solution-list > li:first-child .mf-prod-wrap {
        margin-left: 0;
        margin-right: 35px;
    }
    .mf-solution-list > li:last-child .mf-prod-wrap {
        margin-right: 0;
        margin-left: 35px;
    }
    .mf-solution-list .mf-prod-wrap i {
        display: block;
        height: 55px;
        background: url('../images/home_mf_icon.png') no-repeat;
        width: 55px;
    }
    .mf-solution-list > li:nth-child(2) .mf-prod-wrap i {
        background-position-y: -112px;
    }
    .mf-solution-list > li:nth-child(3) .mf-prod-wrap i {
        background-position-y: -224px;
    }
    .mf-solution-list > li:nth-child(4) .mf-prod-wrap i {
        background-position-y: -372px;
    }
        .mf-solution-list .mf-prod-wrap h3 {
        font-size: 18px;
        color: var(--blue);
        font-weight: 600;
        line-height: 1.3;
        margin-top: 10px;
        position: relative;
    }
    .mf-solution-list .mf-prod-wrap p {
        font-size: 14px;
        line-height: 1.57;
        color: #6b7483;
        margin-top: 20px;
    }
    .mf-solution-list .mf-prod-wrap h3::before {
        content: '';
        width: 30px;
        height: 2px;
        background: var(--green2);
        position: absolute;
        bottom: -7px;
    }
.product-highlight .button {
    background: var(--green2);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
    height: 60px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 4px 14px 0 rgba(114, 200, 89, 0.5);
    margin-top: 50px;
}
.ins-box-1 {
    width: 40%;
    position: relative;
}
.ins-box-2 {
    width: 60%;text-align:right;
}
.tick-list {position:relative;}
    .tick-list li {
        padding: 0 35px;
        margin-bottom: 25px;
        color: #666;
        font-weight: 600;
        font-size: 1.1em;position: relative;
    }
        .tick-list li::before {
            content: ' ';
            background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="green" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z" ></path></svg>');
            width: 1em;
            height: 1em;
            position: absolute;
            left: 0;
            top: 0px;
            
        }
.btn-dots {
    background: url(../images/readDots.svg) no-repeat;
    position: absolute;
    right: 90px;
    width: 900px;
    height: 56px;
    bottom: 29px;
}

@media (max-width: 480px) {
    .bannerBox {flex-direction:column;}
        .bannerBox > div {
            width: 100%;
            text-align: center;
        }
    .bannerTxt p {
        font-size: 3em;
    }
    .mf-solution-list {
        flex-direction: column;
    }
        .mf-solution-list > li {
            width: 100%;
        }
            .mf-solution-list > li > div.mf-prod-wrap {
                margin: 0 0 30px 0 !important;
            }
    .insurance-box {flex-direction:column;}
        .insurance-box > div {
            width: 100%;
        }
    .ins-box-2 {text-align:center!important;}
    .ins-box-2 img {
        width: 75%;
    }

    .ins-box-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
        .ins-box-1 .button {
            display: flex;
            text-align: center;
        }
    body.loaded .footer-box-2 > li > ul > li {margin-bottom:15px;}
}