.blog-nav{width:100%;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;background-color:var(--primary-bg)}.blog-nav .blog-nav-logo{font-family:var(--myFont);color:var(--primary-txt);font-size:16px;text-decoration:none;cursor:pointer}.blog-nav .right-grp{display:flex;align-items:center;gap:20px}.blog-nav .searchBar{background-color:var(--primary-bg);border:1.2px solid #e7e7e7;border-radius:var(--br-md);height:40px;min-width:260px;max-width:260px;display:flex;align-items:center;padding:0 10px}.blog-nav .searchBar input{border:none;width:100%;outline:none;font-size:14px;font-weight:300}.blog-cards{width:100%;padding:20px 40px 40px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.blog-cards .blog-card{width:100%;max-width:320px;max-height:360px;overflow:hidden;background:var(--sec-bg);border-radius:20px;display:flex;flex-direction:column;border:1px solid var(--border)}.blog-cards .top-blog-img{width:100%;height:140px;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover;object-position:center}.blog-cards .blog-card-content{padding:14px;display:flex;flex-direction:column;gap:4px}.blog-cards .blog-card-title{font-size:18px;font-weight:500;color:var(--primary-txt)}.blog-cards .blog-card-description,.blog-cards .blog-card-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-cards .blog-card-description{font-size:14px;font-weight:400;color:var(--sec-txt)}.blog-cards .blog-card-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:10px}.blog-cards .blog-card-tag{padding:4px 10px;border:1px solid #b4b4b4;border-radius:var(--br-xl);font-size:12px}@media screen and (max-width:640px){.blog-nav{padding:20px}.blog-nav .searchBar{min-width:0;max-width:260px;flex:1}.blog-cards{padding:20px 0 0}}.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}}