.dropdown .nav-item {
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
    cursor: pointer;
}

/*body*/
body{font:13px/22px 'Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;color:#ffffff;}
img{max-width: 100%;}

@font-face{
font-family: 'Courgette Regular';
src: url('/fonts/Courgette/Courgette-Regular.ttf'),
     url('/fonts/Courgette/Courgette-Regular.eot'); /* IE9+ */
}

/*banner*/
.site-title{display: flex;align-items: center;padding: 10px 0 6px;color: #ffffff;}
.site-title:hover{color: #ffffff;text-decoration: none;}
.site-title .title{font-size: 20px;line-height: 24px;margin-bottom: 0;margin-left: 15px;font-weight: 500;}
.site-title .title>span{color: #07cdd0;}
#dropdownMenuButton{font-size: 16px;cursor: pointer;}

.banner{color: #ffffff; background:url(/images/index/banner2.png) no-repeat center top, linear-gradient( 141deg, rgb(116,5,56) 26.5%, rgb(174,87,203) 65%); padding: 20px 0 175px;}
.banner .row:first-child{align-items: center;justify-content: space-between;margin-bottom: 30px;}
.banner .row:last-child{align-items: center;position: relative;}
.banner .row:last-child>div{padding: 0;}
.banner h2{font-size: 58px;margin-bottom: 20px; font-weight:bold;}
.banner h2+p{font-size: 18px;line-height: 32px;margin-bottom: 2px;padding-right: 100px;}
.banner h2+p>span{color: #edde51;}
.banner h2+p>a{color: #6c7ce1;text-decoration: underline;}
.banner ul{padding-left: 0;}
.banner ul>li{list-style-position: inside;font-size: 16px;line-height: 36px;}
.banner ul>li::marker{color: #A23379;}

#download{width: 100%;color: #000000;margin-top: -130px;margin-bottom: 52px;}
#download>div{background: #FFFFFF;box-shadow: 0px 16px 29px 0px rgba(0, 0, 0, 0.1);border-radius: 12px;padding: 50px 120px;}
#download .title{font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 25px;}
#download .img-loading{display: none;text-align: center;padding-top: 30px;}
#download .img-loading>img{width: 100px;}
#download .img-loading>h3{font-size: 26px;margin-top: 30px;}
#download form{display: flex;width: 100%;border-radius: 12px;box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.25);overflow: hidden;padding: 11px 16px;align-items: center;justify-content: flex-end;}
#download form input[type="text"]{flex: 1;width: 0;border: 0;outline: 0;padding: 0 10px;background-color: #ffffff;height: 44px;font-size: 16px;}
#download form input[type="button"]{width: 175px;flex-basis: 175px;height: 44px;line-height: 40px;flex-shrink: 0;font-size: 18px;font-weight: bold;}
#download form span.clear{display: inline-block;width: 70px;flex-basis: 70px;height: 33px;flex-shrink: 0;line-height: 24px;text-align: center;font-size: 30px;cursor: pointer;margin: 0 1px;border-left: 1px solid #E6E6E6;}
#download form span.clear:hover{font-size: 34px;}
#download p.history{font-weight: 700;}

.btn-custom{color: #ffffff!important;text-align: center;border: 0;background-image: -moz-linear-gradient( 121deg, rgb(10,214,222) 0%, rgb(69,130,224) 100%);background-image: -webkit-linear-gradient( 121deg, rgb(10,214,222) 0%, rgb(69,130,224) 100%);background-image: -ms-linear-gradient( 121deg, rgb(10,214,222) 0%, rgb(69,130,224) 100%);border-radius: 12px;text-transform: uppercase;user-select: none;cursor: pointer;}
.btn-custom:hover{color: #fafafa;
    background-image: -moz-linear-gradient( 121deg, rgb(69,130,224) 0%, rgb(10,214,222) 100%);
    background-image: -webkit-linear-gradient( 121deg, rgb(69,130,224) 0%, rgb(10,214,222) 100%);
    background-image: -ms-linear-gradient( 121deg, rgb(69,130,224) 0%, rgb(10,214,222) 100%);}

#download h3{font-size: 24px;text-align: center;padding-top: 30px;}
#download .content-suc{display: flex;align-items: center;justify-content: space-between;}
#download .content-suc>img{max-width: 30%;}
#download .content-suc>div{flex-grow: 0.9;}
#download .content-suc>div>div{display: flex;align-items: center;justify-content: space-around;padding: 10px 30px;}
#download .content-suc>div>div>p{display: inline-block;margin-bottom: 0;}
#download .content-suc>div>div>p:first-child{display: inline-flex;justify-content: space-between;width: 250px;padding: 0 5px;font-weight: bold;font-size: 16px;}
#download .content-suc>div>div>p:first-child>span{font-size: 16px;color: #000000;text-decoration: none;}
#download .content-suc>div>div+div{border-top: 1px solid #B7B7B7;}
#download .content-suc .btn-custom{font-size: 16px;display: inline-block;width: 145px;height: 36px;margin-left: 40px;text-align: center;line-height: 34px;font-weight: bold;}
#download .content-suc .btn-custom:hover{text-decoration: none;}
#download .content-suc select{width: 250px;padding: 0 4px;height: 42px;border: 1px solid #E3E3E3;border-radius: 6px;appearance: none;-moz-appearance:none;-webkit-appearance:none;background-image: url('/images/index/icon-select.png');background-repeat: no-repeat;background-position: 90% center;font-weight: bold;font-size: 16px;}
#download .content-suc select option{font-weight: bold;font-size: 16px;}
/*fail 20220822*/
#download .fail{margin-top: 50px;padding: 0 15px;}
#download .fail h2{font-size: 30px;color: #ff2247;font-weight: bold;text-align: center;margin-bottom: 20px;}
#download .fail>p{text-align: center;}
#download .fail .row .col-lg-7{text-align: center;}
#download .fail .row p{font-size: 18px;line-height: 36px;color: #444444;font-weight: bold;}
#download .fail a{color: #000000;text-align: center;width: 320px;max-width: 100%;padding: 15px 0;line-height: 30px;border-radius: 12px;opacity: 0.81;background-color: #FCC315;font-size: 18px;text-transform: uppercase;font-weight: bold;display: inline-block;margin-top: 10px;}
#download .fail a:hover{text-decoration: none;}

.part1{color: #000000;background-color: #F9F9F9;padding-bottom: 80px;}
.part1 .row.list{align-items: stretch;}
.part1 .col-lg-6{margin-bottom: 40px;display: flex;flex-direction: row;}
.part1 .col-lg-6:nth-child(odd){padding-left: 0;padding-right: 35px;}
.part1 .col-lg-6:nth-child(even){padding-left: 35px;padding-right: 0;}
.part1 .innerbox{border: 1px solid #E3E3E3;border-radius: 12px;background-color: #ffffff;height: 100%;padding: 50px 35px;text-align: center;}
.part1 .imgbox{height: 94px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.part1 h3{font-weight: bold;margin-bottom: 20px;}
.part1 p{font-size: 15px;line-height: 24px;color: #444444;margin-bottom: 0;}

.part2{color: #000000;background-color: #E7E7E7;padding: 85px 0;}
.part2 .row:first-child{margin-bottom: 80px;}
.part2 table{font-size:15px; color:#333333; line-height:25px; text-align:center;}
.part2 h3{margin-bottom:30px; font-weight:bold;}

.part3{color: #000000;background-color: #F9F9F9;padding: 85px 0;}
.part3 .row:first-child{margin-bottom: 80px;}
.part3 .carousel-indicators{top: 100%;margin-top: 30px;}
.part3 .carousel-indicators>li{background-color: #e0e0e0;width: 10px;height: 5px;border-radius: 2px;border: 0;transition: all .4s ease-in-out;}
.part3 .carousel-indicators>li.active{background-color: #0ad7de;width: 35px;height: 5px;border-radius: 3px;}
.part3 .carousel-item{text-align: center;}

.part3 .textbox1{padding-left: 40px;}
.part3 .textbox>h3{font-weight: bold;margin-bottom: 40px;font-size: 30px;}
.part3 .textbox>ul{list-style-type: none;padding-left: 0;}
.part3 .textbox>ul>li{display: flex;align-items: center;margin-bottom: 40px;}
.part3 .textbox>ul>li>p{margin-bottom: 0;margin-left: 15px;font-size: 24px;line-height: 36px;}

.part4{color: #000000;background-color: #E7E7E7;padding: 80px 0;}
.part4 .box{background-color: #ffffff;border: 1px solid #E3E3E3;border-radius: 12px;padding: 30px 40px;transition: border-color .4s;margin-bottom: 16px;}
.part4 .box:hover{border: 2px solid #0dd3de;padding: 29px 39px;}
.part4 h3{font-weight: bold;text-align: center;margin-bottom: 50px;}
.part4 h4{font-size: 18px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0;cursor: pointer;padding: 5px 0;}
.part4 h4 img{transition: all .4s;}
.part4 h4.on img{transform: rotate(180deg);}
.part4 p{font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 0;padding-top: 20px;display: none;}
.part4 .box:first-child p{display: block;}

.part5{background-image: url(/images/index/p4_bg.jpg);background-position: center;padding: 190px 0;color: #000000;background-color: #F9F9F9;min-height: 790px;background-repeat: no-repeat;}
.part5 .box-bg{max-width: 100%;width: 882px;height: 285px;background-color: #F3F3F3;box-shadow: 0px 16px 29px 0px rgba(0, 0, 0, 0.1);margin: 0 auto;position: relative;}
.part5 .carousel{position: absolute;width: 960px;height: 357px;background-color: #FFFFFF;box-shadow: 0px 16px 29px 0px rgba(0, 0, 0, 0.1);left: 50%;bottom: 45px;margin-left: -480px;padding-top: 30px;text-align: center;}
.part5 .carousel>img{margin-top: -70px;}
.part5 .carousel-inner{height: 100%;}
.part5 .carousel-item{height: 100%;padding: 60px 10%;display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
.part5 .carousel-item p.text{font-size: 24px;line-height: 42px;color: #444444;font-family: 'Courgette Regular';margin-bottom: 0;}
.part5 .carousel-item p.author{font-size: 18px;font-weight: bold;margin-bottom: 0;}

.footer{background-color: #0F101C;padding: 50px 0 70px;}
.footer p{text-align: center;font-size: 18px;line-height: 36px;}
.footer a{color: #ffffff;margin: 0 15px;display: inline-block;}


@media (max-width: 575px){
    #download form{padding: 10px;}
    #download form input[type="button"]{font-size: 16px;width: 120px;flex-basis: 120px;}
    #download form span.clear{width: 40px;flex-basis: 40px;}
    #download .content-suc>div>div{flex-direction: column;}
    #download .content-suc .btn-custom{margin-left: 0;margin-top: 10px;}
}
@media (max-width: 767px){
    .banner .row{margin-left: 0;margin-right: 0;}

    #download>div{padding: 15px;}
    #download .content-suc{flex-direction: column;}
    #download .content-suc>img{max-width: 100%;}
}
@media (max-width: 991px){
    .part1 .col-lg-6:nth-child(odd){padding-left: 0;padding-right: 0;}
    .part1 .col-lg-6:nth-child(even){padding-left: 0;padding-right: 0;}

    .part4 .carousel{width: 100%;margin-left: 0;left: 0;}
    .part4 .carousel-item p.text{font-size: 20px;line-height: 30px;}
}
@media (min-width: 1440px){
    .img-lg{max-width: none;}
    .banner .img-lg{margin-left: -197px;}
}

.articles-container {
    padding-top: 0;
    margin-bottom: 44px;
}
.articles-container > .row {
    position: relative;
}

.articles-container>a {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #444444;
    display: block;
    line-height: 120%;
    margin-bottom: 5px;
}

.articles-container p.empty {
    text-align: center;
}

.articles-container.container>.row {
    position: relative;
}

.articles-container .articles-card {
    margin: 20px 12px;
    text-align: center;
    box-shadow: 0 0 10px 2px #eee;
    position: relative;
    border-radius: 8px;
    background: #fff;
    transition: transform .5s;
}

.articles-container .articles-card:hover {
    transform: scale(1.03);
}

.articles-container .articles-card:hover p.desc {
    color: #fff;
}

.articles-container .articles-card a {
    text-decoration: none;
    color: #fff;
    position: relative;
    display: block;
}



/*.articles-container .articles-card p.title {*/
/*  font-size: 16px;*/
/*  color: #64748b;*/
/*  width: max-content;*/
/*  margin: 0 auto 14px;*/
/*  position: relative;*/
/*}*/

.articles-container .articles-card span.desc {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.articles-container .articles-card img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.articles-container .articles-card .content {
    position: absolute;
    padding: 14px 15px;
    bottom: 0;
    width: 100%;
    text-align: left;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: rgba(0, 0, 0, 0.5);
}

.articles-container .mySwiper {
    width: 100%;
    height: 230px;
}

.articles-container .swiper-button-prev {
    background: url("/images/index/left-arrow.png") center top/100% auto;
    display: block;
    width: 43px;
    height: 43px;
    left: -53px;
    pointer-events: auto;
    transition: all .2s;
}

.articles-container .swiper-button-prev:hover {
    transform: scale(0.9);
}

.articles-container .swiper-button-prev::after {
    display: none;
}

.articles-container .swiper-button-next {
    background: url("/images/index/right-arrow.png") center top/100% auto;
    display: block;
    width: 43px;
    height: 43px;
    right: -53px;
    pointer-events: auto;
    transition: all .5s;
}

.articles-container .swiper-button-next:hover {
    transform: scale(0.9);
}

.articles-container .swiper-button-next::after {
    display: none;
}

.articles-container .mySwiper .swiper-slide {
    transition: all .5s;
}


.tab-content .tab-pane ul li:nth-child(n+6) {
    display: none;
}