.our-medical-team-page{width:100%;overflow:hidden}.doctor-hero-banner{width:100%}.doctor-hero-card{box-sizing:border-box;width:100%}.doctor-hero-card-content{box-sizing:border-box;border-radius:clamp(20px,3.5vw,55px);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:clamp(180px,22vw,300px);max-height:300px;padding-left:clamp(24px,5vw,70px);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #4570b60f}.doctor-hero-card-bg{pointer-events:none;z-index:0;will-change:transform;background:url(https://statichk.cmermedical.com/smile/323517741e434c1d.webp) 50%/cover no-repeat;width:100%;height:140%;position:absolute;inset:-20% 0}@media (width<=767px){.doctor-hero-card-bg{background-image:url(https://statichk.cmermedical.com/imgs/2024/04/c58f958bc4b6ee29.png)}}.doctor-hero-title{color:#4570b6;font-family:var(--font-hk);letter-spacing:clamp(2px,.6vw,7.5px);margin:0;font-size:clamp(22px,2.5vw,30px);font-weight:600;line-height:1.4}.doctor-hero-subtitle{color:#4570b6;font-family:var(--font-hk);letter-spacing:.45px;margin-top:2px;margin-bottom:0;font-size:clamp(13px,1.2vw,15px);font-weight:500;line-height:1.6}.doctor-team-content{justify-content:center;align-items:flex-start;width:100%;margin:40px auto 0;display:flex}.doctor-team-content .founder-img-col{flex-shrink:0}.doctor-team-content .founder-img-col img{object-fit:contain;width:100%;max-width:400px;height:auto}.doctor-team-content .founder-text-col{max-width:700px;margin-left:50px}.doctor-team-content .founder-text-col .founder-header-block{color:#4570b6;font-family:var(--font-hk);letter-spacing:clamp(3px,.6vw,9px);font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.35}.doctor-team-content .founder-text-col .founder-header-block p:first-child{margin:0}.doctor-team-content .founder-text-col .founder-header-block h2{line-height:1.3;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;margin-top:6px}.doctor-team-content .founder-text-col .founder-titles-block{color:#6d6e71;font-family:var(--font-hk);letter-spacing:clamp(1px,.4vw,6px);flex-direction:column;margin:30px 0 25px;font-size:clamp(14px,1.3vw,20px);font-weight:300;line-height:1.75;display:flex}.doctor-team-content .founder-text-col .founder-desc-list{color:#4570b6;font-family:var(--font-hk);letter-spacing:clamp(1px,.4vw,6px);margin:0;padding-left:24px;font-size:clamp(14px,1.3vw,20px);font-weight:400;line-height:1.75;list-style-type:disc}.doctor-team-content .founder-text-col .founder-desc-list li{margin-bottom:6px}.doctor-team-content .founder-text-col .founder-desc-list li::marker{color:#4570b6}@media (width<=1023px){.doctor-team-content{flex-direction:column;align-items:center;margin-top:20px}.doctor-team-content .founder-img-col{margin-bottom:25px}.doctor-team-content .founder-img-col img{max-width:280px}.doctor-team-content .founder-text-col{text-align:center;width:100%;margin-left:0}.doctor-team-content .founder-text-col .founder-header-block{text-align:center}.doctor-team-content .founder-text-col .founder-header-block p:first-child{letter-spacing:.8px;font-size:16px;line-height:1.4}.doctor-team-content .founder-text-col .founder-header-block h2{margin-top:4px;font-size:24px}.doctor-team-content .founder-text-col .founder-titles-block{text-align:left;color:#6d6e71;letter-spacing:.7px;margin:15px 0 20px;font-size:14px;font-weight:300;line-height:30px}.doctor-team-content .founder-text-col .founder-titles-block span{text-align:left}.doctor-team-content .founder-text-col .founder-desc-list{text-align:left;letter-spacing:.7px;padding-left:20px;font-size:14px;line-height:30px;display:block}}.doctor-team-member{background:url(https://statichk.cmermedical.com/imgs/2024/04/7f498c9a45d803a7.png) 50%/100% 100% no-repeat;width:100%;margin:160px auto 0;padding:180px 0 80px;position:relative}.doctor-team-member .member-badge-circle{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(170px,20vw,307px);height:clamp(170px,20vw,307px);display:flex;position:absolute;top:-150px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #4570b61f}.doctor-team-member .member-badge-circle .badge-icon{justify-content:center;align-items:center;display:flex}.doctor-team-member .member-badge-circle .badge-text{color:#4570b6;text-align:center;font-family:var(--font-hk);letter-spacing:clamp(3px,.5vw,7.5px);flex-direction:column;align-items:center;margin-top:16px;font-size:clamp(18px,2vw,30px);font-weight:500;line-height:1.4;display:flex}.doctor-team-member .doctor-list-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 40px;width:100%;display:grid}.doctor-team-member .doctor-list-wrapper .doctor-item{will-change:transform, opacity;align-items:stretch;display:flex;position:relative}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box{box-sizing:border-box;justify-content:center;align-items:flex-end;display:flex;position:relative}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box:after{content:"";z-index:2;pointer-events:none;background:#4570b6;border-radius:0 35px;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:translate(-10px,-10px)}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box:before{content:"";z-index:1;pointer-events:none;background:#a6e1d6;border-radius:0 35px;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:translate(10px,10px)}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box img{z-index:3;object-fit:contain;object-position:bottom center;width:100%;height:auto;position:relative}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card{z-index:1;background:#fff;border-radius:0 40px 0 0;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:30px 24px 25px 35px;display:flex;position:relative;left:-15px;box-shadow:0 4px 20px #4570b60f}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line{color:#4570b6;font-family:var(--font-hk);letter-spacing:2.5px;margin-bottom:12px;font-size:30px;font-weight:700;line-height:1.2}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line span{letter-spacing:1.5px;margin-left:10px;font-size:18px;font-weight:500}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-qualifications-list{color:#4570b6;font-family:var(--font-hk);flex-direction:column;margin:0;padding:0;font-weight:400;line-height:26px;list-style:none;display:flex}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-qualifications-list span{display:block}@media (width<=1023px){.doctor-team-member{background-image:url(https://statichk.cmermedical.com/imgs/2024/05/c4109fd202815835.png);margin-top:100px;padding:130px 0 40px}.doctor-team-member .member-badge-circle{width:150px;height:150px;top:-75px;box-shadow:0 35px 35px #4570b61f}.doctor-team-member .member-badge-circle .badge-icon svg{width:36px;height:42px}.doctor-team-member .member-badge-circle .badge-text{letter-spacing:1px;margin-top:8px;font-size:14px;line-height:1.3}.doctor-team-member .doctor-list-wrapper{grid-template-columns:1fr;gap:clamp(24px,4vw,36px) 0}.doctor-team-member .doctor-list-wrapper .doctor-item{align-items:flex-start;width:100%;display:flex}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box{flex:0 0 clamp(110px,34vw,150px);width:clamp(110px,34vw,150px);min-width:105px;max-width:150px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box:after{border-radius:0 20px;transform:translate(-6px,-6px)}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box:before{border-radius:0 20px;transform:translate(6px,6px)}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box img{width:100%;height:auto}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card{border-radius:0 30px 0 0;flex:1;min-width:0;padding:clamp(14px,2.5vw,22px) clamp(10px,2vw,16px) clamp(12px,2vw,18px) clamp(14px,2.5vw,24px);left:-10px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line{letter-spacing:clamp(.5px,.2vw,1.5px);margin-bottom:6px;font-size:clamp(17px,3vw,22px);line-height:1.2}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line span{margin-left:6px;font-size:clamp(12px,2vw,14px)}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-qualifications-list{letter-spacing:.2px;font-size:clamp(11px,1.8vw,13px);line-height:clamp(17px,2.5vw,21px)}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n){flex-direction:row-reverse}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-img-box:after{border-radius:20px 0;transform:translate(6px,-6px)}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-img-box:before{border-radius:20px 0;transform:translate(-6px,6px)}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-info-card{border-radius:30px 0 0;padding-left:clamp(14px,2.5vw,20px);padding-right:clamp(10px,2vw,16px);left:auto;right:-10px}}@media (width<=1023px) and (width>=600px) and (width<=1023px){.doctor-team-member .doctor-list-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n){flex-direction:row}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-img-box:after{border-radius:0 20px;transform:translate(-6px,-6px)}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-img-box:before{border-radius:0 20px;transform:translate(6px,6px)}.doctor-team-member .doctor-list-wrapper .doctor-item:nth-child(2n) .doc-info-card{border-radius:0 30px 0 0;left:-10px;right:auto}}@media (width<=1023px) and (width<=359px){.doctor-team-member .doctor-list-wrapper .doctor-item .doc-img-box{flex:0 0 100px;width:100px;min-width:95px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card{padding:12px 8px 10px 12px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line{font-size:16px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-name-line span{margin-left:4px;font-size:11px}.doctor-team-member .doctor-list-wrapper .doctor-item .doc-info-card .doc-qualifications-list{font-size:11px;line-height:16px}}
