.personalArea{position: relative;}
.personalArea_image{overflow: hidden; height: 635px; position: relative; direction: ltr;}
.personalArea_image img{display: block; width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}
.personalArea_content{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.personalArea_content .centeredContent{display: flex; height: 100%; align-items: center;} 

.personalArea_frame h2{font-size: 80px; line-height: 80px; padding-bottom: 14px;}
.personalArea_frame p{font-size: 36px; line-height: 36px; font-weight: 300;}
.personalArea_frame p strong{font-weight: 400;}

.personalArea_frame ul{display: flex; justify-content: space-between; width: 875px; padding-top: 25px;}
.personalArea_frame li{text-align: center;}
.personalArea_frame li div{margin: 0px auto; display: flex; align-items: center; justify-content: center; position: relative; background-color: white; width: 68px; height: 68px; border-radius: 50%; border: 1px solid #f1f1f1; font-size: 34px; color: #1e2b51;}
.personalArea_frame li span{display: block; width: 140px; margin: 11px auto 0px; font-size: 20px; line-height: 22px;}

.personalArea_button{padding-top: 40px;}
.personalArea_button a{background-color: #fbb903; font-weight: 700; font-size: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; text-align: center; width: 340px; height: 63px;}
.personalArea_button a:hover, .personalArea_button a:focus{background-color: #1e2b51; color: #fbb903;}

@media screen and (min-width: 1950px) { /* large screens and zoom out*/
    .personalArea_image img{position: static; transform: none;}
}

@media screen and (max-width: 1400px) {
    .personalArea_image{height: 545px;}
    .personalArea_frame h2{font-size: 64px; line-height: 64px;}
    .personalArea_frame p{font-size: 30px; line-height: 30px;}
    .personalArea_button a{font-size: 30px; line-height: 30px;}
}

@media screen and (max-width: 1280px) {
    .personalArea_frame ul{width: 640px; padding-top: 28px;}
    .personalArea_frame li div{width: 56px; height: 56px; font-size: 28px;}
    .personalArea_frame li div:after{right: -8px; bottom: 2px; font-size: 16px;}
    .personalArea_frame li div b{font-size: 13px;}
    .personalArea_frame li span{width: 100px; margin: 11px auto 0px; font-size: 16px; line-height: 18px;}
}

@media screen and (max-width: 1024px) {
    .personalArea_image{height: 470px;}
    .personalArea_frame h2{font-size: 54px; line-height: 54px;}
    .personalArea_frame p{font-size: 24px; line-height: 28px;}
    .personalArea_button a{font-size: 24px; line-height: 24px; width: 300px; height: 54px;}
    .personalArea_frame ul{width: 560px; padding-top: 28px;}
    .personalArea_frame li span{width: 80px; margin: 11px auto 0px; font-size: 14px; line-height: 16px;}
}

@media screen and (max-width: 768px) {
    .personalArea_frame h2{font-size: 48px; line-height: 44px;}
}

@media screen and (max-width: 600px) {
    .personalArea_image{display: none;}
    .personalArea_content{position: static; padding: 32px 0px 50px;}
    
    .personalArea_frame{width: 100%;}
    .personalArea_frame h2{font-size: 40px; line-height: 44px; text-align: center;}
    .personalArea_frame p{text-align: center; margin: 0px auto;}
    .personalArea_frame ul{margin: 0px auto; padding-top: 0; align-items: center; justify-content: space-around; width: 320px; flex-wrap: wrap;}
    .personalArea_frame li{padding-top: 24px; width: 33.33%;}
    .personalArea_button{padding-top: 40px; text-align: center;}
    .personalArea_button a{font-size: 18px; width: 224px; height: 42px; display: inline-flex;}
}

@media screen and (max-width: 432px) {
    .personalArea_content .centeredContent{align-items: flex-start;} 
    .personalArea_frame h2{font-size: 30px; line-height: 36px; padding-bottom: 9px;}
    .personalArea_frame li{padding-top: 18px;}
    .personalArea_frame li span{margin-top: 6px;}
}

/* obj on the left col */
.contentPage_leftSection .personalArea{border: 1px solid #f1f1f1;}
.contentPage_leftSection .personalArea_image{height: 480px; display: block;}
.contentPage_leftSection .personalArea_image img{opacity: 0.3; left: 70%;}
.contentPage_leftSection .personalArea_image:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(255,255,255,0) 83%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 23%,rgba(255,255,255,0) 83%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 23%,rgba(255,255,255,0) 83%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.contentPage_leftSection .personalArea_content{position: absolute;}
.contentPage_leftSection .personalArea_frame h2{font-size: 30px; line-height: 30px; padding-bottom: 7px; text-align: center;}
.contentPage_leftSection .personalArea_frame p{font-size: 24px; line-height: 24px; text-align: center;}

.contentPage_leftSection .personalArea_frame ul{width: auto; padding-top: 5px; justify-content: space-around; flex-wrap: wrap;}
.contentPage_leftSection .personalArea_frame li{padding-top: 22px;}
.contentPage_leftSection .personalArea_frame li div{width: 64px; height: 64px; font-size: 30px;}
.contentPage_leftSection .personalArea_frame li span{width: 100px; margin: 11px auto 0px; font-size: 18px; line-height: 20px; text-shadow: 0px 0px 6px white, 0px 0px 6px white, 0px 0px 10px white, 0px 0px 10px white;}

.contentPage_leftSection .personalArea_button{padding-top: 24px;}
.contentPage_leftSection .personalArea_button a{font-size: 18px; line-height: 18px; width: 100%; max-width: 234px; height: 40px; margin: 0 auto;}

@media screen and (max-width: 1150px) {
    .contentPage_leftSection .personalArea_frame p{font-size: 21px; line-height: 24px;}
    .contentPage_leftSection .personalArea_frame li span{width: 90px; margin: 10px auto 0px; font-size: 16px; line-height: 20px;}
}

@media screen and (max-width: 1024px) {
    .contentPage_leftSection .personalArea_frame p{font-size: 18px; line-height: 20px; font-weight: 400;}
    .contentPage_leftSection .personalArea_frame p strong{font-weight: 600;}
    .contentPage_leftSection .personalArea_image{height: 540px;}
    .contentPage_leftSection .personalArea_frame li{padding-top: 18px;}
    .contentPage_leftSection .personalArea_frame li div{width: 54px; height: 54px; font-size: 24px;}
    .contentPage_leftSection .personalArea_frame li span{width: 90px; margin: 8px auto 0px; font-weight: 500; font-size: 14px; line-height: 18px;}
}

@media screen and (max-width: 768px) {
    .contentPage_leftSection .personalArea_image{height: 560px;}
    .contentPage_leftSection .personalArea_frame li{padding-top: 15px;}
}

@media screen and (max-width: 767px) {
    .contentPage_leftSection .personalArea{border: 0px;}
    .contentPage_leftSection .personalArea_image{height: 480px;}
    .contentPage_leftSection .personalArea_image img{left: 0; transform: none; width: 100%; object-fit: cover;}
    .contentPage_leftSection .personalArea_content .centeredContent{justify-content: center;}
    .contentPage_leftSection .personalArea_frame h2{font-size: 48px; line-height: 44px;}
    .contentPage_leftSection .personalArea_frame p{font-size: 24px; line-height: 28px;}
    .contentPage_leftSection .personalArea_frame ul{justify-content: space-between; width: 100%; max-width: 560px;}
    .contentPage_leftSection .personalArea_frame li div{width: 56px; height: 56px; font-size: 28px;}
    .contentPage_leftSection .personalArea_frame li span{width: 80px; margin: 8px auto 0px; font-weight: 500; font-size: 14px; line-height: 16px;}
}

@media screen and (max-width: 600px) {
    .contentPage_leftSection .personalArea_content{padding: 32px 0px 50px;}
    .contentPage_leftSection .personalArea_frame{width: 100%;}
    .contentPage_leftSection .personalArea_frame h2{font-size: 40px; line-height: 44px; text-align: center;}
    .contentPage_leftSection .personalArea_frame p{text-align: center; margin: 0px auto;}
    .contentPage_leftSection .personalArea_frame ul{margin: 0px auto; padding-top: 0; align-items: center; justify-content: space-around; width: 320px; flex-wrap: wrap;}
    .contentPage_leftSection .personalArea_frame li{padding-top: 24px; width: 33.33%;}
    .contentPage_leftSection .personalArea_button{padding-top: 40px; text-align: center;}
    .contentPage_leftSection .personalArea_button a{font-size: 18px; width: 224px; height: 42px; display: inline-flex;}
}

@media screen and (max-width: 432px) {
    .contentPage_leftSection .personalArea_content{padding: 44px 0px 40px;}
    .contentPage_leftSection .personalArea_content .centeredContent{align-items: flex-start;} 
    .contentPage_leftSection .personalArea_frame h2{font-size: 30px; line-height: 36px; padding-bottom: 9px;}
    .contentPage_leftSection .personalArea_frame li{padding-top: 18px;}
    .contentPage_leftSection .personalArea_frame li span{margin-top: 6px;}
}