@media screen and (max-width:767px){.blog-container{display:flex;flex-direction:column;width:100%;height:max-content;background-color:#282b37;padding:64px 16px 20px}.blog-container .blog-hero{display:flex;flex-direction:column;margin:0 auto;gap:2vw;justify-content:center;align-items:center}.blog-container .blog-hero h1{color:#ffffff;font-size:2.25rem;font-weight:700;text-align:center;line-height:52px;letter-spacing:-2px}.blog-container .blog-hero p{color:#8896ab;font-size:1rem;text-align:center;line-height:27px}.blog-container .category-badge-skeleton{width:100px;height:36px}.blog-container .blog-category{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:8px;margin:20px 0}.blog-container .blog-category .category-badge{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:700;color:#4d5f7a;line-height:20px;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.blog-container .blog-category .category-badge.active{color:#ffffff;background-color:#60636f}.blog-container .blog-posts-container-skeleton{width:100%;gap:2.5vw;flex-direction:column;align-items:center;padding:2vw 12vw}.blog-container .blog-posts-container-skeleton .blog-post-skeleton{width:100%;height:20vw;display:flex;flex-direction:column;gap:16px;padding:16px}.blog-container .blog-posts-container{margin:16px 0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;transition:all .4s ease}.blog-container .blog-posts-container .blog-post{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:35px}.blog-container .blog-posts-container .blog-post img{width:100%;height:100%;object-fit:cover;border-radius:6px;margin-bottom:8px}.blog-container .blog-posts-container .category{display:flex;flex-direction:row;align-items:center;gap:2vw}.blog-container .blog-post .info{display:flex;flex-direction:row;align-items:center;gap:1.5vw}.blog-container .blog-post .info span{font-size:.875rem;font-weight:500;color:#8896ab;line-height:24px}.blog-container .blog-post .title,.blog-container .blog-post .title .text{font-size:1.75rem;font-weight:700;color:#ffffff;line-height:38px;text-decoration:none}.blog-container .blog-post .title:first-letter{text-transform:uppercase}.blog-container .blog-post .read-more{display:flex;flex-direction:row;align-items:center;gap:.25vw;font-size:1.125rem;font-weight:600;color:#60636f;line-height:28px;text-decoration:none}}@media screen and (min-width:768px){.blog-container{display:flex;flex-direction:column;width:100%;height:max-content;background-color:#282b37}.blog-container .blog-hero{width:45%;padding:4vw 0;display:flex;flex-direction:column;margin:0 auto;gap:.75vw;justify-content:center;align-items:center}.blog-container .blog-hero h1{color:#ffffff;font-size:3rem;font-weight:700;text-align:center;line-height:60px;letter-spacing:-2px}.blog-container .blog-hero p{color:#8896ab;font-size:1.25rem;text-align:center;line-height:30px}.blog-container .category-badge-skeleton{width:100px;height:36px}.blog-container .blog-category{width:100%;display:flex;flex-direction:row;align-items:center;gap:16px;padding:0 12vw}.blog-container .blog-category .category-badge{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:700;color:#4d5f7a;line-height:20px;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-container .blog-category .category-badge.active{color:#ffffff;background-color:#60636f}.blog-container .blog-posts-container-skeleton{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2.5vw;gap:2.5vw;flex-direction:column;align-items:center;padding:2vw 12vw}.blog-container .blog-posts-container-skeleton .blog-post-skeleton{width:100%;height:20vw;display:flex;flex-direction:column;gap:16px;padding:16px}.blog-container .blog-posts-container{margin:2vw 12vw;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;transition:all .4s ease}.blog-container .blog-posts-container .blog-post{display:flex;flex-direction:column;gap:16px;width:calc(50% - 1.5vw);margin:.75vw}.blog-container .blog-posts-container .blog-post img{width:100%;height:auto;max-height:20vw;object-fit:cover;border-radius:6px;margin-bottom:8px;cursor:pointer}.blog-container .blog-post .info,.blog-container .blog-posts-container .category{display:flex;flex-direction:row;align-items:center;gap:.5vw}.blog-container .blog-post .info span{font-size:1rem;font-weight:500;color:#8896ab;line-height:24px}.blog-container .blog-post .title,.blog-container .blog-post .title .text{font-size:1.875rem;font-weight:700;color:#ffffff;line-height:38px;cursor:pointer;text-decoration:none;transition:color .5s ease}.blog-container .blog-post:hover .title .text{color:#c5c9d3;transition:color .3s ease}.blog-container .blog-post .title:first-letter{text-transform:uppercase}.blog-container .blog-post .read-more{display:flex;flex-direction:row;align-items:center;gap:.25vw;font-size:1.125rem;font-weight:600;color:#60636f;line-height:28px;text-decoration:none;width:max-content;transition:transform .5s ease}.blog-container .blog-post:hover .read-more{transform:translateX(4px);transition:transform .3s ease}}.error-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5vw;padding:8.75vw 0;max-height:100vh;overflow:hidden;background-color:#282b37}.error-section h1{color:#ffffff;font-size:3rem;font-weight:700;text-align:center;line-height:60px;letter-spacing:-2px}.error-section h1:first-letter{text-transform:capitalize}.error-section p{color:#8896ab;font-size:1.25rem;text-align:center;line-height:30px}.error-section button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}