.blogpage-head-sec{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;margin-bottom:20px;margin-top:-20px}.blogpage-head-sec .blogpage-head-sec-top{padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.blogpage-head-sec .blogpage-top-txt{max-width:600px;font-size:60px;font-weight:400;color:var(--primary-txt);line-height:4.5rem}.blogpage-head-sec .search-ui{display:flex;gap:14px;align-items:center;justify-content:center}.blogpage-head-sec .search-ui--box{background-color:var(--primary-bg);border:2px solid #e7e7e7;width:400px;max-width:400px;padding:0 10px;outline:none;box-shadow:0 -4px 80px 0 rgba(0,0,0,.07)}.blogpage-head-sec .search-btn,.blogpage-head-sec .search-ui--box{border-radius:var(--br-md);height:56px;display:flex;align-items:center;font-size:14px}.blogpage-head-sec .search-btn{justify-content:center;background:var(--linear);box-shadow:var(--btn-shadow);color:var(--primary-bg);padding:10px 20px;cursor:pointer}.blogpage-head-sec .blogpage-head-sec-bottom{width:100%;display:flex;justify-content:space-between;align-items:center}.blogpage-head-sec .serach-result{font-weight:400;color:var(--primary-txt)}.blogpage-head-sec .tab-ui,.blogpage-head-sec .tabs-ui{display:flex;gap:10px;align-items:center}.blogpage-head-sec .tab-ui{border:1px solid var(--border);border-radius:100px;padding:10px 16px;cursor:pointer;font-size:15px}@media(max-width:850px){.blogpage-head-sec .blogpage-top-txt{font-size:46px;line-height:3.6rem;max-width:500px}}@media(max-width:640px){.blogpage-head-sec{gap:40px}.blogpage-head-sec .blogpage-top-txt{font-size:40px;line-height:3.2rem;max-width:400px}.blogpage-head-sec .search-ui--box{width:100%;width:260px}.blogpage-head-sec .blogpage-head-sec-top{padding:0}}@media(max-width:500px){.blogpage-head-sec{padding-top:10px;gap:30px}.blogpage-head-sec .blogpage-top-txt{font-size:32px;line-height:2.5rem;max-width:300px}.blogpage-head-sec .search-ui--box{width:100%;width:200px;flex:1;height:48px}.blogpage-head-sec .search-btn{height:48px}.blogpage-head-sec .blogpage-head-sec-top{padding:0}.blogpage-head-sec .blogpage-head-sec-bottom{flex-direction:column-reverse;align-items:flex-start;gap:20px}.blogpage-head-sec .tabs-ui{width:100%;justify-content:space-between}.blogpage-head-sec .tab-ui{font-size:13px}}