.text-icon-subtitle { color: #0048be; }

.top-banner{ margin-bottom: 22px; }
.top-banner img{ width: 100%; }

.box-lease{ margin: 50px auto 100px;}
.box-lease .title-lease{ background: url(../images/strip-red.png); display: block; padding: 18px; margin:0 0 10px 0; text-align: center; color: #fff; font-size: 28px; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .5); }
.box-lease .content-lease{ position: relative; }
.img-circle{ text-align: center; }
.img-circle img{ display: inline-block; max-width: 120px; margin: 8px 1%; }

.title-plan{ text-align: center; }
.title-plan img{ max-width: 100%; }
.car-plan{ display: table; width: 100%; }
.car-plan .img-car{ display: table-cell; width: 33.33%; padding: 12px; }
.car-plan .img-car img{ max-width: 100%; display: block; margin: auto; }
.car-plan .img-car small{ font-size: 11px; padding: 4px 12px; color: #303030; font-weight: 600; display: block; text-align: left; }
.car-plan .img-car small span{ color: #ea0000; }

.title-service { color: #4e4e4e; font-size: 24px; text-align: center; padding: 12px;
    text-shadow: 
    #fff7b2 3px 0px 0px, 
    #fff7b2 2.83487px 0.981584px 0px, 
    #fff7b2 2.35766px 1.85511px 0px, 
    #fff7b2 1.62091px 2.52441px 0px, 
    #fff7b2 0.705713px 2.91581px 0px, 
    #fff7b2 -0.287171px 2.98622px 0px, 
    #fff7b2 -1.24844px 2.72789px 0px, 
    #fff7b2 -2.07227px 2.16926px 0px, 
    #fff7b2 -2.66798px 1.37182px 0px, 
    #fff7b2 -2.96998px 0.42336px 0px, 
    #fff7b2 -2.94502px -0.571704px 0px, 
    #fff7b2 -2.59586px -1.50383px 0px, 
    #fff7b2 -1.96093px -2.27041px 0px,
    #fff7b2 -1.11013px -2.78704px 0px, 
    #fff7b2 -0.137119px -2.99686px 0px, 
    #fff7b2 0.850987px -2.87677px 0px, 
    #fff7b2 1.74541px -2.43999px 0px, 
    #fff7b2 2.44769px -1.73459px 0px, 
    #fff7b2 2.88051px -0.838247px 0px; }

.service{ display: flex; flex-wrap: wrap; }
.service .standard{ width: 26%; margin: 8px 1%; border: 8px solid #ddf9c6; background: #fefff0; border-radius: 12px; padding: 12px; text-align: center; position: relative; }
.service .safe{ width: 70%; margin: 8px 1%; border: 8px solid #ffe9d4; background: #fffdf0;  border-radius: 12px; padding: 12px 20px 12px 12px; text-align: center; position: relative; }
.service ul{ padding: 22px 8px 22px 22px; overflow: hidden; }
.service ul li{ color: #585858; list-style-type: disc; text-align: left; }
.service .standard .oil{ position: absolute; right: 18px; bottom: -30px; width: 120px;}
.service .safe .butterry{ position: absolute; right: 8px; bottom: -34px; }
.service .safe ul li{ width: 32%; float: left;  margin: 0 4px 0 4px; }
.service .safe .title-safe{ margin-top: -30px; max-width: 100%; }

.title-mainternance{ font-size: 24px; text-shadow: 3px 3px 3px #fff, 4px 4px 1px #ff9696; font-weight: bold; color: #303030; text-align: center; padding: 12px;}
.graph{ display: table; width: 100%; }
.graph .content-graph{ display: table-cell; width: 45%; padding: 12px; font-size: 20px; font-weight: 600; color: #535353; text-align: center; }
.graph .content-graph p{ margin: 12px auto; text-align: left; }
.graph .content-graph img{ width: 100%; }
.graph .content-graph .text-green{ color: #002fe0;border-bottom: 5px solid #fff47e; padding: 0 2px; line-height: 2;}
.graph .content-graph .text-orange{ color: #ea0000;border-bottom: 5px solid #fff47e; padding: 0 2px; line-height: 2;}
.graph .arrow-graph{ width: 10%; padding: 12px; text-align: center; display: table-cell; vertical-align: middle; }
.graph .arrow-graph img{ max-width: 100%; }
.graph .title-graph-blue{ background: #d8edff; padding: 12px; text-align: center; display: block; font-size: 20px; font-weight: bold; color: #000; border-radius: 32px;
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px,
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px;
}
.graph .title-graph-yellow{ background: #fff6ac; padding: 12px; text-align: center; display: block; font-size: 20px; font-weight: bold; color: #000; border-radius: 32px;
    text-shadow: 
    #fff 3px 0px 0px, 
    #fff 2.83487px 0.981584px 0px, 
    #fff 2.35766px 1.85511px 0px, 
    #fff 1.62091px 2.52441px 0px, 
    #fff 0.705713px 2.91581px 0px, 
    #fff -0.287171px 2.98622px 0px, 
    #fff -1.24844px 2.72789px 0px, 
    #fff -2.07227px 2.16926px 0px, 
    #fff -2.66798px 1.37182px 0px, 
    #fff -2.96998px 0.42336px 0px, 
    #fff -2.94502px -0.571704px 0px, 
    #fff -2.59586px -1.50383px 0px, 
    #fff -1.96093px -2.27041px 0px,
    #fff -1.11013px -2.78704px 0px, 
    #fff -0.137119px -2.99686px 0px, 
    #fff 0.850987px -2.87677px 0px, 
    #fff 1.74541px -2.43999px 0px, 
    #fff 2.44769px -1.73459px 0px, 
    #fff 2.88051px -0.838247px 0px;
}

.detail-graph{ background: #fff; border: 8px solid #ca0300; position: relative; padding: 22px; color: #303030; font-size: 18px; font-weight: 600; margin-top: 50px; line-height: 1.5; border-radius: 18px; }
.detail-graph::before{ content: url(../images/arrow-up.png); position: absolute; right: 100px; top: -41px; }
.detail-graph .higlight-blue{ color: #0142c8; background: #d1f3fb; }
.detail-graph strong{ color: #ea0000; font-size: 32px; display: block; }
.detail-graph strong .underline-yellow{ background: url(../images/line-yellow-wave.png) repeat-x; background-position: bottom; padding: 0 4px; }

.list-recommend{ width: 80%; padding: 12px; font-weight: 600; font-size: 22px;margin: auto;}
.list-recommend ul li{ display: table; width: 100%; margin: 14px auto; }
.list-recommend ul li::before{ content: url(../images/icon-check.png); margin-right: 12px; display: table-cell; vertical-align: top; }
.img-woman img{ position: absolute; top: -45px; right: 0; max-width: 100%; }

.title-loan { font-size: 24px; color: #303030; padding: 12px; text-align: center; font-weight: bold; text-shadow: rgb(255, 228, 234) 3px 0px 0px, rgb(255, 228, 234) 2.83487px 0.981584px 0px, rgb(255, 228, 234) 2.35766px 1.85511px 0px, rgb(255, 228, 234) 1.62091px 2.52441px 0px, rgb(255, 228, 234) 0.705713px 2.91581px 0px, rgb(255, 228, 234) -0.287171px 2.98622px 0px, rgb(255, 228, 234) -1.24844px 2.72789px 0px, rgb(255, 228, 234) -2.07227px 2.16926px 0px, rgb(255, 228, 234) -2.66798px 1.37182px 0px, rgb(255, 228, 234) -2.96998px 0.42336px 0px, rgb(255, 228, 234) -2.94502px -0.571704px 0px, rgb(255, 228, 234) -2.59586px -1.50383px 0px, rgb(255, 228, 234) -1.96093px -2.27041px 0px, rgb(255, 228, 234) -1.11013px -2.78704px 0px, rgb(255, 228, 234) -0.137119px -2.99686px 0px, rgb(255, 228, 234) 0.850987px -2.87677px 0px, rgb(255, 228, 234) 1.74541px -2.43999px 0px, rgb(255, 228, 234) 2.44769px -1.73459px 0px, rgb(255, 228, 234) 2.88051px -0.838247px 0px; }
.logo-link { display: block; text-align: center; }
.logo-link a { display: inline-block; width: 48%; margin: 8px; text-align: center; padding: 12px; background: #e3f5ff; border-radius: 8px; border: 4px solid #e3f5ff; }
.logo-link a img { max-width: 100%; margin: auto;}
.logo-link a:hover { background: #fffdd3; border: 4px solid #ffef40; }

@media(max-width:850px){
    .img-woman{ text-align: center; display: block; }
    .img-woman img{ position: relative; top: 0; }
}

@media(max-width:768px){
    .graph{ display: block; }
    .graph .content-graph,
    .graph .arrow-graph{ display: block; width:100%; }
    .graph .arrow-graph img{ transform: rotate(90deg); }

    .service .safe ul li { width: 100%; }
}


@media(max-width:680px){
    .car-plan{ display: block; }
    .car-plan .img-car{ display: block; width: 100%; text-align: center; }

    .car-plan .img-car small{ display: inline-block; }

    .service .standard,
    .service .safe{ width: 100%; margin: 8px auto;}
    .service .standard li,
    .service .safe li{font-size: 18px; line-height: 1.8;}
}

@media(max-width:480px){
    .service .safe ul li{ width: 100%; }
    .list-recommend{ width: 100%; }

    .logo-link a { display: block; width: 95%; margin: 8px auto; }
}

@media(max-width:420px){
    .service .safe{ padding-right: 12px; }
    .service .standard .oil,
    .service .safe .butterry{ position: relative; right: 0; bottom: -12px; float: right; }
    .detail-graph {line-height: 1.8;}
    .detail-graph strong {font-size: 26px;}
}