.blog-details[data-v-6c7e8862]{margin:20px auto;max-width:1170px;padding:10px}.blog-details .title[data-v-6c7e8862]{color:var(--main-color);display:-webkit-box;font-family:Barlow Black,Sans-serif;margin:10px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog-details .divider[data-v-6c7e8862]{border-color:var(--main-color);border-width:0 0 5px}.blog-details .blog-info[data-v-6c7e8862]{align-items:center;display:flex;justify-content:start}.blog-details .blog-info .logo[data-v-6c7e8862]{padding:10px;width:150px}.blog-details .blog-info .item[data-v-6c7e8862]{color:var(--main-color)}.blog-details .blog-info .item .author[data-v-6c7e8862]{display:-webkit-box;font-size:16px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.blog-details .blog-info .item .date[data-v-6c7e8862]{font-size:16px}.blog-details .blog-img[data-v-6c7e8862]{margin:0 100px 20px}.blog-details .blog-img img[data-v-6c7e8862]{margin:auto;max-width:100%;width:81%}@media (max-width:768px){.blog-details .blog-info[data-v-6c7e8862]{padding:10px}.blog-details .blog-info .logo[data-v-6c7e8862]{display:none}.blog-details .blog-img[data-v-6c7e8862]{margin:0}.blog-details .blog-img img[data-v-6c7e8862]{width:100%}}.reading[data-v-6c7e8862]{margin:20px auto;max-width:1170px;padding:10px}.reading .reading-title[data-v-6c7e8862]{color:var(--main-color);font-family:Barlow Black,Sans-serif;margin:0;padding:10px;text-transform:uppercase}.reading .reading-topic[data-v-6c7e8862]{display:flex;gap:20px;justify-content:start;margin:auto;max-width:1170px}.reading .reading-topic .topic-item[data-v-6c7e8862]{padding-bottom:40px;width:50%}.reading .reading-topic .topic-item a[data-v-6c7e8862]{display:block;text-decoration:none}.reading .reading-topic .topic-item a .topic-img[data-v-6c7e8862]{aspect-ratio:1/1;cursor:pointer;width:100%}.reading .reading-topic .topic-item a .topic-title[data-v-6c7e8862]{color:var(--main-color);cursor:pointer;display:-webkit-box;font-family:Barlow;font-size:20px;font-weight:600;line-height:24px;margin:10px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.reading .reading-topic .topic-item a .topic-title[data-v-6c7e8862]:hover{color:var(--primary-color)}.reading .reading-topic .topic-item .topic-desc[data-v-6c7e8862]{color:var(--main-color);display:-webkit-box;font-family:Barlow;font-size:16px;letter-spacing:0;line-height:20px;margin-bottom:17px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.reading .reading-topic .topic-item .topic-info[data-v-6c7e8862]{align-items:center;display:flex;justify-content:start}.reading .reading-topic .topic-item .topic-info .logo[data-v-6c7e8862]{margin-right:30px}.reading .reading-topic .topic-item .topic-info .item[data-v-6c7e8862]{color:var(--main-color)}.reading .reading-topic .topic-item .topic-info .item .author[data-v-6c7e8862]{display:-webkit-box;font-family:Barlow;font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.reading .reading-topic .topic-item .topic-info .item .date[data-v-6c7e8862]{font-family:Barlow;font-size:14px}@media (max-width:576px){.reading .reading-title[data-v-6c7e8862]{padding:10px 0}.reading .reading-topic[data-v-6c7e8862]{flex-direction:column}.reading .reading-topic .topic-item[data-v-6c7e8862]{width:100%}}.blog-search[data-v-6c7e8862]{display:flex;justify-content:end;margin:auto;max-width:1170px;padding:30px 10px}.blog-search .search-input[data-v-6c7e8862]{background-color:var(--primary-color);color:var(--white-color);font-size:14px;height:34px;outline:none;padding:0 15px;width:330px}.blog-search .search-input[data-v-6c7e8862]::-moz-placeholder{color:var(--white-color)}.blog-search .search-input[data-v-6c7e8862]::placeholder{color:var(--white-color)}.blog-search .search-icon[data-v-6c7e8862]{align-items:center;background-color:var(--primary-color);cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;width:34px;fill:var(--white-color)}@media (max-width:768px){.blog-search .search-input[data-v-6c7e8862]{width:100%}}.no-result .title[data-v-6c7e8862]{color:var(--main-color)}.no-result .desc[data-v-6c7e8862],.no-result .title[data-v-6c7e8862]{margin-bottom:16px}.loading[data-v-6c7e8862]{align-items:center;display:flex;height:100vh;justify-content:center}