@charset "UTF-8";
@font-face {
    font-family: "Rubik";
    src: url(../fonts/Rubik.eot);
    src: url('../fonts/Rubik.woff'), url('../fonts/Rubik.ttf'),url('../fonts/Rubik.svg');
}
@font-face {
    font-family: "ArcaMajora-Heavy";
    src: url(../fonts/ArcaMajora-Heavy.eot);
    src: url('../fonts/ArcaMajora-Heavy.woff'), url('../fonts/ArcaMajora-Heavy.ttf'),url('../fonts/ArcaMajora-Heavy.svg');
}
@font-face {
    font-family: "Montserrat";
    src: url(../fonts/ArcaMajora-Heavy.eot);
    src: url('../fonts/Montserrat.woff'), url('../fonts/Montserrat.ttf'),url('../fonts/Montserrat.svg');
}
*{transition:all 0.3s ease-in;}
a{color: #262626;text-decoration: none;}
a:hover{text-decoration: none;}
html,body{font-family: "Rubik","MicrosoftJhengHei","Microsoft YaHei";color: #262626;width: 100%;overflow-x: hidden;}
html[lang="zh-HK"] html,body{
font-family:"MicrosoftJhengHei","Microsoft YaHei";
}
header,section,footer{width:100%;position: relative;}
.btn-avincas.btn-outline-primary{color: #375582;border-color: #375582;border-radius: 0;padding: .375rem 1.75rem;text-transform: uppercase;font-family: "Montserrat";font-size: .75rem;min-width: 155px;}
.btn-avincas.btn-outline-primary:hover{background-color: #375582;color: #fff;}
.rightfixed{position: fixed;bottom: 5rem;right: 10px;z-index: 999;}
.rightfixed ul li{float: right;clear: both;list-style: none;}
.rightfixed ul li a{margin-bottom: 5px;display: flex;justify-content: center;align-items: center;color: #fff; width: 52px;height: 52px;border-radius: 50%;background-color: #ff3955;box-shadow:0px 0px 2px #ccc;box-sizing: border-box;padding:0px 10px;text-decoration: none;white-space: nowrap;}
.rightfixed ul li:nth-child(1) a i.fa-2x{font-size: 1.65rem;}
.rightfixed ul li:nth-child(2) a{background-color: #0ad02c;}
.rightfixed ul li:nth-child(3) a{background-color: #30be2d;}
.rightfixed ul li:nth-child(4) a{background-color: #dd3c31;background-image: linear-gradient(#ffc80e, #ba1799);}
.rightfixed ul li:nth-child(5) a{background-color: #13548c;}
.rightfixed ul li:nth-child(6) a{background-color: #0077b5;}
.rightfixed ul li:last-child a{background-color: rgba(0,0,0,.5)}
.rightfixed ul li a em{display: none;font-style: normal;margin-left: 10px;}
.rightfixed:not(.show) ul li:nth-child(2),.rightfixed:not(.show) ul li:nth-child(4),.rightfixed:not(.show) ul li:nth-child(5),.rightfixed:not(.show) ul li:nth-child(6){
    display: none;
}
.rightfixed ul li a .bi-chevron-down,.rightfixed.show ul li a .bi-plus{display: none;}
.rightfixed:not(.show) ul li a .bi-plus,.rightfixed.show ul li a .bi-chevron-down{display: block;}
@media screen and (min-width: 768px){
    .rightfixed ul li a:hover{width: 150px;border-radius: 30px;}
    .rightfixed ul li:last-child a:hover{width: 52px;}
    .rightfixed ul li:nth-child(2) a:hover{width: 180px;}
    .rightfixed ul li a:hover em{display: block;}
}

.header{width: 100%;z-index: 99;position: fixed;}
.header:not(.sticky):before{content: '';position: absolute;height: 100%;width: 100%;top: 0;left: 0;z-index: -1; background-image: linear-gradient(rgba(6, 58, 136, .6), rgba(6, 58, 136, 0));}
.header .container .row{align-items: center;}
.header .container .row .logo img{width: 3rem; max-width: 132px;}
.header .container .nav-area{flex: 1;display: flex;align-items: center;justify-content: flex-end;}
.header .container .nav-area .language{font-size: .8rem;}
.header .container .nav-area .nav{justify-content: flex-end;flex: 1;width:100%;}
.header .container .nav-area .nav a{color: #262626;font-family: "Rubik";font-size: 1.125rem;}
.zh-HK .header .container .nav-area .nav a{font-family: "MicrosoftJhengHei";font-size: 1.125rem;}
.indexBanner{width: 100%;position: relative;}
.video-banner {width: 100%;}
.video-banner video{object-fit: cover;}
.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color: #fff;height: 3px;width: 1.8rem;border-radius: 0;}
.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #375582;}
.area .title{font-family: "ArcaMajora-Heavy";text-transform: uppercase;text-align: center;font-size: 1.25rem;color: #375582;}
.zh-HK .area .title,.zh-HK .area-title{font-family: 'MicrosoftJhengHei';font-weight: bold;}
.area .infos{text-align: center;font-size: 1rem;color: #6f6f6f;}
.card{border-radius: 0;border: none;}
.expertise .row .col-md-4{padding-left: 12px;padding-right: 12px;}
.expertise .row .card{height: 100%;text-align: center;}
.expertise .row .card .card-title{font-size: 1.125rem;font-weight: 600;border-bottom: #c2c8d1 1px solid;}
.expertise .row .card .card-text{font-size: 1rem;color: #6f6f6f;text-align: justify;}
.expertise .row .card .card-footer{background: none;border: none;}
.expertise .row .card>a{overflow: hidden;}
.expertise .row .card>a:hover img{transform: scale(1.3);}

.client{background-color: #f5f5f5;}
.client .swiper-container,.testimonials .swiper-container{width: 90%;}
.client .swiper-container .swiper-wrapper .swiper-slide{width: 50%;text-align: center;}
.client .swiper-container .swiper-wrapper .swiper-slide img{width: 76%;}
.client .swiper-button-next{right: 0;}
.client .swiper-button-prev{left: 0;}
.client .swiper-button-next:hover,.client .swiper-button-prev:hover,.testimonials .swiper-button-next:hover,.testimonials .swiper-button-prev:hover{background: rgba(255, 255, 255, .85);}
.client .swiper-button-next:after,.client .swiper-button-prev:after,.testimonials .swiper-button-next:after,.testimonials .swiper-button-prev:after{font-size: .75rem;color: #262626;}
.client .swiper-button-next:hover::after,.client .swiper-button-prev:hover::after,.testimonials .swiper-button-next:hover::after,.testimonials .swiper-button-prev:hover::after{color: #375582;}

.works .row{padding: 0 5px;}
.works .row>div{padding: 5px;}
.works .row .works-card{height: 100%;width: 100%;position: relative;overflow: hidden;}
.works .row .works-card a{height: 100%;width: 100%;position: absolute;z-index: 9;top: 0;left: 0;display: flex;align-items: center;justify-content: center;font-family: "Rubik";font-weight: bolder;text-transform: uppercase;background-color: rgba(38, 38, 38, .6);color: #fff;font-size: 1.125rem;opacity: 0;text-decoration: none;}
.zh-HK .works .row .works-card a{font-family: "MicrosoftJhengHei";}
.works .row .works-card:hover a{opacity: 1;}
.works .row .works-card img{width: 100%;}
.works .row .works-card:hover img{transform: scale(1.3);}

.testimonials{background-color: #f5f5f5;}
.testimonials .row{align-items: center;}
.testimonials .test-card{padding: 0 15px;}
.testimonials .test-card .fa-quote-left{font-size: 3rem;color: #e0e0e0;margin-bottom: 1rem;}
.testimonials .test-card p{font-size: 1rem;text-align: left;}
.testimonials .test-card .test-footer{text-align: left;margin-top: 3rem;}
.testimonials .test-card .test-footer img{width: 66px;border-radius: 50%;}
.testimonials .test-card .test-footer span{font-size: 1.375rem;margin-left: 1rem;}

.leader{background-image: url(../images/leader-bg.jpg);background-size: cover;padding-top: 4rem;padding-bottom: 4rem;}
.leader-card{width: 100%;margin: 0 auto;padding:3rem 1rem; background-color: rgba(255, 255, 255, .85);box-shadow: 0 0 30px rgba(38, 38, 38, .1);}
.leader .title img{width: 1.25rem;}
.leader-body{display: flex;flex-wrap: wrap;}
.leader-body .leader-img{width: 100%;}
.leader-body .leader-img img{width: 100%;}
.leader-body .leader-text{flex: 1;padding: 0;}
.leader-body .leader-text p{text-align: justify;}
.leader-btn{text-align: center;}
footer{background-color: #000;}
.footer{color: #fff;font-size: 1rem;}
.footer h5{text-transform: uppercase;font-size: 1.125rem;}
.footer p{margin-bottom: .25rem;}
html[lang="en-US"] .footer p{font-size:12px;}
html[lang="en-US"] .footer .quick-links ul li{margin-bottom: .45rem;line-height: 1.4;}
html[lang="en-US"] .footer .quick-links ul li a{font-size:12px;}
.footer a{color: #fff;}
.footer .quick-links{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .quick-links ul{margin: 0;padding: 0;list-style: none;width: 45%}
.footer .quick-links ul li a{padding: .15rem;}
.copyright{width: 100%;color: #666;font-size: 1rem;text-align: center;border-top: 1px solid #373737;padding: 1rem;}

.pageBanner{position: relative;}
/* .pageBanner::before{content: '';position: absolute;height: 50%;width: 100%;top: 0;left: 0;z-index: 90; background-image: linear-gradient(rgba(6, 58, 136, .4), rgba(6, 58, 136, 0));} */
.pageBanner img{width: 100%;min-height: 260px;object-fit: cover;}
.pageBanner .banner-text{position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.pageBanner .banner-text h2{font-family: "ArcaMajora-Heavy";text-transform: uppercase;}
.zh-HK .pageBanner .banner-text h2{font-family: "MicrosoftJhengHei";text-transform: uppercase;}
.pageBanner .banner-text .container{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;}
.pageBanner .banner-text .container .bread-crumb{display: flex;font-size: 1rem;flex-wrap: wrap;justify-content: center;}
.pageBanner .banner-text .container .bread-crumb a{color: #fff;display: flex;align-items: center;}
.pageBanner .banner-text .container .bread-crumb a::after{content: '';height: 100%;height: .875rem;width: 1px;background-color: #fff;margin: 0 .5rem;}
.pageBanner .banner-text .container .bread-crumb a:last-child::after{content: none;opacity: 0;}

.contact-form{padding-right: 3rem;}
.contact-form .form-control{background-color: #f1f1f1;border-color: #f1f1f1;border-radius: .125rem;}
.contact-form button.btn-primary{width: 100%;background-color: #000;border-color: #000;border-radius: 0;text-transform: uppercase;}
.contact-form button.btn-primary.focus,.contact-form button.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5);border-color:#000;}
.contact-map p{display: flex;align-items: center;}
.contact-map p span{margin-left: 1.5rem;}

.blog-items{align-items: center;}
.blog-items .blog-img img{width: 100%;}
.blog-items .blog-text h4,h4.topic{font-size: 1.25rem;font-weight: bold;color: #375582;}
.blog-items .blog-text h4 a{display: block;color: #375582;}
.blog-items .blog-text p{font-size: 1.125rem;}
.blog-items .blog-text a.more{border-bottom: #333 1px solid;padding-bottom: .15rem;position: relative;text-transform: uppercase;}
.blog-items .blog-text a.more::after{content: '';height: 1px;width: 0;background-color: #0056b3;position: absolute;bottom: -1px;left: 0;opacity: 0;}
.blog-items .blog-text a.more:hover::after{width: 100%;opacity: 1;}
.pagination .page-link{line-height: 1;margin: 0 3px;border-radius: .25rem;color: #262626;border-color: #e1e2e3;}
.pagination .page-item:last-child .page-link,.pagination .page-item:first-child .page-link{background-color: #f3f4f5;border-color: #f3f4f5;padding: .5rem .5rem;}
.pagination .page-item.disabled .page-link{color: #aaa;}
.pagination .page-item.active .page-link{background-color: #262626;border-color: #262626;}

.blog-inner .container{max-width: 1070px;}
h4.topic{text-align: center;font-size: 1.125rem;}
.page-benefit h4.topic{font-family: "ArcaMajora-Heavy";}
.zh-HK .page-benefit h4.topic{font-family: "MicrosoftJhengHei";}
.blog-content{font-size: 1.125rem;text-align: justify;}
.blog-content img{max-width: 100%;}
.blog-share a{padding: .25rem;}
.blog-share a:hover{color: #0056b3;}
.blog-prev-next{width: 100%;background-color: #f5f5f5;display: flex;justify-content: space-between;padding: 1rem;font-size: 1.25rem;}

.about-1{background: url(../images/workbg.png) no-repeat;background-size: 100%;padding-top: 3rem;padding-bottom: 2rem;}
.area-title{font-size: 1.15rem;text-align: center;text-transform: uppercase;font-family: "ArcaMajora-Heavy";color: #375582;}
.zh-HK .area-title{font-size: 2.25rem;text-align: center;text-transform: uppercase;font-family: "MicrosoftJhengHei";color: #375582;}
.area-info{font-size: 1.125rem;text-align: justify;}
.area-btn{text-align: center;}
.area-btn .more{text-transform: uppercase;font-size: .875rem;border: #375582 1px solid;display: inline-block;padding: .25rem 1rem;color: #375582;}
.area-btn .more:hover{background-color: #375582;color: #fff;}
.about-2{background-color: #f5f5f5;padding-top: 3rem;padding-bottom: 2rem;}
.about-left img{width: 100%;}
.about-right{font-size: 1.125rem;}
.about-right ul{list-style: none;padding: 0;margin: 0;width: 100%;display: flex;flex-wrap: wrap;}
.about-right ul li .fa{font-size: 1rem;padding-top: .4rem;}
.about-right ul li{display: flex;flex: 0 0 100%;}
.about-right ul li span{margin-left: .5rem;}
.about-3{padding-top: 3rem;padding-bottom: 2rem;}
.about-right h5{text-transform: uppercase;font-family: "ArcaMajora-Heavy";font-size: 1.125rem;}
.zh-HK .about-right h5{text-transform: uppercase;font-family: "MicrosoftJhengHei";font-size: 1.125rem;}
.about-right p{text-align: justify;}
.about-4 .team-area .row{margin-left: -8px;margin-right: -8px;justify-content: space-around;}
.about-4 .team-area .team-items{flex: 0 0 50%;padding: 8px;text-align: center;font-size: 1.125rem;}
.about-4 .team-area .team-items .team-img{border-radius: 50%;overflow: hidden;width: 100%;position: relative;}
.about-4 .team-area .team-items .team-img::after{content: '';display: block;margin-top: 100%;}
.about-4 .team-area .team-items img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.about-4 .team-area .team-items p{color: #375582;}
.about-5{padding-top: 3rem;padding-bottom: 2rem;}
.test-items{display: flex;}
.test-items .test-img{flex: 0 0 30%;}
.test-items .test-img img{max-width: 100%;border-radius: 50%;}
.test-items .test-text{flex: 1;padding-left: 1.5rem;font-size: 1.125rem;}
.test-items .test-text .test-name{font-size: 1.25rem;}
.test-items .test-text .test-name .fa{font-size: 2rem;color: #e0e0e0;}
.test-items .test-text .test-body{text-align: justify;}

.leader-list .leader-img img{width: 100%;}
.leader-list .leader-text .leader-name{font-size: 1.25rem;font-weight: bold;color: #375582;}
.leader-list .leader-text p,.team-list .team-text p{text-align: justify;font-size: 1.125rem;}
.team-text h4{color: #375582;}

.page-team.about-4{padding-top: 3rem;padding-bottom: 1rem;}
.team-list .team-img img{width: 100%;}
.team-list .team-list-row{padding: 2rem 0;}
.team-list .team-list-row:nth-child(2n+1){background-color: #fafafa;}
.team-list .team-list-row .row{align-items: center;}

.video-list a{overflow: hidden;display: block;}
.video-list a:hover img{transform: scale(1.3);}
.works-nav{display: flex;justify-content: center;font-size: 1.125rem;flex-wrap: wrap;}
.works-nav a{display: flex;color: #888;align-items: center;}
.works-nav a.active{color: #262626;}
.works-nav a::after{content: '/';padding: 0 .5rem;font-size: 1rem;}
.works-nav a:last-child::after{content: none;opacity: 0;}
.works-nav a:hover{color: #0056b3;}
.works-nav a:hover::after{color: #888;}
.works-list .col-12{padding: 1rem 15px;}
.works-list-card{height: 100%;background-color: #f5f5f5;}
.works-list-card .works-card-img{overflow: hidden;}
.works-list-card .works-card-img img{width: 100%;}
.works-list-card .works-card-img a:hover img{transform: scale(1.3);}
.works-list-card .works-card-body{padding: 1rem;}
.works-list-card .works-card-body a{font-size: 1.125rem;font-weight: bold;}
.works-list-card .works-card-body p{color: #888;text-align: justify;}
.page-client{background-color: #f5f5f5;}
.client-list{width: 100%;display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.client-list .client-items{flex: 0 0 50%;padding: 10px;}
.client-list .client-items span{display: flex;align-items: center;justify-content: center;height: 100%;}
.client-list .client-items img{width: 100%;}
.works-swiper .carousel-control-next,.works-swiper .carousel-control-prev{background: none;border: none;font-size: 3rem;color: #262626;width: auto;padding: 0;opacity: 1;}
.works-swiper .carousel-control-next:hover,.works-swiper .carousel-control-prev:hover{color: #0056b3;}
.works-swiper .carousel-indicators{position: relative;display: flex;margin: 0;padding: 0;}
.works-swiper .carousel-indicators li{text-indent: 0;margin: 0;border: #333 2px solid;flex: 1;height: auto;width: auto;max-width: 20%;}
.works-swiper .carousel-indicators li.active{border: #0056b3 2px solid;}
.works-swiper .carousel-indicators img{width: 100%;height:100%;min-height: 3rem;object-fit: cover;}
.ratio-9x5{--bs-aspect-ratio: calc(5 / 9 * 100%);}
.ratio-4x3{--bs-aspect-ratio: calc(3 / 4 * 100%);}
.ratio::before {display: block;padding-top: var(--bs-aspect-ratio);content: "";}
.ratio{position: relative;width: 100%;}
.ratio>* {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.works-info .container{border-bottom: #e6e6e6 1px solid;padding-bottom: 3rem;}
.works-info .works-info-left h5{text-transform: uppercase;font-size: 1.125rem;font-family: "ArcaMajora-Heavy";}
.zh-HK .works-info .works-info-left h5{text-transform: uppercase;font-size: 1.125rem;font-family: "MicrosoftJhengHei";}
.works-info .works-info-left p.up{text-transform: uppercase;}
.works-info .works-info-left p{color: #888;font-size: 1.125rem;border-bottom: #e6e6e6 1px solid;padding-bottom: .5rem;margin-bottom: 1.5rem;}
.works-info .works-info-left .area-btn .more{width: 100%;padding: .35rem;}
.works-info .works-info-right .works-type{color: #888;text-transform: uppercase;font-size: 1.25rem;}
.works-info .works-info-right .area-title{text-align: left;}
.works-info .works-info-right p{text-align: justify;font-size: 1.125rem;}

.news-list .news-items{background-color: #f5f5f5;}
.news-list .news-items .news-img{width: 100%;overflow: hidden;}
.news-list .news-items .news-img img{width: 100%;}
.news-list .news-items .news-img a:hover img{transform: scale(1.3);}
.news-list .news-items .news-text{padding:2rem 1rem;text-align: justify;font-size: 1.125rem;}
.news-list .news-items .news-text h3.title{font-size: 1.25rem;text-align: justify;}
.news-list .news-items .news-text h3.title a{display: block;}
.news-list .news-items .news-text a.more{text-transform: uppercase;border-bottom: #333 1px solid;padding-bottom: .15rem;}
.news-cate{background-color: #f5f5f5;padding: 1rem;}
.news-cate h3.title{text-align: left;font-size: 1.125rem;}
.news-cate ul{margin: 0;padding: 0;list-style: none;font-size: 1.125rem;}
.news-cate ul li{display: flex;}
.news-cate ul li .bi{margin-top: .5rem;color: #888;}
.news-cate ul li a{padding: .5rem;font-weight: bold;}
.news-cate ul li a:hover{transform: translateX(.5rem);}
.news-sm-cate{position: relative;}
.news-sm-cate .cate-menu{display: flex;font-size: 1.125rem;background-color: #f5f5f5;justify-content: center;}
.news-sm-cate .cate-menu a{display: inline-block;text-align: center;color: #262626;padding: .5rem;text-transform: uppercase;font-family: "ArcaMajora-Heavy";flex: 0 0 50%;}
.zh-HK .news-sm-cate .cate-menu a{display: inline-block;text-align: center;color: #262626;padding: .5rem;text-transform: uppercase;font-family: "MicrosoftJhengHei";flex: 0 0 50%;}
.news-sm-cate .cate-menu a .bi{font-size: 1rem;display: none;}
.news-sm-cate .cate-menu a .bi-chevron-down{display: inline-block;}
.news-sm-cate .cate-menu a:not(.collapsed) .bi-chevron-up{display: inline-block;}
.news-sm-cate .cate-menu a:not(.collapsed) .bi-chevron-down{display: none;}
.news-sm-cate .cate-list{position: absolute;left: 15px;right: 15px;z-index: 99;background-color: #f5f5f5;}
.news-sm-cate .cate-list ul{list-style: none;margin: 0;padding: 1rem;font-size: 1.125rem;}
.news-sm-cate .cate-list ul li{display: flex;}
.news-sm-cate .cate-list ul li .bi{margin-top: .25rem;}
.news-sm-cate .cate-list ul li a{padding: .25rem;flex: 1;}

.exp-area .exp-img img{width: 100%;}
.exp-area.reverse .row{flex-direction: row-reverse;}
.exp-area .exp-text{font-size: 1.125rem;}
.exp-area .exp-text p{text-align: justify;}
.exp-area .exp-text ul{list-style: none;margin: 0;padding: 0;}
.exp-area .exp-text ul li{display: flex;align-items: center;}
.exp-area .exp-text ul li span{padding-left: .5rem;}
.page-exp-2{background: url(../images/exp-bg.jpg) no-repeat;background-size: cover;padding: 4rem 0;}
.quote-list h4{font-weight: bold;color: #375582;}
.quote-list ul{list-style: none;margin: 0;padding: 0;}
.quote-list ul li{display: flex;}
.quote-list ul li i{margin-top: .25rem;}
.quote-list ul li span{margin-left: .5rem;}
.build-card{position: relative;}
.build-card img{width: 100%;}
.do-line ul.nav-tabs{list-style: none;padding: 0;margin: 0;border: none;display: block;}
.do-line ul.nav-tabs .nav-item{position: relative;width: 100%;}
.do-line ul.nav-tabs .nav-item::after{content: '';border-right: #333 1px solid;height: 100%;position: absolute;left: 5px;top: 0;}
.do-line ul.nav-tabs .nav-item:first-child::before{content: '';border-right: #fff 3px solid;height: 50%;position: absolute;left: 4px;top: 0;z-index: 9;}
.do-line ul.nav-tabs .nav-item:last-child::before{content: '';border-right: #fff 3px solid;height: 50%;position: absolute;left: 4px;bottom: 0;z-index: 9;}
.do-line ul.nav-tabs .nav-link{border: none;margin: 0;border-radius: 0;padding-left: 1.25rem;position: relative;font-size: 1.125rem;display: flex;align-items: center;font-weight: bold;}
.do-line ul.nav-tabs .nav-link.active{color: #262626;border: none;}
.do-line ul.nav-tabs .nav-link::before{position: absolute;content: '';height: 11px;width: 11px;background-color: #fff;border: #fff 2px solid;box-shadow: 0 0 0 1px rgba(0,0,0,.5);border-radius: 50%;left: 0;z-index: 99;}
.do-line ul.nav-tabs .nav-link.active::before{background-color: #333;}
.tab-content{font-size: 1.125rem;text-align: justify;}
.tab-content h3.tab-tit{font-weight: bold;color: #375582;}
.service-nav ul{margin: 0;padding: 2rem .5rem;list-style: none;background-color: #f5f5f5;}
.service-nav ul li{padding: .25rem 0;}
.service-nav ul li a{padding: .25rem .8rem;display: block;font-size: 1.125rem;font-weight: bold;}
.service-nav ul li.active a{background-color: #fff;}
.service-content img{width: 100%;}
.service-content .topic{text-align: justify;}

.guide.accordion .card{padding: .25rem 0;}
.guide.accordion>.card>.card-header{border: none;margin-bottom: 0;padding: .25rem 0;}
.guide.accordion>.card>.card-header a i{font-size: 1rem;}
.guide.accordion>.card>.card-header a.btn{color: #262626;font-size: 1.125rem;text-decoration: none;border: none;display: flex;justify-content: space-between;align-items: center;padding: .25rem 1rem;}
.guide.accordion>.card>.card-header a.btn.collapsed .bi-chevron-down,.guide.accordion>.card>.card-header a.btn:not(.collapsed) .bi-chevron-right{display: none;}
.guide.accordion>.card>.card-header a.btn.collapsed .bi-chevron-right,.guide.accordion>.card>.card-header a.btn:not(.collapsed) .bi-chevron-down{display: block;}
.guide.accordion>.card>.card-header a:hover{color: #0056b3;}
.guide.accordion>.card>.card-header .btn.focus,.guide.accordion>.card>.card-header .btn.active,.guide.accordion>.card>.card-header .btn:focus,.guide.accordion>.card>.card-header .btn:active,.guide.accordion>.card>.card-header .btn:hover{border: none;box-shadow: none;}
.email-iframe{border: none;width: 100%;height: 1820px;}

.header .container .nav-area .close-menu.on{display: block;}
@keyframes menu-in {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(90deg);}
}
@-webkit-keyframes menu-in {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(90deg);}
}
@keyframes menu-out {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(90deg);}
}
@-webkit-keyframes menu-out {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(90deg);}
}
.header.sticky {position: fixed;left: 0;top: 0;right: 0;z-index: 999;animation: sticky 1.2s;box-shadow: 0 5px 5px 0 rgb(0 0 0 / 4%);background-color: rgba(0, 0, 0, .9);}
@-webkit-keyframes sticky{
    0%{top:-200px}
    100%{top:0}
}
@keyframes sticky{
    0%{top:-200px}
    100%{top:0}
}
@media screen and (max-width: 991px){
    .header .container{max-width: 100%;}
    .header .container .nav-area .nav{height: 100%;position: fixed;right: 0;top: 0;display: block;background-color: #fff;padding-top: 3rem;width: 0;}
    .header .container .nav-area .nav .nav-item{width: 100%;height: auto;flex: auto;}
    .header .container .nav-area .nav a{border-bottom: 1px solid #f1f1f1;position: relative;}
    .header .container .nav-area .nav a::after{height: 100%;width: 0;content: '';background-color: #f9f9f9;position: absolute;top: 0;left: 0;z-index: -1;transition:all 0.2s ease-in;}
    .header .container .nav-area .nav a:focus:after,.header .container .nav-area .nav a:active:after{width: 100%;}
    .header .container .nav-area .close-menu{font-size: 2rem;z-index: 99;display: none;}
    .pageBanner .banner-text h2{font-size: 1.125rem;text-align: center;}
    .contact-form{padding-right: 15px;}
    .works-swiper .carousel-control-next, .works-swiper .carousel-control-prev{font-size: 2rem;}
}
@media screen and (min-width:768px){
    .area .title,.works .row .works-card a{font-size: 1.5rem;}
    .area .infos{font-size: 1.125rem;}
    .expertise .row .card .card-body{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}
    .expertise .row .card .card-title{-ms-flex: 1 1 auto;flex: 1 1 auto;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
    .expertise .row .card .card-text{overflow: hidden;-webkit-line-clamp:4;-webkit-box-orient: vertical;display: -webkit-box;}
    .testimonials.area{padding-top: 4rem !important;padding-bottom: 4rem !important;}
    .testimonials.area .title{text-align: left;}
    .testimonials .test-card .fa-quote-left{font-size: 3.6rem;}
    .client .swiper-container .swiper-wrapper .swiper-slide{width: 25%;}
    .works .row>div{padding: 10px;}
    .leader{padding-top: 5rem;padding-bottom: 5rem;}
    .leader .title img{width: 1.5rem;}
    .leader-card{padding:3rem 2rem;}
    .leader-body .leader-img{width: 30%;}
    .leader-body .leader-text{padding-left: 1.5rem;}
    .leader-btn{text-align: right;}
    .area-title{font-size: 1.375rem;}
    .about-right{display: flex;justify-content: space-between;}
    .about-4 .team-area .row{margin-left: -12px;margin-right: -12px;}
    .about-4 .team-area .team-items{flex: 0 0 33.33333%;padding: 12px;}
    .test-area .row{margin-left: -20px;margin-right: -20px;}
    .test-area .row .col-12{padding:10px 20px;}
    .test-items .test-text{padding-left: 2rem;}
    .test-items .test-text .test-name .fa{font-size: 2.5rem;}
    .client-list{margin-left: -15px;margin-right: -15px;}
    .client-list .client-items{flex: 0 0 33.33333%;padding: 15px;}
    .works-info .works-info-left{padding-right: 2rem;max-width: 300px;}
    .works-info .works-info-left p{border: none;}
    .works-info .works-info-left .area-btn{text-align: left;}
    .works-info .works-info-left .area-btn .more{max-width: 240px;text-align: center;}
    .news-list .news-items .news-text h3.title{font-size: 1.5rem;margin-bottom: 1rem;}
    .do-line ul.nav-tabs .nav-link,.tab-content,.guide.accordion>.card>.card-header a.btn{font-size: 1.25rem;}
    .about-right ul li{flex: 0 0 50%;}

}
@media screen and (min-width:992px) {
    .header .container .nav-area .nav a{color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .header .container .nav-area .nav a::after{content: '';width: 0;height: 1px;background-color: rgba(255, 255, 255, .55);transition:all 0.2s ease;opacity: 0;}
    .header .container .nav-area .nav a:hover::after{width: 100%;opacity: 1;}
    .header .container .nav-area .language{color: #fff;}
    .header .container .row .logo img{width: 9rem;}
    .header.sticky .container .row .logo img{width: 4rem;}
    .footer .quick-links{flex-wrap: nowrap;}
    .area .title{font-size: 2.25rem;}
    .expertise .row .card .card-text{overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient: vertical;display: -webkit-box;font-size: 1.125rem;}
    .testimonials.area{padding-top: 5rem !important;padding-bottom: 5rem !important;}
    .testimonials.area .title{font-size: 2rem;}
    .testimonials .test-card .fa-quote-left{font-size: 4.2rem;}
    .client .swiper-container .swiper-wrapper .swiper-slide{width: 20%;}
    .testimonials .swiper-container .swiper-wrapper .swiper-slide{width: 50%;}
    .leader{padding-top: 6rem;padding-bottom: 6rem;}
    .leader-card{width: 88%;padding: 3rem;}
    .leader .title{text-align: left;}
    .leader .title img{width: 2.25rem;}
    .leader-body .leader-text{padding-left: 2rem;}
    .area .contact-form h3.title{font-size: 1.625rem;}
    .area-title{font-size: 2.25rem;}
    .expertise .row .card .card-title,.pageBanner .banner-text .container .bread-crumb,.blog-items .blog-text p,.blog-content,.area-info,.about-right,.about-right h5,.leader-list .leader-text p,.team-list .team-text p,.works-nav,.works-list-card .works-card-body a,.works-info .works-info-right p,.exp-area .exp-text,h4.topic,.service-nav ul li a{font-size: 1.25rem;}
    .max-container{max-width: 850px !important;}
    .about-1,.about-2,.about-3,.about-5{padding-top: 5rem;padding-bottom: 3rem;}
    .page-team.about-4{padding-top: 5rem;padding-bottom: 2rem;}
    .about-flex{display: flex;align-items: center;}
    .about-left{flex: 0 0 30%;}
    .about-right{flex: 1;padding-left: 2rem;}
    .about-right ul,.blog-items .blog-text span,.works-list-card .works-card-body p{font-size: 1.125rem;}
    .about-3 .area-btn{text-align: left;}
    .about-4 .team-area .team-items{flex: 0 0 20%;}
    .leader-list .row{padding-bottom: 3rem;}
    .leader-list .row:nth-child(2n){flex-direction:row-reverse;}
    .leader-list .leader-text .leader-name{font-size: 1.5rem;}
    .leader-list .leader-img{padding-right: 3rem;padding-top: .35rem;}
    .leader-list .row:nth-child(2n) .leader-img{padding-left: 3rem;padding-right: 15px;}
    .team-list .team-list-row{padding: 3.5rem 0;}
    .team-list .team-img{padding-right: 2rem;}
    .client-list{margin-left: -15px;margin-right: -15px;}
    .client-list .client-items{flex: 0 0 20%;padding: 15px;}
    .news-right{padding-left: 2rem;}
    .exp-area .exp-img{padding-top: .35rem;padding-right: 2rem;}
    .exp-area.reverse .exp-img{padding-left: 2rem;padding-right: 15px;}
    .do-line ul.nav-tabs .nav-link{padding-left: 1.5rem;}
    .news-cate{padding: 2rem;}
    .news-cate h3.title{text-align: left;font-size: 1.5rem;}
    .quote-list ul li{font-size: .1.125rem;}
}
@media screen and (min-width:1200px) {
    .testimonials.area .title{font-size: 2.25rem;}
 
    .blog-items .blog-text h4,h4.topic{font-size: 1.5rem;}
    .about-right{padding-left: 2.5rem;}
    .about-right ul{font-size: 1.15rem;}
    .about-left{flex: 0 0 34%;}
    .about-4 .team-area .row{margin-left: -15px;margin-right: -15px;}
    .about-4 .team-area .team-items{padding: 15px;font-size: 1.25rem;}
    .test-area .row{margin-left: -30px;margin-right: -30px;}
    .test-area .row .col-12{padding:10px 30px;}
    .test-items .test-text .test-name .fa{font-size: 3rem;}
    .test-items .test-text{padding-left: 2.8rem;font-size: 1.25rem;}
    .leader-list .row{padding-bottom: 4rem;}
    .leader-list .leader-img{padding-right: 4rem;}
    .leader-list .row:nth-child(2n) .leader-img{padding-left: 4rem;padding-right: 0;}
    .works-swiper .carousel-control-next{right: -4rem;}
    .works-swiper .carousel-control-prev{left: -4rem;}
    .news-right{padding-left: 2.5rem;}
    .team-text h4{font-size: 1.6rem !important;}

}
@media screen and (min-width:1920px) {
    .container{max-width: 1291px;}
    .expertise .row .card .card-title{font-size: 1.375rem;}
    .about-4 .team-area .row{margin-left: -20px;margin-right: -20px;}
    .about-4 .team-area .team-items{padding: 20px;}
    .about-left{flex: 0 0 36%;}
    .leader-list .row{padding-bottom: 5rem;}
    .leader-list .leader-img{padding-right: 5rem;}
    .leader-list .row:nth-child(2n) .leader-img{padding-left: 5rem;padding-right: 0;}
    .news-right{padding-left: 3rem;}
    .zh-HK .footer .rpl{padding-left: 3rem !important;}
}
@media screen and (max-width:767px) {
.footer .quick-links ul{width: 100%}
}