/* Start Header */
.header{padding: 16px 0;}
.header-menu li{margin-left: 24px;}
.header-menu li a{font-weight: 700; color: var(--white);}
.header-menu li a:hover{color: var(--blue-500);}

.smolNav{display: none;}
.smolNav {display: none; width:40px; padding:12px 8px; z-index: 10; float: right; }
.smolNav span { background-color: none; height: 2px; display: block; float: left; width: 100%; background: #fff; }
.smolNav span { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.smolNav span:nth-child(2), .closeNav span:nth-child(2) { margin: 5px 0; }
.closeNav span:first-child { -webkit-transform: translateY(6px) rotate(-45deg); -moz-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg);}
.closeNav span:nth-child(2) { opacity: 0;}
.closeNav .lastChild { -webkit-transform: translateY(-9px) rotate(45deg); -moz-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }
.overHidden .header-link.showmenu{height: 100vh; background: #000;}
.overHidden .top-bg{height: 100vh;}
/* End Header */

/* Start Hero */
.banner-content{max-width: 1048px;}
.banner-text{max-width: 830px;}
.banner-img img{max-height: 47vh;}
/* End Hero */

/* Start Home Page */
.video-section .wrap{max-width: 1640px;}
.video-content .video-content-left{max-width: 912px; width: calc(100% + 90px); z-index: 1; margin-bottom: 96px; margin-right: -90px;}
.video-content-right{max-width: 776px; height: 424px;}
.video-text{max-width: 502px;}

.home-care-bg{background: url(../images/home-care-bg.png) no-repeat center top; background-size: cover; height: 360px; margin-top: 40px;}
.home-care-content{margin-top: -40px;}
.home-care-content li .bg-white{border: 1px solid var(--greyscale-200); max-width: 300px;}
.feture-bg{background: url(../images/feature-bg.png) no-repeat center; background-size: cover; padding: 200px 0;}
.feature-content-box li{margin-top: 64px;}
.feature-content-box li .hw-48 img{width: 24px;}
.step-content{max-width: 1290px;}
.step-content-right{max-width: 610px; width: 100%; font-size: 20px; line-height: 24px; font-weight: 700;}
.step-content-right ul{position: relative;}
.step-content-right ul:before{content: ""; position: absolute; left: 32px; top: 16px; bottom: 16px; width: 1px;}
.step-content-right li{margin-top: 64px; position: relative;}
.step-content-right li:first-child{margin-top: 0;}
.custom-number{left: 0; height: 64px; min-width: 64px; width: 64px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: var(--white); border: 1px solid var(--blue-500); text-align: center; display: flex; align-items: center; justify-content: center; }
.custom-number h4{font-size: 36px; line-height: 44px; font-weight: 700;}
.charge-content{max-width: 768px; aspect-ratio: 1 / 1;}
.charge-content-text{padding: 48px; position: relative; border: 1px solid var(--blue-500); width: 100%; height: 100%;}
.charge-box{width: 232px; height: 164px; position: absolute; z-index: 1;}
.charge-box img{height: 40px;}
.charge-box-1{left: -28px; top: 79px;}
.charge-box-2{right: 56px; top: -13px;}
.charge-box-3{left: -60px; bottom: 119px;}
.charge-box-4{right: -44px; bottom: 69px;}
.cta-content{padding: 96px 24px;}
/* End Home Page */

/* Start Footer */
.footer{padding: 80px 0;}
.footer-link li{font-size: 16px; line-height: 20px; font-weight: 700;}
.footer-bottom{margin-top: 120px;}
.footer-bottom-link a{color: var(--greyscale-700);}
.footer-bottom-link a:hover{color: var(--blue-500);}
/* End Footer */