.hero-section{background:#f5f5df;width:100%;position:relative;overflow:hidden}.hero-section .home-img{width:100%;height:auto;margin-top:-150px;margin-bottom:-500px;display:block;position:relative;left:0}.hero-section .hero-container{z-index:1;border-top-left-radius:36px;border-top-right-radius:36px;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:150px;display:flex;position:absolute;top:0;left:0}.hero-section .hero-container .intro-title{flex-direction:column;place-content:center;align-items:center;gap:10px;max-width:798px;margin-bottom:40px;padding:10px;display:flex}.hero-section .hero-container .intro-title h1{text-align:center;letter-spacing:-.01em;font-family:Nova Klasse,sans-serif;font-size:40px;font-weight:400;line-height:42px}.hero-section .hero-container .intro-title .h1-contain{align-items:center;gap:10px;display:flex}.hero-section .hero-container .intro-title .h1-contain .txt-banner-container{background:#f5f5ed;border-radius:0 24px;gap:10px;min-width:220px;height:62px;padding:2px;position:relative;overflow:hidden}.hero-section .hero-container .intro-title .h1-contain .txt-banner-container .txt-banner{background:#292929;border-radius:0 24px;width:100%;height:100%;padding:10px 15px;position:relative;overflow:hidden}.hero-section .hero-container .intro-title .h1-contain .txt-banner-container .txt-banner h1{color:#fff;white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-section .hero-container .intro-desc{flex-direction:column;align-items:center;width:100%;display:flex}.hero-section .hero-container .intro-desc h3{text-align:center;max-width:607px;margin-bottom:15px;font-size:24px;font-weight:600;line-height:24px}.hero-section .hero-container .intro-desc .text-contain{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.hero-section .hero-container .intro-desc .text-contain p{text-align:center;font-size:18px;font-weight:600;line-height:18px}@media (max-width:575px){.hero-section .home-img{-o-object-position:30% 20%;object-position:30% 20%;height:1488px;margin-top:-30px;margin-bottom:-350px}.hero-section .hero-container{padding-top:200px}.hero-section .hero-container .intro-title{gap:3px;margin-bottom:10px}.hero-section .hero-container .intro-title h1{text-align:center;letter-spacing:-.01em;font-size:24px;font-weight:400;line-height:25px}.hero-section .hero-container .intro-title .h1-contain .txt-banner-container{height:45px}.hero-section .hero-container .intro-desc h3{color:#292929;max-width:330px;font-size:21px;font-weight:600;line-height:21px}.hero-section .hero-container .intro-desc .text-contain{flex-direction:column;gap:4px}.hero-section .hero-container .intro-desc .text-contain img{width:114px;height:22px}.hero-section .hero-container .intro-desc .text-contain p{text-align:center;color:#292929;font-size:18px;line-height:21px}}@media (min-width:576px) and (max-width:769px){.hero-section .home-img{margin-top:-50px;margin-bottom:-400px}.hero-section .hero-container{padding-top:100px}.hero-section .hero-container .intro-title h1{font-size:28px;line-height:32px}.hero-section .hero-container .intro-desc h3{max-width:360px;font-size:18px;line-height:20px}.hero-section .hero-container .intro-desc .text-contain p{font-size:14px}}@media (min-width:769px) and (max-width:991px){.hero-section .home-img{margin-top:-80px;margin-bottom:-400px}.hero-section .hero-container{padding-top:120px}.hero-section .hero-container .intro-title h1{font-size:34px;line-height:38px}.hero-section .hero-container .intro-desc h3{max-width:400px;font-size:20px;line-height:22px}.hero-section .hero-container .intro-desc .text-contain p{font-size:16px}}@media (min-width:992px) and (max-width:1102px){.hero-section .home-img{width:100%;height:auto;margin-top:-20px;margin-bottom:-400px;display:block;position:relative;left:0}}
.download-midddleman-section{z-index:1;background:linear-gradient(#4ba6ad 0%,#f5f5ed 52.66%);flex:none;order:1;align-self:stretch;width:100%;height:fit-content;position:relative}.download-midddleman-section section{flex-direction:column;align-items:center;gap:2px;width:100%;margin:0 auto 50px;padding:43px 50px;display:flex}.download-midddleman-section section .container{box-sizing:border-box;border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;align-items:center;gap:5px;max-width:1000px;height:710px;padding:10px;display:flex}.download-midddleman-section section .container h3{text-align:center;letter-spacing:-.01em;color:#f5f5ed;font-family:Nova Klasse,sans-serif;font-size:15px;font-weight:400;line-height:16px}.download-midddleman-section section .container video{-o-object-fit:cover;object-fit:cover;border-radius:26px;flex:1}.download-midddleman-section section .action-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#075143;border:2px solid #fff;border-radius:50px;align-items:center;gap:10px;height:54px;padding:10px 30px 10px 35px;display:flex}@media (max-width:575px){.download-midddleman-section section{flex-direction:column;align-items:center;gap:2px;max-width:1000px;margin:0 auto 50px;padding:0 10px;display:flex}.download-midddleman-section section .container{box-sizing:border-box;border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;align-items:center;gap:5px;max-width:100%;height:710px;padding:10px;display:flex}.download-midddleman-section section .container h3{text-align:center;letter-spacing:-.01em;color:#f5f5ed;font-family:Nova Klasse,sans-serif;font-size:15px;font-weight:400;line-height:16px}.download-midddleman-section section .container video{-o-object-fit:cover;object-fit:cover;border-radius:26px;flex:1}.download-midddleman-section section .action-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#075143;border:2px solid #fff;border-radius:50px;align-items:center;gap:10px;height:54px;padding:10px 30px 10px 35px;display:flex}}
