@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kumbh Sans,sans-serif;background:#f4f6f8;transition:background-color .5s}h1,h2{font-size:28px;font-weight:700;color:#19202d}.btn{background:#5964e0;border-radius:5px;padding:7px 25px;border:none;outline:none;color:#fff;font-size:16px;cursor:pointer}p{color:#6e8098;font-weight:400px;font-size:16px}.header{width:100%;height:150px;line-height:150px;background:url("data:image/svg+xml,%3csvg%20width='1440'%20height='161'%20viewBox='0%200%201440%20161'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1440%200H0V60C0%20115.228%2044.7715%20160%20100%20160H1440V0Z'%20fill='%235964E0'/%3e%3cmask%20id='mask0_0_4643'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1440'%20height='160'%3e%3cpath%20d='M1440%200H0V60C0%20115.228%2044.7715%20160%20100%20160H1440V0Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_4643)'%3e%3cpath%20opacity='0.0813802'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1163.89%20-205.424C1185.01%20-229.387%201224.21%20-221.054%201233.77%20-190.571L1347.88%20173.592C1357.27%20203.528%201330.92%20232.479%201300.24%20225.956L933.748%20148.057C903.063%20141.535%20890.772%20104.372%20911.518%2080.8396L1163.89%20-205.424Z'%20fill='white'/%3e%3cpath%20opacity='0.0813802'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M254.539%20-323.259C251.422%20-355.051%20284.25%20-378.038%20313.059%20-364.235L657.22%20-199.336C685.511%20-185.781%20688.718%20-146.77%20663.02%20-128.776L356.104%2086.1288C330.406%20104.123%20294.845%2087.7662%20291.783%2056.5449L254.539%20-323.259Z'%20fill='white'/%3e%3cpath%20opacity='0.0813802'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M-71.4609%2071.7414C-74.5785%2039.9489%20-41.7496%2016.9619%20-12.9407%2030.7652L331.22%20195.664C359.511%20209.219%20362.718%20248.23%20337.02%20266.224L30.1041%20481.129C4.4064%20499.123%20-31.1552%20482.766%20-34.2168%20451.545L-71.4609%2071.7414Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/cover}.header a{text-decoration:none;color:#fff}.header-content{display:flex;justify-content:space-between;align-items:center}.footer{margin-top:30px;position:sticky;width:100%;height:100px;background-color:#fff}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1140px;margin:auto;height:100px}li{color:#6e8098}li::marker{color:#5964e0}.container{max-width:1140px;margin:auto}.list-wrapper{border-radius:6px;margin-top:-30px;background:#fff}.search-panel{display:flex;align-items:center;flex-wrap:wrap}.search-filter,.search-location,.search-checkbox{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px 25px;outline:none;flex-grow:1}.search-filter,.search-location{border-right:.5px solid #ddd}.search-filter input,.search-location input{border:none;outline:none;color:#19202d;font-size:16px}.search-filter input{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jobs-wrapper{padding-top:80px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.job-item{width:350px;height:228px;margin-bottom:50px;border-radius:6px;background:#fff}.job-item img{width:50px;height:50px;margin-top:-25px;margin-left:20px}.job-content{padding:32px}.job-content h6{color:#6e8098;font-size:16px;font-weight:400;margin-bottom:10px}.job-content h1{margin-bottom:10px}.job-content h1 a{text-decoration:none;color:#19202d;font-size:20px;font-weight:700}.location p{padding-bottom:32px;padding-left:32px}.location p span{color:#5964e0}.loadMore{display:flex;justify-content:center;margin-bottom:100px}.detail-wrapper{border-radius:6px;margin-top:-45px;background:#fff}.detail-top-l{display:flex}.detail-top-text{display:flex;flex-direction:column;padding:35px}.detail-top h4{color:#6e8098;margin-top:5px;font-size:16px;font-weight:400}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.detail-top-btn{padding:7px 25px;margin:15px;border:1px solid #5964e024;border-radius:5px;background-color:#5964e024}.detail-top-btn a{text-decoration:none;color:#5964e0;font-size:16px}.detail-top img{width:140px;height:140px}.about-job{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.about-job h6{font-size:16px;color:#6e8098;margin-bottom:10px;font-weight:400px}.about-job h1{margin-bottom:10px;font-size:28px}.about-job span{color:#5964e0;font-size:14px;font-weight:700}.job-desc{line-height:26px;margin-bottom:20px}.requir h1{margin-bottom:10px}.respons h1{margin-top:50px;margin-bottom:20px}.requir p,.respons p{margin-bottom:15px;line-height:26px}.requir-item,.respons-item{padding-left:30px}.requir-item li,.respons-item li{margin-bottom:10px;margin-left:5px;font-size:16px;font-weight:400}.sun-moon{display:flex;align-items:center;gap:10px}.job-detail{background-color:#fff;padding:50px;border-radius:6px}@media only screen and (max-width: 1200px){.container{width:100%;padding:0 30px}}@media only screen and (max-width: 768px){h1,h2{font-size:20px}.job-item{width:300px}.search-filter,.search-checkbox input{padding:7px 20px}.search-location{padding:5px 20px}}@media only screen and (max-width: 576px){.search-location{display:none}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#5964e0;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#fff}input:checked+.slider:before{transform:translate(26px)}.dark-mode{background:#121721}.dark-mode .list-wrapper,.dark-mode .job-item{background:#19202d;color:#fff}.dark-mode .search-filter input,.dark-mode .search-location input{background:#19202d}.dark-mode .job-content h1 a{color:#fff}.dark-mode .job-detail,.dark-mode .detail-wrapper,.dark-mode .footer{background:#19202d;color:#fff}.dark-mode .job-detail h1,.dark-mode .detail-top h1{color:#fff}@media only screen and (max-width: 600px){.container{max-width:600px;margin:0 auto}.detail-wrapper{display:flex;flex-direction:column;margin-bottom:40px}.detail-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.detail-top-l img{width:50px;height:50px;margin-top:-25px}.detail-top-l{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.detail-top-text{padding:5px}.about-job{display:flex;flex-direction:column}.about-job button{margin:30px;width:100%}.job-detail{padding-top:20px}.about-job h1{font-size:17px}.about-job-detail{width:100%}}