html body .main-header{width:100%}html body .main-header>header{width:100%;background-color:var(--header-background-color);background-image:var(--header-background-image);background-position:center;background-repeat:no-repeat;background-size:cover;padding:15px 0}html body .main-header>header .container .header-parent{display:flex;gap:32px;align-items:center}@media (max-width: 768px){html body .main-header>header .container .header-parent{justify-content:space-between}}html body .main-header>header .container .header-parent .right{display:flex;align-items:center;justify-content:center}html body .main-header>header .container .header-parent .center{flex:1;display:none}@media (min-width: 768px){html body .main-header>header .container .header-parent .center{display:flex}}html body .main-header>header .container .header-parent .center>ul{display:flex;height:100%;gap:32px}html body .main-header>header .container .header-parent .center>ul>li a{font-weight:500;display:flex;height:100%;font-size:14px;align-items:center;justify-content:center;color:var(--header-menu-text-color)}html body .main-header>header .container .header-parent .icons{display:flex}html body .main-header>header .container .header-parent .icons>div:first-child{padding-left:14px;margin-left:17px;border-left:1px solid var(--icon-sep)}@media (min-width: 768px){html body .main-header>header .container .header-parent .icons>div:first-child{display:flex}}html body .main-header>header .container .header-parent .icons>div:last-child{display:flex;gap:17px;flex-direction:row-reverse}html body .main-header>header .container .header-parent .icons>div>button,html body .main-header>header .container .header-parent .icons>div>a{background-color:transparent;outline:none;border:none;padding:0;cursor:pointer;align-items:center;justify-content:center;display:flex}html body .main-header>header .container .header-parent .icons>div>button.menu-responsive,html body .main-header>header .container .header-parent .icons>div>a.menu-responsive{display:flex}@media (min-width: 768px){html body .main-header>header .container .header-parent .icons>div>button.menu-responsive,html body .main-header>header .container .header-parent .icons>div>a.menu-responsive{display:none!important}}html body .main-header>header .container .header-parent .icons>div>button>i,html body .main-header>header .container .header-parent .icons>div>a>i{text-overflow:ellipsis;overflow:hidden;white-space:pre;font-size:20px;color:var(--header-menu-text-color);font-weight:700}html body .main-header>header .container .header-parent .icons>div>button>i.icon-menu,html body .main-header>header .container .header-parent .icons>div>a>i.icon-menu{font-size:30px}html body .main-header>header .container .header-parent .icons>div>button>i.icon-user,html body .main-header>header .container .header-parent .icons>div>a>i.icon-user{color:var(--header-menu-text-color)}html body .main-header>header .container>nav{padding:0 24px;background-color:var(--heaer-bottom-bg)}html body .main-header>nav.main-menu{width:100%;padding:16px 0;background-color:var(--header-nav-bg-color);display:none}@media (min-width: 768px){html body .main-header>nav.main-menu{display:flex}}html body .main-header>nav.main-menu>div{width:100%}html body .main-header>nav.main-menu ul.menu-item{display:flex;gap:30px;height:100%;flex-wrap:wrap;justify-content:flex-start;align-items:center}html body .main-header>nav.main-menu ul.menu-item>li>a{font-style:normal;font-weight:400;font-size:14px;display:flex;height:100%;color:var(--header-nav-text-color)}html body .bg-close-menu-mobile{z-index:50;position:fixed;inset:0;background:#0003;transition:all .3s ease;pointer-events:none;opacity:0}html body .bg-close-menu-mobile.active{pointer-events:all;opacity:1}html body .menu-mobile{width:256px;height:100dvh;position:fixed;right:0;top:0;bottom:0;background:var(--heaer-top-bg);z-index:60;transition:all .3s ease;padding:5px 16px 12px;overflow-x:auto;transform:translate(100%)}html body .menu-mobile.active{transform:translate(0)}html body .menu-mobile .header-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:1px solid color-mix(in srgb,var(--gray-900),transparent 90%);padding:10px 0}html body .menu-mobile .header-menu>div{display:flex;justify-content:space-between;width:100%}html body .menu-mobile .header-menu .close{width:20px;height:20px}html body .menu-mobile .header-menu .logo{width:150px}html body .menu-mobile .body-menu{padding:24px 0;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}html body .menu-mobile .body-menu>ul{display:flex;flex-direction:column;gap:16px}html body .menu-mobile .body-menu>ul li{padding:8px;font-weight:400;font-size:14px;display:flex;height:100%;color:var(--gray-500)}html body .menu-mobile .body-menu>ul li.active{background:#fae5bf1a;border-radius:2px}html body .menu-mobile .body-menu>ul li.active span{color:#fae5bf}html body .menu-mobile .body-menu>ul li.active img{filter:invert(86%) sepia(97%) saturate(1273%) hue-rotate(296deg) brightness(129%) contrast(96%)}html body .menu-mobile .body-menu>ul li a{display:flex;gap:8px;color:var(--gray-500)}html body .menu-mobile .body-menu>ul li a span{color:#fff;font-size:16px;font-weight:400;flex-shrink:0}html body .menu-mobile .body-menu>ul li a div{width:100%;height:25px;display:flex;justify-content:flex-end}html body .menu-mobile .body-menu>ul li a div.active svg{transform:rotate(-90deg)}html body .menu-mobile .body-menu>ul li a div svg{width:20px;height:20px;transition:transform .3s ease;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(94deg) brightness(106%) contrast(105%)}html body .menu-mobile .body-menu>ul li a img{width:20px;height:20px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(202deg) brightness(101%) contrast(105%);flex-shrink:0}html body .menu-mobile .footer-menu ul{display:flex}html body .menu-mobile .footer-menu ul li{display:flex;gap:8px}html body .menu-mobile .footer-menu ul li a img{width:20px;height:20px;filter:invert(86%) sepia(97%) saturate(1273%) hue-rotate(296deg) brightness(129%) contrast(96%);transform:rotate(180deg)}html body .menu-mobile .footer-menu ul li a span{color:#fae5bf;font-size:16px;font-weight:400}html body .main-footer{background-color:var(--footer-bg-color);background-image:var(--footer-background-image);background-position:center;background-repeat:no-repeat;background-size:cover;border-top:2px solid var(--light-blue-500);width:100%;padding-top:20px;padding-bottom:0}@media (max-width: 768px){html body .main-footer{padding-top:16px}}html body .main-footer .content .logo{margin-bottom:24px}@media (max-width: 768px){html body .main-footer .content .logo{margin-bottom:16px;display:flex;align-items:center;justify-content:center}}html body .main-footer .content .logo>a>img{width:auto;max-height:45px}@media (max-width: 768px){html body .main-footer .content .logo>a>img{max-height:35px}}html body .main-footer .content .footer-social-media-certificates{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}@media (max-width: 768px){html body .main-footer .content .footer-social-media-certificates{flex-direction:column;justify-content:center;align-items:center}}html body .main-footer .content .footer-social-media-certificates .certificates{display:flex;gap:16px;flex-direction:row-reverse}@media (max-width: 768px){html body .main-footer .content .footer-social-media-certificates .certificates{justify-content:center;align-items:center}}html body .main-footer .content .footer-social-media-certificates .certificates img{max-height:70px;border-radius:8px}html body .main-footer .content ul.top-menu{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--light-blue-50),transparent 90%)}@media (max-width: 768px){html body .main-footer .content ul.top-menu{gap:12px}}html body .main-footer .content ul.top-menu>li>a{font-weight:400;font-size:14px;line-height:22px;color:var(--footer-menu-text-color)}@media (max-width: 768px){html body .main-footer .content ul.top-menu>li>a{font-size:12px}}html body .main-footer .content .social-media{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){html body .main-footer .content .social-media{flex-direction:column;justify-content:center;align-items:center}}html body .main-footer .content .social-media>h4{font-weight:900;font-size:15px;color:var(--footer-text-color)}@media (max-width: 768px){html body .main-footer .content .social-media>h4{font-size:12px}}html body .main-footer .content .social-media>ul{display:flex;gap:14px;align-items:center;justify-content:center}html body .main-footer .content .social-media>ul>li{display:flex;align-items:center;justify-content:center}html body .main-footer .content .social-media>ul>li>a:hover>i{opacity:1}html body .main-footer .content .social-media>ul>li>a>i{transition:all ease .3s;opacity:.8;color:color-mix(in srgb,var(--light-blue-50),transparent 10%);font-size:20px}@media (max-width: 768px){html body .main-footer .content .social-media>ul>li>a>i{font-size:16px}}html body .main-footer .content .bottom-menu{display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 768px){html body .main-footer .content .bottom-menu{gap:16px}}html body .main-footer .content .bottom-menu>li>a{font-weight:300;font-size:14px;color:var(--footer-menu-text-color)}@media (max-width: 768px){html body .main-footer .content .bottom-menu>li>a{font-size:12px}}html body .main-footer>footer{margin-top:16px;background-color:#00000047;align-items:center;justify-content:center;display:flex;padding:3px 0;min-height:30px}html body .main-footer>footer .container{width:100%}html body .main-footer>footer .content{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}@media (max-width: 768px){html body .main-footer>footer .content{justify-content:center;align-items:center;flex-direction:column}}html body .main-footer>footer .content>p{font-weight:300;font-size:13px;color:color-mix(in srgb,var(--footer-text-color),transparent 20%)}@media (max-width: 768px){html body .main-footer>footer .content>p{font-size:10px;text-align:center}}html body .main-footer>footer .content .web-360{display:flex;font-size:12px;font-weight:300;align-items:center;flex-direction:row-reverse;gap:4px;color:var(--footer-text-color);padding-top:3px}@media (max-width: 768px){html body .main-footer>footer .content .web-360{font-size:10px}}html body .main-footer>footer .content .web-360>a{display:flex;color:var(--footer-text-color);font-size:12px;font-weight:700;flex-direction:row-reverse;gap:4px}@media (max-width: 768px){html body .main-footer>footer .content .web-360>a{font-size:10px}}@keyframes animationFooterLogo{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-180deg) scale(1.3)}to{transform:rotate(-360deg) scale(1)}}html body .main-footer>footer .content .web-360>a>img{width:14px;height:14px;animation:animationFooterLogo 4s infinite linear}html body>main{width:100%}html body>main .category-news-list{margin-top:40px;margin-bottom:60px}html body>main .category-news-list .content{display:grid;--gap: 40px;--columns: 3;grid-template-columns:repeat(var(--columns),calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)));gap:var(--gap)}@media (max-width: 1200px){html body>main .category-news-list .content{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 768px){html body>main .category-news-list .content{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 480px){html body>main .category-news-list .content{display:flex;flex-direction:column}}html body>main .category-news-list .content>div .list-category-news{display:flex;flex-direction:column;gap:12px}html body>main .title{background:linear-gradient(90deg,#5badfc,#095daf);padding:20px 0}html body>main .title h1{font-weight:900;font-size:19px;line-height:30px;color:var(--white)}@media (max-width: 480px){html body>main .title h1{font-size:16px}}html body>main .product-list{margin:40px 0}html body>main .product-list .list{display:grid;--gap: 24px;--columns: 3;grid-template-columns:repeat(var(--columns),calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)));gap:var(--gap)}@media (max-width: 1200px){html body>main .product-list .list{--gap: 24px}}@media (max-width: 991px){html body>main .product-list .list{--gap: 16px;--columns: 2}}@media (max-width: 768px){html body>main .product-list .list{--gap: 12px;--columns: 1}}