.page-template-about-new{padding-top:0;}
.page-template-about-new .header{position:relative;}

.career-page{overflow:hidden;}
.career-banner{background:#2474ae; color:#fff; border-top:1px solid #5090be;}
.cb-left{width:42%;}
.cb-right{width:58%;}
.cb-right img{width:100%;}
.career-banner .container{ width:100%; display:flex; align-items:center; gap:80px;
    max-width: calc(100vw - ((100vw - 1670px) / 2));
    margin-left: calc((100vw - 1651px) / 2);
}
.career-banner .container:before, .career-banner .container:after{display:none;}
.career-banner h1{font-size:50px; letter-spacing:0; line-height:1.22; margin-bottom:20px; font-weight:900; color:#fff; font-family:'Archivo', sans-serif; margin-top:0;}
.career-banner h1 span{color:#FFC70B;}
.career-bnnr-contnt p{font-weight:300; color:#fff; font-family:'Archivo', sans-serif; font-size:22px; line-height:1.642; letter-spacing:1px;}
.career-bnnr-contnt p a{color:#FFC70B;}

.global-impact-area{padding:54px 0 64px;}
.global-impact-area .container{max-width:780px; margin:0 auto;}
.global-impact-area h2{font-size:36px; line-height:1.7; margin-bottom:18px; font-weight:900; color:#000; font-family:'Archivo', sans-serif;}
.global-impact-box{background:#ffc70b; padding:42px 50px 47px; font-size:22px; font-weight:300; font-family:'Archivo', sans-serif; line-height:1.5; color:#000; letter-spacing:.4px;}
.global-impact-box a{color:#000; text-decoration:underline;}
.global-impact-box a:hover{text-decoration:none;}
.global-impact-box p{margin-bottom:22px;}
.global-impact-box p:last-child{margin-bottom:0;}
.italic{font-style:italic;}

.yellow-line{background:#FFC70B; width:100%; height:9px; margin:60px 0 53px;}

.current-positions h3{font-size:30px; line-height:1.3; margin-top:0px; margin-bottom:26px; font-weight:900; color:#000; font-family:'Archivo', sans-serif; }


.current-position-box{border-bottom:1px solid #dbd9d6; padding:20px 0 33px;}
.current-position-box h4{font-size:26px; line-height:1.5; margin-bottom:11px; font-weight:800; color:#000; font-family:'Archivo', sans-serif;}
.positionName{font-size:22px; font-weight:600; color:#000; font-family:'Archivo', sans-serif; margin-bottom:8px;}
.moreInfo a{font-size:18px; font-weight:800; color:#000; font-family:'Archivo', sans-serif; text-decoration:none; display:flex; gap:10px; line-height:1;}
.moreInfo a:after{content:''; background:url(../images/link-icon.png) no-repeat center center; width:16px; height:16px; display:block; position:relative; top:0px;}
.moreInfo a:hover{gap:15px;}

.current-position-box .position-dtl + .position-dtl {margin-top:30px;}
.current-position-box:last-child{border-bottom:0;}

.our-mission-area{background:#2474ae; padding:55px 0 88px; color:#fff; color:#fff; font-size:24px; line-height:1.54; font-family:'Archivo', sans-serif; font-weight:300; letter-spacing:.5px;}
.our-mission-area .container{max-width:1330px; width:100%;}
.our-mission-area h2{font-size:50px; letter-spacing:0; line-height:1; margin-bottom:29px; font-weight:900; color:#fff; font-family:'Archivo', sans-serif;}
.our-mission-area a{color:#ffc70b;}
.our-mission-contnt{max-width:950px; width:100%;}
.our-mission-contnt p{margin-bottom:37px;}
.our-mission-contnt p:last-child{margin-bottom:0;}
.our-mission-contnt:after{content:''; width:411px; height:578px; background:url(../images/our-mission-icon.png) no-repeat center center; position:absolute; left:calc(100% - 550px); bottom:-20px; z-index:-1;}


@media(max-width:1670px){
    .career-banner .container{gap:50px;
        max-width: calc(100vw - ((100vw - 100%) / 2));
        margin-left: calc((100vw - 99%) / 2);
    }
    .cb-left{width:45%;}
    .cb-right{width:55%;}
    .career-banner h1{font-size:45px;}
    .career-bnnr-contnt p{font-size:20px; line-height:1.55;}

    .our-mission-contnt:after{left:auto; right:0; width:351px; height:492px; background-size:cover;}

}

@media(max-width:1535px){
    .career-banner .container{gap:40px;}
    .career-banner h1 {font-size:42px;}

    .our-mission-area h2{font-size:42px;}
    .our-mission-area{font-size:22px; padding-left:10px;}


}

@media(max-width:1365px){
    .career-banner h1{font-size:37px; margin-bottom:20px;}
    .career-bnnr-contnt p{font-size:18px;}

    .our-mission-area{padding-left:0; font-size:20px;}
    .our-mission-area h2{font-size:37px;}
    

    .our-mission-contnt {max-width:900px;}
    .our-mission-contnt:after{width:281px; height:396px;}
}

@media(max-width:1199px){
    .career-banner h1{font-size:32px; line-height:1; margin-bottom:12px;}
    .career-banner h1 br{display:none;}
    .career-bnnr-contnt p{line-height:1.35;}
    .cb-right img {width: 100%; min-height:400px; object-fit:cover;}

    .our-mission-area{padding-left:0; font-size:18px;}
    .our-mission-area h2{font-size:36px;}

    .our-mission-contnt{max-width:76%;}
    .our-mission-contnt:after{width:225px; height:316px;}

}

@media(max-width:991px){
    .career-banner{padding-top:50px;}
    .career-banner h1 {font-size:36px;}
    .career-bnnr-contnt p{font-size:20px;}
    .cb-right img{min-height:inherit;}
    .career-banner .container{flex-direction:column; margin:0 auto; max-width:750px; width:100%; gap:20px;}
    .cb-left,.cb-right{width:100%;}

    .global-impact-area h2{font-size:32px;}
    .current-positions h3{font-size:26px;}
    .current-position-box h4{font-size:22px;}
    .positionName {font-size:20px;}
    .moreInfo a{font-size:17px;}

    .our-mission-area{padding-top:35px; padding-bottom:220px;}
    .our-mission-contnt{max-width:100%;}
    .our-mission-contnt:after{width:150px; height:209px;}
    .our-mission-contnt p{margin-bottom:22px;}
    
}

@media(max-width:767.5px){
    .global-impact-area h2{line-height:1; font-size:30px;}
    .global-impact-box{padding:40px; font-size:20px;}
    .current-positions h3{font-size:25px;}
    .yellow-line{margin:40px 0; height:6px;}
    .current-positions h3 + .current-position-box{padding-top:0;}
}

@media(max-width:575.5px){
    .career-banner {padding-top:25px;}
    .career-banner h1{font-size:30px;}
    .career-bnnr-contnt p{font-size:18px;}
    .global-impact-box {padding:30px;font-size:18px;}

    .current-positions h3{font-size:23px;}
    .current-position-box h4{font-size:20px;}
    .positionName {font-size:18px;}
    .moreInfo a{font-size:16px;}

    .our-mission-area{padding-bottom:120px;}
    .our-mission-contnt:after {width:100px; height:140px;}
}