body {overflow-x: hidden;margin: 0;scroll-behavior: smooth;font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden;background: linear-gradient(180deg, #E3FDFF 3.8%, #F4FDFA 83.61%);background-position: center;background-repeat: no-repeat;background-size: cover;}
html { scrollbar-width: none; -ms-overflow-style: none;scroll-behavior: smooth;overflow-x: hidden;}
/* ::-webkit-scrollbar { width: 0px; background: transparent; } */

* { box-sizing: border-box; }

.container{max-width: 1200px;width: 100%;margin: 0 auto;padding: 0;position: relative;}
a {text-decoration: none;}
p, h1, h2, h3, h4{margin: 0;}

ul, li{padding: 0;margin: 0;}
li{list-style: none;}

.hidden{display: none!important;}

header{height: 130px;background-color: #ffffff;box-shadow: 0px 4px 19px 0px #0F6B5B1A; }
header .container{height: 100%;}
header .headerWrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
header .headerWrap .logoWrap{width: 174px;height: 68px;flex: 0 0 174px;max-width: 174px;display: flex;align-items: center;column-gap: 10px;}
header .headerWrap .logoWrap > img{width: 100%;height: auto;object-fit: cover;object-position: center;}
header .headerWrap .logoWrap .logoContent{display: flex;flex-direction: column;}
header .headerWrap .logoWrap .logoContent h2{font-size: 22px;color: #223834;line-height: 30px;font-weight: bold;}
header .headerWrap .logoWrap .logoContent p{font-size: 10px;color: #223834E5;font-weight: 500;}
header .headerWrap .menu-list{display: flex;align-items: center;column-gap: 45px;}
header .headerWrap .menu-list li{position: relative;}
header .headerWrap .menu-list li a{font-size: 18px;color: #5E5E5E;line-height: 24px;position: relative;font-weight: 500;}
header .headerWrap .menu-list li.active::before{content: "";position: absolute;left: 50%;bottom: -16px;width: 102px;height: 33px;border-radius: 20px;background: linear-gradient(180deg, rgba(103, 249, 203, 0.2) 35.14%, rgba(103, 249, 203, 0) 100%);transform: translateX(-50%);}
header .headerWrap .menu-list li.active::after{content: "";position: absolute;right: -18px;top: 14px;width: 12px;height: 12px;border-radius: 50%;background: #58F0C026; }
header .headerWrap .menu-list li.active a{font-size: 20px;color: #0F0F0F;line-height: 28px;font-weight: bold;}
header .headerWrap .menu-list li.active a::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -18px;width: 42px;height: 6px;border-radius: 10px;background-color: #67F9CB;}
header .headerWrap .search-bar{width: 253px;height: 40px;border-radius: 10px;background-color: #ffffff;border: 1px solid #58F0C0;display: flex;align-items: center;justify-content: space-between;}
header .headerWrap .search-bar input{background-color: transparent;border: none;outline: none;width: 170px;height: 90%;flex: 0 0 170px;max-width: 170px;font-size: 16px;color: #0F0F0F;padding: 0 10px;}
header .headerWrap .search-bar p.search-btn{width: 75px;flex: 0 0 75px;max-width: 75px;height: 40px;background: linear-gradient(119.31deg, #58F0C0 15.37%, #41E0C0 83.78%);border-radius: 0 10px 10px 0;text-align: center;line-height: 40px;font-size: 16px;color: #FFFFFFF7;font-weight: bold;}

footer{background-color: #464646;height: 152px;margin-top: 30px;}
footer .container{height: 100%;}
footer .footerWrap{height: 100%;display: flex;flex-direction: column;row-gap: 18px;align-items: center;justify-content: center;}
footer .footerWrap .footer-nav{display: flex;align-items: center;column-gap: 20px;}
footer .footerWrap .footer-nav a, footer .footerWrap .footer-nav p{font-size: 14px;line-height: 20px;color: #B5B5B5;position: relative;}
footer .footerWrap .footer-nav a::after, footer .footerWrap .footer-nav p::after{content: "";position: absolute;width: 1px;height: 14px;background-color: #B5B5B5;right: -10px;top: 50%;transform: translateY(-50%);}
footer .footerWrap .footer-nav a:last-child::after, footer .footerWrap .footer-nav p:last-child::after{display: none;}
footer .footerWrap .copyRight{text-align: center;font-size: 14px;color: #CDCDCD;font-weight: 500;}
footer .footerWrap .terms{text-align: center;font-size: 14px;color: #D5D5D5;font-weight: 500;}

.bg-shape{width: 100%;height: 968px;background-image: url(../images/bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 112px;left: 0;z-index: -1;opacity: 0.5;}

.moreBtn{display: flex;align-items: center;column-gap: 4px;}
.moreBtn p{font-size: 14px;font-weight: 500;color: #5E5E5E;}
.moreBtn img{width: 6px;height: auto;object-fit: cover;object-position: center;}

.breadcrumb{margin-top: 20px;display: flex;align-items: center;column-gap: 3px;}
.breadcrumb .homeNav{display: flex;align-items: center;column-gap: 10px;}
.breadcrumb .homeNav > p{font-size: 15px;color: #949494;}
.breadcrumb > a, .breadcrumb > p{font-size: 15px;color: #949494;}
.breadcrumb > i{font-size: 15px;color: #949494;margin-top: -2px;}

.pagination{margin-top: 32px;display: flex;align-items: center;column-gap: 12px;justify-content: center;}
.pagination a{width: fit-content;padding: 0 14px;height: 30px;border-radius: 8px;background-color: #F9F9F9;border: 1px solid #EAEAEA;text-align: center;line-height: 29px;font-size: 16px;color: #333333;font-weight: 400;cursor:pointer;}
.pagination a.page-number{padding: 0 12px;}
.pagination a.active{background: linear-gradient(127.08deg, #0EC9A3 -119.81%, #41E0C0 100%); box-shadow: 0px 3px 4px 0px #0EC9A347; border: 1px solid transparent;color: #FFFFFF;font-weight: bold;}

.side-title-wrap{display: flex;align-items: center;justify-content: space-between;}
.side-title-wrap .side-title{position: relative;}
.side-title-wrap .side-title h2{font-size: 20px;font-weight: bold;color: #0F0F0F;line-height: 28px;}
.side-title-wrap .side-title .gradient-text{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 25px;font-weight: bold;background: linear-gradient(181.66deg, rgba(85, 223, 179, 0.4) 1.41%, rgba(88, 240, 192, 0) 98.61%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.error-page{margin-top: 150px;margin-bottom: 150px;}
.error-page .container{display: flex;flex-direction: column;align-items: center;}
.error-page .container > img{width: 495px;height: auto;object-fit: cover;object-position: center;margin-bottom: 16px;}
.error-page .container > p{font-size: 18px;color: #5E5E5E;margin-bottom: 7px;}
.error-page .container > a.backHomeBtn{width: 104px;height: 36px;text-align: center;line-height: 36px;background-color: transparent;border: 1px solid #5E5E5E;border-radius: 45px;font-size: 16px;color: #5E5E5E;font-weight: bold;}

.icon { display: inline-block; width: 20px; height: 20px; background: url("../images/icons.webp") no-repeat; background-size: 170px 510px; }
.icon-home { background-position: -20px -19px; }
.clock-icon{width: 15px; height: 15px;background-size: 150px 490px;background-position: -18px -358px;}