.blog[data-v-cc0d4e30]{padding:5rem 0}.blog-header[data-v-cc0d4e30]{align-items:center;display:flex;gap:1rem}.line[data-v-cc0d4e30]{background-color:var(--black-color);height:3.5rem;width:1px}.blog-header h1[data-v-cc0d4e30]{font-size:var(--font-size-extra-large);font-weight:var(--font-weight-black)}.blog-header p[data-v-cc0d4e30]{color:var(--primary-color);cursor:pointer;font-weight:var(--font-weight-medium)}.blog-header p[data-v-cc0d4e30]:hover{text-decoration:underline}.blog-container[data-v-cc0d4e30],.blog-container-3[data-v-cc0d4e30]{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding-top:2rem}.blog-box[data-v-cc0d4e30]{cursor:pointer;display:grid;grid-template-rows:1fr auto}.blog-box:hover img[data-v-cc0d4e30]{transform:scale(1.1)}.img-container[data-v-cc0d4e30]{grid-row:1;overflow:hidden;width:100%}.img-container img[data-v-cc0d4e30]{aspect-ratio:16/9;max-height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1s ease;width:100%}.info-box[data-v-cc0d4e30]{background:#fff;box-shadow:0 0 4px #00000040;display:flex;flex-direction:column;gap:1rem;grid-row:3;padding:1rem 2rem;width:100%}.info-box p[data-v-cc0d4e30]{font-size:.875rem;font-weight:var(--font-weight-semi-bold)}.blog-date[data-v-cc0d4e30]{align-items:center;display:flex;gap:.7rem}.blue-line[data-v-cc0d4e30]{background-color:var(--primary-color);height:.125rem;width:100%}.info-box h2[data-v-cc0d4e30]{font-size:var(--font-size-medium)}.info-box h2[data-v-cc0d4e30],.info-box span[data-v-cc0d4e30]{font-weight:var(--font-weight-bold)}.info-box span[data-v-cc0d4e30]{color:var(--primary-color);cursor:pointer;font-size:var(--font-size-small);text-decoration:underline}@media (max-width:1420px){.info-box[data-v-cc0d4e30]{top:-2rem}.info-box h2[data-v-cc0d4e30]{font-size:1rem}}@media (max-width:1000px){.blog[data-v-cc0d4e30]{padding-bottom:4rem}.blog-container[data-v-cc0d4e30]{display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);padding-top:2rem}.blog-container-3[data-v-cc0d4e30]{display:none}}@media (max-width:768px){.blog-header h1[data-v-cc0d4e30]{font-size:var(--font-size-large)}.blog-container[data-v-cc0d4e30]{display:grid;grid-template-columns:repeat(1,1fr);padding-top:3rem}}@media (max-width:550px){.blog-header h1[data-v-cc0d4e30]{font-size:var(--font-size-normal)}.blog-header p[data-v-cc0d4e30]{font-size:var(--font-size-small)}.line[data-v-cc0d4e30]{background-color:var(--black-color);height:3.5rem;width:1px}}
