:root{--color-gray:#333;--color-yellow:#e6ff00;--color-blue:#1e2d4f;--color-orange:#ef5b1e;--color-light-orange:rgba(239,91,30,0.9);--color-lightgray:#e5e5e5;--color-theme:#00824a;--color-darkgreen:#008f51;--color-darkdarkgreen:#035733;--color-white:#FFF;--color-black:#000;--margin-normal:1rem;--margin-large:2rem;--margin-40:2.3rem;--padding-normal:10px;--line-height-normal:1.5;--font-size-normal:1rem;--font-size-middle:1.25rem;--font-size-large:1.5rem}.background-white{background-color:var(--color-white)}.self-response-width{width:calc(100% - calc(100% - 80rem))}.marginRight25{margin-right:.5rem !important}.form-box .input-box input{max-width:35rem}.padding-lr-normal{padding:0}.margin-bottom-48{margin-bottom:3rem}.padding-10{padding:0 10px}.margin-bottom-normal{margin-bottom:var(--margin-normal)}@media(max-width:768px){.self-response-width{width:100%}.center-box{box-sizing:border-box}.padding-lr-normal{padding:0 var(--padding-normal)}}.top-banner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;height:300px}.top-banner img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.top-banner{height:auto}.top-banner img{aspect-ratio:790 / 240}}.header-container{width:100%;margin-top:var(--margin-normal)}.common-title,.single-title{font-size:2rem;color:var(--color-theme);position:relative;box-sizing:border-box;text-align:center;line-height:var(--line-height-normal)}.sub-title{font-size:1.5rem;color:var(--color-theme);text-align:center;line-height:var(--line-height-normal)}@media(max-width:768px){.single-title{font-size:1.5rem}.sub-title{font-size:1rem;text-indent:2em}}.common-title::after{content:"";width:5rem;height:4px;background:var(--color-blue);position:absolute;left:calc((100% - 5rem) / 2);bottom:-1rem}.sub-title sup{vertical-align:super;font-size:.8em;margin-left:2px;line-height:0}.common-description{font-size:1rem;line-height:var(--line-height-normal)}.margin-top-40{margin-top:var(--margin-40)}.margin-bottom-40{margin-bottom:var(--margin-40)}.margin-top-normal{margin-top:var(--margin-normal)}.asean-box{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:2rem;align-items:start}@media(max-width:768px){.asean-box{grid-template-columns:1fr;gap:2rem}}.asean-box .image{display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}.asean-box .image img{width:100%;height:auto;object-fit:contain;border-radius:.5rem}.content p{color:var(--color-gray);font-size:1rem;line-height:var(--line-height-normal);margin-bottom:1rem}.logo-background{background-image:linear-gradient(to bottom,#fff 40%,#fff 40%),url("../../images/topic/asean-fourth/pc-bg-1.webp");background-size:100% 40%,100% 60%;background-position:top,bottom;background-repeat:no-repeat;padding-bottom:4rem}@media(max-width:768px){.logo-background{background-image:linear-gradient(to bottom,#fff 50%,#fff 50%),url("../../images/topic/asean-fourth/mc-bg-1.webp");background-size:100% 50%,100% 50%;background-position:top,bottom;background-repeat:no-repeat;padding-bottom:4rem}}.logo-box{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:2rem;align-items:center;justify-items:center;background-color:var(--color-white);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border-radius:.5rem;box-sizing:border-box;padding:1rem}@media(max-width:768px){.logo-box{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin:.5rem}}.logo-box .logo-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-box .logo-icon img{height:5rem;max-width:100%;object-fit:contain}.logo-icon p{color:#323232;margin-top:1rem;text-align:center;font-size:.875rem;font-weight:600}.mdt-group-container{width:100%}.mdt-group-background{background-image:url("../../images/topic/asean-fourth/pc-bg-2.webp"),linear-gradient(to bottom,#f5f5f5 40%,#f5f5f5 40%);background-size:100% 35%,100% 35%;background-position:top,bottom;background-repeat:no-repeat}@media(max-width:768px){.mdt-group-background{background-image:url("../../images/topic/asean-fourth/mc-bg-2.webp"),linear-gradient(to bottom,#f5f5f5 35%,#f5f5f5 35%);background-size:100% 35%,100% 35%}}.mdt-avatar-list{display:flex;justify-content:space-between;box-sizing:border-box;padding:2rem 0;text-align:center}.avatar-gallery{width:100%;height:12rem}@media(max-width:768px){.mdt-avatar-list{padding:1rem 0}.avatar-gallery{height:6rem}}.avatar-item{box-sizing:border-box;padding:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.avatar-item img{width:7.5rem;aspect-ratio:1 / 1;border-radius:50%;will-change:transform;transition:all .3s cubic-bezier(0.18,0.89,0.32,1.28);transform:translateZ(0)}.avatar-item img:hover{border:2px solid var(--color-theme);transform-origin:bottom center;transform:scale(1.1) translateZ(0);cursor:pointer}.mdt-group-item{width:100%}.mdt-group-item .mdt-box{display:grid;grid-template-columns:minmax(15rem,20rem) 1fr;grid-template-rows:auto;border-radius:.5rem;margin:.5rem .5rem var(--margin-normal);box-shadow:0 4px 8px 0 rgba(0,0,0,0.1)}@media(max-width:768px){.mdt-group-item .mdt-box{grid-template-columns:1fr}}.mdt-box .mdt-avatar{width:100%;box-sizing:border-box;padding:0 .5rem;justify-content:center;align-items:center}.mdt-avatar.swiper-slide-active img{border:5px solid var(--color-theme);transform:scale(1.1)}.mdt-avatar img{max-width:100%;height:auto}.mdt-images{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.mdt-images img{width:100%}.patient-example{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:.5rem .5rem var(--margin-normal);box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:.5rem}@media(max-width:768px){.patient-example{grid-template-columns:1fr;gap:1rem;background:transparent !important;box-shadow:none !important;border-radius:0 !important}}.patient-example details{box-sizing:border-box;padding:1rem}.patient-example-item{display:flex;flex-direction:column;justify-content:space-between}.patient-example-item .patient-example-title{font-weight:bold;cursor:pointer;font-size:var(--font-size-large)}@media(min-width:769px){.patient-example-item .patient-example-title{list-style:none;margin-bottom:var(--margin-normal)}}@media(max-width:768px){.patient-example-item{box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:.5rem;background:var(--color-white)}.patient-example-item .patient-example-title{padding:.5rem 0;font-size:var(--font-size-normal)}.mdt-box{padding-top:0;padding-bottom:0}}.patient-example-description{min-height:17rem;display:flex;flex-direction:column;justify-content:space-evenly}.patient-example-description p{line-height:var(--line-height-normal);font-size:var(--font-size-normal);margin-bottom:var(--margin-normal)}.patient-example-image img{max-width:100%;border-radius:.5rem}.more-button{width:100%;padding:var(--margin-normal) 0 var(--margin-normal) var(--margin-normal);text-align:right;box-sizing:border-box}.more-button a{color:var(--color-theme);text-decoration:none;font-size:var(--font-size-normal);font-weight:bold}.mdt-context-list{border-radius:.5rem}.mdt-info{padding:1rem;box-sizing:border-box;position:relative}.mdt-info .mdt-name{font-size:2rem;color:var(--color-theme);line-height:var(--line-height-normal)}.mdt-info .mdt-label{color:var(--color-gray);font-size:var(--font-size-normal);margin:.5rem 0;line-height:var(--line-height-normal)}.mdt-info .mdt-title{font-size:var(--font-size-large);font-weight:600;margin:1rem 0}.show-more{display:none}@media(max-width:768px){.mdt-info .mdt-title{font-size:var(--font-size-normal);margin:.8rem 0}.mdt-info .mdt-label{font-size:.875rem}.wonderful-review .m-toggle,.mdt-description .m-toggle{display:none}.wonderful-review .m-toggle.active,.mdt-description .m-toggle.active{opacity:1;display:block}.show-more{display:block;text-align:center}}.mdt-info .mdt-description p{line-height:var(--line-height-normal);font-size:var(--font-size-normal);margin-bottom:var(--margin-normal)}.mdt-image-item img{border-radius:.5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,0.02)}.mdt-description .talk-to-mdt{text-decoration:none;box-sizing:border-box;padding:.875rem 1rem;border-radius:.5rem;background:var(--color-theme);color:var(--color-white);display:block;text-align:center}@media(min-width:769px){.mdt-description .talk-to-mdt{position:absolute;top:1rem;right:1rem}}@media(max-width:768px){.mdt-description .talk-to-mdt{width:100%;margin:1rem 0}}.asean-skill .swiper-container{box-sizing:border-box;padding:5px}.asean-skill .swiper-wrapper{width:100%;height:100%;box-sizing:border-box;padding-bottom:1rem}.asean-skill .swiper-wrapper .swiper-slide{height:33rem;background:var(--color-white);box-shadow:-2px 1px 4px 0 rgba(0,0,0,0.05);border-radius:.5rem;box-sizing:border-box;position:relative;pointer-events:none;&:hover{transform:translate(0,3px);&:after{content:"";width:10rem;height:.125rem;background:#009454;position:absolute;bottom:0;left:calc((100% - 10rem) / 2)}}}@media(max-width:768px){.asean-skill .swiper-wrapper .swiper-slide{height:31rem}}.asean-skill{box-sizing:border-box;position:relative;width:100%;margin-bottom:2rem}.asean-skill img.video-cover{border-top-left-radius:.5rem;border-top-right-radius:.5rem;width:100%;height:14rem;object-fit:cover}.asean-skill .video-text dl dt{font-size:1.25rem;font-weight:bold;color:#333;padding:1rem 1rem .5rem 1rem;box-sizing:border-box}.asean-skill .video-text dl dd.video-intro{font-size:1rem;font-weight:400;color:var(--color-gray);line-height:1.5rem;padding:0 1rem 0 1rem;box-sizing:border-box;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;text-overflow:ellipsis;margin-bottom:.75rem}.asean-skill .video-more-link{width:100%;text-align:right;box-sizing:border-box;padding-right:1rem;padding-bottom:1.5rem;pointer-events:auto;position:absolute;right:.625rem;bottom:0}.asean-skill .video-more-link a{color:#009454;text-decoration:none;font-size:1.125rem}.asean-skill .more-skill{display:flex;width:100%;justify-content:end;margin-top:1rem}.asean-skill-wrapper .swiper-pagination{display:flex;align-items:center;justify-content:center;width:100%}.br{display:none}@media(max-width:768px){.br{display:block}}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh}@media(max-width:768px){.modal-content{width:100%}}.modal-image{max-width:100%;max-height:100%;border-radius:.5rem}.mdt-container .swiper-container{box-sizing:border-box;padding:5px}.mdt-container .swiper-slide:hover{transform:translate(0,1px)}.mdt-container{width:100%;position:relative}.mdt-wrap-item{height:max-content;background:#FFFFFF;box-shadow:-2px 1px 4px 0 rgba(0,0,0,0.05);border-radius:.5rem;box-sizing:border-box;padding-bottom:1px;&:hover{&:after{content:"";width:8.75rem;height:.125rem;background:var(--color-theme);position:absolute;bottom:0;left:calc((100% - 8.75rem) / 2)}}}.mdt-wrap-item dl dt.image{background:var(--color-white);border-radius:.5rem}.mdt-wrap-item dl dt.image img{width:100%;height:20rem;object-fit:contain;border-radius:.5rem}@media(max-width:768px){.mdt-wrap-item dl dt.image img{height:12rem}.font-size-1{font-size:1rem}}.mdt-wrap-item dl dd{padding:.5rem .5rem 0 1rem;box-sizing:border-box}.mdt-wrap-item dl dd.doctor-name{font-size:1.2rem;font-weight:bold;color:var(--color-gray)}.mdt-wrap-item dl dd.tag-list{padding:0 1rem 0 1rem;box-sizing:border-box}.mdt-wrap-item dl dd.tag-list span{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-theme);box-sizing:border-box;padding:.3125rem 0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mdt-wrap-item dl dd.intro{font-size:1rem;font-weight:400;color:#666;min-height:6rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.5}.mdt-wrap-item dl dd.link{background:var(--color-theme);border-radius:.25rem;text-align:center;width:calc(100% - 2rem);box-sizing:border-box;padding:.5rem 0;margin:1rem auto 5px}.mdt-wrap-item dl dd.link a{font-weight:400;color:#fff;text-decoration:none;font-size:1.143rem}.mdt-pagination{width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mdt-container .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("../../images/home/arrow/left@2x.png");width:1.375rem;height:4.125rem;background-size:1.375rem 4.125rem;left:-40px}.mdt-container .swiper-button-next,.swiper-container-rtl .swiper-button-prev{width:1.375rem;height:4.125rem;background-size:1.375rem 4.125rem;background-image:url("../../images/home/arrow/right@2x.png");right:-40px}.service-chain .swiper-container{height:100%}.service-chain .swiper-slide{display:flex;gap:1rem;z-index:1}.service-chain .swiper-slide:hover{transform:none !important}@media(min-width:769px){.swiper-slide .larger-image{flex:5}}@media(max-width:768px){.swiper-slide .larger-image{width:100%}}.swiper-slide .larger-image{position:relative}.swiper-slide .larger-image img{width:100%;height:100%;object-fit:cover;border-radius:5px}.swiper-slide .larger-image::before{content:attr(data-title);width:100%;position:absolute;left:0;bottom:0;font-size:var(--font-size-normal);background-color:rgba(0,0,0,.8);text-align:center;color:var(--color-white);z-index:1;display:block;padding:.5rem;line-height:var(--line-height-normal);box-sizing:border-box}.swiper-slide .detail-slide{width:100%}@media(min-width:769px){.swiper-slide .detail-slide{flex:5}}.thumbnail-box img{min-width:13rem;max-height:7rem;height:auto;aspect-ratio:auto 370 / 251;object-fit:cover;object-position:top center;border-radius:5px}.service-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:2rem;width:100%;margin-bottom:4rem}.service-container .service-chain{grid-column:1 / -1;grid-row:1 / -1;width:100%}@media(max-width:768px){.service-container .service-chain{width:100%;box-sizing:border-box;padding:0 .5rem}.history-title{font-size:var(--font-size-middle) !important}}.thumbnail-box{grid-column:2;grid-row:2;z-index:2;overflow:hidden}.service-chain .swiper-pagination{width:inherit;margin-top:1rem}.top-text .title{font-size:.875rem;margin-bottom:.5rem}.top-text .list{list-style:none}.top-text .list li{font-weight:600;line-height:var(--line-height-normal);font-size:.875rem;position:relative;padding-left:1rem;box-sizing:border-box;margin-bottom:.5rem}.top-text .list li::before{content:"";position:absolute;top:.5rem;left:0;width:.5rem;height:.5rem;background:var(--color-theme);border-radius:50%}.top-text p{line-height:1.5;margin-top:.5rem;font-size:1rem}.top-text .intro strong{color:var(--color-theme);font-size:1.2em}.gallery-thumbs .swiper-slide{height:100%;opacity:.98;padding:5px;background:transparent}.gallery-thumbs .swiper-slide-active{opacity:1}.gallery-thumbs button:hover{cursor:pointer}@media(max-width:768px){.wonderful-review{box-sizing:border-box;padding:1rem .5rem}.thumbnail-box{display:none}.service-container{width:100%;margin-bottom:1rem;grid-template-columns:1fr;grid-template-rows:auto}.service-chain .swiper-slide{display:block}.service-chain .swiper-pagination{width:100%;margin-top:-1rem}.top-text .title{font-size:1rem;margin:1rem 0}.top-text p{line-height:1.5;margin-top:.5rem;font-size:1rem}.swiper-slide .larger-image{overflow:hidden;width:100%}.swiper-slide .larger-image picture{width:100%;height:auto}.swiper-slide .larger-image img{max-width:100%;height:auto;aspect-ratio:auto 1038 / 779;object-fit:contain;border-radius:5px}.wonderful-review-wrapper{box-sizing:border-box;width:100%;padding:0 .5rem;margin:0 auto}.wonderful-review-wrapper img{max-width:100%;height:auto;padding-top:1rem}.wonderful-review-wrapper .swiper-slide{position:relative}.wonderful-review-wrapper .swiper-pagination-progress{position:absolute}.wonderful-review-wrapper .swiper-pagination-progress .swiper-pagination-progressbar{left:-6px;top:-5px;background:var(--color-theme)}.wonderful-review-wrapper .swiper-slide::before{content:attr(data-title);max-width:100%;height:auto;position:absolute;left:0;bottom:0;font-size:var(--font-size-normal);background-color:rgba(0,0,0,.8);text-align:center;color:var(--color-white);z-index:1;display:block;padding:.5rem;line-height:var(--line-height-normal);box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}}.text-align-left{text-align:left}.common-description b{font-size:1.5em}.scene-drawing-container{width:100%}@media(max-width:769px){.scene-drawing-container{box-sizing:border-box;padding:0 .5rem}.p-1{padding:0 .5rem}}.scene-drawing-item{box-shadow:0 1px 4px 0 rgba(0,0,0,0.05)}.scene-drawing-item img{max-width:100%;border-radius:.5rem}.swiper-slide:hover{transform:none !important}.atlas-box{width:100%;margin:6.143rem 0 3rem}#slide{margin:0 auto;width:54.286rem;height:39.286rem;position:relative}#slide li{position:absolute;width:54.286rem;display:-webkit-box;display:-webkit-flex;display:flex;align-items:flex-start;background:#fff;overflow:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border-radius:8px}#slide li img{width:100%;height:100%;object-fit:cover;border-radius:8px}.arrow .prev,.arrow .next{position:absolute;width:64px;top:38%;z-index:9;font:700 6.857rem 'simsun';opacity:1;color:#fff;cursor:pointer}.arrow .prev{left:-15.714rem}.arrow .next{right:-15.714rem}.arrow .prev:hover,.arrow .next:hover{color:#049b59;opacity:.7}@media screen and (max-width:768px){.atlas-box{width:100%;margin:4rem 0}#slide{margin:0 auto;width:20rem;height:13rem;position:relative}#slide li{position:absolute;width:320px;display:-webkit-box;display:-webkit-flex;display:flex;align-items:flex-start;background:#fff;overflow:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border-radius:8px}#slide li img{width:100%;height:100%;object-fit:cover;border-radius:8px}#slide .arrow .prev,#slide .arrow .next{position:absolute;width:32px;top:38%;z-index:9;font:700 6.857rem 'simsun';opacity:.6;color:#049b59;cursor:pointer}#slide .arrow .prev{left:0}#slide .arrow .next{right:0}#slide .arrow .prev:hover,#slide .arrow .next:hover{color:#049b59;opacity:.9}}.wrapper-form .tips{position:relative}.wrapper-form .form-background{background:0}.wrapper-form .form-box{animation-name:none}.wrapper-form .form-background::before{background-image:none}#foot-form-topic-1{padding-top:4rem;position:relative}#foot-form-topic-1::before{content:"Apakah Anda juga ingin pakar onkologi dari ASEAN membantu mengevaluasi kondisi Anda?";position:absolute;right:0;left:50%;transform:translateX(-50%);color:var(--color-theme);top:16px;line-height:1.5;font-size:1.2rem;width:100%;box-sizing:border-box;padding:.5rem 1.5rem;font-weight:bold;text-align:center}.wrapper-form .form-background::before{background-image:none}.form-wrap .title{display:none}.form-box form:hover{transform:translate(0,-0.01%)}.form-background.height-auto{height:auto}.height-auto .common-title{color:var(--color-white)}.height-auto .common-title::after{background:var(--color-white)}.more-button a.disabled{pointer-events:none;color:#999;cursor:not-allowed;opacity:.7}.subscribe-img{width:100%}.subscribe-img img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:.5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);&:hover{cursor:pointer}}.subscribe-box{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-radius:.5rem}@media(max-width:768px){.subscribe-box{grid-template-columns:1fr;box-sizing:border-box;padding:0 .5rem}.s-title{box-sizing:border-box;padding:0 .5rem;line-height:var(--line-height-normal);font-size:var(--font-size-middle);margin-bottom:var(--margin-normal);text-align:center}.subscribe-img{box-sizing:border-box;padding:0 .5rem}}.subscribe-box details{box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);box-sizing:border-box;padding:1rem;border-radius:.5rem}.subscribe-box details summary{margin-bottom:var(--margin-normal);font-size:var(--font-size-middle);line-height:var(--line-height-normal);color:var(--color-gray);min-height:3rem;font-weight:600}@media(min-width:769px){.subscribe-box details summary{list-style:none}}@media(max-width:768px){.subscribe-box details summary{font-size:1.125rem;font-weight:500;min-height:auto}}.subscribe-list{list-style:none}.subscribe-list li{line-height:var(--line-height-normal);font-size:var(--font-size-normal);color:var(--color-gray);margin:.5rem 0;padding-left:1rem;position:relative}.subscribe-list li::before{content:"✓";position:absolute;top:0;left:0;width:.5rem;height:.5rem;color:var(--color-theme);font-weight:600}