.mvBoxbg{background:#f5f9ff;padding: 0;}
.mvBoxbg .container{padding: 0;}
.mvBox{background:url(../img/index/04.jpg) no-repeat 98% 100%;margin: 0 auto;background-size:500px;min-height: 510px;max-width: 1050px}
.mvBox h3{padding:60px 0 20px;font-size: 3.3rem;font-weight: 700;max-width:520px;line-height: 1.2;}
.mvBox h3 span{color: #237dea;}
.mvBox p{max-width:450px;font-size: 0.99rem;color: #0f1a37;line-height: 1.3;}
.mvBox a{border:0;margin-top: 10px;margin-bottom: 35px; color: #FFF;font-weight: 400;text-align: center;padding: 14px 25px;background: #2063ed;font-size: 1rem;border-radius: 4px;letter-spacing: 0.1em;display: inline-block;}
.mvBox a:hover{background: #316dee;}
.addText{font-size: 0.8rem;color:#767e8e !important;max-width:470px !important;text-shadow: 1px 1px 1px #f6f9fe;line-height: 1.23;letter-spacing: -0.01em;}

.attr-nav > ul > li > a:hover{color: #2063ed !important;}
.max990{max-width: 990px;}
.text-start{margin-top: 20px;}
ul.resp-tabs-list{margin: 0;}

h4{padding:40px 0 20px;font-size: 2.8rem;letter-spacing: -0.01em;}
h4 p{font-size: 1.2rem;font-weight:300;color: #237dea;margin-bottom:12px;}
.tab-style-two ul.resp-tabs-list{width: 49%;float: left;}
.tab-style-two ul.resp-tabs-list li{display: block;margin-bottom: 10px;margin-top:30px;border-radius: 10px;font-weight: 500;text-align: left;padding:30px 30px 20px;background: #FFF;max-width:450px;}
.resp-tabs-container{overflow: hidden;}
.horizontaltab{margin:10px auto !important;position: relative;}
.resp-tabs-container{clear: inherit;}

.tab-style-two ul.resp-tabs-list li.resp-tab-active{background:#237dea;border:1px solid #237dea !important;color: #FFF !important;}
.tab-style-two ul.resp-tabs-list li strong{font-size: 1.5rem;padding-bottom: 15px;letter-spacing: -0.01em;}
.tab-style-two ul.resp-tabs-list li p{font-size:0.99rem;padding: 0;line-height: 1.4;padding-top: 5px;font-weight: 400;}
.tab-style-two .resp-tab-content{padding:20px 0 0 0;}

.featureBg{background: #f6f9fe;width: 100%;}
.featureWrap div.listBox{width: 52%;margin-bottom:20px;float:left;overflow: hidden;}
.featureWrap div.listBox h5{font-size:1.25rem;font-weight: 500;letter-spacing: -0.01em;margin-left: 85px;margin-bottom:12px;}
.featureWrap div.listBox p{font-size:1rem;font-weight:400;padding:0 0 20px;margin-left: 85px;line-height: 1.4;letter-spacing: -0.01em;}
.iconBg{background:#e5ecfd;border-radius: 10px;padding: 20px 0 0px;float: left;width:70px;height:70px;text-align: center;}
.iconBg i{color: #2063ed;font-size:1.85rem;}
.featureBg img{float: right;margin: -50px 0 30px 15px;width:28%;position: absolute;}

.mt20{margin-top: 20px !important;}
.border-lg-end{border-right:0;}
.startedBg{margin: 0 auto;max-width: 1100px;}
.startedBg strong{font-size: 2rem;color: #2063ed;font-weight: 900;}
.startedBg h5{font-size:1.2rem;color: #111;font-weight: 700;letter-spacing: -0.01em;}
.startedBg p{font-size: 1rem;line-height: 1.3;padding: 15px 0;letter-spacing: -0.01em;}
.startedBg p span{color: #2063ed;}

.wct{border-radius: 16px;background: #0f1a37;padding:25px 0;color: #FFF;margin: 15px auto 0;max-width: 1000px;}
.wct h4{color: #FFF;}
.wct a{border:0;margin-top: 18px;margin-bottom:30px; color: #FFF;font-weight: 400;text-align: center;padding: 10px 25px;background: #2063ed;font-size: 1rem;border-radius: 4px;letter-spacing: 0.1em;display: inline-block;}
.wct a:hover{background: #316dee;}

.accordion-style{max-width: 1000px;margin: 0 auto;}
.accordion-style .btn-link{border:1px solid #eee;padding: 20px 35px 20px 30px;border-radius: 10px;}
.accordion-style .btn-link.collapsed:after,.accordion-style .btn-link:after{top:20px;}
.accordion-style .card-body{border:1px solid #eee;padding: 20px 30px 20px;border-radius: 10px;margin-top: 3px;}

.classic-footer a{display: inline-block;width:auto;padding:0;}

.resp-tab-content{border-color: #FFF !important;}
.tab2Fix{position:fixed;height: 50px;background: #FFF;z-index: 90;top:60px;width:100%;border-bottom: 1px solid #237dea;}
.scrollTab{display: none;}
.tab-style-one ul.resp-tabs-list li.resp-tab-active{background-color:#237dea;color:#FFF;}
.resp-tabs-list li{padding: 12px 30px 13px !important;font-size: 1.1rem;font-weight: 700;letter-spacing: -0.01em;}
.resp-tabs-list li.resp-tab-active{border-top: 1px solid #237dea !important;border-left: 1px solid #237dea !important; border-right: 1px solid #237dea !important;border-bottom: 1px solid #237dea !important;}

.section2MobileBox{display: none;}
.lineHn{line-height: 1.3;}

.mvBoxbg .container,.section2Box .container,.featureBg .container{width: 1100px;}  


@media screen and (max-width: 991px) {
    header{position: fixed;width:100%;background: #FFF;}
    .header-02 .navbar-header-custom{padding: 8px 0;}
    .navbar-brand img{width: 93%;}
    .mvBox{padding-top:40px;background-size:55%;background-position: 100% 100%;}
    .mvBox h3{font-size: 2.5rem;max-width: 450px;padding-bottom: 10px;}
    .mvBox p{max-width: 55%;}
    .attr-nav{margin-right: 0 !important;}
    h4{font-size: 2.5rem;}
    .resp-tabs-list li{font-size: 1rem;}
    .featureBg img{width:42%;margin: -20px 0 30px 10px;}
    .wct{padding: 0 0 15px;margin-top: -10px;}
    .pic01{padding-top: 50px;}
    .addText{font-size: 0.8rem;color:#555;max-width:57% !important;}
}
@media screen and (max-width: 768px) {
    h4{font-size: 2.1rem;padding-bottom:10px;}
    ul.resp-tabs-list{display: block;}
    h2.resp-accordion{display: none;}
    .tab-style-two ul.resp-tabs-list li strong{line-height: 1;padding-top:10px;display: inline-block;}
    .tab-style-two ul.resp-tabs-list li p{line-height: 1.3;}
    .resp-tabs-list li{width: 49.333%;text-align: center;margin: 0;border: 0;}
    li.mpp{padding: 10px 20px 0 !important;width: 100% !important;}
    .featureWrap{margin-left: -30px;}
    .featureWrap div.listBox{margin-bottom:5px;width: 58%;}
    .featureWrap div.listBox p{line-height: 1.3;}
    .featureWrap div.listBox h5{margin-bottom: 6px;}
    .mvBox h3{font-size: 2.3rem;}
    .mvBox{background-size:65%;}
    .tab-style-two ul.resp-tabs-list{width: 100%;float:none;}
    .tab-style-two ul.resp-tabs-list li{max-width: 100%;}
}

@media screen and (max-width: 650px) {
    h4{font-size:2rem;}
    .mvBox{background-size:65%;padding: 30px;}
    /*.navbar-brand img{width: 80%;}*/
    .attr-nav{top:8px;}
    .attr-nav > ul > li > a{font-size: 0.99rem;}
    .featureWrap{margin-left: 0;}
    .iconBg{width: 55px;height: 55px;padding-top: 15px;}
    .iconBg i{font-size: 1.3rem;}
    .featureWrap div.listBox h5,.featureWrap div.listBox p{margin-left: 65px;}
    .featureBg img{width: 40%;margin: 10px 0;}
    .pic01{max-width: 280px;margin: -45px auto 0;text-align: center;}
    .section2MobileBox{display:block;}
    .section2Box{display: none;}
    .tab-style-two ul.resp-tabs-list li{cursor: none;}
    .tab-style-two ul.resp-tabs-list li,.tab-style-two ul.resp-tabs-list li.resp-tab-active{background: #f6f9fe;border:0 !important;text-align: center;}
    .tab-style-two ul.resp-tabs-list li strong{color: #333 !important;text-align: center;width: 100%;padding-top: 18px;padding-bottom: 5px;}
    .tab-style-two ul.resp-tabs-list li p{color: #666 !important;text-align: center;padding-bottom: 0;margin-bottom: 5px;}
}

@media screen and (max-width: 480px) {
    h4{font-size:1.65rem;}
    .navbar-brand img{width: 100%;}
    .attr-nav > ul > li > a{font-size: 0.92rem;}
    .navbar-brand img{max-height: 32px;}
    .tab2Fix{top:62px;}
    .mvBox{background-size: 45%;background-position: 50% 100%;min-height: 520px;}
    .mvBox h3{text-align: center;font-size: 1.65rem;padding: 65px 0 8px;}
    .mvBox p{text-align: center;max-width: 100%;font-size: 0.86rem;letter-spacing: -0.01em;line-height: 1.2;}
    .mvBox a{width:100%;margin-top:3px;}
    .featureWrap div.listBox{width:100%;margin-top: -30px;}
    .section2MobileBox{margin-bottom: -40px;}
    .featureBg{padding-bottom: 0;margin-bottom: -20px;}
    .featureBg img{display: none;}
    .featureWrap div.listBox p{padding-bottom: 45px;}
    .wct h4{font-size: 1.65rem;}
    .wct p{line-height: 1.3;padding: 5px 5px 0;font-size:0.95rem;}
    .wct a{margin: 10px auto 20px;font-size: 0.95rem;}
    .pic01{max-width: 230px;}
    .tab-style-two ul.resp-tabs-list li strong{font-size: 1.35rem;}
    .lineHn{line-height: 1.2;margin-bottom: 5px;font-size: 0.92rem;}
    .tab-style-two ul.resp-tabs-list li p{font-size: 0.92rem;}
    .mvBox p{max-width: 100% !important;}
    .addText{padding: 15px 10px;background:url('../images/textBg.png');color: #181f31 !important;text-shadow: 1px 1px 1px #FFF;border-radius:8px;}
    .mvBox a{margin-bottom: 20px;}
}

@media screen and (max-width: 414px) {
    .resp-tabs-list li{padding: 12px 1% 13px !important;font-size: 0.98rem;}
}