.smart-banner-section{position:relative;height:100vh}.smart-banner-section .container-banner-text{position:absolute;top:50%;left:10%;color:#fff;z-index:2;width:85%;white-space:normal!important}@media(max-width:1024px){.smart-banner-section .container-banner-text{top:50%;left:10%}}.smart-banner-section .container-banner-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(250deg,rgba(0,0,0,.1) 10%,rgba(0,0,0,.8) 90%);z-index:1}.smart-banner-section .container-banner-image .banner-smart{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:80% 20%;z-index:0}.smart-office-section{color:#19164f;padding:5% 8% 0}.smart-office-section .smart-office-item{background-color:#f1f1f1;border-radius:16px;padding:5% 8%;height:100%}.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{margin-bottom:2rem;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:8% auto 1rem;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-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;cursor:pointer}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide img:hover{transform:scale(1.1)}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide img.btn-disable{opacity:.5;cursor:auto}.smart-city-list-container .smart-city-list-card .smart-city-list-header .smart-city-list-slide img.btn-disable:hover{transform:scale(1)}.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)}