.member-detail{display:flex;flex-direction:column;gap:40px;padding:48px 0 96px}.member-info .container{display:flex;gap:40px;align-items:flex-start}.member-info .mem-avatar{aspect-ratio:1/1;border-radius:50%;width:200px;flex-shrink:0}.member-info .mem-info-box{flex:1;display:flex;flex-direction:column;gap:20px}.member-info .info-box-header{display:flex;flex-direction:column;gap:12px}.member-info .info-box-header .mem-name{font-size:1.5rem;font-weight:600}.member-info .info-box-header .mem-location{color:var(--kp-color-text-grey);display:flex;align-items:center;gap:8px}.member-info .info-box-social{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.member-info .info-box-social a{display:flex;padding:8px;background:#eaf0f6;border-radius:9999px;text-decoration:none}.member-info .info-box-desc{max-width:660px;line-height:1.5rem}.member-tabs .container-tabs{display:flex;border-bottom:1px solid #e5e5e5;justify-content:space-between}.member-tabs .tabs{display:flex;align-items:center}.member-tabs .tabs a{padding:16px 20px;font-weight:600;color:var(--kp-color-text);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:8px}.member-tabs .tabs a.active{border-bottom:2px solid var(--kp-color-primary)}.member-tabs .tabs a span{border-radius:24px;background:#f1f6ee;padding:2px 10px;font-size:.875rem;font-weight:400}.member-tabs .list-sort-by{position:relative;padding:16px 0;z-index:1}.member-tabs .list-sort-by .label{font-weight:500;background:url(/Css/Icon/icon-chevron-down-solid.svg) no-repeat right center;padding-right:32px}.member-tabs .list-sort-by ul{display:none}.member-tabs .list-sort-by:hover ul{list-style:none;padding:4px;margin:0;position:absolute;top:100%;right:0;border-radius:12px;box-shadow:0 5px 13px -5px rgba(10,9,11,.05),0 2px 4px -1px rgba(10,9,11,.02);border:1px solid #d5d7da;background:#fff;display:flex;flex-direction:column}.member-tabs .list-sort-by ul li{padding:8px 12px;border-radius:8px;white-space:nowrap}.member-tabs .list-sort-by ul li:hover{cursor:pointer;background:rgba(0,79,59,.1)}.member-article{display:flex;flex-direction:column}.member-article .paging-wrapper{border-top:1px solid #e9eaeb;padding-top:20px;margin-top:60px}.member-article .group-items{display:flex;flex-wrap:wrap;gap:40px 32px}.member-article .group-items .item{display:flex;flex-direction:column;gap:12px;width:calc((100% - 96px)/3);text-decoration:none;color:var(--kp-color-text)}.member-article .group-items .w-img{border-radius:12px}.member-article .group-items .item-analytics{color:var(--kp-color-text-grey)}.member-article .group-items .item-title{font-weight:500;font-size:1.25rem;margin:0;height:calc(2lh);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.member-article .group-items .item-desc{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:calc(3lh)}.member-article .item .btn-view-more{font-weight:500;color:var(--kp-color-primary);text-decoration:underline}.member-article .item .btn-view-more:hover{text-decoration:none}.member-photos .group-items{display:flex;flex-wrap:wrap;gap:12px}.member-photos .group-items .item{display:flex;width:calc((100% - 24px)/3);border-radius:8px;overflow:hidden}.member-photos .group-items .item img{aspect-ratio:440/320;object-fit:cover}@media(max-width:1199px){.member-detail{padding:40px 0 80px}.member-info .info-box-desc{max-width:100%}}@media(max-width:1024px){.member-article .group-items{column-gap:24px}.member-article .group-items .item{width:calc(50% - 12px)}.member-info .container{gap:32px}.member-photos .group-items{gap:8px}.member-photos .group-items .item{width:calc((100% - 16px)/3)}}@media(max-width:767px){.member-info .container{display:flex;flex-direction:column;align-items:center}.member-info .mem-info-box{align-items:center}.member-info .info-box-header{align-items:center}.member-info .info-box-header .mem-name{font-size:20px}.member-tabs .container-tabs{flex-direction:column;row-gap:12px}.member-tabs .container-tabs .list-sort-by{align-self:flex-end;padding:12px 0}.member-tabs .container-tabs{border:0}.member-tabs .tabs a{border-bottom:1px solid #e5e5e5}.member-tabs .tabs a.active{border-bottom:1px solid var(--kp-color-primary)}.member-tabs .tabs a:last-child{flex:1}.member-photos .group-items .item{width:calc(50% - 4px)}}@media(max-width:479px){.member-article .group-items .item{width:100%}.member-photos .group-items{gap:12px}.member-photos .group-items .item{width:100%}}