.blogpage{background-color:#f5f5f5;color:#333;line-height:1.6;margin:0;padding:0}.blogpage .search-box{max-width:300px;margin:20px auto}@media (max-width:768px){.blogpage .search-box{max-width:100%;width:100%}}@media (max-width:768px){.blogpage .search-box #search-bar-blog-form{margin:20px;width:calc(100% - 40px)}}.blogpage .lifestyle-header{text-align:center;padding:40px 15px}@media (max-width:768px){.blogpage .lifestyle-header{padding:20px 15px}}.blogpage .lifestyle-header .page-description{font-size:18px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;color:#777}.blogpage .lifestyle-header .page-title{font-size:52px;font-weight:700;margin-bottom:10px;color:#000}@media (max-width:768px){.blogpage .lifestyle-header .page-title{font-size:28px;line-height:30px}}.blogpage .lifestyle-header .page-subtitle{font-size:22px;color:#555;max-width:600px;margin:0 auto}@media (max-width:768px){.blogpage .lifestyle-header .page-subtitle{font-size:16px}}.blogpage .filter-desktop{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.blogpage .filter-desktop .btn-filter{padding:10px 25px;border-radius:999px;color:gray;border:1px solid gray;cursor:pointer;transition:all .3s ease;font-size:14px;text-decoration:none}.blogpage .filter-desktop .btn-filter:hover:not(.active){background-color:#f5f5f5}.blogpage .filter-desktop .btn-filter.active{background-color:#000;color:#fff;border-color:#000}.blogpage .filter-mobile{display:none;margin-bottom:20px;width:95%;justify-self:center;position:relative}.blogpage .filter-mobile select{width:100%;padding:10px 30px;padding-right:40px;border-radius:50px;border:none;font-size:16px;background-color:#fff;cursor:pointer;transition:border-color .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.blogpage .filter-mobile select:focus{outline:0;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.2)}.blogpage .filter-mobile::after{content:"\f078";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;color:#000}.blogpage .posts{max-width:1600px;width:100%;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:60px}.blogpage .posts .post{display:flex;flex-direction:column;background-color:#fff;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;cursor:pointer;text-decoration:none}.blogpage .posts .post .post-image{width:100%;height:100%;min-height:200px;object-fit:cover}.blogpage .posts .post .post-content{display:flex;flex-direction:column;height:100%;padding:20px}.blogpage .posts .post .post-content .post-category{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;color:#777}.blogpage .posts .post .post-content .post-category .post-date{color:#999}.blogpage .posts .post .post-content .post-title{font-size:24px;font-weight:700;margin:0 0 10px 0;color:#000}.blogpage .posts .post .post-content .post-description{font-size:16px;color:#666;margin:0}.blogpage .posts .post .post-content .buttons{margin-top:auto;text-align:right}.blogpage .posts .post .post-content .buttons a.btn{outline:0;text-decoration:none;box-shadow:none;font-weight:700}.blogpage .posts .post .post-content .buttons a.btn:hover{text-decoration:underline}.blogpage .posts .hidden{display:none}.blogpage .pager{width:100%;padding:0 0 20px}.blogpage .pager ul{text-align:center;font-size:0;padding:0}.blogpage .pager ul li{display:inline-block;margin:0 5px 5px;vertical-align:middle}.blogpage .pager ul li>a,.blogpage .pager ul li>span{display:block;width:38px;height:38px;line-height:37px;border-radius:50%;text-align:center;font-size:15px;font-weight:600;cursor:pointer;color:var(--menuTextColor);transition:all .3s ease;border:1px solid var(--backgroundColor6);text-decoration:none}@media (max-width:991px){.blogpage .pager ul li>a,.blogpage .pager ul li>span{background-color:var(--backgroundColor2);border:none}}.blogpage .pager ul li.individual-page:hover a{border-color:#000;background-color:#000;color:var(--lightTextColor)}.blogpage .pager ul li.current-page a,.blogpage .pager ul li.current-page span{border:1px solid #000;background-color:#000;color:var(--lightTextColor)}.blogpage .pager ul li.first-page a,.blogpage .pager ul li.last-page a,.blogpage .pager ul li.next-page a,.blogpage .pager ul li.prev-page a,.blogpage .pager ul li[area-label=First] a,.blogpage .pager ul li[area-label=Last] a,.blogpage .pager ul li[area-label=Next] a,.blogpage .pager ul li[area-label=Previous] a{background-color:var(--backgroundColor6);color:var(--lightTextColor)}.blogpage .pager ul li.first-page a span,.blogpage .pager ul li.last-page a span,.blogpage .pager ul li.next-page a span,.blogpage .pager ul li.prev-page a span,.blogpage .pager ul li[area-label=First] a span,.blogpage .pager ul li[area-label=Last] a span,.blogpage .pager ul li[area-label=Next] a span,.blogpage .pager ul li[area-label=Previous] a span{font-size:32px;line-height:30px}.blogpage .pager ul li.first-page a,.blogpage .pager ul li.last-page a{letter-spacing:-3px;padding-right:3px}@media (max-width:768px){.blogpage .filter-desktop{display:none}.blogpage .filter-mobile{display:block}.blogpage .posts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}