main{background:linear-gradient(to bottom,#ffe498 0% 20%,#ffd45a 20% 100%);padding-left:18vh}@media (max-width: 1600px){main{padding-left:6vh}}@media (max-width: 1024px){main{padding-left:0vh}}.blog-page{padding:60px 40px}@media (max-width: 1024px){.blog-page{padding:160px 40px 60px}.blog-page .btn-secondary{font-size:clamp(12px,2vw,18px)!important}}.blog-page .badge-blog{width:178px;height:84px;background:#151314;border-radius:42px;margin:0 auto 35px;display:flex;align-items:center;justify-content:center;font-family:Kaisei Tokumin;font-weight:700;color:#ffd45a;font-size:36px}.blog-page h1{font-family:Kaisei Tokumin;width:100%;text-align:center;font-size:3.6rem}.blog-page .blog-top{text-align:center;margin-bottom:60px}.blog-page .blog-top u h1{font-family:Kaisei Tokumin;color:#151314;font-size:42px}@media (max-width: 1024px){.blog-page .blog-top{margin-bottom:20px}}.blog-page .span-more{font-size:24px}.blog-page .span-more svg{margin-top:8px}@media (max-width: 1024px){.blog-page .span-more{font-size:16px}}.blog-page .js-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:9999}.blog-page .loading-box{min-width:224px;padding:0 29px;height:42px;background:transparent linear-gradient(180deg,#ffdb75,#ffe5a5 47%,#dfac40) 0% 0% no-repeat padding-box;border-radius:34px;text-align:center;font-weight:700;font-family:Montserrat,sans-serif;font-size:20px;display:flex!important;justify-content:center;gap:4px;align-items:center;line-height:29px;letter-spacing:0px;color:#151314;display:inline-block;cursor:pointer;border:none;margin-top:35px}.blog-page .featured-post{display:flex;gap:0}.blog-page .featured-post:hover h2,.blog-page .featured-post:hover span{text-decoration:underline}.blog-page .featured-post:hover .image img{transform:scale(1.65) translateY(40px);transition:transform .4s ease}.blog-page .featured-post .image{width:50%;overflow:hidden}.blog-page .featured-post .image img{width:100%;height:450px;-o-object-fit:cover;object-fit:cover;transform:scale(1.3) translateY(40px)}.blog-page .featured-post .content{width:50%;background:#151314;padding:80px 40px 80px 120px;display:flex;flex-direction:column;justify-content:center}.blog-page .featured-post .content .date{text-align:left;font-family:Montserrat;font-size:16px;color:#ffd45a;opacity:80%}.blog-page .featured-post .content h2{font-family:Montserrat;font-size:24px;color:#ffd45a;margin-bottom:20px}.blog-page .filter-area{text-align:center;margin-bottom:60px}.blog-page .filter-area h3{font-family:Montserrat;font-weight:700;font-size:27px;color:#151314;margin-bottom:20px;margin-top:100px}@media (max-width: 1024px){.blog-page .filter-area h3{margin-bottom:20px;margin-top:40px}}.blog-page .filter-area .tags{display:flex;justify-content:center;flex-wrap:nowrap;gap:10px}.blog-page .filter-area .tags .tag{background:#ffd45a;border:1px solid #151314;border-radius:26px;padding:8px 16px;width:100%;font-family:Kaisei Tokumin;font-weight:800;font-size:18px;color:#151314;text-transform:uppercase;justify-content:center;display:flex;align-items:center}.blog-page .filter-area .tags .tag:hover{background-color:#151314;color:#ffd45a}.blog-page .posts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-page .posts-list .post-item{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.blog-page .posts-list .post-item .image-wrapper{overflow:hidden;height:240px;position:relative}.blog-page .posts-list .post-item:hover h4,.blog-page .posts-list .post-item:hover span{text-decoration:underline}.blog-page .posts-list .post-item:hover img{transform:scale(1.65) translateY(40px);transition:transform .4s ease}.blog-page .posts-list .post-item img{width:100%;height:auto;display:block;transform:scale(1.3) translateY(40px)}.blog-page .posts-list .post-item .box{background:#151314;padding:25px;width:100%;height:275px;z-index:99;position:relative}.blog-page .posts-list .post-item .box .date{font-size:14px;color:#ffd45a;margin:10px 0}.blog-page .posts-list .post-item .box h4{font-size:24px;color:#ffd45a;margin-bottom:10px}.blog-page .load-more{margin-top:60px;display:flex;justify-content:center}.blog-page .load-more .pagination a,.blog-page .load-more .pagination span{background:linear-gradient(180deg,#ffdb75,#ffe5a5 47%,#dfac40);border-radius:34px;padding:10px 20px;color:#151314;font-weight:700}@media (max-width: 1200px){.blog-page .blog-page{padding:40px}.blog-page .featured-post{flex-direction:column}.blog-page .featured-post .image,.blog-page .featured-post .content{width:100%}}@media (max-width: 1024px){.blog-page .post-item{width:inherit}.blog-page .posts-list{display:grid;grid-template-columns:1fr;gap:30px}.blog-page .blog-page{margin-left:0;padding:150px 20px 20px}.blog-page .badge-blog{width:140px;height:60px;font-size:20px}.blog-page .blog-top h1{font-size:28px}.blog-page .featured-post{flex-direction:column}.blog-page .featured-post .image{width:100%}.blog-page .featured-post .image img{height:auto;max-height:300px}.blog-page .featured-post .content{width:100%;padding:25px;display:flex;justify-content:center;align-items:center}.blog-page .featured-post .content h2{font-size:20px;text-align:center}.blog-page .featured-post .content .date{font-size:14px;text-align:center}.blog-page .posts-list{flex-direction:column;align-items:center;gap:30px}.blog-page .posts-list .post-item{width:100%}.blog-page .posts-list .post-item img{max-width:100%;height:auto;display:block}.blog-page .posts-list .post-item .box{max-width:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.blog-page .posts-list .post-item .box h4{font-size:18px;text-align:center}.blog-page .posts-list .post-item .box .date{font-size:13px;text-align:center}.blog-page .filter-area{margin-bottom:20px}.blog-page .filter-area h3{font-size:20px}.blog-page .filter-area .tags{gap:8px;flex-direction:column}.blog-page .filter-area .tags .tag{font-size:13px;padding:6px 12px}.blog-page .load-more{margin-top:40px}.blog-page .load-more .pagination a,.blog-page .load-more .pagination span{padding:8px 16px;font-size:14px}}@media (min-width: 993px) and (max-width: 1440px){main{padding-left:6vh}.blog-page{padding:50px 30px}.blog-page .badge-blog{width:150px;height:72px;font-size:28px;margin-bottom:25px}.blog-page h1{font-size:3rem}.blog-page .blog-top u h1{font-size:36px}.blog-page .filter-area h3{font-size:24px;margin-top:70px}.blog-page .filter-area .tags{gap:8px}.blog-page .filter-area .tags .tag{font-size:16px;padding:6px 14px}.blog-page .featured-post .image img{height:400px;transform:scale(1.2) translateY(30px)}.blog-page .featured-post .content{padding:60px 30px 60px 80px}.blog-page .featured-post .content h2{font-size:22px}.blog-page .featured-post .content .date{font-size:15px}.blog-page .posts-list{gap:16px}.blog-page .posts-list .post-item .image-wrapper{height:220px}.blog-page .posts-list .post-item img{transform:scale(1.2) translateY(30px)}.blog-page .posts-list .post-item .box{height:250px;padding:20px}.blog-page .posts-list .post-item .box h4{font-size:20px}.blog-page .posts-list .post-item .box .date{font-size:13px}.blog-page .span-more{font-size:20px}.blog-page .loading-box{font-size:18px;height:40px}}