.career{

}
.career .banner{
    margin-top: 4.401vw;
}
.career .banner .banner-box a:hover{
    background: #fff;
    color: #3a66fb;
    border: 1px solid #3a66fb;
}
.career  .viewMoreBtn a{
    border: 0.0521vw solid #231815;
    font-family: "Montserrat-SemiBold" !important;
    padding: 0.4167vw /* 8px -> 0.4167vw */ 0.8333vw /* 16px -> 0.8333vw */;
    color: #231815;
    font-size: 0.8333vw /* 16px -> 0.8333vw */;
    line-height: 150%;
    border-radius: 1.25vw /* 24px -> 1.25vw */;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    width: auto;
}
.career  .viewMoreBtn i{
    background: #3a66fb;
    border-radius: 50%;
    color: #fff;
    font-size: 1.25vw /* 24px -> 1.25vw */;
    line-height: 1.25vw /* 24px -> 1.25vw */;
    margin-left: 0.4167vw /* 8px -> 0.4167vw */;
    font-weight: bolder;
}
.career  .viewMoreBtn a:hover{
    color: #FFF;
    background: #3a66fb;
    border-color: #3a66fb !important;
}
.career  .viewMoreBtn a:hover i{
    background: #fff;
    color: #3a66fb;
}
.career .banner{
    width: 100%;
    height: 32.02vw;
    position: relative;
}
.career .banner .bannerImg{
    width: 100%;
    position: absolute;
    height: 100%;
}
.career .banner .bannerContent{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.career .banner .bannerContent .bannerTitle{
    color: #FFF;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 2.5vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
    width: 25vw;
}
.career .banner .bannerContent .bannerBtn{
    margin-top: 1.25vw;
    background: #3a66fb;
    color: #FFF;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 0.8333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 150% */
    padding: 0.4167vw 2.0833vw;
    border-radius: 1.25vw;
    display: inline-block;
    cursor: pointer;
}
.career .banner .bannerContent .bannerBtn:hover{
    background: #fff;
    color: #3a66fb;
}
.career .banner .goToShare{
    position: absolute;
    display: flex;
    gap: 1.25vw;
    left: 12.5vw;
    bottom: 1.25vw;
}
.career .banner .goToShare a{
    width: 1.25vw;
    height: 1.25vw;
}
.career .banner .goToShare a img{
    width: 100%;
    height: 100%;
}
.career .careerTitle{
    color: #231815;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 4.1667vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
    margin-top: 2.0833vw;
    margin-bottom: 4.1667vw;
}
.career .whoWeAre{
    position: relative;
}
.career .whoWeAre .whoWeAreContent{
    display: flex;
    gap: 4.1667vw;
}
.career .whoWeAre .whoWeAreContentText{
    padding-top: 2.448vw;
    width: 33.125vw;
}
.career .whoWeAre .whoWeAreContentText .careerSubTitle{
    margin-bottom: 1.25vw;
}
.career .careerSubTitle{
    color: #231815;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
}
.career .careerDetailTxt{
    color: #231815;
    font-family: Montserrat;
    font-size: 0.8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 150% */
    margin-top: 0.8333vw;
}
.career .whoWeAreContentImg{
    width: 37.708vw;
    height: 27.5vw;
}
.career .whoWeAreContentImg img{
    width: 100%;
    height: 100%;
}
.career .whoWeAre .whoWeAreDetail{
    margin-top: 2.916vw;
}
.whoWeAreDetail-mob{
    display: none;
}
.career .whoWeAre .whoWeAreDetail img{
    width: 4.1667vw;
}
.career .whoWeAre .whoWeAreDetail h2{
    margin-top: 0.8333vw;
    color: #231815;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.6667vw;
    font-style: normal;
    line-height: 150% ; /* 150% */
    text-transform: capitalize;
} 
.career .whoWeAre .whoWeAreDetail p{
    margin-top: 0.4167vw;
    color: #231815;
    font-family: Montserrat;
    font-size: 0.729vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150% ; /* 150% */
    word-wrap: break-word;
}
.career .whoWeAre .whoWeAreDetail ul{
    display: flex;
    gap: 2.0833vw;
}
.career .whoWeAre .whoWeAreDetail ul li{
    width:8.854vw;
}
.career .whoWeAre .note{
    color: #231815;
    font-family: Montserrat;
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 150% */
    margin-top: 0.8333vw !important;
    margin-bottom: 2.0833vw !important;
}
.career .workAtDahua{
    background: #FAFAFA;
    padding-top: 4.1667vw;
    padding-bottom: 0.8333vw;
}
.career .employeeContent{
    margin-top: 2.1875vw;
    padding: 2.5vw 2.0833vw !important;
    background: #fff;
    display: flex;
    gap: 4.1667vw;
}
.career .employeeContent .employeeContentImg img{
    border-radius: 1.25vw;
    overflow: hidden;
    width: 35.416vw;
    height: 20.833vw;
}
.career .employeeContent  .employeeContentText{
    display: flex;
    flex-wrap: wrap;
    gap: 1.667vw;
    align-items: center;
}
.career .employeeContent  .employeeContentText h2{
    color: #231815;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 2.0833vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
}


.career .ourStories{
    margin-top: 4.1667vw;
}
.career .ourStories .careerDetailTxt{
    margin-top: 1.25vw;
}
.career .ourStories .ourStoriesImg{
    margin: 2.0833vw 0;
    height: 25.52vw;
    display: flex;
    gap: 2.0833vw;
}
.career .ourStories .ourStoriesImg .leftImg{
    width: 43.75vw;
    border-radius: 0.8333vw;
    overflow: hidden;
}
.career .ourStories .ourStoriesImg .leftImg img{
    width: 100%;
    height: 100%;
}
.career .ourStories .ourStoriesImg .rightImg{
    display: flex;
    gap: 2.0833vw;
    flex-wrap: wrap;
    width: 29.166vw;
}
.career .ourStories .ourStoriesImg .rightImg img{
    height: 11.718vw;
    width: 100%;
    border-radius: 0.8333vw;
    overflow: hidden;
}
.career .ourStories .viewMoreBtn{
    text-align: center;
}
.career .jointheTeam{
    margin-top: 4.1667vw;
    margin-bottom: 4.1667vw;
    border-radius: 0.8333vw;
    overflow: hidden;
    width: 100%;
    height: 16.25vw;
    position: relative;
}
.career .jointheTeam img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.career .jointheTeam .mask{
    background: rgba(35, 24, 21, 0.40);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.career .jointheTeam .imgTitle{
    position: absolute;
    left: 8.333vw;
    top: 4.6875vw;
    z-index: 3;
}
.career .jointheTeam .imgTitle p{
    color: #FFF;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 2.0833vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
}
.career .jointheTeam .imgTitle .viewMoreBtn a{
    border-color: #fff;
    color: #fff;
    margin-top: 1.25vw;
}
.career .declaration{
    margin-top: 4.1667vw;
    margin-bottom: 4.1667vw;
    display: flex;
    justify-content: space-between;
    gap: 4.1667vw;
}
.career .declaration .careerSubTitle{
    margin-bottom: 2.5vw;
}
.career .declaration .declarationMark{
    color: #EFEFEF;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 6.25vw;
    font-style: normal;
    /* font-weight: 600; */
    line-height: 100%; /* 100% */
    text-transform: capitalize;
}
.declaration-right {
    position: relative;
    display: inline-block;
    padding: 0 4.1667vw;
}

.declaration-right > div {
    padding: 0.4167vw 0 0 0;
}

.declarationMark {
    position: absolute;
}
.declarationMark:first-child {
    top: 0;
    left: 0;
  transform: translate(0, -10%);
}

.declarationMark:last-child {
    bottom: 0;
    right: 0;
  transform: translate(0, 50%);
}
@media screen and (max-width: 768px) {
.career .banner{
    height: 168.5vw;
}
.career .banner .bannerContent{
    top: 21.3333vw;
    transform: none;
}
.career .banner .goToShare a{
    width: 6.4vw;
    height: 6.4vw;
}
.career .banner .bannerContent .bannerTitle{
    font-size: 10.666vw ;
    width: 100% ;
}    
.career .banner .bannerContent .bannerBtn{
    font-size: 3.2vw ;
    padding: 2.1333vw 6.4vw;
    border-radius: 6.4vw;
    margin-top: 6.4vw;
}
.career .banner .goToShare{
    position: absolute;
    display: flex;
    gap: 4.2666vw;
    left: 6.4vw;
    bottom: 6.4vw;
}
.career .banner .goToShare .iconfont{
    font-size: 6.4vw;
    line-height: 6.4vw;
}
.career .whoWeAre{
    padding-bottom: 21.3333vw;
}
.career .whoWeAreContent{
    display: block !important;
}
.career .whoWeAre .whoWeAreContentText{
    width: 100%;
}

.career .careerTitle{
    font-size: 10.6667vw;
}
.career .workAtDahua{
    padding-top: 21.3333vw;
}
.career .careerSubTitle{
    font-size: 8.5333vw;
}
.career .careerDetailTxt{
    font-size: 3.7333vw;
}
.career .whoWeAreContentImg{
    width: 100%;
    height: 81.06vw;
    margin-top: 4.2666vw;
}
.career .whoWeAreContentImg img{
    width: 100%;
    height: 100%;
}
.career .whoWeAre .note{
    font-size: 3.2vw;
    margin: 4.2666vw 0;
}
.career .whoWeAre .whoWeAreDetail-mob .swipers-whoWeAreDetail .whoWeAreDetailItem img{
    width: 21.3333vw;
    height: 22.1333vw;
} 
.career .whoWeAre .whoWeAreDetail-mob .swipers-whoWeAreDetail .whoWeAreDetailItem h2{
    font-size: 6.4vw;
    margin-top: 4.2666vw;
}
.career .whoWeAre .whoWeAreDetail-mob .swipers-whoWeAreDetail .whoWeAreDetailItem p{
    margin-top: 2.1333vw;
    font-size: 3.2vw;
}
.career .swiper-button-prev,
.career .swiper-button-next{
	border-radius: 50%;
	position: absolute !important;
	background: #fafafa;
	width: 10.1333vw;
	height: 10.1333vw;
	margin-top: 0;
    top: auto !important;
    left: auto !important;
    color: #231815;
    font-weight: 600;
    bottom: 10.6667vw;
}
.career .swiper-button-prev{
    right: 24.775vw !important;

}
.career .swiper-button-next{
    right: 4.375vw !important;
}
.career .swiper-button-next:after,
.career .swiper-button-prev:after {
	font-size: 2.1333vw;
	font-weight: bold;
}
.career .swiper-button-next.swiper-button-disabled,
.career .swiper-button-prev.swiper-button-disabled {
  color: #9fa0a0 !important;
}
.whoWeAreDetail{
    display: none;
}
.whoWeAreDetail-mob{
    display: block;
    margin-top: 4.2666vw;
}
.career .employeeContent{
    width: auto !important;
    display: block;
    padding: 6.4vw 4.2666vw !important;
    margin: 6.4vw;
}
.career .employeeContent .employeeContentImg{
    width: 100%;
    height: 69.866vw;
    border-radius: 2.1333vw;
    overflow: hidden;
}
.career .employeeContent .employeeContentImg img{
    width: 100%;
    height: 100%;
    border-radius: 2.1333vw;
}
.career .employeeContent .employeeContentText{
    margin-top: 4.2666vw;
    display: block;
}
.career .employeeContent .employeeContentText h2{
    font-size: 6.4vw;
}
.career .employeeContent .employeeContentText p{
    margin-top: 4.2666vw;
}
.career .viewMoreBtn{
    text-align: center;
}
.career .viewMoreBtn a{
    font-size: 3.2vw;
    padding: 2.1333vw 4.2666vw;
    border-radius: 6.4vw;
    margin-top: 4.2666vw;
}
.career .viewMoreBtn a i{
    font-size: 4.2666vw;
    line-height: 4.2666vw;
    margin-left: 1.0666vw;
}
.career  .viewMoreBtn a:hover{
    color: #231815;
    background: #fff;
    border-color: #231815 !important;
}
.career  .viewMoreBtn a:hover i{
    background: #3a66fb;
    color: #fff;
}
.career .ourStories{
    margin-top: 10.6667vw;
}
.career .ourStories .ourStoriesImg .rightImg{
    width: 100%;
    gap: 0;
}
.career .ourStories .ourStoriesImg .rightImg img{
    margin-top: 4.2666vw;
    height: 44.2667vw;
    border-radius: 2.1333vw;
}
.career .ourStories .ourStoriesImg .leftImg{
    width: 100%;
    height: 44.2667vw;
    border-radius: 2.1333vw;
}
.career .ourStories .viewMoreBtn{
    margin-bottom: 10.6667vw;
}
.career .ourStories .careerSubTitle{
    margin-bottom: 0;
}
.career .ourStories .careerDetailTxt{
    margin-top: 6.4vw;
    font-size: 3.7333vw;
}
.career .ourStories .ourStoriesImg{
    display: block;
    height: auto;
    margin-bottom: 0;
}
.career .ourStories .ourStoriesImg img{
    height: 44.2666vw !important;
    border-radius: 2.1333vw;    
    margin-top: 4.2666vw;
}
.career .jointheTeam{
    margin: 21.3333vw 6.4vw; 
    padding: 0 !important;
}
.career .jointheTeam{
    width: auto !important;
    height: 83.2vw;
    border-radius: 4.2666vw;
    overflow: hidden;
}
.career .jointheTeam .imgTitle{
    bottom: 10.6667vw;
    top: auto;
    left: 50%;            
    transform: translateX(-50%); 
    text-align: center;
    width: 100%;
}
.career .jointheTeam .imgTitle p{
    font-size: 6.4vw;
}
.career .jointheTeam .imgTitle .viewMoreBtn a{
    margin-top: 4.2666vw;
}
.career .declaration{
    display: block;
    margin-bottom: 17.06667vw;
}
.career .declaration .careerSubTitle{
    margin-bottom: 0;
}
.career .declaration .viewMoreBtn{
    text-align: left;
    margin-bottom: 6.4vw;
}
.career .declaration .viewMoreBtn a{
    margin-top: 6.4vw;
}
.career .declaration-right{
    padding: 0;
}
.career .declarationMark{
    position: relative;
    font-size: 9.6vw;
}
.career .declarationMark:last-child{
    text-align: right;
}
.career .declaration .declarationMark{
    font-size: 21.3333vw;
    width: 11.733vw;
    height: 9.6vw;
    display: block;
    line-height: 21.3333vw;
    width: 100%;
    margin-bottom: 4.2666vw;
}
}