body {margin: 0;padding: 0;color: #051C33;font-family: 'PingFang SC'}
.clear{clear: both;}
li{list-style:none;}
.p-14{padding: 1.419rem 0 !important;}
.nav li{font-size: 14px !important;padding: 0 1rem;}
/*input {border: none;outline: none;}*/
/*input:focus {outline: none;}*/
input::placeholder,textarea::placeholder{color:#B8C2CC!important;}

.block { display: block!important; }
.none { display: none!important; }
.fs-18{font-size: 18px;}
.fs-42{font-size: 42px;}
.fs-60{font-size: 60px;}
.background-cover{background-size: cover!important;}
.background-fixed{background-attachment: fixed!important;}
.color-333{color: #333333;}
.color-666{color: #666666;}
.color-999{color: #999999;}
.color-eo{color: #E0E0E0;}
.color-fff{color: #FFFFFF!important;}
.color-5b6{color: #5b6784;}
.color-051{color: #051C33;}
.color-f29{color: #F29130;}
.color-147{color: #1470CC;}
.color-7a8{color: #7A8A99;}
.color-B8C{color: #B8C2CC;}
.bg-color-0c5{background-color: #0A3866;}
.bg-color-fff{background-color: #FFFFFF;}
.border-bt-1{border-bottom: 1px solid #F2F2F2;}
.box-shadow{box-shadow: 0 8px 20px 0 rgba(0,0,0,0.05);}
.left-0{left: 0;}
.right-0{right: 0;}
.w-32{width: 32%}
.w-36{width: 36%}
.h-15{height: 15px;}
.h-450{height: 450px;}
.bg-gradual-color{background: linear-gradient( 128deg, #f6f9fe 0%, #f7fafe 30%, #f8fbff 65%, #fafcff 100%);}
.bg-gradual-color-1{background: linear-gradient( 90deg, #e9f2fd 0%, #ecf4fd 30%, #f2f7fe 65%, #f8fbfe 100%);}
.bg-gradual-color-2{background: linear-gradient( 90deg, #f8fbfe 0%, #f2f7fe 30%, #ecf4fd 65%, #ecf4fd 100%);}
.bg-gradual-color-3{background: linear-gradient( 90deg, #F2F9FF 0%, rgba(247,251,255,0) 100%);border: 2px solid;border-right:0;border-image: linear-gradient(90deg, rgba(77, 166, 255, 0.2), rgba(77, 166, 255, 0)) 2 2;}
.bg-gradual-color-4{background: linear-gradient( 90deg, rgba(247,251,255,0) 0%, #F2F9FF 100%);border: 2px solid;border-left:0;border-image: linear-gradient(90deg, rgba(77, 166, 255, 0), rgba(77, 166, 255, 0.2)) 2 2;}
.border-left-4{border-left: 4px solid #0C55FF;}
.border-right-4{border-right: 4px solid #0C55FF;}
.border-radius-0{border-radius: 0;}
.border-radius-4{border-radius: 4px;}
.border-radius-15{border-radius: 15px;}
.cursor-pointer{cursor: pointer}
.text-justify{text-align: justify}
.ti-30{text-indent: 30px;}
.min-vh-205{min-height: 205px;}
.min-vh-680{min-height: 580px;}
.min-vh-690{min-height: 600px;}
.min-vh-720{min-height: 620px;}
.min-vh-840{min-height: 620px;}
.min-vh-920{min-height: 820px;}
.min-vh-1080{min-height: 820px;}
.btn-other {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0A3866;
    --bs-btn-border-color: #0A3866;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1D4369FF;
    --bs-btn-hover-border-color: #1D4369FF;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1D4369FF;
    --bs-btn-active-border-color: #1D4369FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0A3866;
    --bs-btn-disabled-border-color: #0A3866
}
.btn-outline-other {
    --bs-btn-color: #0A3866;
    --bs-btn-border-color: #0A3866;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0A3866;
    --bs-btn-hover-border-color: #0A3866;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0A3866;
    --bs-btn-active-border-color: #0A3866;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0A3866;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0A3866;
    --bs-gradient: none
}
.solution-tab .active{border-bottom: 1px solid #1470CC;color: #1470CC;border-radius: 0;}
.solution-tab a{color: #7A8A99;}
.products-tab .active{background: url(../images/core-functionality-active.png) center center no-repeat;background-size: cover;color: #1470CC;border-radius: 0;}
.products-tab a{border: 1px solid #DAE0E5;color: #051C33;}
.po-top-60{top:-60px;}
.po-left-100{left: 100px;}
.top-260{top: 230px!important}
.bottom-20{bottom: -20%!important}
.bottom-13{bottom: -13%!important}
#navbar.scrolled{background-color: rgba(255,255,255,1)!important;}
.nav-link.active{font-weight: bold;}
.nav-pills .nav-link{border-radius: 0!important;}
.nav-pills .nav-link:hover{color: #FFFFFF;background-color: #0C55FF;}
.nav-pills-solution{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills-solution .nav-link{background:0 0;border:0;border-radius: 0;color: #333333;}
.carousel-ps{left:0;bottom:3rem;z-index:2;display:flex!important;margin-left:0!important;}
.carousel-ps .active{width:24px!important;height:8px!important;}
.custo-scope:hover{border: 1px solid #0C55FF;border-radius: 8px;}
.title-line{border-right: 8px solid #0C55FF;height: 34px;margin-top: 6px;}
.title-line-horizontal{border-bottom: 8px solid #0C55FF;width: 34px;margin: 6px auto 0 auto;}
.about-team{width:109%;left: -40px;bottom: -45px;}
.column-tab .active {border-bottom: 2px solid #0C55FF;color: #0C55FF;font-weight: bold;}
.column-tab .active a{color: #0C55FF;font-weight: bold;}
.column-tab li:first-child {margin-left: 0!important;}
.column-tab li {padding: 4rem 0;margin: 0 3rem;}
.column-tab li:hover {border-bottom: 2px solid #0C55FF;color: #0C55FF;font-weight: bold;cursor: pointer;}
.column-tab li:hover a{color: #0C55FF;font-weight: bold;}
.column-tab li{color: #999999;}
.about-info{ width: 112%;position: relative;background-color: #fff;}
.about-info ul{ margin: 0 auto;padding: 0;display:flex;justify-content: space-between;}
.about-info li{ text-align: center;display:flex;justify-content: center;align-content: center;}
.about-info li .item{padding: 0 25px;}
.about-info li:last-child .item{padding: 0 30px 0 25px;}
.about-info li .item div:first-child{color: #333333;font-size: 40px;font-weight: bold;line-height: 47px;text-align: right;}
.about-info li .item div:last-child{color: #666666;font-size: 16px;padding-top: 10px;}
.about-info li .item div:last-child span{vertical-align: middle;}
.about-info li .item div:last-child img{padding-right: 10px;}
.about-info li .item .unit{font-size:24px; line-height: 28px;font-weight: bold;}f
.about-info li .item sup{vertical-align: top;}
.about-info li .item sub{vertical-align:baseline;}
.index-case-more{bottom: 2rem;}
.index-prod-more{right: 0;bottom: 5rem;}
.footer{background: #F9F9FA;}
.footer a{color: #7A8A99;text-decoration: none;}
.footer a:hover{color: #051C33;}
@media(max-width: 768px) and (max-width: 979px){
    .w-70{width: 100%!important;}
    .block { display: none!important; }
    .none { display: block!important; }
    .fs-48{font-size: 28px;}
    .h-450{height: 280px;}
    .bottom-20{bottom: 0!important}
    .m-d-flex{display:block!important}
    .m-position-fixed{position:fixed!important}
    .m-bg-gradual-color{background: linear-gradient( 128deg, #f6f9fe 0%, #f7fafe 30%, #f8fbff 65%, #fafcff 100%);}
    .m-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important;}
    .m-pb-4{padding-bottom:1.5rem!important}
    .m-p-5{padding:.5rem!important}
    .m-pt-4{padding-top:1.5rem!important}
    .m-pe-5{padding-right:.8rem!important}
    .m-ps-5{padding-left:.8rem!important}
    .m-mx-5{margin-right:0!important;margin-left:0!important}
    .p-5{padding: 2rem!important;}
    .container-fluid{padding-top: 14px!important;padding-bottom: 14px!important;}
    /*.m-position-absolute{position:inherit!important}*/
    .navbar-toggler:focus{box-shadow:none!important;background-color: #D9E3FC;border-color: #0C55FF;}
    .min-vh-1080{min-height: 880px;}
    .min-vh-920{min-height: 720px;}
    .min-vh-840{min-height: 640px;}
    .min-vh-720{min-height: 520px;}
    .min-vh-690{min-height: 490px;}
    .min-vh-680{min-height: 480px;}
    .po-top-60{top:0;}
    .po-left-100{left: 3%;}
    .column-tab li {padding: 2rem 0;margin: 0 1rem;}
    .about-info{ width: 100%;}
    .m-px-5{padding: 0 1rem!important;}
    .index-case-more{bottom: .5rem;}
    .fs-5 {font-size: .9rem!important}
    .fs-88 {font-size: .8rem!important}
    .fs-99 {font-size: .9rem!important}
    .pt-5{padding-top:2rem!important}
    .index-prod-more{right: 0;bottom: 4rem;}
    .top-260{top: 340px!important}
    .about-team{width:100%;left: 0;bottom: 0;}

}

/*.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {*/
/*    position: relative;*/
/*    min-height: 0px;*/
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
/*}*/
@media ( min-width : 768px) {
    /*.col-sm-5 {*/
    /*    width: 20%;*/
    /*    float: left;*/
    /*}*/
}
@media ( min-width : 992px) {
    /*.col-md-5 {*/
    /*    width: 20%;*/
    /*    float: left;*/
    /*}*/
}
@media ( min-width : 1200px) {
    /*.col-lg-5 {*/
    /*    width: 20%;*/
    /*    float: left;*/
    /*}*/
}