/* banner */
.leadership-banner-img img{width: 100%; height: 100%; display: block;}
.leadership-banner{position: relative;}
.leadership-banner-text .detail_title{font-size: 72px; font-weight: 400; line-height: 1.3; margin-bottom: 15px;}
.leadership-banner-text .detail_title span{display: inline-block;}
.leadership-banner-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.leadership-banner-text .leadership-banner-des{font-size: 24px; line-height: 1.1; font-weight: 400;}


/* socila-link */
.social-link-section{padding: 40px 0; background-color: #FFF8F1;}
.social-link-area{display: flex; gap: 12px; justify-content: center; align-items: center;}
.social-link-item svg{width: 100%; height: 100%;}
.social-link-item{width: 48px; height: 48px;}

/* leader section */
.leader-section{padding-top: 0 !important; background-color: #FFF8F1;}
.leader-wrapper{display: flex; padding: 20px; border: 1px solid #7C7C7C; border-radius: 16px;}
.leader-left-area{width: 50%; padding-right: 20px; border-right: 1px solid #7C7C7C; height: auto;}
.leader-img{height: 100%; position: relative; min-height: 500px;}
.leader-left-area img{width: 100%; height: 100%; object-fit: cover; border-radius: 16px; object-position: top; position: absolute; bottom: 0;}
.leader-right-area{width: 50%; padding: 0 50px;}
.leader-coats img{width: 110px; height: auto;}
.leader-right-area h2{font-size: 28px; font-weight: 700; color: #404040; line-height: 1.2; padding-top: 25px; padding-bottom: 45px;}
.leader-point-a{display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #E9E9E9; padding: 13px 10px 13px 0;}
.leader-point-img{width: 54px; height: auto;}
.leader-point-img img{width: 100%; height: 100%; display: block;}
.leader-point-text{font-size: 16px; font-weight: 400; line-height: 1.3; color: #404040; width: calc(100% - 74px);}


/* journey section */
.leadership.journey-section{background-image: url("../images/leadership/journey-bg.jpg"); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;}
.leadership .journey-heading{text-align: center;}
.leadership .journey-heading .detail_title{font-size: 32px; line-height: 1.2; font-weight: 400;}
.leadership .journey-heading .detail_title span{display: inline-block;}
.leadership .journey-wrapper{margin-top: 70px; display: flex; gap: 16px;}
.leadership .journey-text-items{border-radius: 12px; padding: 30px 50px 30px 30px; max-width: 100%;}

.leadership .journey-item-a{background-image: url("../images/leadership/journey-text-bg-a.png"); background-size: 100% 100%; background-repeat: no-repeat; flex: 3 0 500px;}
.leadership .journey-item-a-text-a p:first-child{font-size: 20px; line-height: 1.3; font-weight: 500; color: #fff; padding-bottom: 14px;}
.leadership .journey-item-a-text-a p{font-size: 16px; line-height: 1.5; font-weight: 400; color: #fff;}
/* .leadership .journey-item-a-text-b span{font-weight: 700;} */

.leadership .journey-item-b{padding-bottom: 50px; padding-right: initial !important; background-image: url("../images/leadership/journey-text-bg-b.png"); background-size: 100% 100%; background-repeat: no-repeat; flex: 2.5 0 300px;}
.leadership .journey-card-title{font-size: 18px; font-weight: 500; color: #fff; line-height: 1.1; padding-bottom: 25px;}
.leadership .past-roles-area{display: flex; overflow-y: hidden;} 
.leadership .past-role-item{position: relative; padding-top: 40px; padding-right: 15px; flex: 1;}
.leadership .past-role-top-fixed-circle{width: 18px; height: 18px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 0; left: 0;}
.leadership .past-role-top-fixed-circle::after{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; position: absolute; top: 3px; left: 3px;}
.leadership .past-role-top-line{width: calc(100% - 18px); height: 1px; border-bottom: 1px solid #fff; position: absolute; top: 8px; left: 18px;}
.leadership .past-role-item:last-of-type .past-role-top-line{display: none;}
.leadership .past-role-item:last-of-type{padding-right: 0;}
.leadership .past-role-number{font-size: 12px; font-weight: 500; color: #fff; line-height: 1.1; padding-bottom: 15px;}
.leadership .past-role-text{font-size: 16px; font-weight: 500; color: #fff; line-height: 1.2; padding-top: 15px;}

.leadership .journey-item-c{height: auto; background-image: url("../images/leadership/journey-text-bg-c.png"); background-size: cover; background-repeat: no-repeat; flex: 1.25 0 200px;}
.leadership .journey-item-c-wrapper{height: 100%; display: flex; justify-content: flex-start; gap: 20px; flex-direction: column;}
.leadership .journey-card-logo img{width: 150px; height: auto; display: block;}
.leadership .journey-item-c-bottom{font-size: 16px; font-weight: 700; line-height: 1.5; color: #fff;}


/* impact */
.impact-section{background-color: #FFF8F1;}
.left-impact-top .detail_title{font-size: 45px; font-weight: 400; color: #001467;} 
.left-impact-top .detail_title span{display: inline-block;}
.left-impact-wrapper{display: flex; justify-content: flex-start; padding: 20px 150px 20px 0;  flex-direction: column; gap: 20px; height: 100%;}
.left-bottom-impact-text-a{font-size: 16px; font-weight: 500; color: #404040; padding-bottom: 15px; line-height: 1.1;}
.left-bottom-impact-text-b{font-size: 26px; font-weight: 700; color: #404040; line-height: 1.4;}

.impact-wrapper{display: flex;}
.left-impact-area{width: 50%; height: auto;}
.right-impact-area{width: 50%;}
.impact-img{height: 100%;}
.right-impact-area img{width: 100%; height: 100%; display: block; object-fit: cover;border-radius: 16px;}

/* interest section */
.interest-section{background-image: url("../images/leadership/interests.jpg"); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;}
.interest-wrapper{display: flex; gap: 30px;}
.left-interest-area{width: 50%;}
.left-interest-area .detail_title{color: #fff; padding-top: 50px;}
.right-interest-area{width: 50%; border-radius: 12px; padding: 40px; background-image: url("../images/leadership/interest-text-bg.png"); background-size: 100% 100%; background-repeat: no-repeat;}

.interest-top-para h1, .interest-top-para h2, .interest-top-para h3, .interest-top-para h4, .interest-top-para h5, .interest-top-para h6, .interest-top-para p{font-size: 20px; font-weight: 700; color: #fff; line-height: 1.4; padding-bottom: 20px;}
.interest-bottom-para{display: flex; flex-direction: column; gap: 20px;}
.interest-bottom-para h1, .interest-bottom-para h2, .interest-bottom-para h3, .interest-bottom-para h4, .interest-bottom-para h5, .interest-bottom-para h6, .interest-bottom-para p{font-size: 18px; font-weight: 400; line-height: 1.4; color: #fff;}

 
/* card section */
.card-section{background-color: #FFF8F1;}
.multi-card-title{font-size: 24px; line-height: 1.4; font-weight: 500; color: #404040; padding-bottom: 20px;}
.multi-card-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.multi-card-a{padding: 30px 20px; background-color: #FFF8F1; box-shadow: 0px 7px 15px 0px #9494941A; position: relative; height: 100%;}
.multi-card-a::after{content: ""; display: block; width: 100%; height: 6px; position: absolute; top: 0; left: 0; background: linear-gradient(60.54deg, #0059C7 -29.53%, #FC94AD 113.81%);}
.multi-card-a ul li{display: flex; gap: 15px; padding-bottom: 15px;}
.multi-point-img img{width: 17px; height: 17px;}
.multi-card-points h1, .multi-card-points h2, .multi-card-points h3, .multi-card-points h4, .multi-card-points h5, .multi-card-points h6, .multi-card-points p, .multi-card-points li{font-size: 18px; font-weight: 400; color: #5A5A5A; line-height: 1;}
.multi-card-points li{padding-left: 30px; position: relative;}
.multi-card-points li::before{content: ""; display: block; background-image: url("../images/leadership/card-point-icon.svg"); background-repeat: no-repeat; background-size: contain; width: 19px; height: 19px; position: absolute; top: 0px; left: 0;}
.multi-card-number{font-size: 14px; font-weight: 400; position: absolute; bottom: 10px; right: 10px; background: linear-gradient(302.51deg, #1E448E 11.59%, #E46D9D 69.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
 


@media screen and (max-width:1400px) {

    /* banner */
    .leadership-banner-text .detail_title{font-size: 65px;}
    .leadership-banner-text .leadership-banner-des{font-size: 22px;}

    /* leader section */
    .leader-coats img{width: 90px;}
    .leader-right-area h2{font-size: 26px; padding-top: 20px; padding-bottom: 35px;}
    .leader-point-text{font-size: 15px;}

    /* journey section */
    .leadership .journey-text-items{padding: 30px;}
    .leadership .journey-wrapper{margin-top: 60px;}
    
    .leadership .journey-item-a-text-a p:first-child{font-size: 18px;}
    .leadership .journey-item-a-text-a p{font-size: 15px;}

    .leadership .journey-card-title{font-size: 16px;}
    .leadership .past-role-item{padding-right: 30px;}
    .leadership .journey-item-b{padding-bottom: 55px;}

    .leadership .journey-card-logo img{width: 130px;}
    .leadership .journey-item-c-bottom{font-size: 15px;}

    /* impact section */
    .left-bottom-impact-text-b{font-size: 24px;}
    .left-impact-top .detail_title{font-size: 43px;}

    /* interest section */
    .interest-top-para h1, .interest-top-para h2, .interest-top-para h3, .interest-top-para h4, .interest-top-para h5, .interest-top-para h6, .interest-top-para p{font-size: 18px;}
    .interest-bottom-para h1, .interest-bottom-para h2, .interest-bottom-para h3, .interest-bottom-para h4, .interest-bottom-para h5, .interest-bottom-para h6, .interest-bottom-para p{font-size: 16px;}

    /* card section */
    .multi-card-title{font-size: 22px;}
    .multi-card-points h1, .multi-card-points h2, .multi-card-points h3, .multi-card-points h4, .multi-card-points h5, .multi-card-points h6, .multi-card-points p, .multi-card-points li{font-size: 16px;}
    

}

@media screen and (max-width:1300px) {
    
    /* journey section */
    .leadership .journey-text-items{padding: 24px;}

    .leadership .journey-item-b{padding-bottom: 30px;}
    .leadership .past-role-item{padding-right: 20px;}

    /* impact-section */
    .left-impact-wrapper{padding-right: 100px;}
}

@media screen and (max-width:1199px) {

    /* banner */
    .leadership-banner-text .detail_title{font-size: 55px; margin-bottom: 10px;}
    .leadership-banner-text .leadership-banner-des{font-size: 20px;}

    /* leader section */
    .leader-right-area{padding: 0 30px;}
    .leader-coats img{width: 70px;}
    .leader-right-area h2{font-size: 24px; padding-top: 15px; padding-bottom: 25px;}

    /* impact section */
    .left-impact-wrapper{padding: 10px 50px 10px 0;}

    /* card section */
    .multi-card-title{font-size: 20px;}
    .multi-card-wrapper{grid-template-columns: repeat(2, 1fr);}

}

@media screen and (max-width:1099px) {

    /* leader section */
    .leader-right-area h2{font-size: 22px;}
    .leader-img{min-height: 400px;}

    /* journey section */
    .leadership .journey-wrapper{flex-wrap: wrap; justify-content: space-between;}

    .leadership .journey-item-a{width: 49%;}
    .leadership .journey-item-b{order: 3; width: 100%;}
    .leadership .journey-item-c{width: 49%;}
    .leadership .journey-card-logo img{width: 120px;}
    .leadership .past-role-item{flex: 1;}

    /* journey section */
    .leadership .journey-wrapper{margin-top: 40px;}

    /* impact section */
    .left-bottom-impact-text-b{font-size: 22px;}
    .left-impact-wrapper{padding-right: 20px;}
    .left-impact-top .detail_title{font-size: 40px;}

    /* interest section */
    .right-interest-area{padding: 30px;}
    .interest-top-para h1, .interest-top-para h2, .interest-top-para h3, .interest-top-para h4, .interest-top-para h5, .interest-top-para h6, .interest-top-para p{padding-bottom: 15px;}
    .interest-bottom-para{gap: 15px;}
    .left-impact-top .detail_title{padding-top: 30px;}

    /* card section */
    .multi-card-points{padding-bottom: 10px;}
    .multi-point-img img{width: 15px; height: 15px;}
    .multi-card-wrapper{gap: 20px;}


}

@media screen and (max-width:991px) {

    /* banner */
    .leadership-banner-text .detail_title{font-size: 45px;}
    .leadership-banner-text .leadership-banner-des{font-size: 18px;}

    /* social link */
    .social-link-section{padding: 30px 0;}
    .social-link-item{width: 40px; height: 40px;}

    /* leader section */
    .leader-right-area{padding: 0 20px;}
    .leader-point-a{gap: 10px;}
    .leader-point-text{font-size: 14px; width: calc(100% - 60px);}
    .leader-right-area h2{font-size: 20px; padding-bottom: 20px; padding-top: 10px;}
    .leader-coats img{width: 50px;}
    .leader-point-img{width: 45px;}
    .leader-wrapper{padding: 15px;}
    .leader-left-area{padding-right: 15px;}

    /* journey section */
    .leadership .journey-item-a{width: 48%;}
    .leadership .journey-item-c{width: 48%;}

    /* impact section */
    .left-impact-area{width: 60%;}
    .right-impact-area{width: 40%;}
    .left-bottom-impact-text-b{font-size: 20px;}
    .left-bottom-impact-text-a{font-size: 14px; padding-bottom: 10px;}
    .left-impact-top .detail_title{font-size: 35px;}

    /* interest section */
    .interest-wrapper{flex-direction: column; gap: 20px;}
    .left-interest-area{width: 100%;}
    .left-impact-top .detail_title{padding-top: 0;}
    .right-interest-area{width: 100%; padding: 20px;}
    .interest-top-para h1, .interest-top-para h2, .interest-top-para h3, .interest-top-para h4, .interest-top-para h5, .interest-top-para h6, .interest-top-para p{font-size: 16px; padding-bottom: 10px;}
    .interest-bottom-para h1, .interest-bottom-para h2, .interest-bottom-para h3, .interest-bottom-para h4, .interest-bottom-para h5, .interest-bottom-para h6, .interest-bottom-para p{font-size: 14px;}
    .interest-bottom-para{gap: 10px;}


}

@media screen and (max-width:767px) {

    /* banner */
    .leadership-banner-text .detail_title{font-size: 35px;}
    .leadership-banner-text .leadership-banner-des{font-size: 16px;}

    /* leader section */
    .leader-left-area{width: 100%; padding: 0 0 20px 0; border-right: 0;}
    .leader-right-area{width: 100%; padding: 0;}
    .leader-wrapper{flex-direction: column;}
    .leader-img{min-height: initial; max-height: 350px; overflow: hidden;}
    .leader-left-area img{position: static;}

    /* journey-section */
    .leadership .journey-item-a{width: 100%;}
    .leadership .journey-item-b{order: initial; width: 100%;}
    .leadership .journey-item-c{width: 100%;}
    
    .leadership .journey-item-a-text-a p:first-child{font-size: 16px;}
    .leadership .journey-item-a-text-a p{font-size: 14px;}
    .leadership .past-role-item{padding-top: 1px; padding-right: 0; padding-left: 30px; padding-bottom: 40px; display: flex; gap: 16px; width: 100%;}
    .leadership .past-role-item:last-of-type{padding-bottom: 0;}
    .leadership .journey-card-logo img{width: 100px;}
    .leadership .journey-card-title{font-size: 15px; padding-bottom: 20px;}
    .leadership .journey-item-c-bottom{font-size: 14px;}
    .leadership .past-roles-area{flex-direction: column;}
    .leadership .past-role-top-line{width: 1px; height: calc(100% - 18px); border-right: 1px solid #fff; top: 18px; left: 8px;}
    .leadership .past-role-text{font-size: 14px; padding-top: 0px;}

    /* impact section */
    .impact-wrapper{flex-wrap: wrap; flex-direction: column-reverse; gap: 20px;}
    .left-impact-area{width: 100%;}
    .right-impact-area{width: 100%;}
    .left-impact-top .detail_title{font-size: 32px;}

    /* card section */
    .multi-card-wrapper{grid-template-columns: repeat(1, 1fr);}
    .multi-card-title{font-size: 18px; padding-bottom: 15px;}
    .multi-card-points h1, .multi-card-points h2, .multi-card-points h3, .multi-card-points h4, .multi-card-points h5, .multi-card-points h6, .multi-card-points p, .multi-card-points ul, .multi-card-points li{font-size: 15px;}
    .multi-card-a{padding: 26px 20px;}
 
}

@media screen and (max-width:600px) {

    .leadership-banner-img img{max-height: 90vh; object-fit: cover;}
}

@media screen and (max-width:430px) {

    /* banner */
    .leadership-banner-text .detail_title{font-size: 30px; margin-bottom: 5px;}
    .leadership-banner-text .leadership-banner-des{font-size: 15px;}

    /* social link */
    .social-link-section{padding: 20px 0;}
    .social-link-item{width: 35px; height: 35px;}

}