.smart-banner-card{position:relative;width:100%!important;padding:100px 235px 216px 169px!important;background-color:#d9d9d9;justify-content:end}.smart-banner-card:before{content:"";position:absolute;inset:0;background-image:url(/_next/static/media/banner.badc02ad.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:1;z-index:0}.smart-banner-card:after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.5);z-index:1}.smart-banner-card .overlay{position:absolute;display:block;margin-top:auto;margin-bottom:auto;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);z-index:2;align-content:center}.smart-banner-card .overlay .smart-banner-header{color:#19164f;font-size:64px!important;line-height:normal;text-align:center}@media(max-width:1195px){.smart-banner-card .overlay .smart-banner-header{font-size:32px!important}}@media(max-width:542px){.smart-banner-card .overlay .smart-banner-header{font-size:24px!important}}.smart-banner-card .overlay .smart-banner-subheader{color:#19164f;font-size:32px!important;font-style:normal;padding:0 10vw!important;text-align:center}@media(max-width:1195px){.smart-banner-card .overlay .smart-banner-subheader{font-size:24px!important;max-width:800px;padding:0 5vw!important}}@media(max-width:542px){.smart-banner-card .overlay .smart-banner-subheader{font-size:20px!important}}@media(max-width:1195px){.smart-banner-card{align-items:center;min-height:500px;padding:100px 5vw 137px!important}}@media(max-width:542px){.smart-banner-card{min-height:450px;padding:0 5vw 80px!important}}.smart-office-card{min-height:734px;padding:68px 122px 52px!important;background-color:#fff}@media(max-width:1195px){.smart-office-card{min-height:0;padding:20px 5vw!important}}.smart-office-card .smart-office-header-card{width:100%;max-width:1196px;display:flex;justify-content:space-between;gap:40px;margin-bottom:86px!important}@media(max-width:1008px){.smart-office-card .smart-office-header-card{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:30px!important}}.smart-office-card .smart-office-header-card .smart-office-header-card-header{color:#19164f;font-size:48px!important;font-weight:600}@media(max-width:1195px){.smart-office-card .smart-office-header-card .smart-office-header-card-header{font-size:32px!important}}.smart-office-card .smart-office-header-card .smart-office-header-card-subheader{max-width:584px;color:#19164f;font-size:24px!important;font-weight:400}@media(max-width:1195px){.smart-office-card .smart-office-header-card .smart-office-header-card-subheader{font-size:20px!important}}.smart-office-card .smart-office-body{display:flex;gap:64px}@media(max-width:1241px){.smart-office-card .smart-office-body{gap:20px}}@media(max-width:756px){.smart-office-card .smart-office-body{flex-direction:column;max-width:356px}}.smart-office-card .smart-office-body .smart-office-body-box{max-width:356px;min-height:420px;width:100%;height:100%;border-radius:16px;background:#d9d9d9;display:flex;flex-direction:column;justify-content:space-between;padding:46px 34px!important;gap:8px}.smart-office-card .smart-office-body .smart-office-body-box .smart-office-card-img{width:60%!important;background-color:#fff;border-radius:50%;object-fit:cover}.smart-office-card .smart-office-body .smart-office-body-box .smart-office-body-box-header{color:#19164f;font-size:24px!important;font-weight:500}@media(max-width:1195px){.smart-office-card .smart-office-body .smart-office-body-box .smart-office-body-box-header{font-size:20px!important}}.smart-office-card .smart-office-body .smart-office-body-box .smart-office-body-box-subheader{color:#19164f;font-size:16px!important;font-weight:400}.smart-sarabun-card{min-height:659px;padding:52px 122px 61px!important;background-color:#fff}@media(max-width:1195px){.smart-sarabun-card{min-height:0;padding:20px 5vw!important}}.smart-sarabun-card .smart-sarabun-header{color:#19164f;text-align:center;font-size:48px!important;font-weight:600;margin-bottom:8px!important}@media(max-width:1195px){.smart-sarabun-card .smart-sarabun-header{font-size:32px!important;margin-bottom:10px!important}}.smart-sarabun-card .smart-sarabun-subheader{color:#19164f;text-align:center;font-size:24px!important;font-weight:400;margin-bottom:56px!important}@media(max-width:1195px){.smart-sarabun-card .smart-sarabun-subheader{font-size:20px!important;margin-bottom:30px!important;max-width:600px}}.smart-sarabun-card .smart-sarabun-box{display:flex;gap:40px}@media(max-width:1300px){.smart-sarabun-card .smart-sarabun-box{flex-direction:column-reverse;gap:30px}}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail{display:flex;flex-direction:column;gap:32px}@media(max-width:756px){.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail{gap:20px}}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper{display:flex;flex-direction:column;gap:8px}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-header{color:#19164f;font-size:20px!important;font-weight:600}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row{display:flex;gap:15px}@media(max-width:756px){.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row{gap:8px;align-items:center}}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row .smart-sarabun-box-detail-icon{width:32px;height:32px;flex-shrink:0;aspect-ratio:1/1}@media(max-width:756px){.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row .smart-sarabun-box-detail-icon{width:20px;height:20px}}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row .smart-sarabun-box-detail-desc{color:#19164f;font-size:20px!important;font-weight:400}@media(max-width:756px){.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-detail .smart-sarabun-box-detail-wrapper .smart-sarabun-box-detail-row .smart-sarabun-box-detail-desc{font-size:16px!important}}.smart-sarabun-card .smart-sarabun-box .smart-sarabun-box-img{max-width:585px;max-height:442px;width:100%;height:100%;border-radius:10px}.smart-learn-card{min-height:917px;padding:61px 122px 90px!important;background-color:#fff}@media(max-width:1172px){.smart-learn-card{min-height:0;padding:20px 5vw!important}}.smart-learn-card .smart-learn-header{color:#19164f;text-align:center;font-size:48px!important;font-weight:600;margin-bottom:8px!important}@media(max-width:960px){.smart-learn-card .smart-learn-header{font-size:32px!important}}.smart-learn-card .smart-learn-subheader{color:#19164f;text-align:center;font-size:24px!important;font-weight:400;margin-bottom:40px!important}@media(max-width:1172px){.smart-learn-card .smart-learn-subheader{margin-bottom:0!important}}@media(max-width:960px){.smart-learn-card .smart-learn-subheader{font-size:20px!important}}.smart-learn-card .smart-learn-detail{position:relative;width:100%;max-width:1196px}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper{margin:2rem auto;display:flex;align-items:center;justify-content:center;position:-webkit-sticky;position:sticky;top:0}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card{display:flex;flex-direction:column;position:relative;width:100%;border-radius:16px;padding:73px 65px;transform-origin:top;color:#fff;border:none}@media(max-width:970px){.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card{padding:50px;margin-top:5rem}}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box{display:flex;gap:65px;justify-content:center;align-items:center}@media(max-width:780px){.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box{flex-direction:column;gap:30px}}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description{max-width:525px}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-header{font-size:36px!important;font-weight:600}@media(max-width:780px){.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-header{font-size:24px!important}}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-header.dark{color:#19164f}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-header.light{color:#fff}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-desc{font-size:24px!important;font-weight:400}@media(max-width:780px){.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-desc{font-size:20px!important}}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-desc.dark{color:#19164f}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .description .smart-learn-detail-desc.light{color:#fff}.smart-learn-card .smart-learn-detail .smart-learn-detail-wrapper .smart-learn-detail-wrapper-card .smart-learn-detail-box .imageContainer{max-width:473px;border-radius:25px;overflow:hidden}.smart-hospital-banner{border-radius:16px}.smart-hospital-card{padding:68px 122px 52px;display:flex;flex-direction:column}.smart-hospital-card h2,.smart-hospital-card h3,.smart-hospital-card li,.smart-hospital-card p{color:#19164f}.smart-hospital-card .smart-hospital-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.smart-hospital-card .smart-hospital-content{display:flex;justify-content:center;width:100%;gap:68px;margin-top:56px}.smart-hospital-card .smart-hospital-content .smart-hospital-content-image img{width:540px;height:467px;object-fit:contain}.smart-hospital-card .smart-hospital-content .smart-hospital-content-text ul{margin-top:24px}.smart-hospital-card .smart-hospital-content .smart-hospital-content-text ul li{list-style:disc;font-size:24px}.smart-hospital-card .smart-hospital-list{display:flex;gap:32px;margin-top:40px;justify-content:center;flex-wrap:wrap}.smart-hospital-card .smart-hospital-list .smart-hospital-list-item{width:376px}@media screen and (max-width:1280px){.smart-hospital-card .smart-hospital-list .smart-hospital-list-item{width:300px}}@media screen and (max-width:431px){.smart-hospital-card .smart-hospital-list .smart-hospital-list-item{width:340px}}@media screen and (max-width:321px){.smart-hospital-card .smart-hospital-list .smart-hospital-list-item{width:280px}}.smart-hospital-card .smart-hospital-list .smart-hospital-list-item img{height:240px;width:100%;object-fit:contain}.smart-hospital-card .smart-hospital-list .smart-hospital-list-item p{margin-bottom:16px!important;font-weight:600}.smart-hospital-card .smart-hospital-list .smart-hospital-list-item .smart-hospital-list-item-list{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%}.smart-hospital-card .smart-hospital-list .smart-hospital-list-item .smart-hospital-list-item-list p{width:90%;font-weight:400;margin-bottom:0!important}.smart-city-container{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f1f1f1;padding:68px 122px 52px}.smart-city-container h2,.smart-city-container h3,.smart-city-container p{color:#19164f}.smart-city-container .smart-city-card .smart-city-header{display:flex;align-items:center;justify-content:space-between}.smart-city-container .smart-city-card .smart-city-header h2{width:60%}.smart-city-container .smart-city-card .smart-city-img{margin-top:58px;display:flex;align-items:center;justify-content:center}.smart-city-container .smart-city-card .smart-city-img img{max-width:1196px;width:100%;height:405px;object-fit:fill;border-radius:16px}.smart-city-container .smart-city-card .smart-city-list{display:flex;gap:32px;margin-top:40px;justify-content:center;flex-wrap:wrap;row-gap:32px;column-gap:114px}.smart-city-container .smart-city-card .smart-city-list .smart-city-list-item{width:314px;display:flex;flex-direction:column;align-items:center;gap:13px}.smart-city-container .smart-city-card .smart-city-list .smart-city-list-item img{width:150px;height:150px;border-radius:50%;object-fit:cover}.smart-city-container .smart-city-card .smart-city-list .smart-city-list-item p{font-weight:400;text-align:center}.smart-city-list-container{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#19164f;padding:68px 120px 52px}.smart-city-list-container .smart-city-list-card .smart-city-list-header{display:flex;justify-content:space-between}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-header-text{width:60%}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-header-text h2,.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-header-text p{color:#fff}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide{display:flex;gap:40px}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide img{width:48px;height:48px}.smart-city-list-container .smart-city-list-card .smart-city-list-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:42px}.smart-city-list-container .smart-city-list-card .smart-city-list-content p{color:#19164f}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item{padding:100px 40px;border-radius:16px;width:378px;height:500px;background-color:#eaeaea}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item p.content{font-size:16px!important;margin-bottom:32px!important}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item .smart-city-list-item-list{display:flex;justify-content:space-between;gap:13px;width:100%}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item .smart-city-list-item-list p.list-item{width:90%;font-size:16px!important;font-weight:400;margin-bottom:0!important}.smart-contact-card{display:flex;flex-direction:column;padding:68px 122px 52px}.smart-contact-card .smart-contact-card-header{width:90%}.smart-contact-card .smart-contact-card-header h3{margin-bottom:20px!important}.smart-contact-card .smart-contact-card-header h3,.smart-contact-card .smart-contact-card-header p{color:#19164f}.smart-contact-card .smart-contact-card-button{width:250px;height:65px;background-color:#f26622;border-radius:36px;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px}.smart-contact-card .smart-contact-card-button p{color:#fff;font-size:20px!important;font-weight:300}@media(min-width:1850px){.smart-hospital-card .smart-hospital-list .smart-hospital-list-item{width:400px}.smart-city-container .smart-city-card .smart-city-list .smart-city-list-item{width:350px}}@media(max-width:1280px){.smart-hospital-card .smart-hospital-content{flex-wrap:wrap}.smart-hospital-card .smart-hospital-content .smart-hospital-content-image img{width:100%}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item{width:320px;padding:80px 30px}}@media(max-width:1172px){.smart-city-container,.smart-city-list-container,.smart-contact-card,.smart-hospital-card{padding:20px 5vw!important}}@media(max-width:1025px){.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item{width:250px;padding:60px 20px}}@media(max-width:769px){.smart-city-container .smart-city-card .smart-city-list .smart-city-list-item{width:250px}.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item{width:320px;padding:60px 20px}}@media(max-width:431px){.smart-hospital-card .smart-hospital-content{gap:30px}.smart-hospital-card .smart-hospital-content .smart-hospital-content-image img{height:300px}.smart-city-list-container .smart-city-list-card .smart-city-list-header{flex-wrap:wrap;gap:20px}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-header-text{width:100%}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide{width:100%;justify-content:flex-end}.smart-city-list-container .smart-city-list-card .smart-city-list-content{justify-content:center}.smart-contact-card .smart-contact-card-button{width:150px;height:40px;gap:5px}.smart-contact-card .smart-contact-card-button p{font-size:13px!important}.smart-contact-card .smart-contact-card-button svg{width:14px;height:14px}}@media(max-width:421px){.smart-hospital-card .smart-hospital-content{gap:0}.smart-city-container .smart-city-card .smart-city-header{flex-wrap:wrap}}@media(max-width:321px){.smart-city-list-container .smart-city-list-card .smart-city-list-content .smart-city-list-item{width:260px}}.smart-edoc-card{background-color:#19164f;width:100%!important;padding:5% 8%;color:#fff}.smart-edoc-card .eDoc-card{background-color:#fff;height:100%;border-radius:16px;color:#19164f;padding:clamp(2rem,2vw,4rem)}