@import url(./fonts/fontawesome/css/all.min.css);
@import url(./fonts/typography.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body, html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
  color: currentColor;
}

*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Text-level semantic
 */
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

/**
 * Embedded content
 */
img {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

/**
 * Grouping content
 */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}

/**
 * Forms
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
input[type=submit] {
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


:root {
  --f-body: "SF Pro Display";
  --blue: #2D55A5;
  --white: #fff;
}

html {
  box-sizing: border-box;
  scroll-padding-top: 8rem;
  scroll-behavior: smooth;
}

body {
  font-family: var(--f-body);
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

input,
textarea,
select {
  outline: 0;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

figure {
  margin: 0;
}

a:visited {
  color: inherit;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

*::-webkit-scrollbar-track {
  background: #d9d9d9;
}

*::-webkit-scrollbar-thumb {
  background-color: #2D55A5;
  border-radius: 0.9rem;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.row-0 {
  margin-left: 0;
  margin-right: 0;
}

.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.p-0 {
  padding-left: 0;
  padding-right: 0;
}

.p-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.breadcrumbs {
  margin-top: 7.12rem;
}
.breadcrumbs .container ul {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs .container ul {
    gap: 0;
    flex-wrap: wrap;
  }
}
.breadcrumbs .container ul li {
  display: flex;
  gap: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs .container ul li {
    gap: 0.25rem;
  }
}
.breadcrumbs .container ul li:first-child a, .breadcrumbs .container ul li:nth-child(2) a {
  color: #9ca3af;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.breadcrumbs .container ul li:last-child a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section-1-device {
  padding: 1.5rem 0 4rem 0;
}
.section-1-device .container {
  display: flex;
  gap: 3.56rem;
}
@media only screen and (max-width: 1199px) {
  .section-1-device .container {
    gap: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device .container {
    flex-direction: column;
  }
}
.section-1-device .container .col-left {
  border-radius: 1.25rem;
  background: #f6f6f6;
}
.section-1-device .container .col-left figure {
  position: relative;
  padding-left: 43rem;
  padding-top: 99%;
}
@media only screen and (max-width: 1380px) {
  .section-1-device .container .col-left figure {
    padding-left: 32rem;
  }
}
@media only screen and (max-width: 1199px) {
  .section-1-device .container .col-left figure {
    padding-left: 25rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device .container .col-left figure {
    padding-left: 0;
  }
}
.section-1-device .container .col-left figure img {
  position: absolute;
  left: 8%;
  top: 8%;
  /* inset: 0; */
  width: 85%;
  height: 85%;
}
@media only screen and (max-width: 1380px) {
  .section-1-device .container .col-left figure img {
    left: 8%;
    top: 26%;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device .container .col-left figure img {
    left: 15%;
    top: 6%;
    width: 70%;
    height: 90%;
  }
}
.section-1-device .container .col-right .product .title h3 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem;
}
@media only screen and (max-width: 667px) {
  .section-1-device .container .col-right .product .title h3 {
    font-size: 1.5rem;
  }
}
.section-1-device .container .col-right .product .desc {
  max-width: 32.625rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 991px) {
  .section-1-device .container .col-right .product .desc {
    max-width: unset;
  }
}
.section-1-device .container .col-right .product .desc p {
  color: #545454;
  text-align: justify;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-device .container .col-right .product .info-device {
  --bs-gutter-x: unset;
  display: flex;
  max-width: 32.625rem;
  gap: 1.25rem 1rem;
  margin-top: 2.25rem;
}
@media only screen and (max-width: 1480px) {
  .section-1-device .container .col-right .product .info-device {
    max-width: 45.625rem;
  }
}
@media only screen and (max-width: 1380px) {
  .section-1-device .container .col-right .product .info-device {
    max-width: 47.625rem;
  }
}
@media only screen and (max-width: 1199px) {
  .section-1-device .container .col-right .product .info-device {
    max-width: 59.625rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-device .container .col-right .product .info-device {
    gap: 0.75rem;
  }
}
.section-1-device .container .col-right .product .info-device .item {
  display: flex;
  width: 15.8125rem;
  padding: 1.5rem 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
@media only screen and (max-width: 1199px) {
  .section-1-device .container .col-right .product .info-device .item {
    width: 9.8125rem;
    padding: 1rem 1rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-device .container .col-right .product .info-device .item {
    width: 48%;
    height: 10rem;
  }
}
.section-1-device .container .col-right .product .info-device .item:nth-child(2) {
  padding: 1.5rem 1rem;
}
.section-1-device .container .col-right .product .info-device .item .title {
  text-align: center;
}
.section-1-device .container .col-right .product .info-device .item .title span {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem;
}
@media only screen and (max-width: 991px) {
  .section-1-device .container .col-right .product .info-device .item .title span {
    font-size: 1rem;
  }
}

.section-2-device {
  padding: 0 !important;
}

.section-3-device {
  margin-top: 4rem;
}
@media only screen and (max-width: 991px) {
  .section-3-device {
    margin-top: 2rem;
  }
}
.section-3-device .container .title-section {
  text-align: center;
}
.section-3-device .container .title-section h2 {
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem;
  background: linear-gradient(270deg, #2b54a5 -2.03%, #22aae1 99.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .title-section h2 {
    font-size: 1.75rem;
  }
}
.section-3-device .container .list-device {
  margin-top: 2rem;
  gap: 2.5rem 0;
}
.section-3-device .container .list-device .item:nth-child(1) img {
  max-width: 15.8125rem;
  display: block;
  margin: 0 auto;
}
.section-3-device .container .list-device .item .image {
  max-width: 25.8125rem;
  height: 17.8125rem;
  border-radius: 1.25rem;
  background: #e9efff;
}
@media only screen and (max-width: 767px) {
  .section-3-device .container .list-device .item .image {
    max-width: unset;
  }
}
.section-3-device .container .list-device .item .image img {
  scale: 0.9;
}
.section-3-device .container .list-device .item .category {
  margin-top: 1.5rem;
}
.section-3-device .container .list-device .item .category span {
  border-radius: 62.4375rem;
  background: rgba(5, 170, 255, 0.1);
  padding: 0.5rem 1rem;
  color: #2d55a5;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.section-3-device .container .list-device .item .name-product {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0.5rem;
  align-self: stretch;
}
@media only screen and (max-width: 1380px) {
  .section-3-device .container .list-device .item .name-product {
    min-height: 3.75rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .name-product {
    min-height: unset;
  }
}
.section-3-device .container .list-device .item .name-product span {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .name-product span {
    font-size: 1.125rem;
  }
}
.section-3-device .container .list-device .item .desc-product {
  margin-top: 1rem;
  min-height: 7.5rem;
  max-width: 23.4375rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .section-3-device .container .list-device .item .desc-product {
    min-height: 9.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .desc-product {
    min-height: unset;
  }
}
@media only screen and (max-width: 767px) {
  .section-3-device .container .list-device .item .desc-product {
    max-width: 100%;
  }
}
.section-3-device .container .list-device .item .desc-product p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-3-device .container .list-device .item .price-sale-product {
  margin-top: 1rem;
}
.section-3-device .container .list-device .item .price-sale-product span {
  color: #ff8700;
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5rem; /* 142.857% */
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .price-sale-product span {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-3-device .container .list-device .item .price-sale-product span {
    font-size: 1.25rem;
  }
}
.section-3-device .container .list-device .item .price-product span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem; /* 155.556% */
}
.section-3-device .container .list-device .item .action {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}
.section-3-device .container .list-device .item .action .btn-add-cart {
  padding: 0.75rem 2rem;
  background: #ff8700;
  border-radius: 1.5rem;
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  .section-3-device .container .list-device .item .action .btn-add-cart {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .action .btn-add-cart {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  .section-3-device .container .list-device .item .action .btn-add-cart {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-3-device .container .list-device .item .action .btn-add-cart {
    padding: 0.75rem 0.5rem;
  }
}
.section-3-device .container .list-device .item .action .btn-buy-now {
  border-radius: 1.5rem;
  padding: 0.75rem 3rem;
  background: #1fa8df;
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  .section-3-device .container .list-device .item .action .btn-buy-now {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-3-device .container .list-device .item .action .btn-buy-now {
    padding: 0.75rem 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-3-device .container .list-device .item .action .btn-buy-now {
    padding: 0.75rem 3.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  .section-3-device .container .list-device .item .action .btn-buy-now {
    font-size: 0.875rem;
  }
}

.section-4-device {
  margin-top: 5.25rem;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 991px) {
  .section-4-device {
    margin-top: 2rem;
  }
}
.section-4-device .container .title-section h3 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.75rem;
}
@media only screen and (max-width: 991px) {
  .section-4-device .container .title-section h3 {
    font-size: 1.75rem;
  }
}
.section-4-device .container .list-device {
  margin-top: 2rem;
  gap: 2.5rem 0;
}
.section-4-device .container .list-device .item .image {
  max-width: 25.8125rem;
  height: 17.8125rem;
  border-radius: 1.25rem;
  background: #e9efff;
}
.section-4-device .container .list-device .item .image img {
  max-width: 15.8125rem;
  display: block;
  margin: 0 auto;
}
.section-4-device .container .list-device .item .category {
  margin-top: 1.5rem;
}
.section-4-device .container .list-device .item .category span {
  border-radius: 62.4375rem;
  background: rgba(5, 170, 255, 0.1);
  padding: 0.5rem 1rem;
  color: #2d55a5;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.section-4-device .container .list-device .item .name-product {
  margin-top: 0.5rem;
  align-self: stretch;
}
.section-4-device .container .list-device .item .name-product span {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
@media only screen and (max-width: 991px) {
  .section-4-device .container .list-device .item .name-product span {
    font-size: 1.125rem;
  }
}
.section-4-device .container .list-device .item .desc-product {
  margin-top: 1rem;
  min-height: 7.5rem;
  max-width: 24.8rem;
}
@media only screen and (max-width: 1280px) {
  .section-4-device .container .list-device .item .desc-product {
    min-height: 10.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-4-device .container .list-device .item .desc-product {
    min-height: unset;
  }
}
.section-4-device .container .list-device .item .desc-product p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-4-device .container .list-device .item .see-detail {
  margin-top: 1.75rem;
}
.section-4-device .container .list-device .item .see-detail a {
  padding: 0.75rem 2rem;
  border-radius: 1.5rem;
  background: #ff8700;
  color: #fff;
  font-family: var(--f-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.section-1-device-detail {
  margin-top: 3.13rem;
}
.section-1-device-detail .container {
  display: flex;
  flex-direction: column;
}
.section-1-device-detail .container .wrapper {
  --bs-gutter-x: unset !important;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper {
    gap: 2rem 0;
  }
}
.section-1-device-detail .container .wrapper .col-left {
  width: 47.95rem;
  position: relative;
  border-radius: 1.25rem;
}
@media only screen and (max-width: 1380px) {
  .section-1-device-detail .container .wrapper .col-left {
    width: 42rem;
  }
}
@media only screen and (max-width: 1199px) {
  .section-1-device-detail .container .wrapper .col-left {
    width: 35rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper .col-left {
    width: 100%;
  }
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria {
  background-color: #e9efff;
  border-radius: 1.25rem;
  height: 29rem;
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria .child {
  width: 100%;
  height: 100%;
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria .child img {
  width: 100%;
  height: 29rem;
  border-radius: 1.25rem;
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs {
  margin-top: 1.3125rem;
  width: 38.25rem;
  margin-bottom: 1rem;
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs .swiper-slide.swiper-slide-active .child {
  border: 2px solid #2197D3;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 1380px) {
  .section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs {
    width: 33.25rem;
  }
}
@media only screen and (max-width: 1199px) {
  .section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs {
    margin-top: 3.3125rem;
    width: 26.25rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs {
    margin-top: 1.3125rem;
    margin-bottom: 1rem;
    width: 30.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs {
    display: none;
  }
}
.section-1-device-detail .container .wrapper .col-left .slider-galeria-thumbs img {
  width: 8.4375rem;
  height: 5.5625rem;
  border-radius: 0.75rem;
}
.section-1-device-detail .container .wrapper .col-left .button-next {
  position: absolute;
  bottom: 2.5rem;
  right: -0.1875rem;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .section-1-device-detail .container .wrapper .col-left .button-next {
    top: 50%;
    right: 0;
  }
}
.section-1-device-detail .container .wrapper .col-left .button-next img {
  width: 2rem !important;
  height: 2rem !important;
}
.section-1-device-detail .container .wrapper .col-left .button-prev {
  position: absolute;
  bottom: 2.5rem;
  left: -0.1875rem;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .section-1-device-detail .container .wrapper .col-left .button-prev {
    top: 50%;
    left: 0;
  }
}
.section-1-device-detail .container .wrapper .col-left .button-prev img {
  width: 2rem !important;
  height: 2rem !important;
}
.section-1-device-detail .container .wrapper .col-right {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper .col-right {
    margin-left: 0;
  }
}
.section-1-device-detail .container .wrapper .col-right .list-social {
  display: flex;
  gap: 0.62rem;
}
@media only screen and (max-width: 667px) {
  .section-1-device-detail .container .wrapper .col-right .list-social {
    display: none;
  }
}
.section-1-device-detail .container .wrapper .col-right .review {
  display: flex;
  gap: 0.62rem;
  margin-top: 2rem;
}
.section-1-device-detail .container .wrapper .col-right .review .star i {
  color: #ff8700;
}
.section-1-device-detail .container .wrapper .col-right .review .number-review span {
  color: #141718;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-1-device-detail .container .wrapper .col-right .product-name {
  margin-top: 0.5rem;
}
.section-1-device-detail .container .wrapper .col-right .product-name h2 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 137.5% */
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper .col-right .product-name h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-device-detail .container .wrapper .col-right .product-name h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-1-device-detail .container .wrapper .col-right .product-name h2 {
    font-size: 1.25rem;
  }
}
.section-1-device-detail .container .wrapper .col-right .product-desc {
  margin-top: 1rem;
}
.section-1-device-detail .container .wrapper .col-right .product-desc p {
  color: #7a7e86;
  text-align: justify;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-device-detail .container .wrapper .col-right .price-sale {
  margin-top: 2rem;
}
.section-1-device-detail .container .wrapper .col-right .price-sale span {
  color: #ff8700;
  font-family: var(--f-body);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem; /* 133.333% */
}
.section-1-device-detail .container .wrapper .col-right .price span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem; /* 155.556% */
}
.section-1-device-detail .container .wrapper .col-right .action {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1380px) {
  .section-1-device-detail .container .wrapper .col-right .action {
    flex-wrap: wrap;
  }
}
.section-1-device-detail .container .wrapper .col-right .action .quantity {
  display: flex;
  border-radius: 62.4375rem;
  background: var(--Black-100, #f5f5f5);
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 33.3%;
  padding: .5rem 0;
}
.section-1-device-detail .container .wrapper .col-right .action .quantity input {
  width: 8rem;
  border: none;
  background: none;
  outline: none;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .section-1-device-detail .container .wrapper .col-right .action .quantity input {
    width: 6rem;
  }
}
.section-1-device-detail .container .wrapper .col-right .action .quantity .btn-minus {
  position: absolute;
  left: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}
.section-1-device-detail .container .wrapper .col-right .action .quantity .btn-minus.disabled {
  color: #b2b1b1;
  cursor: auto;
}
.section-1-device-detail .container .wrapper .col-right .action .quantity .btn-plus {
  position: absolute;
  right: 0.9375rem;
  width: 1.25rem;
  height: 1.25rem;
}
.section-1-device-detail .container .wrapper .col-right .action .button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
  max-width: 65%;
}
.section-1-device-detail .container .wrapper .col-right .action .btn-add-cart {
  padding: 0.75rem 2rem;
  flex: 0 0 0;
  border-radius: 1.5rem;
  background: #ff8700;
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
}
@media only screen and (max-width: 1280px) {
  .section-1-device-detail .container .wrapper .col-right .action .btn-add-cart {
    // padding: 0.75rem 0.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  .section-1-device-detail .container .wrapper .col-right .action .btn-add-cart {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-1-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 0.5rem;
  }
}
.section-1-device-detail .container .wrapper .col-right .action .btn-buy-now {
  padding: 0.75rem 3rem;
  gap: 0.5rem;
  border-radius: 1.5rem;
  background: #1fa8df;
  color: #fff;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
}

.section-2-device-detail {
  margin-top: 5rem;
}
.section-2-device-detail .container .wrapper {
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper {
    flex-direction: column-reverse;
  }
}
.section-2-device-detail .container .wrapper .col-left {
  overflow: hidden;
  width: 47.95rem;
}
@media only screen and (max-width: 1380px) {
  .section-2-device-detail .container .wrapper .col-left {
    width: 42rem;
  }
}
@media only screen and (max-width: 1199px) {
  .section-2-device-detail .container .wrapper .col-left {
    width: 35rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-left {
    max-width: 100%;
  }
}
.section-2-device-detail .container .wrapper .col-left h1,
.section-2-device-detail .container .wrapper .col-left h2,
.section-2-device-detail .container .wrapper .col-left h3,
.section-2-device-detail .container .wrapper .col-left h4,
.section-2-device-detail .container .wrapper .col-left h5,
.section-2-device-detail .container .wrapper .col-left h6 {
  color: #2d55a5;
  font-family: var(--f-body);
  font-style: normal;
  line-height: 2rem;
}
.section-2-device-detail .container .wrapper .col-left h1 {
  font-size: 2rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left h3 {
  font-size: 1.25rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left h4 {
  font-size: 1.125rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left h5 {
  font-size: 1rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left h6 {
  font-size: 0.875rem;
  font-weight: 600;
}
.section-2-device-detail .container .wrapper .col-left p {
  margin-top: 1.5rem;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-2-device-detail .container .wrapper .col-left .title-general h2 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.75rem;
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-left .title-general h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-device-detail .container .wrapper .col-left .title-general h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-2-device-detail .container .wrapper .col-left .title-general h2 {
    font-size: 1.25rem;
  }
}
.section-2-device-detail .container .wrapper .col-left .desc-device {
  margin-top: 1.5rem;
}
.section-2-device-detail .container .wrapper .col-left .desc-device p {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
.section-2-device-detail .container .wrapper .col-left figure {
  margin-top: 1.5rem;
}
.section-2-device-detail .container .wrapper .col-left img {
  width: 100%;
  border-radius: 1.25rem;
}
.section-2-device-detail .container .wrapper .col-right {
  width: 27.8125rem;
}
@media only screen and (max-width: 1199px) {
  .section-2-device-detail .container .wrapper .col-right {
    width: 22.8125rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right {
    width: 100%;
  }
}
.section-2-device-detail .container .wrapper .col-right.fixed {
  position: fixed;
  right: 15.5%;
  top: 10%;
}
@media screen and (max-width: 1700px) {
  .section-2-device-detail .container .wrapper .col-right.fixed {
    right: 8.5%;
  }
}
@media only screen and (max-width: 1380px) {
  .section-2-device-detail .container .wrapper .col-right.fixed {
    right: 2.5%;
  }
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right.fixed {
    position: unset;
  }
}
.section-2-device-detail .container .wrapper .col-right .title-config h2 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 137.5% */
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right .title-config h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-device-detail .container .wrapper .col-right .title-config h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-2-device-detail .container .wrapper .col-right .title-config h2 {
    font-size: 1.25rem;
  }
}
.section-2-device-detail .container .wrapper .col-right .price-sale {
  margin-top: 1.5rem;
}
.section-2-device-detail .container .wrapper .col-right .price-sale span {
  color: #ff8700;
  font-family: var(--f-body);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem; /* 133.333% */
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right .price-sale span {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-device-detail .container .wrapper .col-right .price-sale span {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-2-device-detail .container .wrapper .col-right .price-sale span {
    font-size: 1.25rem;
  }
}
.section-2-device-detail .container .wrapper .col-right .price span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem; /* 155.556% */
}
.section-2-device-detail .container .wrapper .col-right .action {
  margin-top: 1.5rem;
  display: flex;
  gap: 0.5rem;
}
.section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
  padding: 0.75rem 2rem;
  flex: 0.7 0 0;
  background: #ff8700;
  border-radius: 1.5rem;
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 0.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 1.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-add-cart {
    padding: 0.75rem 0.5rem;
  }
}
.section-2-device-detail .container .wrapper .col-right .action .btn-buy-now {
  flex: 0.6 0 0;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  background: #1fa8df;
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .section-2-device-detail .container .wrapper .col-right .action .btn-buy-now {
    padding: 0.75rem 1rem;
  }
}
.section-2-device-detail .container .wrapper .col-right .table {
  margin-top: 2.5rem;
}
.section-2-device-detail .container .wrapper .col-right .table table tr:nth-child(odd) {
  background: #e9efff;
}
.section-2-device-detail .container .wrapper .col-right .table table tr td {
  position: relative;
}
.section-2-device-detail .container .wrapper .col-right .table table tr td:nth-child(1) {
  width: 9.3125rem;
  padding: 1rem 1.25rem;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
  color: #000;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  flex: 1 0 0;
}
@media only screen and (max-width: 991px) {
  .section-2-device-detail .container .wrapper .col-right .table table tr td:nth-child(1) {
    width: 54%;
  }
}
.section-2-device-detail .container .wrapper .col-right .table table tr td:nth-child(1):before {
  content: "";
  position: absolute;
  width: 0.12rem;
  height: 100%;
  top: 0;
  right: -0.6rem;
  background: #fff;
}
.section-2-device-detail .container .wrapper .col-right .table table tr td:nth-child(2) {
  padding: 1rem 1.25rem;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.section-3-detail {
  margin-bottom: 9.62rem;
}
@media only screen and (max-width: 991px) {
  .section-3-detail {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-3-detail {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-3-detail {
    margin-bottom: 1rem;
  }
}
.section-3-detail .container .title-general h2 {
  color: var(--Gray-6, #3f3d48);
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.75rem;
}
@media only screen and (max-width: 991px) {
  .section-3-detail .container .title-general h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-3-detail .container .title-general h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-3-detail .container .title-general h2 {
    font-size: 1.25rem;
  }
}
.section-3-detail .container .list-device .item img {
  scale: unset;
}
.section-3-detail .container .list-device .item:nth-child(1) img {
  max-width: unset;
}

.section-1-app-intro .container .wrapper .col-right .action {
  margin-top: 0;
}
.section-1-app-intro .container .wrapper .col-right .price-sale {
  margin-top: 1rem;
}
.section-1-app-intro .container .wrapper .col-right .product-name {
  margin-top: 0;
}
.section-1-app-intro .container .wrapper .col-right .product-name h2 {
  width: 27rem;
}
@media only screen and (max-width: 991px) {
  .section-1-app-intro .container .wrapper .col-right .product-name h2 {
    width: 100%;
  }
}
.section-1-app-intro .container .wrapper .col-right .product-desc {
  width: 27rem;
}
@media only screen and (max-width: 991px) {
  .section-1-app-intro .container .wrapper .col-right .product-desc {
    width: 100%;
  }
}
.section-1-app-intro .container .wrapper .col-right .review {
  margin-top: 2rem;
}
.section-1-app-intro .container .wrapper .col-right .packages {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
  z-index: 20;
}
@media only screen and (max-width: 991px) {
  .section-1-app-intro .container .wrapper .col-right .packages {
    margin-top: 0;
  }
}
.section-1-app-intro .container .wrapper .col-right .packages .child {
  display: flex;
  gap: 1rem;
}
.section-1-app-intro .container .wrapper .col-right .packages .child input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.section-1-app-intro .container .wrapper .col-right .packages .child input[type=radio]:checked {
  width: 1.5rem;
  height: 1.5rem;
  accent-color: #3f3d48;
}
.section-1-app-intro .container .wrapper .col-right .packages .child .time-pack {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-app-intro .container .wrapper .col-right .packages .child .time-pack.active {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-app-intro .container .wrapper .col-right .btn-trial {
  padding: 0.75rem 2rem;
  width: 27.125rem;
  margin-top: 0.75rem;
  border-radius: 1.5rem;
  background: #1fa8df;
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.section-2-app-intro {
  margin-top: 1.5rem;
}
.section-2-app-intro .container {
  padding: 4rem 0;
}
.section-2-app-intro .container .title-section h2 {
  background: linear-gradient(270deg, #2b54a5 -2.03%, #22aae1 99.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.5rem;
}
@media only screen and (max-width: 991px) {
  .section-2-app-intro .container .title-section h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-app-intro .container .title-section h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .section-2-app-intro .container .title-section h2 {
    font-size: 1.25rem;
  }
}
.section-2-app-intro .container .list-target {
  margin-top: 3rem;
}
@media only screen and (max-width: 991px) {
  .section-2-app-intro .container .list-target {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-app-intro .container .list-target {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .section-2-app-intro .container .list-target {
    margin-right: 0;
    margin-left: 0;
  }
}
.section-2-app-intro .container .list-target .child {
  flex-direction: column;
  align-items: center;
  border-radius: 1rem;
}
.section-2-app-intro .container .list-target .child .content-wrapper {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
.section-2-app-intro .container .list-target .child .content-wrapper .text {
  display: flex;
  padding: 1.5rem 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  background-color: #fff;
  height: 13.5rem;
}
.section-2-app-intro .container .list-target .child .content-wrapper .text .title h4 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
}
.section-2-app-intro .container .list-target .child .content-wrapper .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.section-3-app-intro {
  background: #e9efff;
  position: relative;
  overflow: hidden;
}
.section-3-app-intro .back {
  position: absolute;
  left: -2.3125rem;
  bottom: -13.3125rem;
  transform: rotate(3deg);
}
.section-3-app-intro .back svg {
  height: 60.07588rem;
  opacity: 0.5;
}
.section-3-app-intro .container {
  padding: 6rem 0rem;
}
.section-3-app-intro .container .title-section {
  text-align: center;
}
.section-3-app-intro .container .title-section span {
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.5rem;
}
.section-3-app-intro .container .title-section span:first-of-type {
  background: linear-gradient(269deg, #2b54a5 49.86%, #22aae1 99.34%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-3-app-intro .container .title-section span:last-of-type {
  color: #3f3d48;
}
.section-3-app-intro .container .desc-section {
  margin-top: 0.75rem;
}
.section-3-app-intro .container .desc-section p {
  color: #545454;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.section-3-app-intro .container .list-lib {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
}
.section-3-app-intro .container .list-lib .child {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 12.3rem;
}
.section-3-app-intro .container .list-lib .child .icon figure {
  padding: 1.5rem;
  background: #fff;
  border-radius: 100rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
.section-3-app-intro .container .list-lib .child .quantity {
  margin-top: 0.75rem;
}
.section-3-app-intro .container .list-lib .child .quantity span {
  margin-top: 0.75rem;
  color: #2d55a5;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.5rem; /* 140% */
}
.section-3-app-intro .container .list-lib .child .title {
  text-align: center;
}
.section-3-app-intro .container .list-lib .child .title span {
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.section-4-app-intro .row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 667px) {
  .section-4-app-intro .title-general {
    padding-left: 1rem;
  }
}
.section-4-app-intro .container {
  padding: 5rem 0;
}
.section-4-app-intro .container .top-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.section-4-app-intro .container .top-section .title-section {
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.5rem;
}
.section-4-app-intro .container .top-section .title-section .bot h2 {
  background: linear-gradient(269deg, #2b54a5 1.07%, #22aae1 101.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-4-app-intro .container .top-section .btn-trial {
  margin-top: 1rem;
  background-color: #ff8700;
  padding: 0.75rem 2rem;
  max-width: 19.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 1.5rem;
}
.section-4-app-intro .container .top-section .btn-trial span {
  color: #fff;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */
}
.section-4-app-intro .container .bot-section {
  margin-top: 2.5rem;
}
.section-4-app-intro .container .bot-section .list-methods .child:first-child {
  order: 1;
}
.section-4-app-intro .container .bot-section .list-methods .child:nth-child(2) {
  order: 3;
}
.section-4-app-intro .container .bot-section .list-methods .child:last-child {
  order: 2;
}

.section-1-news-event .container {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}
.section-1-news-event .container .wrapper {
  gap: 2.5rem 0;
}
.section-1-news-event .container .wrapper .col-left-1 {
  overflow: hidden;
}
.section-1-news-event .container .wrapper .col-left-1 .item {
  border-radius: 1.125rem;
  display: flex;
  padding: 1.5rem 1.25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.5rem;
  width: 39.375rem;
  height: 100%;
}
@media only screen and (max-width: 1480px) {
  .section-1-news-event .container .wrapper .col-left-1 .item {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .section-1-news-event .container .wrapper .col-left-1 .item {
    gap: 0.25rem;
    height: 25rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-news-event .container .wrapper .col-left-1 .item {
    height: 100%;
  }
}
.section-1-news-event .container .wrapper .col-left-1 .item .category a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-1-news-event .container .wrapper .col-left-1 .item .title a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 150% */
}
.section-1-news-event .container .wrapper .col-left-1 .item .desc p {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-1-news-event .container .wrapper .col-left-1 .item .date i {
  color: #fff;
}
.section-1-news-event .container .wrapper .col-left-1 .item .date span {
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-news-event .container .wrapper .col-right-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  flex: 1 0 0;
}
@media only screen and (max-width: 1480px) {
  .section-1-news-event .container .wrapper .col-right-1 {
    gap: 0.5rem;
  }
}
.section-1-news-event .container .wrapper .col-right-1 .child {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
@media only screen and (max-width: 991px) {
  .section-1-news-event .container .wrapper .col-right-1 .child {
    gap: 1rem 0;
  }
}
.section-1-news-event .container .wrapper .col-right-1 .child .left img {
  width: 19rem;
  border-radius: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  height: 10.75rem;
}
@media only screen and (max-width: 1480px) {
  .section-1-news-event .container .wrapper .col-right-1 .child .left img {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .section-1-news-event .container .wrapper .col-right-1 .child .left img {
    height: 10.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-news-event .container .wrapper .col-right-1 .child .left img {
    height: 100%;
  }
}
.section-1-news-event .container .wrapper .col-right-1 .child .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 0 0;
  padding-right: 0;
}
.section-1-news-event .container .wrapper .col-right-1 .child .right .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem; /* 142.857% */
}
.section-1-news-event .container .wrapper .col-right-1 .child .right .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 160% */
}
.section-1-news-event .container .wrapper .col-right-1 .child .right .date i {
  color: #7a7e86;
}
.section-1-news-event .container .wrapper .col-right-1 .child .right .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

.section-2-news-event .container {
  padding-bottom: 5rem;
}
.section-2-news-event .container .tabs-control ul {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.section-2-news-event .container .tabs-control ul li {
  display: flex;
  padding: 0.75rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 62.4375rem;
  background: #e5e7eb;
}
@media only screen and (max-width: 991px) {
  .section-2-news-event .container .tabs-control ul li {
    padding: 0.75rem 1rem;
  }
}
.section-2-news-event .container .tabs-control ul li a {
  color: var(--Gray-5, #545454);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
@media only screen and (max-width: 991px) {
  .section-2-news-event .container .tabs-control ul li a {
    font-size: 1rem;
  }
}
.section-2-news-event .container .tabs-control ul li.active {
  background: #ff8700;
}
.section-2-news-event .container .tabs-control ul li.active a {
  color: var(--White, #fff);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem; /* 160% */
}
@media only screen and (max-width: 991px) {
  .section-2-news-event .container .tabs-control ul li.active a {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-news-event .container .tabs-control ul li.active a {
    font-size: 0.875rem;
  }
}
.section-2-news-event .container .title-section {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-2-news-event .container .title-section h2 {
  color: #000;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 137.5% */
}
@media only screen and (max-width: 667px) {
  .section-2-news-event .container .title-section h2 {
    font-size: 1.5rem;
  }
}
.section-2-news-event .container .title-section .see-more a {
  color: #2d55a5;
  font-family: "SF Pro Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 667px) {
  .section-2-news-event .container .title-section .see-more a {
    font-size: 0.75rem;
  }
}
.section-2-news-event .container .tabs-content .tab-pane {
  display: none;
}
.section-2-news-event .container .tabs-content .tab-pane .row {
  margin-top: 2.5rem;
  gap: 2.5rem 0;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper {
  overflow: hidden;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  background: #fff;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.1%;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper img {
  position: absolute;
  inset: 0;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text {
  min-height: 17.5625rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.75rem;
  align-items: flex-start;
  gap: 1.25rem;
  align-self: stretch;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text .date i {
  color: #7a7e86;
}
.section-2-news-event .container .tabs-content .tab-pane .row .item .content-wrapper .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-2-news-event .container .tabs-content .tab-pane.active {
  display: block;
  animation: fadeIn 1s ease-in-out;
}

.section-3-news-event {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.section-3-news-event .container {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}
@media only screen and (max-width: 991px) {
  .section-3-news-event .container {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-3-news-event .container {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }
}
.section-3-news-event .container .title-section {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .section-3-news-event .container .title-section {
    margin-top: 1.5rem;
  }
}
.section-3-news-event .container .title-section h2 {
  color: #fff;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 137.5% */
}
@media only screen and (max-width: 667px) {
  .section-3-news-event .container .title-section h2 {
    font-size: 1.5rem;
  }
}
.section-3-news-event .container .title-section .see-more a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.section-3-news-event .container .wrapper {
  margin-top: 2.5rem;
  gap: 2.5rem 0;
}
.section-3-news-event .container .wrapper .date-2 {
  border-radius: 62.4375rem;
  background: var(--Gradient-3, linear-gradient(270deg, #ff8c01 4.19%, #ffb502 63.46%));
  padding: 0.5rem 1rem;
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 142.857% */
}
.section-3-news-event .container .wrapper .col-left-1 {
  position: relative;
  overflow: hidden;
}
.section-3-news-event .container .wrapper .col-left-1 .date-2 {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
}
.section-3-news-event .container .wrapper .col-left-1 .item {
  border-radius: 1.125rem;
  display: flex;
  padding: 1.5rem 1.25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.5rem;
  height: 100%;
}
@media only screen and (max-width: 1480px) {
  .section-3-news-event .container .wrapper .col-left-1 .item {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .section-3-news-event .container .wrapper .col-left-1 .item {
    gap: 0.25rem;
    height: 25rem;
  }
}
.section-3-news-event .container .wrapper .col-left-1 .item .category a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-3-news-event .container .wrapper .col-left-1 .item .title a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem; /* 150% */
}
.section-3-news-event .container .wrapper .col-left-1 .item .desc p {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-3-news-event .container .wrapper .col-left-1 .item .date i {
  color: #fff;
}
.section-3-news-event .container .wrapper .col-left-1 .item .date span {
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-3-news-event .container .wrapper .col-right-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  flex: 1 0 0;
}
.section-3-news-event .container .wrapper .col-right-1 .child {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.section-3-news-event .container .wrapper .col-right-1 .child .left {
  position: relative;
}
.section-3-news-event .container .wrapper .col-right-1 .child .left img {
  height: 10.75rem;
  width: 19rem;
  border-radius: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .section-3-news-event .container .wrapper .col-right-1 .child .left img {
    width: 100%;
    height: 10.75rem;
  }
}
.section-3-news-event .container .wrapper .col-right-1 .child .left .date-2 {
  position: absolute;
  left: 1.25rem;
  top: 1.0625rem;
}
.section-3-news-event .container .wrapper .col-right-1 .child .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 0 0;
}
.section-3-news-event .container .wrapper .col-right-1 .child .right .category span {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem; /* 142.857% */
}
.section-3-news-event .container .wrapper .col-right-1 .child .right .title a {
  color: #fff;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 160% */
}
.section-3-news-event .container .wrapper .col-right-1 .child .right .date i {
  color: #fff;
}
.section-3-news-event .container .wrapper .col-right-1 .child .right .date span {
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

.section-4-news-event {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 991px) {
  .section-4-news-event {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-4-news-event {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }
}
.section-4-news-event .container .title-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 667px) {
  .section-4-news-event .container .title-section {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.section-4-news-event .container .title-section h2 {
  color: #000;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem; /* 137.5% */
}
@media only screen and (max-width: 667px) {
  .section-4-news-event .container .title-section h2 {
    font-size: 1.5rem;
  }
}
.section-4-news-event .container .title-section .see-more a {
  color: #2d55a5;
  font-family: "SF Pro Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.section-4-news-event .container .content {
  gap: 2.5rem 0;
  margin-top: 2.5rem;
}
.section-4-news-event .container .content .child .content-wrapper {
  display: flex;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  overflow: hidden;
}
.section-4-news-event .container .content .child .content-wrapper figure {
  position: relative;
  display: block;
  height: 0;
  padding-top: 54.3%;
  padding-left: 50%;
}
@media only screen and (max-width: 1380px) {
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 61.3%;
  }
}
@media only screen and (max-width: 1199px) {
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 31.3%;
    padding-left: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 48.3%;
  }
}
@media only screen and (max-width: 767px) {
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 64.3%;
  }
}
@media only screen and (max-width: 480px) {
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 87.3%;
  }
}
.section-4-news-event .container .content .child .content-wrapper figure img {
  position: absolute;
  inset: 0;
}
.section-4-news-event .container .content .child .content-wrapper .col-right {
  padding: 1.5rem 1.75rem;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .category {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .desc {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 667px) {
  .section-4-news-event .container .content .child .content-wrapper .col-right .text .desc {
    -webkit-line-clamp: 3;
  }
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.89rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  align-self: stretch;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .date i {
  color: #7a7e86;
}
.section-4-news-event .container .content .child .content-wrapper .col-right .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

@media only screen and (max-width: 667px) {
  .section-news {
    padding: 0 1rem 0 1rem;
  }
}
.section-news .row {
  padding: 0;
  right: 0;
}
.section-news .container {
  padding: 2.5rem 0 5rem 0;
}
.section-news .container .wrapper {
  display: flex;
  align-items: flex-start;
  gap: 3.75rem;
}
@media only screen and (max-width: 1199px) {
  .section-news .container .wrapper {
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper {
    margin-right: 0;
  }
}
.section-news .container .wrapper .col-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-left {
    width: 100%;
  }
}
.section-news .container .wrapper .col-left .title {
  max-width: 19rem;
}
@media only screen and (max-width: 1199px) {
  .section-news .container .wrapper .col-left .title {
    max-width: unset;
  }
}
.section-news .container .wrapper .col-left .title h2 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem; /* 140% */
}
@media only screen and (max-width: 991px) {
  .section-news .container .wrapper .col-left .title h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-left .title h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-left .tabs-control {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .section-news .container .wrapper .col-left .tabs-control ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 0;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-left .tabs-control ul {
    flex-direction: column;
  }
}
.section-news .container .wrapper .col-left .tabs-control ul li {
  height: 5rem;
  width: 23.3rem;
  display: flex;
  padding: 1.5rem 2.5rem;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-left: 4px solid #dde9ff;
}
@media only screen and (max-width: 991px) {
  .section-news .container .wrapper .col-left .tabs-control ul li {
    width: unset;
    height: unset;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-left .tabs-control ul li {
    padding: 1.5rem 1.25rem;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
}
.section-news .container .wrapper .col-left .tabs-control ul li a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 160% */
}
.section-news .container .wrapper .col-left .tabs-control ul li.active {
  border-left: 4px solid #22aae1;
  background: rgba(151, 186, 255, 0.2);
}
.section-news .container .wrapper .col-left .tabs-control ul li.active a {
  font-weight: 600;
}
.section-news .container .wrapper .col-right .search {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.section-news .container .wrapper .col-right .search .top {
  display: flex;
  width: 100%;
  height: 2.5rem;
  padding: 0rem 1rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid var(--Gray-2, #d1d5db);
  background: var(--White, #fff);
}
.section-news .container .wrapper .col-right .search .top input {
  flex: 1 0 0;
  border: none;
}
.section-news .container .wrapper .col-right .search .top input::-moz-placeholder {
  color: #9ca3af;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-news .container .wrapper .col-right .search .top input::placeholder {
  color: #9ca3af;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-news .container .wrapper .col-right .search .top i {
  color: #2d55a5;
  flex-shrink: 0;
}
.section-news .container .wrapper .col-right .search .bot span {
  color: #545454;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem; /* 155.556% */
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane {
  display: none;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane.active {
  display: block;
  animation: fadeIn 1s ease-in-out;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post {
  gap: 2.5rem 0;
  padding: 2.5rem 0 2.5rem 0;
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post {
    margin-right: 0;
  }
}
@media only screen and (max-width: 667px) {
  .section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item {
    padding-right: 0;
  }
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper {
  overflow: hidden;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  background: #fff;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.1%;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper img {
  position: absolute;
  inset: 0;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.75rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .date i {
  color: #7a7e86;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul {
  display: flex;
  gap: 0.625rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul li {
  padding: 0.3125rem 0.875rem;
  gap: 0.625rem;
  border-radius: 0.375rem;
  background: #f6f8fc;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul li a {
  color: #434449;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul li.active {
  background: #2d55a5;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul li.active a {
  color: #fff;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul .pre span {
  color: #7e8189;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
.section-news .container .wrapper .col-right .tabs-content .tab-pane .pagination ul .next span {
  color: #434449;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}

.section-1-news-detail .row {
  margin: 0;
  padding: 0;
}
.section-1-news-detail .container {
  padding: 2.5rem 0 5rem 0;
}
@media only screen and (max-width: 991px) {
  .section-1-news-detail .container {
    padding: 1.5rem 0 1rem 0;
  }
}
@media only screen and (max-width: 667px) {
  .section-1-news-detail .container .wrapper {
    margin-right: 0;
  }
}
.section-1-news-detail .container .wrapper .col-left .list-socials {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
}
@media only screen and (max-width: 991px) {
  .section-1-news-detail .container .wrapper .col-left .list-socials {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.section-1-news-detail .container .wrapper .col-left .list-socials .icon {
  padding: 0.625rem;
  border-radius: 6.25rem;
  background: #eaedf3;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .title h2 {
  color: #141518;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 991px) {
  .section-1-news-detail .container .wrapper .col-mid .post .top .title h2 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-1-news-detail .container .wrapper .col-mid .post .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.section-1-news-detail .container .wrapper .col-mid .post .top .date__admin {
  gap: 2.87rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .date__admin .date {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .date__admin .date i {
  color: #7a7e86;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .date__admin .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .date__admin .admin span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .desc {
  position: relative;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .desc::before {
  content: "";
  position: absolute;
  width: 0.125rem;
  height: 98%;
  background: #ff8700;
  top: 0;
  left: 0;
}
.section-1-news-detail .container .wrapper .col-mid .post .top .desc p {
  text-align: justify;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  padding-left: 1rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .text {
  margin-top: 2.5rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .text img {
  margin: 2.5rem 0 2.5rem 0;
  border-radius: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 991px) {
  .section-1-news-detail .container .wrapper .col-mid .post .text img {
    height: 100% !important;
  }
}
.section-1-news-detail .container .wrapper .col-mid .post .text p,
.section-1-news-detail .container .wrapper .col-mid .post .text span {
  color: #545454;
  text-align: justify;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h1,
.section-1-news-detail .container .wrapper .col-mid .post .text h2,
.section-1-news-detail .container .wrapper .col-mid .post .text h3,
.section-1-news-detail .container .wrapper .col-mid .post .text h4,
.section-1-news-detail .container .wrapper .col-mid .post .text h5,
.section-1-news-detail .container .wrapper .col-mid .post .text h6 {
  color: #2d55a5;
  font-family: var(--f-body);
  font-style: normal;
  line-height: 1.5rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h1 {
  font-size: 2rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h3 {
  font-size: 1.25rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h4 {
  font-size: 1.125rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h5 {
  font-size: 1rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .text h6 {
  font-size: 0.875rem;
  font-weight: 600;
}
.section-1-news-detail .container .wrapper .col-mid .post .list-tag {
  gap: 0.75rem;
  padding: 2.5rem 0 1.5rem 0;
}
.section-1-news-detail .container .wrapper .col-mid .post .list-tag a {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-1-news-detail .container .wrapper .col-mid .post .back {
  margin-top: 1.5rem;
  gap: 0.625rem;
  justify-content: flex-start;
  align-items: center;
}
.section-1-news-detail .container .wrapper .col-mid .post .back a {
  color: #2d55a5;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
}
.section-1-news-detail .container .wrapper .col-mid .post .back i {
  color: #2d55a5;
}
.section-1-news-detail .container .wrapper .col-right .card-post {
  display: flex;
  width: 100%;
  padding: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
.section-1-news-detail .container .wrapper .col-right .card-post .title-card h3 {
  color: #141518;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem; /* 160% */
}
.section-1-news-detail .container .wrapper .col-right .card-post .child {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5%;
  background: #d1d5db;
  bottom: 0;
  left: 0;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child:last-child::before {
  content: unset;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .category {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .category a {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .title h4 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 160% */
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  padding-bottom: 1.25rem;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .date i {
  color: #7a7e86;
}
.section-1-news-detail .container .wrapper .col-right .card-post .child .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.section-2-news-detail {
  background: #e9efff;
}
.section-2-news-detail .container {
  padding: 5rem 0 5rem 0;
}
@media only screen and (max-width: 667px) {
  .section-2-news-detail .container {
    padding: 2.5rem 0 2.5rem 0;
  }
}
@media only screen and (max-width: 667px) {
  .section-2-news-detail .container .title-section {
    padding-left: 1rem;
  }
}
.section-2-news-detail .container .title-section h2 {
  color: #141518;
  font-family: var(--f-body);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.75rem;
}
.section-2-news-detail .container .list-post {
  margin-top: 1.75rem;
  gap: 2.5rem 0;
}
@media only screen and (max-width: 667px) {
  .section-2-news-detail .container .list-post {
    margin: 0;
    padding-top: 1.75rem;
  }
}
.section-2-news-detail .container .list-post .content-wrapper {
  overflow: hidden;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  background: #fff;
}
.section-2-news-detail .container .list-post .content-wrapper figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.1%;
}
.section-2-news-detail .container .list-post .content-wrapper figure img {
  position: absolute;
  inset: 0;
}
.section-2-news-detail .container .list-post .content-wrapper figure .day-end {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  padding: 0.5rem 1rem;
  border-radius: 62.4375rem;
  background: linear-gradient(270deg, #ff8c01 4.19%, #ffb502 63.46%);
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 142.857% */
}
.section-2-news-detail .container .list-post .content-wrapper .text {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.75rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}
.section-2-news-detail .container .list-post .content-wrapper .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-2-news-detail .container .list-post .content-wrapper .text .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-2-news-detail .container .list-post .content-wrapper .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-2-news-detail .container .list-post .content-wrapper .text .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-2-news-detail .container .list-post .content-wrapper .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-2-news-detail .container .list-post .content-wrapper .text .location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.section-2-news-detail .container .list-post .content-wrapper .text .location i {
  color: #7a7e86;
}
.section-2-news-detail .container .list-post .content-wrapper .text .location span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
.section-2-news-detail .container .list-post .content-wrapper .text .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.section-2-news-detail .container .list-post .content-wrapper .text .date i {
  color: #7a7e86;
}
.section-2-news-detail .container .list-post .content-wrapper .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-2-news-detail .container .list-post .content-wrapper .text .reg {
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  background: #1fa8df;
  border-radius: 1.5rem;
}
.section-2-news-detail .container .list-post .content-wrapper .text .reg a {
  color: #fff;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper {
  overflow: hidden;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  background: #fff;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.1%;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper figure img {
  position: absolute;
  inset: 0;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper figure .day-end {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  padding: 0.5rem 1rem;
  border-radius: 62.4375rem;
  background: linear-gradient(270deg, #ff8c01 4.19%, #ffb502 63.46%);
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 142.857% */
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.75rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .location i {
  color: #7a7e86;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .location span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .date i {
  color: #7a7e86;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .reg {
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  background: #1fa8df;
  border-radius: 1.5rem;
}
.section-event .container .wrapper .col-right .tabs-content .tab-pane .list-post .item .content-wrapper .text .reg a {
  color: #fff;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.section-2-event-detail .container .wrapper .col-mid .post .top .register {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .from,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .to,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .location {
  display: flex;
  gap: 2rem;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .from span,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .to span,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .location span {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .from span:first-child,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .to span:first-child,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .location span:first-child {
  width: 4.1875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .from span:last-child,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .to span:last-child,
.section-2-event-detail .container .wrapper .col-mid .post .top .register .left .location span:last-child {
  font-weight: 600;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1.5rem;
  background: #ff8700;
  width: 15.3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.section-2-event-detail .container .wrapper .col-mid .post .top .register .right a {
  color: #fff;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper {
  display: flex;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  overflow: hidden;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 40.71% !important;
  padding-left: 31.932%;
}
@media only screen and (max-width: 1380px) {
  .section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure {
    padding-top: 62.1% !important;
  }
}
@media only screen and (max-width: 1199px) {
  .section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure {
    padding-top: 39% !important;
  }
}
@media only screen and (max-width: 991px) {
  .section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure {
    padding-top: 66% !important;
  }
}
@media only screen and (max-width: 667px) {
  .section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure {
    padding-top: 96% !important;
  }
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper figure img {
  position: absolute;
  inset: 0;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .category {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .category span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .title a {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .desc p {
  color: #545454;
  font-family: var(--f-body);
  font-size: 0.89rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  align-self: stretch;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .date i {
  color: #7a7e86;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .date span {
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .logo {
  width: 6.0625rem;
}
.section-about-nexta .container .wrapper .col-right .tabs-content .tab-pane .list-post .content-wrapper .col-right .text .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  position: unset;
}

.section-1-app-intro .container .wrapper .col-right .action .btn-add-cart {
  padding-left: 3rem;
  padding-right: 3rem;
}
.section-1-app-intro .container .wrapper .col-right .action .btn-buy-now {
  padding-left: 5rem;
  padding-right: 5rem;
}

.img-pc {
  display: block;
}

.img-mobile {
  display: none;
}

main .section-solution-11 .content .list-number {
  gap: 0;
}

@media only screen and (max-width: 480px) {
  .img-pc {
    display: none;
  }
  .img-mobile {
    display: block;
  }
  main.main .section-home-3 {
    padding: 2rem 0;
  }
  main.main .section-home-2 {
    padding: 0 0 3rem 0;
  }
  main.main .section-home-7 {
    padding: 4rem 0 0 0;
  }
  main.main .section-home-8 {
    padding: 2.25rem 0 0 0;
  }
  main.main .section-home-9 {
    padding: 0 0 2rem 0;
  }
  main.main .section-home-9 .content .title {
    margin: 0 auto 1rem;
  }
  main .section-home-10 .content .col-left h2 {
    padding-bottom: 0;
  }
  main .section-home-10 .content .col-left h2 span {
    display: inline;
  }
  main .section-home-10 .content .col-left form {
    padding: 0 2.5rem 2.5rem;
  }
  main .section-solution-10 .swiper-wrapper {
    gap: unset !important;
  }
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc {
    left: 4rem;
    max-width: 23.5rem;
  }
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6.5rem;
  }
  .section-3-device .container .list-device .item .action .btn-buy-now {
    padding: 0.75rem 2.5rem;
  }
  .section-1-device-detail .container .wrapper .nextButton {
    left: 93%;
  }
  .section-1-device-detail .container .wrapper .col-right .price-sale span {
    font-size: 1.25rem;
  }
  .section-1-device-detail .container .wrapper .col-right .action {
    gap: 1rem 1rem;
    flex-wrap: wrap;
  }
  .section-1-device-detail .container .wrapper .col-right .action .quantity input {
    width: 9rem;
  }
  .section-1-device-detail .container .wrapper .col-right .action .button .btn-add-cart {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
  }
  .section-1-device-detail .container .wrapper .col-right .action .button .btn-buy-now {
    padding: 0.75rem 3rem;
    font-size: 1rem;
  }
  .section-2-device-detail {
    margin-top: 3rem;
  }
  .section-2-app-intro .container {
    padding: 0 0 4rem 0;
  }
  .section-4-news-event .container .content .child .content-wrapper figure {
    padding-top: 65% !important;
    padding-left: 44%;
  }
  main .section-about-4 {
    padding: 4.12rem 0 4rem 0;
  }
  main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .short {
    height: 6.9375rem;
  }
  main .section-about-8 .content .col-left .title {
    margin-bottom: 0;
  }
  .section-1-app-intro .container .wrapper {
    gap: unset;
  }
  .section-1-app-intro .container .wrapper .col-right .packages {
    margin-top: 1rem;
  }
  .section-1-app-intro .container .wrapper .col-right .product-name h2 {
    line-height: 1.75rem;
  }
  .section-1-app-intro .container .wrapper .col-right .action {
    flex-wrap: unset;
  }
  .section-1-app-intro .container .wrapper .col-right .action .btn-add-cart {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .section-1-app-intro .container .wrapper .col-right .action .btn-buy-now {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  main .section-solution-12 .content .grid-box .col-box .box {
    min-height: 16rem;
  }
  .pagination {
    padding-bottom: 2rem;
  }
  main .section-solution-12 .content .grid-box {
    padding-bottom: 1rem;
  }
  main .section-solution-12 {
    padding: 2rem 0 2rem 0;
  }
  main .section-class-5 {
    padding: 0;
  }
  main .section-class-5 .content .mini-section:nth-child(2) {
    padding-bottom: 0;
  }
  main .section-class-5 .content .mini-section:nth-child(2) .title {
    margin: 0 auto 0;
  }
  main .section-class-6 .title {
    margin-top: 1rem;
  }
  main.main .section-class-9 {
    padding: 3rem 0 2rem 0;
  }
  main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .desc p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6.5rem;
  }
  .section-news .container {
    padding: 2.5rem 0 0 0;
  }
  .section-4-news-event .container .content .child .content-wrapper {
    flex-direction: column;
  }
  .main .cart-section .list-pro .link {
    margin-top: 1rem;
  }
  .main .cart-section .list-pro .box-toltal .discount-code {
    flex-wrap: wrap;
  }
  .main .cart-section .list-pro .payment {
    flex-direction: column-reverse;
    gap: 2rem 0;
  }
  .main .cart-section .list-pro .box-toltal .products-item .img {
    max-width: 80px;
    height: 100px;
  }
  .main .cart-section .list-pro .box-toltal .products-item .img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main .cart-section .list-pro form .box-form .form-check-op .row:first-child {
    gap: 1.5rem;
  }
  .main .step-3 .infomation-sucsce h1 {
    font-size: 1.25rem;
  }
  .header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li.active a:first-child {
    color: #2d55a5;
  }
  main .section-about-3 .content .text .short {
    max-height: unset;
    margin: 1.25rem 0;
    padding: unset;
  }
  main .section-about-3 {
    padding: 2.87rem 0 0 0;
  }
  main .section-solution-11 .content .title h2 {
    flex-wrap: wrap;
  }
  .cart-section .payment {
    flex-direction: column-reverse;
  }
  main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box {
    padding-bottom: 2rem;
  }
  main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box {
    box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  }
  .section-class-11 {
    background: unset !important;
  }
  main.main .section-home-9 .content .list-sharp--mobile .box {
    border-radius: 1.25rem;
  }
  main.main .section-home-9 .content .list-sharp--mobile .box .picture figure img {
    border-radius: 1.25rem !important;
  }
  main .section-class-6 .tabs-value ul li button {
    width: 10.5rem;
  }
  .main .section-support-1 .tab-content .myswiper .swiper-slide .content-slider {
    position: unset !important;
    flex-direction: column;
  }
  .main .section-support-1 .tab-content .myswiper .swiper-slide .content-slider .video {
    width: 90% !important;
  }
  .main .section-support-1 .tab-content .myswiper .swiper-slide .content-slider .content-box {
    width: 90% !important;
  }
  main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box {
    min-height: 25rem;
  }
  main.main .section-home-3 .content .list-box--mobile .col-item .box {
    min-height: 25rem;
  }
  main.main .section-home-9 .content .list-sharp--mobile .box .desc .logo {
    display: block;
    width: 4.0625rem;
    height: 5rem;
  }
  main.main .section-home-9 .content .list-sharp--mobile .box .desc .logo img {
    width: 4.0625rem;
    height: 5rem;
  }
  main.main .section-home-9 .content .list-sharp--mobile .box .desc {
    min-height: 20rem !important;
  }
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .swiper-pagination {
    position: absolute;
    bottom: -4px;
  }
  main .section-class-5 .content .mini-section:last-child {
    padding-top: 2rem;
  }
  .section-2-news-event .container .tabs-control ul li {
    width: 7rem;
  }
  .main .section-support-1 .tab-post .title .nav .nav-item .nav-link {
    width: 10rem;
  }
}
.section-1-app-intro .container .wrapper .col-right .action .btn-add-cart {
  flex: unset;
}

.main .section-support-1 .tab-content .myswiper .swiper-slide .content-slider .content-box .des p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 7.5rem;
}

.main .section-support-1 .tab-content .myswiper {
  position: relative;
}

.main .section-support-1 .swiper-pagination {
  bottom: -10% !important;
}

.main .cart-section .proce .procedure-item p {
  font-family: var(--f-body) !important;
}

.fixed-bnt {
  z-index: 300;
}

@media only screen and (max-width: 767px) {
  .main .section-support .content .detail-img {
    display: none;
  }
  .main .section-support-1 .tab-content .row-1 .content-slider {
    flex-direction: column;
  }
  .main .section-support-1 .tab-content .row-1 .content-slider .video {
    width: 98%;
  }
  .main .section-support-1 .tab-content .row-1 .content-slider .content-box {
    width: 98%;
  }
}
main .section-solution-12 .content .title a {
  display: block;
  background: unset;
  border-radius: unset;
  margin: unset;
  width: unset;
  padding: unset;
}

main .section-solution-12 .content .title .link-download {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

main .section-solution-12 .content .title .trial {
  color: var(--Black, #000);
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 150% */
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z' fill='%232D55A5'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
}

.accordion-button::after {
  background-image: unset;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13 7.75H1C0.59 7.75 0.25 7.41 0.25 7C0.25 6.59 0.59 6.25 1 6.25H13C13.41 6.25 13.75 6.59 13.75 7C13.75 7.41 13.41 7.75 13 7.75Z' fill='%232D55A5'/%3E%3Cpath d='M7 13.75C6.59 13.75 6.25 13.41 6.25 13V1C6.25 0.59 6.59 0.25 7 0.25C7.41 0.25 7.75 0.59 7.75 1V13C7.75 13.41 7.41 13.75 7 13.75Z' fill='%232D55A5'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
}

.accordion-button.collapsed h4 {
  color: #41464b !important;
}

.main .content-poly .col-right .tabs-content .tab-pane .content .note h4 {
  max-width: 88%;
}

.label-policy {
  font-family: var(--f-body);
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #232338;
}
.label-policy a {
  color: #05aaff !important;
}
.label-policy a:hover {
  color: #05aaff !important;
}

.section-news .note a {
  color: #2d55a5 !important;
}
.section-news .note a:hover {
  color: #2d55a5 !important;
}

@media only screen and (max-width: 480px) {
  .main .section-support-1 .swiper-pagination {
    bottom: -5% !important;
  }
  .main .cart-section .proce .procedure {
    padding-bottom: 2rem;
  }
}/*# sourceMappingURL=quyenanh.css.map */