* {margin: 0;padding: 0;}body {font-family: "Poppins", "sans-serif";background: #ffffff;min-height: 100vh;position: relative;display: flex;flex-direction: column;color: #fff;}html {scroll-behavior: smooth;}@font-face {font-family: "Poppins";src: url("../fonts/Poppins-Regular.ttf");}img {width: 100%;aspect-ratio: 16/9;}ul, li {list-style-type: none;}a, a:link, a:visited, a:hover, a:active {text-decoration: none;}input {background: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;outline: none;padding: 0;margin: 0;font: inherit;width: 100%;}.vi-svg {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.vi-svg.big {width: 30px;height: 30px;}.vi-svg.bigger {width: 40px;height: 40px;}.vi-container {max-width: 1280px;margin: 0 auto;padding: 0 15px 25px;}.vi-padding {padding: 10px 15px;}.vi-margin {margin: 25px 0;}main {flex: 1;position: relative;}header {background-color: #0066ee;position: sticky;top: 0;left: 0;right: 0;z-index: 999;}.vi-header-logo {color: #ffffff;}.vi-header-container {display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0.9375rem;color: #ffffff;position: relative;}.menu_item_link, .menu_child_link {text-transform: uppercase;color: #ffffffa6;}@media (min-width: 1024px) {.vi-header-menu-icon, .vi-fixed-menu_box {display: none;}}.vi-header-menu {align-self: stretch;}@media (max-width: 1024px) {.vi-header-menu {display: none;}}.vi-header-menu .menu_list {display: flex;flex-direction: row;align-items: center;gap: 0.9375rem;height: 100%;}.vi-header-menu .menu_item {position: relative;transition: all 0.3s ease-in-out;height: 100%;border-bottom: 2px solid transparent;}.vi-header-menu .menu_item:hover {border-bottom: 2px solid #ffffff;}.vi-header-menu .menu_item:hover .menu_item_childs {visibility: visible;opacity: 1;}.vi-header-menu .menu_item:hover .menu_item_link {color: #ffffff;}.vi-header-menu .menu_item .menu_item_link {color: #ffffffa6;font-size: 0.8rem;transition: all 0.3s ease-in-out;line-height: 42px;}.vi-header-menu .menu_item_childs {position: absolute;top: 100%;background-color: #0066ee;margin-top: 15px;visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out;}.vi-header-menu .menu_item_childs .menu_child_link {display: inline-block;white-space: nowrap;color: #ffffffa6;padding: 0.625rem 0.9375rem;text-transform: capitalize;font-size: 0.8rem;transition: all 0.3s ease-in-out;}.vi-header-menu .menu_item_childs .menu_child_link:hover {color: #ffffff;}.vi-fixed-menu_box {position: fixed;top: 0;left: 0;right: 0;height: 100vh;background-color: #0066ee;color: #ffffff;padding: 0.9375rem;visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out;}.vi-fixed-menu_box.show {visibility: visible;opacity: 1;}.vi-fixed-menu_box .menu_top {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}.vi-fixed-menu_box .menu_bottom {margin-top: 0.9375rem;}.vi-fixed-menu_box .menu_bottom .menu_item {border-bottom: 1px solid #ffffff;}.vi-fixed-menu_box .menu_bottom .menu_item:hover {cursor: pointer;}.vi-fixed-menu_box .menu_bottom .menu_item_link {display: inline-block;padding: 0.625rem 0;}.vi-fixed-menu_box .menu_bottom .menu_item_link[data-checked="true"] {color: #ffffff;}.vi-fixed-menu_box .menu_bottom .menu_item_link::after {content: "";display: inline-block;background-image: url(../img/down.svg);background-size: cover;width: 20px;height: 20px;vertical-align: middle;margin-left: 5px;}.vi-fixed-menu_box .menu_bottom .menu_child_link {display: inline-block;padding: 0.625rem 0.3125rem;font-size: 0.75rem;}.vi-fixed-menu_box .menu_bottom .menu_item_childs {max-height: 0;overflow: hidden;transition: all 0.3s ease-in-out;}.vi-fixed-menu_box .menu_bottom .menu_item_childs.open {max-height: 500px;}.vi-search-container {position: absolute;top: 0;left: 0;right: 0;height: 100vh;background-color: #ffffff;visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out;}.vi-search-container.show {visibility: visible;opacity: 1;}.vi-search-container .inner_form {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;}.vi-search-container .inner_form input {text-align: center;border-bottom: 1px solid #6c6c70;font-size: 1.2rem;}.vi-top_swiper {position: relative;overflow: hidden;}.vi-swiper_box {display: flex;gap: 0.9375rem;scroll-behavior: smooth;position: relative;}.swiper_item {border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;position: relative;min-height: 375px;max-height: 495px;overflow: hidden;flex: 0 0 100%;background-color: #c9e0ff;}.swiper_item .inner_img {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;object-fit: cover;height: 100%;}.swiper_item .upper_box {position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);width: 80%;border-radius: 15px;background-color: #ffffffd6;padding: 0.625rem;}.swiper_item .upper_box .upper_title {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);border-radius: 25px;padding: 0.625rem 0.9375rem;background-color: #0066ee;text-transform: uppercase;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}.swiper_item .upper_box .upper_title span {white-space: nowrap;}.swiper_item .upper_box .upper_content {padding: 40px 20px 40px 20px;text-align: center;font-size: 2rem;color: #151824;}@media (max-width: 1024px) {.swiper_item .upper_box .upper_content {font-size: 1rem;}}.swiper_points {display: flex;flex-direction: row;gap: 0.625rem;justify-content: center;position: absolute;left: 0;right: 0;bottom: 35px;}.swiper_points .ponits_item {border-radius: 50%;width: 15px;height: 15px;background-color: #ffffffa6;}.swiper_points .ponits_item[data-checked="true"] {background-color: #0066ee;}.swiper_points .ponits_item:hover {cursor: pointer;}.vi-content_article {margin-top: 45px;}.vi-article_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.9375rem;}@media (max-width: 1024px) {.vi-article_list {grid-template-columns: repeat(2, 1fr);}}.vi-article_list.vi-recommend {grid-template-columns: repeat(2, 1fr);}.vi-article_list.vi-recommend .article_item:first-child {grid-column: span 1;flex-direction: column;}.vi-article_list.vi-related {grid-template-columns: repeat(1, 1fr);}@media (max-width: 796px) {.vi-article_list.vi-search {grid-template-columns: repeat(1, 1fr);}}.article_item {display: flex;flex-direction: column;gap: 0.625rem;}.article_item:first-child .article_img {flex: 2;}.article_item:first-child .article_content {flex: 1;}@media (min-width: 769px) {.article_item:first-child .article_content {padding: 1.25rem;}}.article_item.vi-home:first-child {gap: 0.9375rem;grid-column: span 3;grid-row: span 1;}@media (min-width: 769px) {.article_item.vi-home:first-child {flex-direction: row;}}@media (max-width: 1024px) {.article_item.vi-home:first-child {grid-column: span 2;}}@media (min-width: 1024px) {.article_item.vi-category:first-child {flex-direction: row;grid-column: span 3;}}@media (max-width: 1024px) {.article_item.vi-category:first-child .article_content {padding: 0;}}@media (max-width: 1024px) {.article_item.vi-category:first-child .article_img {flex: none;}}@media (max-width: 1024px) {.article_item.vi-category:first-child p, .article_item.vi-category:first-child .read-more {display: none;}}.article_item .article_img {border-radius: 15px;overflow: hidden;display: inline-flex;background-color: #c9e0ff;}.article_item .article_img img {border-radius: inherit;transform: scale(1);transition: all 0.3s ease-in-out;}.article_item .article_img img:hover {transform: scale(1.05);}.article_item .article_content {display: flex;flex-direction: column;gap: 0.625rem;justify-content: center;}.article_item h3 {color: #151824;font-size: 1.2rem;line-height: 1.7rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;}.article_item p {color: #6c6c70;font-weight: 400;line-height: 1.6em;}@media (max-width: 769px) {.article_item p {display: none;}}.article_item .read-more {color: #0066ee;}.vi-top-title {text-align: center;color: #151824;margin-top: 45px;}.vi-detail-container {display: flex;flex-direction: row;gap: 3.25rem;justify-content: center;padding-top: 1.5625rem;}.vi-detail-container .left_top-title {text-align: center;}.vi-detail-container .left_top-title .category_name {color: #6c6c70;}.vi-detail-container .vi-left-content {max-width: 680px;}.vi-detail-container .vi-left-content h1, .vi-detail-container .vi-left-content h2 {color: #151824;}.vi-detail-container .vi-left-content p {line-height: 1.1rem;color: #6c6c70;margin: 0.9375rem 0;line-height: 1.7rem;}.vi-detail-container .article-content img {border-radius: 15px;margin-bottom: 1.5625rem;}.vi-detail-container .vi-right-aside {display: none;width: 290px;height: auto;position: relative;}.vi-right-aside_sticky {display: flex;flex-direction: column;gap: 0.9375rem;position: sticky;top: 105px;}@media (min-width: 1024px) {.vi-detail-container .vi-right-aside {display: block;}}.vi-detail-container .vi-detail-nav {border-radius: 15px;background-color: #c9e0ff;padding: 0.9375rem;}.vi-detail-container .vi-detail-nav:hover {cursor: pointer;}.vi-detail-container .vi-detail-nav span {display: inline-block;padding: 0.625rem 0;font-weight: bolder;color: #151824;}.vi-detail-container .vi-detail-nav span::after {content: "";display: inline-block;background-image: url(../img/down.svg);background-size: cover;width: 20px;height: 20px;vertical-align: middle;margin-left: 5px;white-space: nowrap;}.vi-detail-container .vi-detail-nav .nav_list {max-height: 0;overflow: hidden;transition: all 0.4s ease-in-out;}.vi-detail-container .vi-detail-nav .nav_list a {text-decoration: underline;color: #0066ee;padding: 0.625rem 0;display: inline-block;}.vi-detail-container .vi-detail-nav .nav_list.show {max-height: 500px;}.vi-detail-container .vi-related-list h2 {text-align: center;color: #6c6c70;padding: 0.9375rem 0;margin-bottom: 1.5625rem;}.vi-recommend-list {border-top: 1px solid #d7d7d7a6;}.vi-recommend-title {text-align: center;margin: 20px 0;}.vi-recommend-title h3 {color: #6c6c70;}.vi-about h1 {text-align: center;}.vi-about h1, .vi-about h2, .vi-about h3 {margin: 0.9375rem 0;color: #151824;line-height: 1.7rem;}.vi-about p {margin: 0.625rem 0;line-height: 1.7rem;color: #6c6c70;}footer {background-color: #151824;}footer .vi-footer-container {display: flex;flex-direction: row;gap: 1.5625rem;align-items: center;justify-content: center;padding: 2.9375rem;}footer .vi-footer-container a {color: #ffffff;text-decoration: underline;}.footer {background-color: #ffffff;}