.phone{width:344px;max-width:100%;margin:0 auto;background:#17181c;border-radius:48px;padding:12px;box-shadow:0 34px 70px rgba(20,24,50,.3)}.phone .scr{background:#fff;border-radius:38px;overflow:hidden}.phone .chead{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;font-weight:700;font-size:14px;color:#222;border-bottom:1px solid #eee}.phone .chead .bk{color:#555;font-size:18px;font-weight:400}.phone .chead .mn{margin-left:auto;color:#555;font-size:16px}.phone .chat{background:#b9c7de;padding:16px 14px 18px;min-height:300px}.phone .bub{background:#fff;border-radius:4px 16px 16px 16px;padding:12px 14px;font-size:12.5px;color:#333;line-height:1.6;max-width:230px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.rmgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;background:#3e4482;padding:4px}.rmcell{background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:3px;min-height:32px;text-align:center;color:var(--second-color);font-size:12.5px;font-weight:350}.rmcell .phone-img{overflow-clip-margin:content-box;overflow:clip;width:34px;height:34px}.rmcell b{font-size:9px}.phone .omenu{text-align:center;font-size:12.5px;font-weight:600;color:#444;padding:10px 0 14px;background:#fff}.phone-detail-box{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(20,24,50,.05);border:1px solid rgba(0,0,128,.1)!important}.phone-img-detail-box{width:48px;height:48px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center}.phone-img-detail{width:40px;height:40px}.section-ai-smart-city{margin:clamp(2rem,3vw,5rem) auto}.section-ai-smart-city .card-services{margin:1rem!important;padding:20px 30px;min-height:200px;height:100%;border:1px solid rgba(0,0,128,.1)!important;border-radius:10px!important;background-color:#fff;color:var(--primary-color)!important;display:flex;flex-direction:column;justify-content:start}.section-ai-smart-city .card-services .image-card-smart-city-container{width:100%;height:100%;border-bottom:1px solid rgba(0,0,128,.1)!important;cursor:zoom-in}.section-ai-smart-city .card-services .image-card-smart-city-container:focus-visible{outline:2px solid var(--second-color);outline-offset:2px}.section-ai-smart-city .card-services .image-card-smart-city{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.section-ai-smart-city .card-compe{padding:20px 30px;min-height:200px;height:100%;color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.section-ai-smart-city .card-blue,.section-ai-smart-city .card-compe{margin:1rem!important;background-color:var(--primary-color)!important;border-radius:10px!important;border:none!important}.section-ai-smart-city .card-blue{padding:3rem!important;color:#fff}.section-ai-smart-city .image-card{height:50%;width:auto;object-fit:cover}.section-ai-smart-city .btn-orange{background-color:var(--second-color)!important;border-radius:50px!important;padding:.75rem 1.75rem!important;font-size:20px!important;font-family:Poppins,sans-serif!important;color:#fff!important;text-align:center!important}.section-ai-smart-city .border-service3{margin:auto;max-width:1000px;border:1px solid #fad9c4;border-radius:15px;background-color:#fff6f0;padding:.75rem 1.75rem!important}.section-ai-smart-city .image-center{display:block;margin:auto}.section-service-hr-ai{margin:clamp(2rem,3vw,5rem) auto}.section-service-hr-ai .card-services{margin:1rem!important;padding:20px 30px;min-height:200px;height:100%;border:1px solid rgba(0,0,128,.1)!important;border-radius:10px!important;background-color:#fff;color:var(--primary-color)!important;display:flex;flex-direction:column;justify-content:start}.section-service-hr-ai .card-blue{margin:1rem!important;padding:3rem!important;color:#fff;background-color:var(--primary-color)!important;border-radius:10px!important;border:none!important}.section-service-hr-ai .image-card{height:50%;width:auto;object-fit:cover}.section-service-hr-ai .btn-orange{background-color:var(--second-color)!important;border-radius:50px!important;padding:.75rem 1.75rem!important;font-size:20px!important;font-family:Poppins,sans-serif!important;color:#fff!important;text-align:center!important}.section-service-hr-ai .border-service3{margin:auto;max-width:1000px;border:1px solid #fad9c4;border-radius:15px;background-color:#fff6f0;padding:.75rem 1.75rem!important}.section-service-hr-ai .image-center{display:block;margin:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.able-table{overflow-x:auto;margin:0!important;padding:0!important;min-width:300px;width:100%;border:1px solid rgba(0,0,128,.1)!important;border-radius:20px!important;border-collapse:separate!important;border-spacing:0;overflow:hidden}.able-table tbody tr:not(:last-child)>td,.able-table thead tr>th{border-bottom:1px solid rgba(0,0,128,.1)!important}.able-table thead tr:first-child>:first-child{border-top-left-radius:20px}.able-table thead tr:first-child>:last-child{border-top-right-radius:20px}.able-table tbody tr:last-child>:first-child{border-bottom-left-radius:20px}.able-table tbody tr:last-child>:last-child{border-bottom-right-radius:20px}.able-table th{padding:1rem;color:var(--primary-color);background-color:#f3f4fa}.able-table th:last-child{color:#fff;background-color:var(--second-color)}.able-table td:first-child{color:var(--primary-color);font-weight:500}.able-table td{padding:1rem}.able-table td:last-child{color:var(--primary-color);font-weight:500;border-left:1px solid var(--second-color);border-right:1px solid var(--second-color);background-color:#fff6f0}.image-preview-overlay{position:fixed;inset:0;z-index:1080;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background-color:rgba(0,0,0,.85);cursor:zoom-out}.image-preview-overlay .image-preview-close{position:absolute;top:1rem;right:1.25rem;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:hsla(0,0%,100%,.15);color:#fff;font-size:32px;line-height:1;cursor:pointer}.image-preview-overlay .image-preview-close:hover{background-color:hsla(0,0%,100%,.3)}.image-preview-overlay .image-preview-body{max-width:95vw;cursor:default;text-align:center}.image-preview-overlay .image-preview{display:block;width:auto;height:auto;max-width:95vw;max-height:85vh;border-radius:10px;object-fit:contain}.image-preview-overlay .image-preview-caption{margin:.75rem 0 0;color:#fff;font-size:16px}.section-smart-city{background:#19164f;padding:clamp(2rem,3vw,5rem) 0}.smart-city-box{background-color:hsla(0,0%,100%,.1);border-radius:20px;align-items:center;justify-content:center;display:flex;flex-direction:column;height:120px;width:230px;max-width:100%;border:1px solid hsla(0,0%,100%,.1)}.section-our-ai-solution2{background-color:#f5f7fa}.card-white{background-color:#fff;border-radius:25px;padding:2rem;height:100%}.card-white *{text-align:left}.card-white p{font-family:Kanit,sans-serif!important}.bg-circle{background-color:#f26622;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center}@media(max-width:576px){.card-white p.fn-xs-5{font-size:1rem!important}}.ai-chat-mascot{position:absolute;right:3%;bottom:10px;width:200px;height:auto}@media(max-width:1530px){.ai-chat-mascot{display:none}}