.article[data-v-f9061a05]{background-color:#fff;width:100%;overflow:hidden;display:block;height:100%;font-family:Lexend,sans-serif;border-radius:16px;border:2px solid #E5E7EB}.article .post-title[data-v-f9061a05]{margin-bottom:10px;color:#101828;font-size:20px;font-weight:400}.article .post-description[data-v-f9061a05]{color:#4a5565;font-size:16px;font-weight:400;margin-bottom:15px}.article .read-article[data-v-f9061a05]{color:#101828;font-size:16px;font-weight:400;margin-bottom:0}.article .post-category[data-v-f9061a05]{padding:6px 12px;color:#1447e6;border-radius:25px;margin-bottom:5px;display:inline-block;background:#DBEAFE;font-size:14px;font-weight:400}.illustration img[data-v-f9061a05]{width:100%;height:200px;object-fit:cover;object-position:center}.post-content[data-v-f9061a05]{padding:20px}.hero-container{h1[data-v-fefe0eb6] {color: #101828; text-align: center; font-size: 30px; font-weight: 400;} .description[data-v-fefe0eb6] {color: #000; text-align: center; font-size: 20px; font-weight: 300; margin: 0 auto; max-width: 780px;}}.hero-container[data-v-fefe0eb6]{background-image:url(/img/home/intro-section-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;font-family:Lexend,sans-serif;padding:70px 0}@media screen and (max-width: 991px){.hero-container[data-v-fefe0eb6]{padding:40px 0}}.hero-container .subtitle-container[data-v-fefe0eb6]{display:flex;align-items:center;justify-content:center}.hero-container .subtitle-container .subtitle{img[data-v-fefe0eb6] {margin-right: 5px;}}.hero-container .subtitle-container .subtitle[data-v-fefe0eb6]{border-radius:100px;border:2px solid #E5E7EB;background:#FFF;color:#101828;text-align:center;font-size:14px;font-weight:400;padding:5px 15px}.categories{a {&[data-v-fefe0eb6] {display: block; border-radius: 4px; background: #FAFAFA; padding: 8px 16px; color: #364153; font-size: 14px; font-weight: 400; transition: all .2s ease-in-out; border: 1px solid #D1D5DC; flex-shrink: 0;} &.selected[data-v-fefe0eb6] {color: #FFF; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%);}}}.categories[data-v-fefe0eb6]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px;overflow:auto}@media screen and (max-width: 991px){.categories[data-v-fefe0eb6]{justify-content:start}}.articles{li[data-v-fefe0eb6] {list-style: none;}}.articles[data-v-fefe0eb6]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-left:0;margin-top:40px;margin-bottom:50px}@media (max-width: 991px){.articles[data-v-fefe0eb6]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.articles[data-v-fefe0eb6]{grid-template-columns:1fr}}.pagination[data-v-fefe0eb6]{display:flex;align-items:center;justify-content:center;border-top:1px solid #EAECF0;padding-top:30px;gap:10px;margin-bottom:50px}.pagination .numbers{a {&[data-v-fefe0eb6] {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all .15s ease-in-out; border-radius: 10px; background: #F3F4F6; color: #4A5565; font-size: 16px; font-weight: 500;} &.active[data-v-fefe0eb6],&[data-v-fefe0eb6]:hover {background: #1447E6; color: #fff;}}}.pagination .numbers[data-v-fefe0eb6]{display:flex;align-items:center;gap:10px}.pagination .navigation[data-v-fefe0eb6]{border-radius:10px;background:#F3F4F6;color:#4a5565;font-size:16px;font-weight:500;height:40px;display:flex;align-items:center;justify-content:center;padding:0 15px;transition:all .15s ease-in-out}@media screen and (max-width: 991px){.pagination .navigation[data-v-fefe0eb6]{width:40px;padding:0}}.pagination .navigation[data-v-fefe0eb6]:hover{background:#1447E6;color:#fff}@media screen and (max-width: 991px){.pagination .navigation .desktop-label[data-v-fefe0eb6]{display:none}}.pagination .navigation .mobile-label[data-v-fefe0eb6]{display:none}@media screen and (max-width: 991px){.pagination .navigation .mobile-label[data-v-fefe0eb6]{display:block}}