.about-section .line{
    width: 80%;
    height: 4px;
    border-left: 35px solid #A0C486;
    background: #174041 ;
    margin: 20px auto;
}
.about-section img{
    width: 100%;
    height: 100%;
}
.about-section h3{
    font-size: 36px;
    color: #174041;
    font-weight: bold;
    font-family: 'UbuntuB' , sans-serif;
}
.about-section p{
    font-size: 18px;
    color: #090909;
}
.about-section .section-img{
    margin: 4rem 0;
}
.service-area{
    padding: 0;
}
.service-area h2{
    color: #174041;
    font-size: 36px;
    font-family: 'UbuntuB', sans-serif;
}
.service-area .line{
    width: 5%;
    height: 4px;
    border-left: 35px solid #A0C486;
    background: #174041 ;
    margin: 20px auto;
}
.service-area img{
    width: 100%;
}
.about-Partner{
    padding: 70px 0 100px 0;
}
.about-Partner .section-title{
    padding-bottom: 0;
}
.service-area .image-box {
    position: relative;
    margin: 0px -15px;
    overflow: hidden;
    padding-bottom: 5rem;
}
.about-section .image-box {
    position: relative;
    /*margin: 0px -15px;*/
    overflow: hidden;
    margin-bottom: 1rem;
    height: 100%;
}
.about-section .image-box img{width: 100%;height: 100%;object-fit: cover;}
.about-section .image-box .social-links {
    position: relative;
    bottom: 0rem;
    padding: 1.5rem 2rem 1.5rem 3rem;
    color: #ffffff;
    background: #0D383B;
    min-height: 500px;

}
html[lang="zh-HK"] .about-section .image-box .social-links{min-height: 420px;}
.about-section .image-box .social-links .row{align-items: center;}
.about-section .image-box .social-links::before{
    content: '';
    display: block;
    width: 31px;
    height: 100%;
    background: url(../img/about/g.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.about-section .image-box .social-links h5{font-size: 24px;font-family: "ubuntu", sans-serif;}
.about-section .image-box .social-links .section-line{
    width: 0%;
    height: 2px;
    border-left: 16px solid #A0C486;
    background: #174041;
    margin: 0.6rem 0;
}
.about-section .image-box .social-links img{
    width: 100%;
    height: 100%;
    margin-top: -1rem;
}
.about-section .image-box .social-links p{
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    margin-bottom: 0;
}
.about_case{
    position: relative;
    height: 42rem;
    margin-top: 4rem;
    justify-content: space-between;
}
.aboutSwiper{
    background: #0D383B 0% 0% no-repeat padding-box;
    opacity: 0.9;
    position: absolute;
    top: 13rem;
    left: 16%;
    width: 47%;
}
.aboutSwiper .swiper-slide h2{
    color: #ffffff;
    font-size: 36px;
}
.aboutSwiper .swiper-slide .dou{
    font: normal normal normal 6rem / 1rem Mulish;
    margin-top: 3rem;
    margin-left: -0.5rem;
    display: inline-block;
}
.aboutSwiper  h6{
    color: #A0C486;
    font-size: medium;
    letter-spacing: 2px;
}
.aboutSwiper p{
    font: normal normal normal 18px/30px Ubuntu;
}
.aboutSwiper p:nth-of-type(1){
    margin-top: -1.5rem;
    font-size: 18px;
    width: 70%;

}
.aboutSwiper  p:nth-of-type(2){
    text-align: right;
    width: 70%;
    margin-bottom: 40px;
}
.aboutSwiper   .featured-line{
        width: 16%;
        height: 2px;
        border-left: 35px solid #A0C486;
        background: #ffffff ;
        margin: 20px 0;
}
.aboutSwiper .swiper-pagination{bottom: 3rem;}
.aboutSwiper  .featured-swpier{
        padding: 3rem;
        margin-top: 0;
}
    .aboutSwiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        width: auto;
        left: 3rem;
    }
    .aboutSwiper .swiper-pagination-bullet{
        width: 20px;
        height: 20px;
        background: #fff;
        opacity: 1;
    }
    .aboutSwiper  .swiper-pagination-bullet-active{
        background: #A0C486;
    }
    .about-Partner {
        background: #ffffff;
    }
    .about-line{
        width: 15%;
        height: 3px;
        border-left: 40px solid #A0C486;
        background: #0D383B ;
        margin: 20px 0;
    }
    .about-Partner .section-title p {
        margin-bottom: 1.5rem;
        text-align: left;
        font-size: 36px;
        letter-spacing: 0px;
        color: #0D383B;
        font-family: 'UbuntuB', sans-serif;
    }
    .about-Partner .clients-slider .swiper-slide .icos{margin: 2px 10px; display: flex;align-items: center;justify-content: center;height: 112px; border-radius: 10px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);}
    .about-Partner  .clients-slider img{
    /*width: 100%;*/
    /*height: 100%;*/
    }
    .about-Partner .info img{
        width: 100%;
        height: 100%;
    }
    .about-Partner  .parther_tittle{
        margin: 1rem 0;
        display: flex;
        align-items: center;
    }
    .about-Partner .parther_tittle p{
        display: inline-block;
        vertical-align: middle;
        margin-right: .5rem;
        margin-bottom: 0;
    }
    .about-Partner .parther_tittle p img{
        width: 100%;
    }
    .about-Partner .parther_tittle h4{
        display: inline-block;
        vertical-align: middle;
        color: #174041;
        font-size: 22px;
        margin-bottom: 0;
    }

    @media (max-width: 577px)  {
        .aboutSwiper {
            top: 0;
            left: 0%;
            width: 100%;
            position: relative;
        }
        .aboutSwiper  .featured-swpier{
            padding: 1rem;
        }
        .about-text{
            padding: 0;
        }

    }
    @media (min-width: 577px) and (max-width: 767px)  {
        .aboutSwiper {
            top: 13rem;
            left: 3%;
            width: 100%;
        }
        .about-section p{
            /*font-size: .7rem;*/
            margin-bottom: .5rem;
        }
        .about-section .image-box .social-links .section-line{
            margin: .5rem 0;
        }
        .about-section .image-box .social-links{
            
        }

    }
    @media (min-width: 768px) and (max-width: 991px)  {
        .aboutSwiper {
            top: 6rem;
            left: 3%;
            width: 60%;
        }
        .about-section p{
            /*font-size: .6rem;*/
            margin-bottom: .5rem;
        }
        .about-section .image-box .social-links .section-line{
            margin: .5rem 0;
        }
        .about-section .image-box .social-links{
            
        }
        .aboutSwiper .featured-swpier{
            padding: 1rem;
        }
        .about-section .image-box .social-links p{
            

        }

    }
    @media (min-width: 992px) and (max-width: 1199px)  {
        .aboutSwiper {
            top: 6rem;
            left: 3%;
            width: 60%;
        }
        .about_case{height: 35rem;}
        .aboutSwiper .featured-swpier{
            padding: 2rem;
        }
        .about-section p{
            /*font-size: .8rem;*/
            margin-bottom: .5rem;
        }
    }
    @media (min-width: 1200px) and (max-width: 1399px)  {
        .aboutSwiper {
            top: 7rem;
            left: 10%;
            width: 44%;
        }
        .aboutSwiper .featured-swpier{
            padding: 2rem;
        }
        .about-section p{
            /*font-size: .8rem;*/
            margin-bottom: .5rem;
        }
        .about-section .image-box .social-links p{
            font-size: 1.1rem;

        }
    }
    @media (max-width: 820px){
        .aboutSwiper{position: relative;width: 100%;left: 0;top: 0;}
        .about-text{width: 100%;}
        .about_case .col-md-6{width: 100%;}
        .about_case{height: auto;}
        .service-area .image-box{padding-bottom: 0;}
        .aboutSwiper p:nth-of-type(1){width: 100%;}
        .aboutSwiper p:nth-of-type(2){width: 100%;}
        .aboutSwiper .featured-swpier{padding: 3rem;}
        .about-section h3{font-size: 30px;}
        .about-section .image-box .social-links h5{font-size: 20px;}
        .about-section .image-box .social-links p{font-size: 16px;}
        .aboutSwiper .swiper-slide h2{font-size: 30px;}
        .about-Partner .section-title p{font-size: 30px;}
        .service-area h2{font-size: 30px;}
        .about-section .image-box .social-links{min-height: 400px;}
        html[lang="zh-HK"] .about-section .image-box .social-links {min-height: 360px;}
    }
    @media (max-width: 768px){
        .about-section .col-xl-4{width: 60%;}
        .about-section .col-xl-7{width: 100%;margin-top: 20px;}
        .about-section .section-img{margin-top: 2rem;}
        .about-section .col-lg-6{width: 50%;}

    }
    @media (max-width: 568px){
        .about-section{padding-top: 0px;}
        .about-section .col-lg-6{width: 100%;}
        .about-section .line{width: 10%;margin: 10px 0;}
        .about-section h3{font-size: 24px;}
        .about-section p{font-size: 14px;}
        .about-section .image-box .social-links h5{font-size: 18px;}
        .about-section .image-box .social-links p{font-size: 14px;}
        .service-area h2,.aboutSwiper .swiper-slide h2{font-size: 24px;}
        .aboutSwiper p:nth-of-type(1){font-size: 14px;}
        .aboutSwiper p:nth-of-type(2){font-size: 14px;}
        .aboutSwiper .featured-swpier{padding: 2rem;}
        .about-Partner .clients-slider img{max-width: 100px;}
        .about-Partner .clients-slider .swiper-slide .icos{height: 80px;}
        .about-Partner .parther_tittle h4{font-size: 18px;}
        .about-Partner .section-title p{font-size: 24px;}
        .about-section .image-box .social-links{min-height: auto !important;}
    }