:root{--color-main: #00B33D;--color-main-blur: #00b33c34;--color-main-2: #61BC3F;--color-main-blur: #33cc333a;--color-white: #ffffff;--color-star: #ffb21d;--color-danger: #e94560;--color-blue: #0989FF;font-size:14px;background-color:#fff;color-scheme:only light}html,#root{background-color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:var(--color-main-2)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-main)}@media screen and (max-width: 560px){:root{font-size:12px}}.ant-modal-wrap{overflow:hidden!important}#root{margin:0;padding:0;position:relative}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000017;display:flex;justify-content:center;align-items:center;z-index:9999}.custom-loader{width:50px;height:50px;display:grid}.custom-loader:before,.custom-loader:after{content:"";grid-area:1/1;--c: radial-gradient(farthest-side, var(--color-main) 92%, rgba(179, 53, 53, 0));background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s2 1s infinite}.custom-loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes s2{to{transform:rotate(.5turn)}}.app{position:relative}#chat-wrapper{position:fixed;bottom:0;left:0;width:100%;z-index:9999;background-color:#f8f9fa;display:flex;justify-content:space-between}#chat-wrapper .icon-chat-now button{border:none;animation:pulse512 1.5s infinite;background-color:#05da2166!important}@keyframes pulse512{0%{box-shadow:0 0 #05da8166}70%{box-shadow:0 0 0 10px #44da650a}to{box-shadow:0 0 #da674400}}.chat-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slide-in-from-bottom .3s ease-out}.list-user-chat .list-user{height:calc(100dvh - 174px - 1rem);overflow-y:auto}.list-user-chat .container-chat .list-user-left{border-right:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem);overflow-y:auto}.list-user-chat .list-user .avatar{width:48px}.list-user-chat .list-user .avatar img{width:40px!important;height:40px!important;border-radius:50%;max-width:48px!important;background-color:#f4f7fa;border:1px solid #dbe0e5;padding:.1rem}.list-user-chat .item-user-chat{transition:.3s;cursor:pointer}.list-user-chat .item-user-chat:hover{background-color:#c8d2dc29}.list-user-chat .item-user-chat__active{background-color:#919eab29}.list-user-chat .item-user-chat .user-info{width:calc(100% - 48px);padding-right:8px}.list-user-chat .item-user-chat .name{font-size:1.1rem;font-weight:500}.list-user-chat .item-user-chat .time{width:40px;font-size:.8rem}.list-user-chat .item-user-chat .lastest-mess{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:20px;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:#637381}.list-user-chat .chat-unread{color:var(--color-main);font-weight:700}.chat-header-info{height:50px;box-shadow:0 0 3px #cccccc94}.chat-header-info .avatar img{width:40px!important;height:40px!important;border-radius:50%;max-width:48px!important;background-color:#f4f7fa;border:1px solid #dbe0e5;padding:.1rem}.content-chat{height:calc(100dvh - 285px - 1.25rem);display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.container-content{height:calc(100dvh - 105px - 1.25rem)}.container-content::-webkit-scrollbar{display:none}.container-content .type-text{background-color:#fff;padding:.5rem;border-top:1px solid #ddd;z-index:10;height:130px}.container-content .message-group{display:flex;flex-direction:column}.container-content .message{max-width:60%}.container-content .text-right{text-align:right}.container-content .text-left{text-align:left}.container-content .btn-send{background-color:var(--color-blue);color:var(--color-white);padding:5px 8px;border-radius:5px;cursor:pointer}.chat-page .container-chat{border:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem)}@media (max-width: 767px){.container-chat .list-user-left{min-height:0px!important;height:0px!important}}.container-chat .list-user-left{border-right:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem)}#content-chat{min-height:calc(100dvh - 105px - 1.25rem)}.footer{position:relative;background-color:var(--color-main);color:var(--color-white);font-weight:450;overflow:hidden}.footer:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background-image:url(https://iconnect.pt/wp-content/uploads/2022/11/contact_globe-2.svg);background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%);animation:rotate 20s linear infinite;background-size:cover}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.footer .about_us .icon img{width:15px}.footer .about_us .social img{width:30px}.footer .list-info>div{padding-right:15px}.footer .about_us .social .item-social{background-color:var(--color-white);color:var(--color-main);width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-main);transition:.3s}.footer .about_us .social .item-social:not(:last-child):hover{background-color:var(--color-main);color:var(--color-white);border:1px solid #ffffff}.header-sm .header-top{font-weight:500;color:var(--color-white);background-color:var(--color-main)}.header-sm .logo img{max-width:140px}.header-sm .header-mid .header-login-icon span{display:flex;height:44px;width:44px;justify-content:center;align-items:center;border:2px solid rgba(1,15,28,.1);border-radius:50%;margin-right:10px}.header-sm .header-mid .header-login-content p{font-size:12px;font-weight:500;display:inline-block;color:#767a7d;line-height:1}.header-sm .header-mid .header-login-content div{font-weight:400}.header-sm{box-shadow:0 0 10px #03041c1a}.header-sm .user-header-md{font-size:1.5rem}.header-sm .header-mid .cart img{display:initial}.header_sticky{position:fixed;z-index:99;width:100vi;background-color:#fff;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header_sticky .logo img{max-width:140px}.header_sticky .header-mid .header-login-icon span{display:flex;height:44px;width:44px;justify-content:center;align-items:center;border:2px solid rgba(1,15,28,.1);border-radius:50%;margin-right:10px}.header_sticky .header-mid .header-login-content p{font-size:12px;font-weight:500;display:inline-block;color:#767a7d;line-height:1}.header_sticky .header-mid .header-login-content div{font-weight:400}.header_sticky{box-shadow:0 4px 10px #03041c1a}.header_sticky .user-header-md{font-size:1.5rem}.header_sticky .header-mid .cart img{display:initial}.header{background-color:var(--color-white)}.header .header-top{font-weight:500;color:var(--color-white);background-color:var(--color-main)}.header .logo img{max-width:140px}.header .header-mid .header-login-icon span{display:flex;height:44px;width:44px;justify-content:center;align-items:center;border:2px solid rgba(1,15,28,.1);border-radius:50%;margin-right:10px}.header .header-mid .header-login-content p{font-size:12px;font-weight:500;display:inline-block;color:#767a7d;line-height:1}.header .header-mid .header-login-content div{font-weight:400}.sticky-header{box-shadow:0 4px 10px #03041c1a}.header .user-header-md{font-size:1.5rem}.header .header-mid .cart img{display:initial}.header .header-bottom{padding-top:8px;border-top:1px solid rgba(1,15,28,.1)}.header .header-bottom .btn-categories{background-color:var(--color-main);color:var(--color-white);padding:10px;border:1px solid var(--color-main)}.header .header-bottom .categories{position:relative}.header .header-bottom .list-category{position:absolute;display:none;z-index:10}.header .header-bottom .categories:hover>.btn-categories{background-color:var(--color-white);border:1px solid var(--color-main);color:var(--color-main);transition:.3s}.header .header-bottom .categories:hover>.list-category{display:block}.header .header-bottom .list-category{background-color:var(--color-white);min-width:300px}.header .header-bottom .list-category .item-category{padding:10px;border-bottom:1px solid rgba(1,15,28,.1);cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-white)}.header .header-bottom .list-category .item-category:hover{background-color:var(--color-main-2);color:var(--color-white)}.header .header-bottom .item-menu{padding:0 10px;font-weight:500;font-size:1.1rem}.header .header-bottom .call-us .hotline{color:#55585b;font-size:12px;font-weight:500;margin-bottom:2px;line-height:1}.logo-drawer{width:200px}.chat-bubble-wrapper{position:relative;display:inline-block;transition:all .5s ease}.chat-text-bubble{background-color:#fff;padding:12px 20px;border-radius:20px;box-shadow:0 4px 12px #00000026;max-width:200px;border:2px solid #0068FF;position:relative}.chat-text{margin:0;font-size:14px;color:#333;font-weight:500;line-height:1.4}.close-button-outside{position:absolute;top:-8px;right:-8px;background:#ef4444;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;color:#fff;width:25px;height:25px;box-shadow:0 2px 8px #ef44444d;z-index:10}.close-button-outside:hover{background-color:#dc2626;transform:scale(1.15);box-shadow:0 4px 12px #ef444480}.close-button-outside:active{transform:scale(.95)}.close-button-outside svg{width:16px;height:16px}.chat-arrow{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #0068FF}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.chat-bubble-wrapper.show{animation:slideInLeft .5s ease forwards;opacity:1}.chat-bubble-wrapper.hide{animation:slideOutLeft .5s ease forwards;opacity:0}@keyframes pulseZalo{0%,to{box-shadow:0 0 #0068ffb3}50%{box-shadow:0 0 0 15px #0068ff00}}.zalo-button{animation:pulseZalo 2s infinite}.zalo-button:hover{animation:none}@media (max-width: 768px){.chat-text-bubble{max-width:180px;padding:10px 16px}.chat-text{font-size:12px}.close-button-outside{width:24px;height:24px;padding:4px;top:-6px;right:-6px}.close-button-outside svg{width:14px;height:14px}}