.sec-key{padding: 70px 0 600px; background-color: #F5F6FA; position: relative; z-index: 0;}
.sec-key .ele-1{bottom: 0; left: 0; right: 0; width: fit-content; margin: 0 auto; z-index: -1;}
.sec-key .block-title .sub-title{margin-top: 20px;}
.sec-key .key-list{margin-top: 47px;}
.sec-key .key-list ul.item-list{padding: 0; margin: 0 auto; position: relative; z-index: 0;}
.sec-key .key-list ul.item-list:before{
    content: '';
    position: absolute; top: 0; left: 32.5px;
    width: 100%; height: 195px;
    border-radius: 100px;
    background: linear-gradient(90deg, #21998A 1.09%, rgba(217, 217, 217, 0) 90.2%);
    z-index: -1;
}
.sec-key .key-list ul.item-list > li{padding: 0 32.5px;}
.sec-key .key-list li .block-circle{
    --size: 195px; width: var(--size); height: var(--size);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    border-radius: 50%; border: 1px solid var(--color-light);
    background: linear-gradient(167.86deg, #26B7A5 -14.35%, #1B7B70 65.84%);
}
.sec-key .key-list .text{color: var(--color-light); text-align: center; margin-top: 6px;}
.sec-key .key-list .text .title{font-size: var(--font-sm); font-family: var(--font-sukhumvit-bold); line-height: 1.4em;}
.sec-key .key-list .text .sub-title{font-size: var(--font-body-md); font-family: var(--font-sukhumvit-medium);}
.sec-key .key-list .desc{margin-top: 17px;}
.sec-key .key-list .desc > ul{padding: 0; margin-left: 19px; list-style-type: disc;}
.sec-key .key-list .desc li{font-family: var(--font-sukhumvit-bold); color: var(--color-gray2);}

.sec-agile-of-work{padding: 90px 0 77px; position: relative; z-index: 0;}
.sec-agile-of-work:before{
    content: '';
    position: absolute; top: 0; right: 0;
    width: 700px; height: 300px;
    background-image: url(../../images/background/talented_agile-wy-of-work_bg_img1.png); background-repeat: no-repeat; background-size: cover;
}
.sec-agile-of-work figure.cover{padding-bottom: 60%;}
.sec-agile-of-work .block-title h2{line-height: 1.3em;}
.sec-agile-of-work .block-title > div{line-height: 1.3em;}
.sec-agile-of-work .desc{margin-top: 24px;}
.sec-agile-of-work .desc > div{line-height: 1.2em;}

.sec-leader{padding: 80px 0 100px; position: relative; z-index: 0;}
.sec-leader:before{
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background: linear-gradient(180deg, #26B7A5 0%, rgba(38, 183, 165, 0) 100%);
    opacity: 0.1;
    z-index: -1;
}
.sec-leader .block-title h2{line-height: 1.3em;}
.sec-leader .block-title > div{line-height: 1.3em;}
.sec-leader .block-list{margin-top: 50px;}
.sec-leader .block-list ul.item-list{padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 29px;}
.sec-leader ul.item-list > li{filter: drop-shadow(0px 14px 34px rgba(16, 81, 73, 0.2));}
.sec-leader li .item{border-radius: 16px; overflow: hidden; height: 100%; background-color: var(--color-light);}
.sec-leader .block-image figure.cover{padding-bottom: 57%;}
.sec-leader .content{padding: 20px;}
.sec-leader .content h3{font-size: 20px; line-height: 1.2em; padding-bottom: 16px; border-bottom: 1px solid #CECECE;}
.sec-leader .content .desc{line-height: 1.2em; padding-top: 16px; font-size: var(--font-body-md)}


@media (max-width: 1199px){
    .sec-key{padding: 70px 0 390px;}
    .sec-key .key-list ul.item-list > li{padding: 0 20px;}
    .sec-key .key-list li .block-circle{--size: 165px; margin: 0 auto;}
    .sec-key .key-list ul.item-list:before{left: 20px; height: 165px;}

    .sec-leader{padding: 80px 0 50px;}
}

@media (max-width: 991px){
    .sec-key{padding: 70px 0 290px;}
    .sec-key .key-list ul.item-list{flex-wrap: wrap; margin: 0 -7.5px;}
    .sec-key .key-list ul.item-list:before{left: 15%; display: none;}
    .sec-key .key-list ul.item-list > li{flex: 0 0 50%; padding: 0 7.5px;}
    .sec-key .key-list .desc{margin-bottom: 17px;}
    .sec-key .key-list .desc > ul{width: fit-content; margin: 0 auto;}

    .sec-agile-of-work{padding: 60px 0 47px;}
    .sec-agile-of-work .desc{margin: 14px 0 40px;}

    .sec-leader{padding: 40px 0 50px;}
    .sec-leader .block-list{max-width: 400px; margin: 50px auto 0;}
    .sec-leader .block-list ul.item-list{grid-template-columns: repeat(1, 1fr); gap: 30px;}
}
@media (max-width: 575px){
    .sec-key{padding: 30px 0 160px;}
    .sec-key .key-list ul.item-list{flex-direction: column; width: fit-content; margin: 0 auto;}
    .sec-key .key-list li .block-circle{--size: 165px; margin: 0 auto;}
    .sec-key .key-list ul.item-list:before{width: 165px; height: 100%; left: 50%; border-radius: 150px; transform: translate(-50%, 0); background: linear-gradient(180deg, #21998A 1.09%, rgba(217, 217, 217, 0) 90.2%);}
    .sec-key .key-list .desc{margin-bottom: 17px;}
    .sec-key .key-list .desc > ul{width: 205px; margin-left: 30px;}

    .sec-agile-of-work:before{width: 470px; height: 50%;}

    .sec-leader .block-title > div{line-height: 1.6em;}
    .sec-leader .block-list{margin: 20px auto 0;}
}