@import url(../../dist/assets/fonts/fontawesome/css/all.min.css);
@import url(../../dist/assets/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;
}

/*----------------------------------------------Header----------------------------------------------*/
.header .header-wrapper .header-desktop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  background: var(--white);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .header-desktop {
    display: none;
  }
}
.header .header-wrapper .header-desktop .header-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
.header .header-wrapper .header-desktop .header-inner .logo {
  flex-shrink: 0;
  width: 6.15rem;
}
.header .header-wrapper .header-desktop .header-inner .logo a {
  display: block;
  width: 100%;
}
.header .header-wrapper .header-desktop .header-inner .logo a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40.650406504%;
}
.header .header-wrapper .header-desktop .header-inner .logo a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right {
  padding-left: 3.625rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu {
  position: relative;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul {
    gap: 2rem;
  }
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li {
  position: relative;
  transition: all 0.2s;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1.375rem 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .links a {
  color: #12265a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .links i {
  font-size: 1rem;
  line-height: normal;
  color: #3c4043;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu {
  position: absolute;
  border-radius: 0.75rem;
  background: var(--white);
  padding: 1rem;
  left: 0;
  top: 100%;
  min-width: 47.8125rem;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.4s;
  transition-delay: 0.2;
  transition-timing-function: ease;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.17);
  cursor: auto;
  pointer-events: none;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left {
  flex-shrink: 0;
  width: 21.625rem;
  padding-right: 1.5rem;
  border-right: 1px solid rgba(238, 238, 238, 0.93);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul {
  display: block;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li {
  padding: 1.65rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  min-height: 4.4375rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li a span {
  flex: 1;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li a .icon {
  width: 1.5rem;
  flex-shrink: 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li:hover {
  background: #e9efff;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-left ul li:hover a {
  color: var(--blue);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right {
  flex: 1;
  padding-left: 0.62rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul {
  display: block;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li {
  display: block;
  padding: 0.5rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li h4 {
  display: block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li p {
  display: block;
  font-family: var(--f-body);
  color: #7a7e86;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li a span {
  flex: 1;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu .drop-wrapper .menu-right ul li a i {
  flex-shrink: 0;
  font-size: 1.125rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 {
  position: absolute;
  min-width: 17.4375rem;
  padding: 2rem 0;
  border-radius: 0.75rem;
  background: var(--white);
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.4s;
  transition-delay: 0.2;
  transition-timing-function: ease;
  cursor: auto;
  pointer-events: none;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.17);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul {
  display: block;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li {
  margin-bottom: 1rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li:last-child {
  margin-bottom: 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li .links {
  display: block;
  width: 100%;
  padding: 0 2.0625rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li .links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--f-body);
  color: #0f172a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li .links a span {
  flex: 1;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li .links a i {
  flex-shrink: 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li ul {
  position: absolute;
  min-width: 17.4375rem;
  padding: 2rem 0;
  border-radius: 0.75rem;
  background: var(--white);
  top: 0;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: 0.4s;
  transition-delay: 0.2;
  transition-timing-function: ease;
  cursor: auto;
  pointer-events: none;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.17);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li ul li {
  margin-bottom: 1rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li ul li:last-child {
  margin-bottom: 0;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li ul li a {
  display: block;
  font-family: var(--f-body);
  color: #0f172a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0 2.0625rem;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li ul li:hover a {
  color: var(--blue);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li:hover .links a {
  color: var(--blue);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li .drop-menu-v2 ul li:hover ul {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  animation: opacity-delay 0s ease forwards 0.6s;
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li:hover .links a {
  color: var(--blue);
}
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li:hover .drop-menu,
.header .header-wrapper .header-desktop .header-inner .menu-right .mega-menu ul li:hover .drop-menu-v2 {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  animation: opacity-delay 0s ease forwards 0.6s;
}
.header .header-wrapper .header-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .header-mobile {
    display: block;
  }
}
.header .header-wrapper .header-mobile .mobile-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
  background: var(--white);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.header .header-wrapper .header-mobile .mobile-bar .mobile-logo {
  flex-shrink: 0;
  width: 6.15rem;
}
.header .header-wrapper .header-mobile .mobile-bar .mobile-logo a {
  display: block;
  width: 100%;
}
.header .header-wrapper .header-mobile .mobile-bar .mobile-logo a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40.650406504%;
}
.header .header-wrapper .header-mobile .mobile-bar .mobile-logo a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .header-wrapper .header-mobile .mobile-bar .bar-right .open-mobi {
  border: 0;
  background: transparent;
  font-size: 1.5rem;
  color: #12265a;
}
.header .header-wrapper .header-mobile .sidebar-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  max-width: 24.125rem;
  width: 100%;
  background: var(--white);
  padding: 1.5625rem;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: 0.4s all ease-in-out;
}
.header .header-wrapper .header-mobile .sidebar-menu.showmenu {
  transform: translateX(0);
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner {
  height: 100%;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top {
  border-bottom: 0.0625rem solid var(--blue);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar .mobile-logo {
  flex-shrink: 0;
  width: 6.15rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar .mobile-logo a {
  display: block;
  width: 100%;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar .mobile-logo a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40.650406504%;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar .mobile-logo a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-top .top-bar .close-mobi {
  border: 0;
  background: transparent;
  font-size: 1.5rem;
  color: var(--grey);
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle {
  overflow-x: hidden;
  overflow-y: auto;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li {
  display: block;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  padding: 0.9375rem 0.625rem;
  transition: all 0.3s linear;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li a i.i-up:before {
  content: "\f0de";
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li ul {
  display: none;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li ul li a {
  padding: 0.625rem 1.25rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li ul li ul {
  display: none;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-middle ul li ul li ul li a {
  padding: 0.625rem 1.875rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom {
  padding-bottom: 3rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom .hotline a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom .hotline a .emoji {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--orange);
  border-radius: 50%;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom .hotline a .info {
  flex: 1;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom .hotline a .info span {
  display: block;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #252529;
  margin: 0 0 0.125rem 0;
}
.header .header-wrapper .header-mobile .sidebar-menu .menu-inner .menu-bottom .hotline a .info p {
  display: block;
  font-family: var(--f-body);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  color: var(--orange);
}

/*----------------------------------------------End-header----------------------------------------------*/
main.main {
  margin-top: 4rem;
}
@media only screen and (max-width: 991px) {
  main.main {
    margin-top: 5rem;
  }
}
main.main .section-home-1 {
  position: relative;
  overflow: hidden;
  padding: 8.75rem 0 3.56rem 20rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-1 {
    padding: 8.75rem 0 3.56rem 7rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-1 {
    padding: 8.75rem 0 3.56rem 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-1 {
    padding: 8.75rem 1.25rem 3.56rem;
  }
}
@media only screen and (max-width: 991px) {
  main.main .section-home-1 {
    padding: 3.75rem 1.25rem 3.56rem;
  }
}
main.main .section-home-1 .content {
  position: relative;
  display: flex;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-1 .content {
    flex-wrap: wrap;
  }
}
main.main .section-home-1 .content .text-left {
  flex: 1;
  align-self: center;
  width: 100%;
  max-width: 35.375rem;
  margin-right: 3.28rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-1 .content .text-left {
    order: 2;
    flex: auto;
    max-width: 100%;
    margin: 3.5rem 0 0 0;
  }
}
main.main .section-home-1 .content .text-left .text {
  display: block;
  width: 100%;
}
main.main .section-home-1 .content .text-left .text h2 {
  display: block;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 3.25rem;
  font-weight: 800;
  line-height: 4.25rem;
  margin: 0 0 0.75rem 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-1 .content .text-left .text h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 1580px) {
  main.main .section-home-1 .content .text-left .text h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-1 .content .text-left .text h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-1 .content .text-left .text p {
  display: block;
  color: #3f5b74;
  font-weight: 400;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 2.5rem;
}
main.main .section-home-1 .content .text-left .text .nex-bnt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: var(--blue);
  border: 0;
  margin: 0;
}
main.main .section-home-1 .content .picture-right {
  flex-shrink: 0;
  width: 56.1875rem;
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-1 .content .picture-right {
    width: 48.1875rem;
  }
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-1 .content .picture-right {
    width: 35.1875rem;
  }
}
@media only screen and (max-width: 991px) {
  main.main .section-home-1 .content .picture-right {
    order: 1;
    width: 100%;
    margin: 0 auto;
  }
}
main.main .section-home-1 .content .picture-right figure {
  padding-top: 61.735261401%;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main.main .section-home-1 .content .picture-right figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-1 .detail-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 56rem;
  z-index: 1;
}
main.main .section-home-1 .detail-img figure {
  padding-top: 83.928571428%;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main.main .section-home-1 .detail-img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-2 {
  padding: 3rem 0 5rem 0;
}
main.main .section-home-2 .content .box {
  padding: 3rem 2.5rem 8.63rem 4rem;
  border-radius: 2rem;
  background: #e9efff;
}
@media only screen and (max-width: 1380px) {
  main.main .section-home-2 .content .box {
    padding: 2.5rem 2.5rem 8.63rem 2.5rem;
  }
}
main.main .section-home-2 .content .box .col-left {
  margin-bottom: 2.5rem;
}
main.main .section-home-2 .content .box .col-left .text {
  padding: 2.5rem 2.8125rem 0 0;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-2 .content .box .col-left .text {
    padding: 0;
  }
}
main.main .section-home-2 .content .box .col-left .text h2 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin: 0 0 0.75rem 0;
}
main.main .section-home-2 .content .box .col-left .text h2 span {
  display: inline-block;
  margin: 0;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-2 .content .box .col-left .text h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-2 .content .box .col-left .text h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 370px) {
  main.main .section-home-2 .content .box .col-left .text h2 span {
    font-size: 1.6rem;
  }
}
main.main .section-home-2 .content .box .col-left .text h2 span:first-child {
  color: #000;
}
main.main .section-home-2 .content .box .col-left .text h2 span:last-child {
  background: linear-gradient(270deg, #2b54a5 0.24%, #22aae1 46.74%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-2 .content .box .col-left .text p {
  display: block;
  color: #545454;
  margin: 0 0 1.5rem 0;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
}
main.main .section-home-2 .content .box .col-left .text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  margin: 0;
  background: var(--blue);
}
main.main .section-home-2 .content .box .col-right .picture {
  display: block;
  width: 36rem;
}
@media only screen and (max-width: 1380px) {
  main.main .section-home-2 .content .box .col-right .picture {
    width: 100%;
  }
}
main.main .section-home-2 .content .box .col-right .picture figure {
  padding-top: 61.111111111%;
  border-radius: 1.5rem;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main.main .section-home-2 .content .box .col-right .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.5rem;
}
main.main .section-home-2 .content .list-box {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: -4.25rem;
  padding: 0 8.75rem;
}
@media only screen and (max-width: 1380px) {
  main.main .section-home-2 .content .list-box {
    padding: 0 3.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-2 .content .list-box {
    display: none;
  }
}
main.main .section-home-2 .content .list-box .item {
  width: 20%;
  text-align: center;
  padding: 1.25rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--white);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 991px) {
  main.main .section-home-2 .content .list-box .item {
    width: calc(50% - 1.25rem);
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main.main .section-home-2 .content .list-box .item {
    width: 100%;
  }
}
main.main .section-home-2 .content .list-box .item .icon {
  width: 2rem;
  margin: 0 auto 0.75rem;
}
main.main .section-home-2 .content .list-box .item .icon figure {
  display: block;
  width: 100%;
}
main.main .section-home-2 .content .list-box .item .icon figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
main.main .section-home-2 .content .list-box .item .desc h4 {
  display: block;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  min-height: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-2 .content .list-box .item .desc h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main.main .section-home-2 .content .list-box--mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-2 .content .list-box--mobile {
    display: block;
  }
}
main.main .section-home-2 .content .list-box--mobile .item {
  width: 100%;
  text-align: center;
  padding: 1.25rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--white);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 1.25rem;
}
main.main .section-home-2 .content .list-box--mobile .item .icon {
  width: 2rem;
  margin: 0 auto 0.75rem;
}
main.main .section-home-2 .content .list-box--mobile .item .icon figure {
  display: block;
  width: 100%;
}
main.main .section-home-2 .content .list-box--mobile .item .icon figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
main.main .section-home-2 .content .list-box--mobile .item .desc h4 {
  display: block;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  min-height: 3.5rem;
}
main.main .section-home-2 .content .list-box--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main.main .section-home-2 .content .list-box--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main.main .section-home-3 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 4.5rem 0 10rem 0;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-3 {
    padding: 4.5rem 0;
  }
}
main.main .section-home-3 .content .title {
  margin: 0 0 3.12rem 0;
}
main.main .section-home-3 .content .title h2 {
  display: block;
  margin: 0;
}
main.main .section-home-3 .content .title h2 span {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-3 .content .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-3 .content .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-3 .content .title h2 span:first-child {
  color: var(--white);
}
main.main .section-home-3 .content .title h2 span:last-child {
  background: linear-gradient(270deg, #75a0f6 3.56%, #22aae1 96.61%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-3 .content .list-box {
    display: none;
  }
}
main.main .section-home-3 .content .list-box .col-item {
  margin-bottom: 2.5rem;
}
main.main .section-home-3 .content .list-box .col-item .box {
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.95);
  padding: 2.5rem;
}
main.main .section-home-3 .content .list-box .col-item .box .icon {
  display: block;
  width: 4rem;
  margin-bottom: 1rem;
}
main.main .section-home-3 .content .list-box .col-item .box .icon figure {
  padding-top: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main.main .section-home-3 .content .list-box .col-item .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-3 .content .list-box .col-item .box .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: var(--blue);
  margin: 0 0 1rem 0;
}
main.main .section-home-3 .content .list-box .col-item .box .desc p {
  display: block;
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  min-height: 6rem;
}
@media only screen and (max-width: 1380px) {
  main.main .section-home-3 .content .list-box .col-item .box .desc p {
    min-height: 7.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-3 .content .list-box .col-item .box .desc p {
    min-height: 9rem;
  }
}
@media only screen and (max-width: 767px) {
  main.main .section-home-3 .content .list-box .col-item .box .desc p {
    min-height: auto;
  }
}
main.main .section-home-3 .content .list-box--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-3 .content .list-box--mobile {
    display: block;
  }
}
main.main .section-home-3 .content .list-box--mobile .col-item {
  margin-bottom: 2.5rem;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box {
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.95);
  padding: 2.5rem;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box .icon {
  display: block;
  width: 4rem;
  margin-bottom: 1rem;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box .icon figure {
  padding-top: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: var(--blue);
  margin: 0 0 1rem 0;
}
main.main .section-home-3 .content .list-box--mobile .col-item .box .desc p {
  display: block;
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  min-height: 9rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-3 .content .list-box--mobile .col-item .box .desc p {
    min-height: auto;
  }
}
main.main .section-home-3 .content .list-box--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main.main .section-home-3 .content .list-box--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main.main .section-home-4 {
  position: relative;
  padding: 5rem 0 2.5rem;
}
main.main .section-home-4:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 51.25rem;
  height: 51.25rem;
  position: absolute;
  left: -20.44rem;
  bottom: 0;
  border-radius: 51.25rem;
  opacity: 0.15;
  background: #3f7bf1;
  filter: blur(100px);
  pointer-events: none;
}
main.main .section-home-4 .content .title {
  text-align: center;
  margin: 0 auto 2.5rem;
}
main.main .section-home-4 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-4 .content .title h2 {
    flex-wrap: wrap;
  }
}
main.main .section-home-4 .content .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-4 .content .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-4 .content .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-4 .content .title h2 span:first-child {
  color: #000;
}
main.main .section-home-4 .content .title h2 span:last-child {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-4 .content .list-box .box {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-4 .content .list-box .box {
    margin-bottom: 0;
  }
}
main.main .section-home-4 .content .list-box .box:last-child {
  margin-bottom: 0;
}
main.main .section-home-4 .content .list-box .box:nth-child(2n+2) .row-flex {
  flex-direction: row-reverse;
}
main.main .section-home-4 .content .list-box .box:nth-child(2n+2) .row-flex .col-img .picture {
  margin: 0 0 0 auto;
}
main.main .section-home-4 .content .list-box .box .center-mod {
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-4 .content .list-box .box .row-flex .col-img {
    margin-bottom: 2.5rem;
  }
}
main.main .section-home-4 .content .list-box .box .row-flex .col-img .picture {
  display: block;
  width: 43.75rem;
}
@media only screen and (max-width: 1380px) {
  main.main .section-home-4 .content .list-box .box .row-flex .col-img .picture {
    width: 100%;
  }
}
main.main .section-home-4 .content .list-box .box .row-flex .col-img .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.428571428%;
  border-radius: 1.25rem;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-img .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: var(--blue);
  margin: 0;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3d48;
  font-weight: 300;
  margin-top: 1.25rem;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item {
  width: 33.3333%;
  padding: 0.395rem 0;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item {
    width: 50%;
  }
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item .icon {
  display: block;
  width: 2.5rem;
  margin: 0 auto 0.5rem;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-4 .content .list-box .box .row-flex .col-list .text .list-item .item .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #3f3d48;
  margin: 0 auto;
}
main.main .section-home-5 {
  padding: 5rem 0;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-5 {
    padding: 5rem 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  main.main .section-home-5 {
    padding: 0;
  }
}
main.main .section-home-5 .content .title {
  text-align: center;
  margin: 0 auto 4rem;
}
main.main .section-home-5 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0 auto;
}
main.main .section-home-5 .content .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-5 .content .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-5 .content .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-5 .content .title h2 span:first-child {
  color: #000;
}
main.main .section-home-5 .content .title h2 span:last-child {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-5 .content .list-value {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  main.main .section-home-5 .content .list-value .col-item {
    margin-bottom: 2.5rem;
  }
}
main.main .section-home-5 .content .list-value .col-item .box {
  text-align: center;
}
main.main .section-home-5 .content .list-value .col-item .box .icon {
  display: block;
  width: 4rem;
  margin: 0 auto 2.75rem;
}
main.main .section-home-5 .content .list-value .col-item .box .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main.main .section-home-5 .content .list-value .col-item .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-5 .content .list-value .col-item .box .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: var(--blue);
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-5 .content .list-value .col-item .box .desc h4 {
    min-height: 4.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main.main .section-home-5 .content .list-value .col-item .box .desc h4 {
    min-height: auto;
  }
}
main.main .section-home-5 .content .list-value .col-item .box .desc p {
  max-width: 75%;
  width: 100%;
  display: block;
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin: 0 auto;
}
main.main .section-home-5 .content .list-value--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-5 .content .list-value--mobile {
    display: block;
  }
}
main.main .section-home-5 .content .list-value--mobile .col-item .box {
  text-align: center;
}
main.main .section-home-5 .content .list-value--mobile .col-item .box .icon {
  display: block;
  width: 4rem;
  margin: 0 auto 2.75rem;
}
main.main .section-home-5 .content .list-value--mobile .col-item .box .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main.main .section-home-5 .content .list-value--mobile .col-item .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-5 .content .list-value--mobile .col-item .box .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: var(--blue);
  margin: 0 auto 1rem;
  min-height: 4.5rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-5 .content .list-value--mobile .col-item .box .desc h4 {
    min-height: auto;
  }
}
main.main .section-home-5 .content .list-value--mobile .col-item .box .desc p {
  max-width: 75%;
  width: 100%;
  display: block;
  color: #545454;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin: 0 auto;
}
main.main .section-home-5 .content .list-value--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main.main .section-home-5 .content .list-value--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main.main .section-home-6 {
  padding: 5rem 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-6 {
    padding: 2.5rem 0;
  }
}
main.main .section-home-6 .content .title {
  margin: 0 auto 5rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-6 .content .title {
    margin: 0 auto 2.5rem;
  }
}
main.main .section-home-6 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main.main .section-home-6 .content .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-6 .content .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-6 .content .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-6 .content .title h2 span:first-child {
  background: linear-gradient(269deg, #2b54a5 62.47%, #22aae1 99.47%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-6 .content .title h2 span:last-child {
  color: #000;
}
main.main .section-home-6 .content .list-partner .swiper-wrapper {
  transition-timing-function: linear;
}
main.main .section-home-6 .content .list-partner .partner-slide .item .picture {
  display: block;
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
}
main.main .section-home-6 .content .list-partner .partner-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 38.01369863%;
}
main.main .section-home-6 .content .list-partner .partner-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
main.main .section-home-7 {
  background: #e9efff;
  padding: 5rem 0;
}
main.main .section-home-7 .content .list-slide-tabs .title {
  margin-bottom: 2.5rem;
}
main.main .section-home-7 .content .list-slide-tabs .title h2 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
main.main .section-home-7 .content .list-slide-tabs .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-7 .content .list-slide-tabs .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-7 .content .list-slide-tabs .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-7 .content .list-slide-tabs .title h2 span:first-child {
  background: linear-gradient(269deg, #2b54a5 43.46%, #22aae1 99.5%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-7 .content .list-slide-tabs .title h2 span:last-child {
  color: #000;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li {
  display: block;
  width: 33.3333%;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li button {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2.5rem;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  color: #000;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li button {
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: pre;
  }
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li button:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.25rem;
  background: #dde9ff;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li button.active {
  background: rgba(151, 186, 255, 0.2);
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide ul li button.active:after {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box {
  border-radius: 1.25rem;
  background: var(--white);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
  padding: 1.31rem 2.75rem 1.37rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .icon {
  display: block;
  width: 3rem;
  margin-bottom: 1.25rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 77.083333333%;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .short {
  margin-bottom: 2rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .short p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin: 0;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user {
  display: flex;
  gap: 1rem;
  align-items: center;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .ava {
  width: 4.25rem;
  flex-shrink: 0;
  border-radius: 4.25rem;
  border: 3px solid #2b54a5;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .ava figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .ava figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .info {
  flex: 1;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .info h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #000;
  margin: 0;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .box .user .info p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  font-weight: 300;
  margin: 0;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-pagination {
  position: unset;
  width: auto;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-pagination .swiper-pagination-bullet {
  width: 3.5625rem;
  height: 0.3125rem;
  background: #d1d5db;
  margin: 0 0.5rem;
  border-radius: 0.5rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2d55a5;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-nav {
  flex-shrink: 0;
  width: 3.5rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-nav .swiper-button {
  position: unset;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #000;
  font-size: 2rem;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-nav .swiper-button.swiper-button-prev:after {
  display: none;
}
main.main .section-home-7 .content .list-slide-tabs .tabs-slide .tab-content .tab-pane .box-slide .button-controls .swiper-nav .swiper-button.swiper-button-next:after {
  display: none;
}
main.main .home-8-new {
  background: #e9efff;
}
main.main .section-home-8 {
  padding: 6.25rem 0 0;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-8 {
    padding: 6.25rem 0 0 0;
  }
}
main.main .section-home-8 .double-banner {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-8 .double-banner .col-img {
    margin-bottom: 2.5rem;
  }
}
main.main .section-home-8 .double-banner .col-img .picture {
  display: block;
  width: 100%;
}
main.main .section-home-8 .double-banner .col-img .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 61.269841269%;
  border-radius: 1.25rem;
}
main.main .section-home-8 .double-banner .col-img .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main.main .section-home-8 .double-banner .col-text .text {
  padding-left: 2.75rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-8 .double-banner .col-text .text {
    padding: 0;
  }
}
main.main .section-home-8 .double-banner .col-text .text h2 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-8 .double-banner .col-text .text h2 {
    flex-wrap: wrap;
  }
}
main.main .section-home-8 .double-banner .col-text .text h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-8 .double-banner .col-text .text h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-8 .double-banner .col-text .text h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-8 .double-banner .col-text .text h2 span:first-child {
  color: #000;
}
main.main .section-home-8 .double-banner .col-text .text h2 span:last-child {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-8 .double-banner .col-text .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3c4043;
  margin-bottom: 2.5rem;
}
main.main .section-home-8 .double-banner .col-text .text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: var(--blue);
  margin: 0;
}
main.main .section-home-8 .content .tabs-news {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-8 .content .tabs-news .title {
    margin-bottom: 1.5rem;
  }
}
main.main .section-home-8 .content .tabs-news .title h2 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin: 0;
}
main.main .section-home-8 .content .tabs-news .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-8 .content .tabs-news .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-8 .content .tabs-news .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-8 .content .tabs-news .title h2 span:first-child {
  color: #000;
}
main.main .section-home-8 .content .tabs-news .title h2 span:last-child {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main.main .section-home-8 .content .tabs-news .news-tab {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-8 .content .tabs-news .news-tab {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
main.main .section-home-8 .content .tabs-news .news-tab li {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  padding: 0.5rem;
  color: #7a7e86;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
main.main .section-home-8 .content .tabs-news .news-tab li.active {
  color: var(--blue);
  border-color: var(--blue);
}
main.main .section-home-8 .content .tabs-news .viewmore {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news {
  margin-bottom: 1.25rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .picture {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 66.343825665%;
  border-radius: 1.25rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc .category {
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0 0 0.75rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc .category a {
  display: block;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #3c4043;
  margin: 0 0 0.25rem;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc h3 a {
  display: block;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3c4043;
  font-weight: 300;
  margin-bottom: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
main.main .section-home-8 .content .news-content .tab-pane .list-news .col-news .blog .desc time {
  display: block;
  color: #7a7e86;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
main.main .section-home-9 {
  padding: 5rem 0;
}
main.main .section-home-9 .content .title {
  margin: 0 auto 3rem;
}
main.main .section-home-9 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .title h2 {
    display: block;
  }
}
main.main .section-home-9 .content .title h2 span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main.main .section-home-9 .content .title h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main.main .section-home-9 .content .title h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main.main .section-home-9 .content .title h2 span:first-child {
  color: #000;
}
main.main .section-home-9 .content .title h2 span:last-child {
  background: linear-gradient(269deg, #2b54a5 62.47%, #22aae1 99.47%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp {
    display: none;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius {
  margin-bottom: 1.56rem;
}
main.main .section-home-9 .content .list-sharp .box-radius:last-child {
  margin-bottom: 0;
}
main.main .section-home-9 .content .list-sharp .box-radius .box {
  display: flex;
  align-items: center;
  border-radius: 62.4375rem;
  background: #e9efff;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box {
    display: block;
    border-radius: 0;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius .box .picture {
  flex-shrink: 0;
  width: 39.375rem;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box .picture {
    width: 30.375rem;
  }
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box .picture {
    width: 100%;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 37.936507936%;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 62.4375rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box .picture figure img {
    border-radius: 0;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc {
  flex: 1;
  padding-left: 2.6875rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box .desc {
    padding: 2.5rem 1.5rem;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .logo {
  display: block;
  width: 6.0625rem;
  margin-bottom: 0.5rem;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .logo figure {
  display: block;
  width: 100%;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .logo figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: #3f3d48;
  margin: 0 0 1.25rem 0;
}
@media only screen and (max-width: 767px) {
  main.main .section-home-9 .content .list-sharp .box-radius .box .desc h4 {
    font-size: 1.25rem;
    line-height: 2.25rem;
  }
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .viewmore {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--blue);
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .viewmore span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
main.main .section-home-9 .content .list-sharp .box-radius .box .desc .viewmore svg {
  flex-shrink: 0;
}
main.main .section-home-9 .content .list-sharp .box-radius:nth-child(2n+2) .box {
  flex-direction: row-reverse;
}
main.main .section-home-9 .content .list-sharp .box-radius:nth-child(2n+2) .box .desc {
  padding-left: 12.31rem;
}
@media only screen and (max-width: 1199px) {
  main.main .section-home-9 .content .list-sharp .box-radius:nth-child(2n+2) .box .desc {
    padding-left: 3.5rem;
  }
}
main.main .section-home-9 .content .list-sharp--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main.main .section-home-9 .content .list-sharp--mobile {
    display: block;
  }
}
main.main .section-home-9 .content .list-sharp--mobile .box {
  background: #e9efff;
  display: block;
  border-radius: 0;
}
main.main .section-home-9 .content .list-sharp--mobile .box .picture {
  flex-shrink: 0;
  width: 100%;
}
main.main .section-home-9 .content .list-sharp--mobile .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 37.936507936%;
}
main.main .section-home-9 .content .list-sharp--mobile .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc {
  flex: 1;
  padding: 2.5rem 1.5rem;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .logo {
  display: block;
  width: 6.0625rem;
  margin-bottom: 0.5rem;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .logo figure {
  display: block;
  width: 100%;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .logo figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc h4 {
  display: block;
  font-weight: 600;
  color: #3f3d48;
  margin: 0 0 1.25rem 0;
  font-size: 1.25rem;
  line-height: 2.25rem;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .viewmore {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--blue);
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .viewmore span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
main.main .section-home-9 .content .list-sharp--mobile .box .desc .viewmore svg {
  flex-shrink: 0;
}
main.main .section-home-9 .content .list-sharp--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main.main .section-home-9 .content .list-sharp--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main.main.section-class-9 .content .list-sharp .box-radius .box .desc {
  padding-left: 4rem;
  padding-right: 0;
  max-width: 27.8125rem;
  width: 100%;
}
main.main.section-class-9 .content .list-sharp .box-radius .box .desc .logo {
  width: 4.375rem;
}
main.main.section-class-9 .content .list-sharp .box-radius:nth-child(2n+2) .box .desc {
  padding-left: 0;
  padding-right: 1rem;
}
main .section-home-10 .content {
  display: grid;
  grid-template-columns: 50.46875% 1fr;
}
@media only screen and (max-width: 991px) {
  main .section-home-10 .content {
    display: block;
  }
}
main .section-home-10 .content .col-left {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
main .section-home-10 .content .col-left h2 {
  display: block;
  margin-bottom: 1rem;
  padding: 4.31rem 11.5rem 0 19.94rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-home-10 .content .col-left h2 {
    max-width: 29.375rem;
    padding: 2.5rem 2.5rem 2.5rem 6.94rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-home-10 .content .col-left h2 {
    max-width: 29.375rem;
    padding: 2.5rem 2.5rem 2.5rem 3.94rem;
  }
}
@media only screen and (max-width: 1380px) {
  main .section-home-10 .content .col-left h2 {
    max-width: 29.375rem;
    padding: 2.5rem 2.5rem 2.5rem 6.94rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-home-10 .content .col-left h2 {
    max-width: 29.375rem;
    padding: 2.5rem 2.5rem 2.5rem 4.94rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-home-10 .content .col-left h2 {
    max-width: 100%;
    padding: 2.5rem;
  }
}
main .section-home-10 .content .col-left h2 span {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-home-10 .content .col-left h2 span {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-home-10 .content .col-left h2 span {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main .section-home-10 .content .col-left h2 span:first-child {
  color: var(--white);
}
main .section-home-10 .content .col-left h2 span:last-child {
  display: inline-block;
  background: linear-gradient(260deg, #afc9fd 11.33%, #22aae1 91.7%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-home-10 .content .col-left form {
  width: 100%;
  padding: 0 11.5rem 0 19.94rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-home-10 .content .col-left form {
    max-width: 29.375rem;
    padding: 0 2.5rem 2.5rem 6.94rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-home-10 .content .col-left form {
    max-width: 29.375rem;
    padding: 0 2.5rem 2.5rem 3.94rem;
  }
}
@media only screen and (max-width: 1380px) {
  main .section-home-10 .content .col-left form {
    max-width: 29.375rem;
    padding: 0 2.5rem 2.5rem 6.94rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-home-10 .content .col-left form {
    max-width: 29.375rem;
    padding: 0 2.5rem 2.5rem 4.94rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-home-10 .content .col-left form {
    max-width: 100%;
    padding: 2.5rem;
  }
}
main .section-home-10 .content .col-left form .f-box {
  margin-bottom: 0.75rem;
}
main .section-home-10 .content .col-left form .f-box label {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
main .section-home-10 .content .col-left form .f-box label span {
  display: block;
  font-weight: 400;
  color: #ffba34;
  margin: 0;
}
main .section-home-10 .content .col-left form .f-box input {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 6.1875rem;
  background: #476cb5;
  outline: 0;
  border: 0;
  color: var(--white);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
main .section-home-10 .content .col-left form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.75rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--white);
  border-radius: 1.5rem;
  background: #22aae1;
  border: 0;
  padding: 0.75rem 2rem;
}
main .section-home-10 .content .col-right {
  height: 100%;
}
main .section-home-10 .content .col-right .picture {
  display: block;
  width: 100%;
  height: 100%;
}
main .section-home-10 .content .col-right .picture figure {
  display: block;
  height: 100%;
}
main .section-class-1 {
  position: relative;
  width: 100%;
  height: 100vh;
}
main .section-class-1 .content {
  position: relative;
  width: 100%;
  height: 100%;
}
main .section-class-1 .content .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
main .section-class-1 .content .container .smart-bnt {
  position: absolute;
  bottom: 9.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  main .section-class-1 .content .container .smart-bnt {
    display: block;
  }
}
@media only screen and (max-width: 667px) {
  main .section-class-1 .content .container .smart-bnt {
    bottom: 1.5rem;
    display: flex;
  }
}
main .section-class-1 .content .container .smart-bnt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
}
main .section-class-1 .content .container .smart-bnt a:last-child {
  background: #22aae1;
}
@media only screen and (max-width: 767px) {
  main .section-class-1 .content .container .smart-bnt a:last-child {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 667px) {
  main .section-class-1 .content .container .smart-bnt a:last-child {
    margin-top: 0;
    font-size: 14px;
  }
}
main .section-class-1 .content .container .bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
main .section-class-1 .content .container .bg-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1380px) {
  main .section-class-1 .content .container .bg-video video {
    -o-object-position: left;
       object-position: left;
  }
}
main .section-class-2 {
  padding: 1.81rem 0;
  background: #e9efff;
}
main .section-class-2 .content .list-link ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-class-2 .content .list-link ul li {
  position: relative;
  padding: 0 3rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-2 .content .list-link ul li {
    width: 50%;
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
}
main .section-class-2 .content .list-link ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.0625rem;
  height: 1.25rem;
  background: #9ca3af;
  transform: translateY(-50%);
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-class-2 .content .list-link ul li:after {
    display: none;
  }
}
main .section-class-2 .content .list-link ul li a {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-2 .content .list-link ul li a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-class-2 .content .list-link ul li a svg {
  flex-shrink: 0;
}
main .section-class-2 .content .list-link ul li a span {
  flex: 1;
}
main .section-class-2 .content .list-link ul li:last-child:after {
  display: none;
}
main .section-class-3 {
  padding: 5rem 0 2.5rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-class-3 {
    padding: 2.5rem 0;
  }
}
main .section-class-3 .content .title {
  margin-bottom: 3rem;
}
main .section-class-3 .content .title h2 {
  display: block;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-3 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-3 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-3 .content .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
main .section-class-3 .content .title h2:last-child {
  display: inline-block;
  background: linear-gradient(269deg, #2b54a5 1.73%, #22aae1 97.55%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-3 .content .grid-box {
  display: grid;
  grid-template-columns: 57.65625% 1fr;
  box-shadow: 0px 4px 40px 0px rgba(0, 62, 155, 0.07);
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box {
    display: block;
  }
}
main .section-class-3 .content .grid-box .img-left {
  width: 100%;
  border-radius: 2rem 0 0 2rem;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .img-left {
    margin-bottom: 3rem;
  }
}
main .section-class-3 .content .grid-box .img-left figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 58.265582655%;
}
main .section-class-3 .content .grid-box .img-left figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2rem 0 0 2rem;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .img-left figure img {
    border-radius: 2rem;
  }
}
main .section-class-3 .content .grid-box .list-right {
  border-radius: 0 2rem 2rem 0;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .list-right {
    border-radius: 2rem;
  }
}
main .section-class-3 .content .grid-box .list-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .list-right ul {
    display: flex;
    flex-wrap: wrap;
  }
}
main .section-class-3 .content .grid-box .list-right ul li {
  padding: 1.62rem 1.5rem 1.62rem 3rem;
  background: var(--white);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  color: #3f3d48;
}
main .section-class-3 .content .grid-box .list-right ul li:first-child {
  border-radius: 0 2rem 0 0;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .list-right ul li:first-child {
    border-radius: 2rem;
  }
}
main .section-class-3 .content .grid-box .list-right ul li:last-child {
  border-radius: 0 0 2rem 0;
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .list-right ul li:last-child {
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-class-3 .content .grid-box .list-right ul li {
    padding: 1.5rem;
    width: 50%;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-3 .content .grid-box .list-right ul li {
    display: block;
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-class-3 .content .grid-box .list-right ul li img {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-3 .content .grid-box .list-right ul li img {
    margin: 0 auto 0.5rem;
  }
}
main .section-class-3 .content .grid-box .list-right ul li span {
  display: block;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  main .section-class-3 .content .grid-box .list-right ul li span {
    text-align: center;
  }
}
main .section-class-3 .content .grid-box .list-right ul li:hover {
  background: #1fa8df;
}
main .section-class-3 .content .grid-box .list-right ul li:hover img {
  filter: brightness(5);
}
main .section-class-3 .content .grid-box .list-right ul li:hover span {
  color: #fff;
}
main .section-class-4 {
  padding: 2.5rem 0;
}
main .section-class-4 .content .title {
  text-align: center;
  margin: 0 auto 3rem;
}
main .section-class-4 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-4 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-4 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-4 .content .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
main .section-class-4 .content .title h2 span {
  display: inline-block;
}
main .section-class-4 .content .title h2 span:last-child {
  background: linear-gradient(271deg, #2b54a5 26.17%, #22aae1 46.99%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-4 .content .title p {
  display: block;
  width: 100%;
  max-width: 35.625rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #545454;
  margin: 0 auto;
}
main .section-class-4 .content .fan-tabs {
  width: 100%;
  display: flex;
  gap: 1.16rem;
}
@media only screen and (max-width: 991px) {
  main .section-class-4 .content .fan-tabs {
    display: none;
  }
}
main .section-class-4 .content .fan-tabs .fan-box {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 28.9375rem;
  border-radius: 1.25rem;
  transition: all 0.8s;
  cursor: pointer;
}
main .section-class-4 .content .fan-tabs .fan-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(14, 29, 82, 0.66) 0%, rgba(14, 29, 82, 0.66) 100%);
  border-radius: 1.25rem;
  z-index: 1;
}
main .section-class-4 .content .fan-tabs .fan-box .text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 1.5rem 2rem;
  height: 100%;
  z-index: 2;
}
main .section-class-4 .content .fan-tabs .fan-box .text .icon {
  width: 2.5rem;
  margin-bottom: 0.88rem;
}
main .section-class-4 .content .fan-tabs .fan-box .text .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-class-4 .content .fan-tabs .fan-box .text .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-class-4 .content .fan-tabs .fan-box .text h3 {
  width: 100%;
  max-width: 12.8125rem;
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0 0 1rem 0;
  min-height: 3.5rem;
}
main .section-class-4 .content .fan-tabs .fan-box .text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  border-radius: 50%;
  background: #ff8700;
}
main .section-class-4 .content .fan-tabs .fan-box .text a span {
  display: none;
}
main .section-class-4 .content .fan-tabs .fan-box.show {
  width: 50% !important;
}
main .section-class-4 .content .fan-tabs .fan-box.show:before {
  border-radius: 1.25rem;
  background: linear-gradient(195deg, rgba(0, 0, 0, 0) 44.68%, rgba(17, 61, 113, 0.8) 75.6%);
}
main .section-class-4 .content .fan-tabs .fan-box.show .text {
  padding: 2rem 2.47rem;
}
main .section-class-4 .content .fan-tabs .fan-box.show .text a {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0.5rem 1.25rem;
  border-radius: 1.5rem;
}
main .section-class-4 .content .fan-tabs .fan-box.show .text a svg {
  display: none;
}
main .section-class-4 .content .fan-tabs .fan-box.show .text a span {
  display: block;
}
main .section-class-4 .content .fan-tabs--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main .section-class-4 .content .fan-tabs--mobile {
    display: block;
  }
}
main .section-class-4 .content .fan-tabs--mobile .fan-box {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 1.25rem;
  transition: all 0.8s;
  cursor: pointer;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
  background: linear-gradient(195deg, rgba(0, 0, 0, 0) 44.68%, rgba(17, 61, 113, 0.8) 75.6%);
  z-index: 1;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .picture {
  display: block;
  width: 100%;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .picture figure {
  padding-top: 96.058091286%;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text {
  position: absolute;
  left: 2rem;
  right: 1rem;
  bottom: 2rem;
  z-index: 2;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text .icon {
  width: 2.5rem;
  margin-bottom: 0.88rem;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text h3 {
  width: 100%;
  max-width: 12.8125rem;
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0 0 1rem 0;
  min-height: 3.5rem;
}
main .section-class-4 .content .fan-tabs--mobile .fan-box .text a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  border-radius: 1.5rem;
  background: #ff8700;
}
main .section-class-4 .content .fan-tabs--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main .section-class-4 .content .fan-tabs--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main .section-class-5 {
  padding: 4rem 0;
}
main .section-class-5 .content .mini-section {
  padding-bottom: 4rem;
}
main .section-class-5 .content .mini-section .title {
  text-align: center;
  margin: 0 auto 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
main .section-class-5 .content .mini-section .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-5 .content .mini-section .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-5 .content .mini-section .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
main .section-class-5 .content .mini-section .title h2 span {
  display: inline-block;
}
main .section-class-5 .content .mini-section .title h2 span:last-child {
  background: linear-gradient(270deg, #2b54a5 0.05%, #22aae1 56.29%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-5 .content .mini-section .title p {
  width: 100%;
  max-width: 46.875rem;
  color: var(--Gray-6, #3f3d48);
  text-align: center;
  /* Body/16/Regular */
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
main .section-class-5 .content .mini-section .list-solution {
  display: block;
  margin: 0 auto;
}
main .section-class-5 .content .mini-section .list-solution figure {
  display: block;
  width: 100%;
}
main .section-class-5 .content .mini-section:last-child {
  padding-bottom: 0;
}
main .section-class-5 .content .mini-section .grid-box {
  display: grid;
  grid-template-columns: 40.703125% 1fr;
  border-radius: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-5 .content .mini-section .grid-box {
    grid-template-columns: 50% 1fr;
  }
}
@media only screen and (max-width: 991px) {
  main .section-class-5 .content .mini-section .grid-box {
    display: block;
  }
}
main .section-class-5 .content .mini-section .grid-box .text-left {
  padding: 5.5rem 5rem;
  background: rgba(45, 85, 165, 0.9);
  border-radius: 2rem 0 0 2rem;
}
@media only screen and (max-width: 1480px) {
  main .section-class-5 .content .mini-section .grid-box .text-left {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-class-5 .content .mini-section .grid-box .text-left {
    border-radius: 2rem;
    margin-bottom: 2.5rem;
  }
}
main .section-class-5 .content .mini-section .grid-box .text-left .text {
  display: block;
  width: 100%;
}
main .section-class-5 .content .mini-section .grid-box .text-left .text h2 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  margin: 0 auto 1.5rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-5 .content .mini-section .grid-box .text-left .text h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-5 .content .mini-section .grid-box .text-left .text h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1380px) {
  main .section-class-5 .content .mini-section .grid-box .text-left .text h2 {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}
main .section-class-5 .content .mini-section .grid-box .text-left .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
main .section-class-5 .content .mini-section .grid-box .text-left .text .bnt-nex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
main .section-class-5 .content .mini-section .grid-box .text-left .text .bnt-nex a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
}
main .section-class-5 .content .mini-section .grid-box .text-left .text .bnt-nex a:last-child {
  background: #1fa8df;
}
main .section-class-5 .content .mini-section .grid-box .img-right {
  height: 100%;
}
main .section-class-5 .content .mini-section .grid-box .img-right figure {
  display: block;
  width: 100%;
  height: inherit;
}
main .section-class-5 .content .mini-section .grid-box .img-right figure img {
  border-radius: 0 2rem 2rem 0;
}
@media only screen and (max-width: 991px) {
  main .section-class-5 .content .mini-section .grid-box .img-right figure img {
    border-radius: 2rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide {
  display: flex;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide {
  display: grid;
  grid-template-columns: 33.1092436975% 1fr;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .sliders_pc {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .sliders_pc {
    display: none !important;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .sliders_mobie {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .sliders_mobie {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide {
    display: block !important;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture {
  display: block;
  width: 12.3125rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture figure {
  display: block;
  height: inherit;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture figure {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture figure img {
  border-radius: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .picture figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text {
  padding-left: 2.75rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text {
    padding: 0;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text h3 {
  display: inline-block;
  color: #1fa8df;
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3d48;
  text-align: justify;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text p {
    font-size: 0.875rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text ul {
  list-style-type: disc;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text ul li {
  display: list-item;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3d48;
  text-align: justify;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .box-slide .text ul li {
    font-size: 0.875rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .swiper-wrapper .swiper-slide .thumb-slide .picture figure img {
  border-radius: 1.25rem;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide {
  display: flex;
  gap: 2.87rem;
  align-items: center;
  justify-content: space-between;
  max-width: 22.125rem;
  margin: -1.5625rem 0 0 auto;
}
@media only screen and (max-width: 767px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide {
    margin: 0 auto;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .swiper-pagination {
  position: unset;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .swiper-pagination .swiper-pagination-bullet {
  width: 3.5625rem;
  height: 0.3125rem;
  background: #d1d5db;
  border-radius: 0.3125rem;
  opacity: 1;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff8700;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .naviga {
  width: 3.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .naviga .bnt-nav {
  position: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
  margin: 0;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper .control-slide .naviga .bnt-nav:after {
  display: none;
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper.sys1Swiper {
  flex-shrink: 0;
  max-width: 37.1875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper.sys1Swiper {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper.sys1Swiper {
    max-width: 100%;
    padding-top: 1.5rem;
  }
}
main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper.sys2Swiper {
  flex: 1;
  margin-left: 3.83rem;
}
@media only screen and (max-width: 1280px) {
  main .section-class-5 .content .mini-section .slide-system .slide-inner .double-slide .swiper.sys2Swiper {
    display: none;
  }
}
main .section-class-6 {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-6 {
    padding-bottom: 0;
  }
}
main .section-class-6 .title {
  text-align: center;
  margin: 0 auto 1.5rem;
}
main .section-class-6 .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-6 .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-6 .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-6 .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
main .section-class-6 .title h2 span {
  display: inline-block;
}
main .section-class-6 .title h2 span:last-child {
  background: linear-gradient(270deg, #2b54a5 15.34%, #22aae1 71.96%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-6 .title p {
  display: block;
  width: 100%;
  max-width: 35.625rem;
  margin: 0 auto;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #545454;
}
main .section-class-6 .tabs-value ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
main .section-class-6 .tabs-value ul li button {
  width: -moz-fit-content;
  width: fit-content;
  border: 0;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  color: #545454;
  display: flex;
  padding: 0.75rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 62.4375rem;
  background: #e5e7eb;
}
main .section-class-6 .tabs-value ul li button.active {
  background: #ff8700;
  color: var(--white);
}
main .section-class-6 .tabs-value .tab-content {
  margin-top: 5rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-6 .tabs-value .tab-content {
    margin-bottom: 2.5rem;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box {
  display: flex;
  gap: 1.87rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box {
    display: block;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text {
  width: 25.390625%;
}
@media only screen and (max-width: 1199px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text {
    width: 100%;
    display: flex;
    gap: 1.25rem;
    align-items: center;
    justify-content: center;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box {
  text-align: center;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box {
    width: 33.3333%;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box {
    width: 50%;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box .icon {
  width: 5.75rem;
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  border-radius: 62.4375rem;
  background: #e9efff;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  margin: 0 auto 1rem;
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box h3 {
  font-family: var(--f-body);
  color: #545454;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 6rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-text .box h3 {
    font-size: 0.875rem;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img {
  position: relative;
  width: 100%;
  max-width: 35.5625rem;
  padding: 2.44rem;
  max-height: 34.83875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img {
    display: none;
  }
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 35%;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.6901960784) -25%, #fff 75.2%);
  z-index: 2;
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed #fe6220;
  z-index: 1;
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img .image {
  position: relative;
  display: block;
  width: 100%;
  z-index: 3;
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img .image figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 99.796747967%;
  border-radius: 50%;
}
main .section-class-6 .tabs-value .tab-content .tab-pane .grid-box .box-img .image figure img {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-class-7 {
  padding: 5rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
main .section-class-7 .content .title {
  text-align: center;
  margin: 0 auto 2.5rem;
}
main .section-class-7 .content .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-7 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-7 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-7 .content .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
main .section-class-7 .content .title h2 span {
  display: inline-block;
}
main .section-class-7 .content .title h2 span:last-child {
  background: linear-gradient(270deg, #2b54a5 0.37%, #22aae1 52.2%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-7 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #3f3d48;
  margin: 0 auto;
  max-width: 45.8125rem;
  width: 100%;
}
main .section-class-7 .content .list-slide .ideal-slide {
  max-width: 33.3333%;
  width: 25.8125rem;
  border-radius: 1rem;
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  margin: 0 0.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-7 .content .list-slide .ideal-slide {
    max-width: 100%;
  }
}
main .section-class-7 .content .list-slide .ideal-slide .ideal-box figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 86.682808716%;
}
main .section-class-7 .content .list-slide .ideal-slide .ideal-box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem 1rem 0 0;
}
main .section-class-7 .content .list-slide .ideal-slide .desc {
  text-align: center;
  padding: 1rem 2rem 1.5rem;
}
main .section-class-7 .content .list-slide .ideal-slide .desc h3 {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 3rem;
}
@media only screen and (max-width: 1199px) {
  main .section-class-7 .content .list-slide .ideal-slide .desc h3 {
    min-height: 4.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-7 .content .list-slide .ideal-slide .desc h3 {
    min-height: 3.5rem;
  }
}
main .section-class-7 .content .list-slide .flickity-page-dots {
  position: unset;
  bottom: 0;
  padding-top: 1.5rem;
}
main .section-class-7 .content .list-slide .flickity-page-dots li {
  width: 0.625rem;
  height: 0.625rem;
  background: var(--white);
  opacity: 1;
}
main .section-class-7 .content .list-slide .flickity-page-dots li.is-selected {
  width: 2.73438rem;
  height: 0.625rem;
  background: var(--blue);
  border-radius: 0.3125rem;
}
main .section-class-8 .content .mini-section {
  padding: 5rem 0 4rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
main .section-class-8 .content .mini-section:last-child {
  background: #e9efff;
}
main .section-class-8 .content .mini-section .title {
  margin: 0 auto 3rem;
}
main .section-class-8 .content .mini-section .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-8 .content .mini-section .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-8 .content .mini-section .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-class-8 .content .mini-section .title h2 {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-8 .content .mini-section .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
main .section-class-8 .content .mini-section .title h2 span {
  display: block;
}
main .section-class-8 .content .mini-section .title h2 span:last-child {
  display: inline-block;
  background: linear-gradient(270deg, #2b54a5 0.37%, #22aae1 52.2%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-8 .content .mini-section .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  margin: 0 auto;
  max-width: 45.8125rem;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  main .section-class-8 .content .mini-section .list-solution {
    display: none;
  }
}
main .section-class-8 .content .mini-section .list-solution .list-box .col-item {
  margin-bottom: 2.5rem;
}
main .section-class-8 .content .mini-section .list-solution .list-box .col-item .box {
  padding: 2rem 1.5rem 2rem 2rem;
  border-radius: 0rem 1.25rem 1.25rem 0rem;
  border-left: 4px solid #ff8700;
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
main .section-class-8 .content .mini-section .list-solution .list-box .col-item .box h3 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 0 0.5rem 0;
}
main .section-class-8 .content .mini-section .list-solution .list-box .col-item .box p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  font-weight: 300;
  margin: 0;
}
main .section-class-8 .content .mini-section .list-solution--mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-class-8 .content .mini-section .list-solution--mobile {
    display: block;
  }
}
main .section-class-8 .content .mini-section .list-solution--mobile .col-item .box {
  padding: 2rem 1.5rem 2rem 2rem;
  border-radius: 0rem 1.25rem 1.25rem 0rem;
  border-left: 4px solid #ff8700;
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
main .section-class-8 .content .mini-section .list-solution--mobile .col-item .box h3 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 0 0.5rem 0;
}
main .section-class-8 .content .mini-section .list-solution--mobile .col-item .box p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  font-weight: 300;
  margin: 0;
}
main .section-class-8 .content .mini-section .chart .picture figure {
  display: block;
  width: 100%;
}
main .section-class-10 {
  padding-bottom: 3.25rem;
}
main .section-class-10 .content .title {
  text-align: center;
}
main .section-class-10 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  margin: 0 auto 3rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-10 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-10 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-10 .content .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 667px) {
  main .section-class-10 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
main .section-class-10 .content .title h2 span {
  display: inline-block;
  color: #3f3d48;
}
main .section-class-10 .content .title h2 span:first-child {
  background: linear-gradient(270deg, #2b54a5 0.8%, #22aae1 97.64%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 1199px) {
  main .section-class-10 .content .list-class {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  main .section-class-10 .content .list-class .col-item {
    margin-bottom: 2.5rem;
  }
}
main .section-class-10 .content .list-class .col-item .box .picture {
  margin-bottom: 1.25rem;
}
main .section-class-10 .content .list-class .col-item .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 66.343825665%;
}
main .section-class-10 .content .list-class .col-item .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-class-10 .content .list-class .col-item .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3c4043;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
}
main .section-class-10 .content .list-class .col-item .box .desc h4 a {
  display: block;
}
main .section-class-10 .content .list-class .col-item .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3c4043;
  max-width: 85%;
  width: 100%;
}
main .section-class-10 .content .list-class--mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  main .section-class-10 .content .list-class--mobile {
    display: block;
  }
}
main .section-class-10 .content .list-class--mobile .col-item .box .picture {
  margin-bottom: 1.25rem;
}
main .section-class-10 .content .list-class--mobile .col-item .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 66.343825665%;
}
main .section-class-10 .content .list-class--mobile .col-item .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-class-10 .content .list-class--mobile .col-item .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3c4043;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
}
main .section-class-10 .content .list-class--mobile .col-item .box .desc h4 a {
  display: block;
}
main .section-class-10 .content .list-class--mobile .col-item .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3c4043;
  max-width: 85%;
  width: 100%;
}
main .section-class-10 .content .list-class--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main .section-class-10 .content .list-class--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main .section-class-11 {
  height: 45.25rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  main .section-class-11 {
    height: 32.25rem;
  }
}
main .section-class-11 .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
main .section-class-11 .content .banner-box {
  text-align: center;
  background: var(--blue);
  padding: 4.81rem 0;
  border-radius: 3.5rem;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-11 .content .banner-box {
    padding: 4.81rem 1rem;
  }
}
main .section-class-11 .content .banner-box span {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0 auto 0.25rem;
}
main .section-class-11 .content .banner-box h4 {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin: 0 auto 2rem;
}
main .section-class-11 .content .banner-box .double-bnt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  main .section-class-11 .content .banner-box .double-bnt {
    display: block;
    text-align: center;
  }
}
main .section-class-11 .content .banner-box .double-bnt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  main .section-class-11 .content .banner-box .double-bnt a {
    margin: 0 auto 1rem;
  }
}
main .section-class-11 .content .banner-box .double-bnt a:first-child {
  background: #ff8700;
}
@media only screen and (max-width: 767px) {
  main .section-class-11 .content .banner-box .double-bnt a:first-child {
    margin-bottom: 1rem;
  }
}
main .section-class-11 .content .banner-box .double-bnt a:last-child {
  background: #1fa8df;
}
main .section-class-12 {
  padding: 0 0 5rem 0;
}
main .section-class-12 .content .title {
  text-align: center;
  margin: 0 auto 3.5rem;
}
main .section-class-12 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-class-12 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-class-12 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-class-12 .content .title h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 667px) {
  main .section-class-12 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
main .section-class-12 .content .title h2 span {
  display: block;
}
main .section-class-12 .content .title h2 span:last-child {
  display: inline-block;
  background: linear-gradient(270deg, #2b54a5 0.8%, #22aae1 97.64%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-class-12 .content .list-point .col-left .list-country ul li {
  color: #000;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1.5rem 2.5rem;
  border-left: 4px solid #dde9ff;
}
main .section-class-12 .content .list-point .col-left .list-country ul li.active {
  border-left: 4px solid #22aae1;
  background: rgba(151, 186, 255, 0.2);
}
main .section-class-12 .content .list-point .col-right {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  main .section-class-12 .content .list-point .col-right #map svg {
    width: 100%;
    height: 100%;
  }
}
main .section-solution-1 {
  position: relative;
  height: 54.375rem;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-1 {
    height: 40.375rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-1 {
    height: auto;
    padding: 4.5rem 0;
  }
}
main .section-solution-1 .content {
  height: 100%;
}
main .section-solution-1 .content .col-left {
  align-self: center;
}
main .section-solution-1 .content .col-left .text {
  max-width: 33rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
main .section-solution-1 .content .col-left .text .short {
  margin-bottom: 2.5rem;
}
main .section-solution-1 .content .col-left .text .short h3 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: var(--white);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  main .section-solution-1 .content .col-left .text .short h3 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
main .section-solution-1 .content .col-left .text .short p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
main .section-solution-1 .content .col-left .text .list-social ul {
  display: flex;
  gap: 2.12rem;
}
@media only screen and (max-width: 767px) {
  main .section-solution-1 .content .col-left .text .list-social ul {
    gap: 1.5rem;
  }
}
main .section-solution-1 .content .col-left .text .list-social ul li {
  width: 33.3333%;
  text-align: center;
}
main .section-solution-1 .content .col-left .text .list-social ul li .icon {
  display: block;
  width: 2.5rem;
  margin: 0 auto 0.5rem;
}
main .section-solution-1 .content .col-left .text .list-social ul li .icon figure {
  display: block;
  width: 100%;
}
main .section-solution-1 .content .col-left .text .list-social ul li .info span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--white);
  margin: 0 auto;
}
main .section-solution-1 .content .col-left .text .smart-bnt {
  margin-top: 1.5rem;
}
main .section-solution-1 .content .col-left .text .smart-bnt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
}
main .section-solution-1 .content .col-right {
  align-self: center;
}
@media only screen and (max-width: 991px) {
  main .section-solution-1 .content .col-right {
    display: none;
  }
}
main .section-solution-1 .content .col-right .detail-img {
  text-align: right;
  width: 37.19881rem;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-1 .content .col-right .detail-img {
    width: 30.19881rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-1 .content .col-right .detail-img {
    width: 100%;
  }
}
main .section-solution-1 .content .col-right .detail-img figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 114.070351759%;
}
main .section-solution-1 .content .col-right .detail-img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-solution-2 {
  padding: 4rem 0;
}
main .section-solution-2 .content .title {
  margin: 0 auto 3rem;
}
main .section-solution-2 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-2 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-2 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-2 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-2 .content .title h2 span {
  display: inline-block;
}
main .section-solution-2 .content .title h2 span:last-child {
  background: linear-gradient(264deg, #2b54a5 7.03%, #22aae1 98.15%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-2 .content .picture {
  display: block;
}
main .section-solution-2 .content .picture figure {
  display: block;
  width: 100%;
}
main .section-solution-3 .content .title {
  width: 100%;
  text-align: center;
  max-width: 57.4375rem;
  margin: 0 auto 2.35rem;
}
main .section-solution-3 .content .title h2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-3 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-3 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-3 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-3 .content .title h2 span {
  display: inline-block;
}
main .section-solution-3 .content .title h2 span:last-child {
  background: linear-gradient(264deg, #2b54a5 7.03%, #22aae1 98.15%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-3 .content .title p {
  max-width: 35.625rem;
  width: 100%;
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  margin: 0 auto;
}
main .section-solution-3 .content .tabs-solution {
  position: relative;
}
main .section-solution-3 .content .tabs-solution .picture {
  width: 66.0625rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
@media only screen and (max-width: 1199px) {
  main .section-solution-3 .content .tabs-solution .picture {
    width: 100%;
  }
}
main .section-solution-3 .content .tabs-solution .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 43.708609271%;
}
main .section-solution-3 .content .tabs-solution .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 3.5rem 3.5rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-3 .content .tabs-solution .picture figure img {
    border-radius: 3.5rem 3.5rem 0 0;
  }
}
main .section-solution-3 .content .tabs-solution .solu-tabs {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  border-radius: 3.5rem 0rem 0rem 3.5rem;
  padding: 4rem 4.75rem;
  max-width: 66.125rem;
  width: 100%;
  position: absolute;
  top: 3.06rem;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs {
    max-width: 56.125rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs {
    max-width: 56.125rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs {
    max-width: 100%;
    position: unset;
    border-radius: 0;
    padding: 4rem 2.5rem;
  }
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti {
  display: flex;
}
@media only screen and (max-width: 767px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti {
    display: block;
  }
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav {
  max-width: 11.875rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav {
    max-width: 100%;
  }
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #a4c5ff;
  margin-bottom: 1rem;
  text-align: left;
  color: var(--white);
  width: 100%;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button.active span {
  color: #fff;
  font-weight: 600;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button:last-child {
  border-bottom: none;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button i {
  flex-shrink: 0;
  color: transparent;
  transition: 0.6s all;
  width: 0;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button span {
  flex: 1;
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--white);
  font-weight: 400;
  margin: 0;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .nav button.active i {
  width: 1rem;
  color: #fff;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content {
  padding-left: 7.25rem;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content .fade {
  transition: opacity 0.4s linear;
}
@media only screen and (max-width: 991px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content {
    padding-left: 3.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content {
    padding-left: 0;
    margin-top: 1.5rem;
  }
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content .tab-pane .text {
  width: 100%;
  max-width: 23.5625rem;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content .tab-pane .text h3 {
  display: inline-block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content .tab-pane .text ul {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}
main .section-solution-3 .content .tabs-solution .solu-tabs .tabs-verti .tab-content .tab-pane .text ul li {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  text-align: justify;
  color: var(--white);
}
main .section-solution-4 {
  padding: 7.87rem 0 5rem 0;
}
@media only screen and (max-width: 991px) {
  main .section-solution-4 {
    padding: 3.5rem 0;
  }
}
main .section-solution-4 .content .title {
  text-align: center;
  max-width: 49.5925rem;
  width: 100%;
  margin: 0 auto 3rem;
}
main .section-solution-4 .content .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-4 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-4 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-4 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-4 .content .title h2 span {
  display: inline-block;
}
main .section-solution-4 .content .title h2 span:first-child {
  background: linear-gradient(270deg, #2b54a5 62.83%, #22aae1 98.7%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-4 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3f3d48;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  main .section-solution-4 .content .grid-box {
    display: none;
  }
}
main .section-solution-4 .content .grid-box .grid-one .col-box .box {
  display: block;
  width: 100%;
  border-radius: 1.25rem;
  height: 23.625rem;
  background-size: cover;
}
main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text {
  padding: 2.56rem 3rem 0 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text {
    padding: 2.15rem 1.75rem;
  }
}
main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text h3 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 24px;
  font-weight: 600;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 8px;
}
main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text h3 p {
  font-size: 24px;
  font-weight: 600;
  line-height: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text h3 p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  main .section-solution-4 .content .grid-box .grid-one .col-box .box .box-text p {
    font-size: 14px;
  }
}
main .section-solution-4 .content .grid-box .grid-two {
  margin-top: 1.25rem;
}
main .section-solution-4 .content .grid-box .grid-two .col-box .box {
  display: block;
  width: 100%;
  border-radius: 1.25rem;
  height: 23.625rem;
  background-size: cover;
}
main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text {
  padding: 2.56rem 3rem 0 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text {
    padding: 2.15rem 1.75rem;
  }
}
main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text h3 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 24px;
  font-weight: 600;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 8px;
  color: #3f3d48;
}
main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text h3 p {
  font-size: 24px;
  font-weight: 600;
  line-height: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text h3 p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text p {
  color: #545454;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  main .section-solution-4 .content .grid-box .grid-two .col-box .box .box-text p {
    font-size: 14px;
  }
}
main .section-solution-4 .content .list-grid--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main .section-solution-4 .content .list-grid--mobile {
    display: block;
  }
}
main .section-solution-4 .content .list-grid--mobile .swiper .swiper-wrapper .swiper-slide .box {
  display: block;
  width: 100%;
  border-radius: 1.25rem;
  height: 23.625rem;
  background-position: center;
}
main .section-solution-4 .content .list-grid--mobile .swiper .swiper-wrapper .swiper-slide .box h3 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 2.15rem 1.5rem;
}
main .section-solution-4 .content .list-grid--mobile .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main .section-solution-4 .content .list-grid--mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main .section-solution-5 {
  overflow: hidden;
  padding: 4.45rem 0 5rem 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-5 {
    background-size: cover;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-5 {
    background-size: cover;
    padding: 4.45rem 0 0rem 0;
  }
}
main .section-solution-5 .content .title {
  text-align: center;
  width: 100%;
  max-width: 50.4375rem;
  margin: 0 auto;
}
main .section-solution-5 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: var(--white);
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-5 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-5 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-solution-5 .content .title h2 {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}
main .section-solution-5 .content .title p {
  display: block;
  width: 100%;
  max-width: 32.625rem;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  main .section-solution-5 .content .title p {
    font-size: 14px;
  }
}
main .section-solution-5 .content .title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
  margin: 1.5rem auto 0;
}
main .section-solution-5 .tabs-absolute {
  margin-top: 6.6rem;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .tabs-absolute {
    display: none;
  }
}
main .section-solution-5 .tabs-absolute .nav {
  flex-wrap: nowrap;
  gap: 0.62rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .tabs-absolute .nav {
    display: flex;
    overflow: auto;
    width: 100%;
    justify-content: start;
  }
}
main .section-solution-5 .tabs-absolute .nav button {
  width: 33.3333%;
  max-width: 21.75rem;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.75rem;
  border-radius: 1.25rem 1.25rem 0 0;
  background: rgba(255, 255, 255, 0.3);
  padding: 0.5625rem 2.88rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .tabs-absolute .nav button {
    width: 100%;
    max-width: 100%;
    min-width: 31rem;
    padding: 0.5625rem 1.5rem;
    -webkit-line-clamp: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
  }
}
main .section-solution-5 .tabs-absolute .nav button.active {
  background: var(--white);
  font-weight: 600;
  color: var(--blue);
}
main .section-solution-5 .tabs-absolute .tab-content {
  padding-top: 3rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-5 .tabs-absolute .tab-content {
    background: var(--white);
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-5 .tabs-absolute .tab-content {
    background: var(--white);
    padding: 3rem 0;
  }
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .solo-main {
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left {
    margin-bottom: 1.5rem;
  }
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text {
  padding-right: 0.9375rem;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.75rem;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text h4 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text h4 {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text ul {
  margin: 0;
  padding: 0 0 0 1.25rem;
  list-style: disc;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text ul li {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #545454;
  margin-bottom: 1rem;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-left .text ul li:last-child {
  margin-bottom: 0;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-right .picture {
  display: block;
  width: 100%;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-right .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 61.111111111%;
}
main .section-solution-5 .tabs-absolute .tab-content .tab-pane .desc-tab .col-right .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-5 .slider-tab-mobie {
  padding: 3rem 0;
  display: none;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .slider-tab-mobie {
    display: block;
  }
}
main .section-solution-5 .slider-tab-mobie .item-tab {
  margin: 0 10px;
  background: var(--white);
  padding: 3rem 0;
  border-radius: 10px;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab {
  padding: 0 12px;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let {
    margin-bottom: 1.5rem;
  }
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text {
  padding-right: 0.9375rem;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.75rem;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text h4 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text h4 {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text ul {
  margin: 0;
  padding: 0 0 0 1.25rem;
  list-style: disc;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text ul li {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #545454;
  margin-bottom: 1rem;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .let .text ul li:last-child {
  margin-bottom: 0;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .rig .picture {
  display: block;
  width: 100%;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .rig .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 61.111111111%;
}
main .section-solution-5 .slider-tab-mobie .item-tab .desc-tab .rig .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-5 .slider-tab-mobie .slick-dots {
  bottom: 0;
}
main .section-solution-5 .slider-tab-mobie .slick-dots li {
  width: unset;
  height: unset;
}
main .section-solution-5 .slider-tab-mobie .slick-dots li.slick-active button {
  background: var(--Primary-2, #1fa8df);
  width: 2.73438rem;
  border-radius: 0.3125rem;
  height: 0.625rem;
}
main .section-solution-5 .slider-tab-mobie .slick-dots li button {
  border: 0;
  background: #e5e7eb;
  height: 0.625rem;
  width: 0.625rem;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
}
main .section-solution-5 .slider-tab-mobie .slick-dots li button:before {
  content: none;
}
main .section-solution-6 {
  padding: 5rem 0;
  background-size: cover;
  background-repeat: no-repeat;
}
main .section-solution-6 .content .title {
  text-align: center;
  width: 100%;
  max-width: 58.9375rem;
  margin: 0 auto 2.5rem;
}
main .section-solution-6 .content .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-6 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-6 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-6 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-6 .content .title h2 span {
  display: inline-block;
}
main .section-solution-6 .content .title h2 span:first-child {
  background: linear-gradient(271deg, #2b54a5 54.21%, #22aae1 92.96%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-6 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3d48;
  font-weight: 300;
  margin: 0 auto;
}
main .section-solution-6 .content .slide-space .space-slide {
  width: 33.3333%;
  max-width: 25.8125rem;
  margin: 0 0.625rem;
}
@media screen and (max-width: 1380px) {
  main .section-solution-6 .content .slide-space .space-slide {
    max-width: 22rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-6 .content .slide-space .space-slide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-6 .content .slide-space .space-slide {
    width: 100%;
  }
}
main .section-solution-6 .content .slide-space .space-slide .box {
  border-radius: 1rem;
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
main .section-solution-6 .content .slide-space .space-slide .box .picture {
  margin-bottom: 1rem 1rem 0 0;
}
main .section-solution-6 .content .slide-space .space-slide .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 86.682808716%;
}
main .section-solution-6 .content .slide-space .space-slide .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem 1rem 0 0;
}
main .section-solution-6 .content .slide-space .space-slide .box .desc {
  padding: 1.5rem 2.5rem;
  height: 156px;
}
main .section-solution-6 .content .slide-space .space-slide .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
}
main .section-solution-6 .content .slide-space .space-slide .box .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #545454;
  margin: 0;
  min-height: 4.5rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
}
main .section-solution-6 .content .flickity-page-dots .dot {
  background: var(--White, #fff);
  opacity: 1;
}
main .section-solution-6 .content .flickity-page-dots .dot.is-selected {
  border-radius: 0.3125rem;
  background: var(--Primary-2, #1fa8df);
  width: 2.73438rem;
  height: 0.625rem;
}
main .section-solution-7 {
  padding: 4rem 0 6rem 0;
}
main .section-solution-7 .content .title {
  width: 100%;
  max-width: 56.625rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}
main .section-solution-7 .content .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-7 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-7 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-7 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-7 .content .title h2 span {
  display: inline-block;
}
main .section-solution-7 .content .title h2 span:first-child {
  background: linear-gradient(268deg, #2b54a5 52.57%, #22aae1 96.27%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item {
  width: 50%;
  max-width: 39.375rem;
  margin: 0 0.625rem;
}
@media only screen and (max-width: 1380px) {
  main .section-solution-7 .content .grid-box .slide-grid .g-item {
    width: 50%;
    max-width: 46%;
    margin: 0 1.625rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-7 .content .grid-box .slide-grid .g-item {
    max-width: 100%;
    width: 100%;
  }
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .picture {
  display: block;
  width: 100%;
  background: #e9efff;
  margin-bottom: 2.5rem;
  border-radius: 1.25rem;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 58.095238095%;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-radius: 1.25rem;
  height: 130px;
  background: var(--white);
  padding: 2rem;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin-bottom: 2rem;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box:last-child {
  margin-bottom: 0;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .icon {
  flex-shrink: 0;
  width: 3.5rem;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .icon figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .icon figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .desc {
  flex: 1;
}
main .section-solution-7 .content .grid-box .slide-grid .g-item .col-box .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-weight: 300;
  color: #545454;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0;
}
main .section-solution-8 {
  padding-bottom: 4rem;
}
main .section-solution-8 .content .box-title {
  width: 100%;
  max-width: 97.875rem;
  padding-top: 4.81rem;
  margin: 0 auto;
  min-height: 31.75rem;
  border-radius: 2.5rem;
}
main .section-solution-8 .content .box-title .title {
  max-width: 58.875rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
main .section-solution-8 .content .box-title .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: var(--white);
  margin: 0 auto;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-8 .content .box-title .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-8 .content .box-title .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-8 .content .box-title .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-solution-8 .content .box-title .title h2 {
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
}
main .section-solution-8 .content .absolute-box {
  margin-top: -15.3125rem;
}
main .section-solution-8 .content .absolute-box .list-absolute {
  display: block;
}
@media only screen and (max-width: 991px) {
  main .section-solution-8 .content .absolute-box .list-absolute {
    display: none;
  }
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box {
  background: var(--white);
  border-radius: 1.3125rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .picture {
  display: block;
  width: 100%;
  padding: 2rem 0;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 82.324455205%;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .desc {
  padding: 2rem 0;
  text-align: center;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: var(--blue);
  margin: 0 auto 0.5rem;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3f3d48;
  margin-bottom: 1.25rem;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item .box .desc a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
  margin: 0 auto;
}
main .section-solution-8 .content .absolute-box .list-absolute .col-item:nth-child(2n+1) .box {
  display: flex;
  flex-direction: column-reverse;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  main .section-solution-8 .content .absolute-box .list-absolute--mobile {
    display: block;
  }
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box {
  background: var(--white);
  border-radius: 1.3125rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .picture {
  display: block;
  width: 100%;
  padding: 2rem 0;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 82.324455205%;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .desc {
  padding: 2rem 0;
  text-align: center;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: var(--blue);
  margin: 0 auto 0.5rem;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3f3d48;
  margin-bottom: 1.25rem;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-wrapper .swiper-slide .col-item .box .desc a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
  margin: 0 auto;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main .section-solution-8 .content .absolute-box .list-absolute--mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blue);
}
main .section-solution-9 {
  padding: 3.87rem 0 4.69rem 0;
  background-size: cover;
}
main .section-solution-9 .content .title {
  text-align: center;
  width: 100%;
  max-width: 57.3125rem;
  margin: 0 auto 4.19rem;
}
main .section-solution-9 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  font-weight: 600;
  color: var(--white);
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-9 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-9 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-9 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-9 .content .title p {
  display: block;
  font-family: var(--f-body);
  width: 100%;
  max-width: 46.3125rem;
  margin: 0 auto;
  font-weight: 300;
  color: var(--white);
}
main .section-solution-9 .content .gird-layer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  overflow: auto;
  padding-bottom: 1rem;
}
main .section-solution-9 .content .gird-layer::-webkit-scrollbar-track {
  background: transparent;
}
main .section-solution-9 .content .gird-layer::-webkit-scrollbar-thumb {
  background-color: transparent;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-9 .content .gird-layer {
    justify-content: flex-start;
  }
}
main .section-solution-9 .content .gird-layer .box .picture {
  display: block;
}
main .section-solution-9 .content .gird-layer .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main .section-solution-9 .content .gird-layer .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-solution-9 .content .gird-layer .box.box-one .picture {
  width: 15.9375rem;
}
@media only screen and (max-width: 1380px) {
  main .section-solution-9 .content .gird-layer .box.box-one .picture {
    width: 10.9375rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-9 .content .gird-layer .box.box-one .picture {
    width: 7.9375rem;
  }
}
main .section-solution-9 .content .gird-layer .box.box-one .picture figure {
  padding-top: 100%;
}
main .section-solution-9 .content .gird-layer .box.box-two .picture {
  width: 15.5rem;
}
@media only screen and (max-width: 1380px) {
  main .section-solution-9 .content .gird-layer .box.box-two .picture {
    width: 14.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-9 .content .gird-layer .box.box-two .picture {
    width: 10.5rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-9 .content .gird-layer .box.box-two .picture {
    width: 7.5rem;
  }
}
main .section-solution-9 .content .gird-layer .box.box-two .picture figure {
  padding-top: 102.822580645%;
}
main .section-solution-9 .content .gird-layer .box.box-two .picture:last-child {
  margin-top: 1.25rem;
}
main .section-solution-9 .content .gird-layer .box.box-two .picture:last-child figure {
  padding-top: 48.387096774%;
}
main .section-solution-9 .content .gird-layer .box.box-three .picture {
  width: 12.25rem;
}
@media only screen and (max-width: 1380px) {
  main .section-solution-9 .content .gird-layer .box.box-three .picture {
    width: 11.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-9 .content .gird-layer .box.box-three .picture {
    width: 9.5rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-9 .content .gird-layer .box.box-three .picture {
    width: 7.5rem;
  }
}
main .section-solution-9 .content .gird-layer .box.box-three .picture figure {
  padding-top: 201.530612245%;
}
main .section-solution-9 .content .gird-layer .box.box-four .picture {
  width: 15.5rem;
}
@media only screen and (max-width: 1380px) {
  main .section-solution-9 .content .gird-layer .box.box-four .picture {
    width: 14.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-9 .content .gird-layer .box.box-four .picture {
    width: 10.5rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-9 .content .gird-layer .box.box-four .picture {
    width: 7.5rem;
  }
}
main .section-solution-9 .content .gird-layer .box.box-four .picture figure {
  padding-top: 102.822580645%;
}
main .section-solution-9 .content .gird-layer .box.box-four .picture:first-child {
  margin-bottom: 1.25rem;
}
main .section-solution-9 .content .gird-layer .box.box-four .picture:first-child figure {
  padding-top: 48.387096774%;
}
main .section-solution-10 {
  padding: 5rem 0;
}
main .section-solution-10 .content .title {
  width: 100%;
  max-width: 43.5625rem;
  text-align: center;
  margin: 0 auto 3rem;
}
main .section-solution-10 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-10 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-10 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-10 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-10 .content .title h2 span {
  display: inline-block;
}
main .section-solution-10 .content .title h2 span:first-child {
  background: linear-gradient(269deg, #2b54a5 28.18%, #22aae1 93.96%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide {
  width: 66.25rem;
  opacity: 0.4;
  transition: all 200ms linear;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide {
    width: 52.25rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide {
    width: 32.25rem;
  }
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box {
  position: relative;
  display: block;
  width: 100%;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .picture {
  display: block;
  width: 66.25rem;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .picture {
    width: 52.25rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .picture {
    width: 32.25rem;
  }
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 46.79245283%;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2rem;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 4rem;
  bottom: 2rem;
  width: 100%;
  max-width: 32.5rem;
  padding: 1.88rem 4rem;
  border-radius: 1.25rem;
  background: #1fa8df;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
@media only screen and (max-width: 991px) {
  main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc {
    left: 1rem;
    bottom: 2rem;
    width: 100%;
    max-width: 26.5rem;
    padding: 1.25rem;
  }
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: var(--white);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--white);
  font-weight: 300;
  margin: 0;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
main .section-solution-10 .content .opacity-slide .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .box .desc {
  opacity: 1;
  visibility: visible;
}
main .section-solution-10 .content .slider-muc-item {
  margin: 12px;
}
main .section-solution-10 .content .slider-muc-item .box {
  border-radius: 1rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  background: #fff;
  display: flex;
  flex-direction: column;
}
main .section-solution-10 .content .slider-muc-item .box .picture {
  width: 100%;
  max-width: 25.75rem;
  max-height: 16.875rem;
}
main .section-solution-10 .content .slider-muc-item .box .picture img {
  width: 100%;
  height: 16.875rem;
  border-radius: 1rem 1rem 0rem 0rem;
}
main .section-solution-10 .content .slider-muc-item .box .desc {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
main .section-solution-10 .content .slider-muc-item .box .desc h4 {
  font-weight: 700;
  line-height: 2.25rem; /* 150% */
  font-size: 1.5rem;
  background: linear-gradient(270deg, #2b54a5 0.24%, #22aae1 46.74%);
  font-family: var(--f-body);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-10 .content .slider-muc-item .box .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  -webkit-line-clamp: 3;
  height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
main .section-solution-10 .content .slider-muc .slick-dots {
  bottom: -15%;
}
main .section-solution-10 .content .slider-muc .slick-dots li {
  width: unset;
  height: unset;
}
main .section-solution-10 .content .slider-muc .slick-dots li.slick-active button {
  background: var(--Primary-2, #1fa8df);
  width: 2.73438rem;
  border-radius: 0.3125rem;
  height: 0.625rem;
}
main .section-solution-10 .content .slider-muc .slick-dots li button {
  border: 0;
  background: #e5e7eb;
  height: 0.625rem;
  width: 0.625rem;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
}
main .section-solution-10 .content .slider-muc .slick-dots li button:before {
  content: none;
}
main .section-solution-11 {
  padding: 6.25rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}
main .section-solution-11 .content .title {
  text-align: center;
  width: 100%;
  max-width: 45.875rem;
  margin: 0 auto 3rem;
}
main .section-solution-11 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3625rem;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin: 0 auto 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-11 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-11 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-11 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
main .section-solution-11 .content .title h2 span {
  display: inline-block;
}
main .section-solution-11 .content .title h2 span:first-child {
  background: linear-gradient(269deg, #2b54a5 49.86%, #22aae1 99.34%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-11 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  margin: 0 auto;
}
main .section-solution-11 .content .list-number {
  display: flex;
  gap: 4.61rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-11 .content .list-number {
    flex-wrap: wrap;
    gap: 0;
  }
}
main .section-solution-11 .content .list-number .box {
  width: 20%;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-11 .content .list-number .box {
    margin-bottom: 1.5rem;
    width: 15%;
  }
}
@media screen and (max-width: 1380px) {
  main .section-solution-11 .content .list-number .box {
    width: 16%;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-11 .content .list-number .box {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-11 .content .list-number .box {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-11 .content .list-number .box {
    width: 50%;
  }
}
main .section-solution-11 .content .list-number .box .icon {
  width: 5.75rem;
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  border-radius: 50%;
  margin: 0 auto 1rem;
}
main .section-solution-11 .content .list-number .box .icon .picture {
  display: block;
  width: 2.75rem;
}
main .section-solution-11 .content .list-number .box .icon .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-solution-11 .content .list-number .box .icon .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
main .section-solution-11 .content .list-number .box .desc {
  text-align: center;
}
main .section-solution-11 .content .list-number .box .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin: 0 auto 0.5rem;
}
@media only screen and (max-width: 1480px) {
  main .section-solution-11 .content .list-number .box .desc h4 {
    font-size: 2rem;
  }
}
main .section-solution-11 .content .list-number .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  margin: 0;
}
main .section-solution-12 {
  padding: 5rem 0;
  overflow-x: hidden;
}
main .section-solution-12 .content .title {
  text-align: center;
  margin: 0 auto 2.5rem;
}
main .section-solution-12 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4.25rem;
  color: #3f3d48;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-solution-12 .content .title h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-solution-12 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-solution-12 .content .title h2 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-12 .content .title h2 {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 667px) {
  main .section-solution-12 .content .title h2 {
    font-size: 1.3rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 350px) {
  main .section-solution-12 .content .title h2 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
main .section-solution-12 .content .title h2 span {
  display: block;
}
main .section-solution-12 .content .title h2 span:last-child {
  display: inline-block;
  background: linear-gradient(269deg, #2b54a5 1.07%, #22aae1 101.64%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-solution-12 .content .title a {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.5rem;
  padding: 0.75rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  background: #ff8700;
  margin: 0 auto;
}
main .section-solution-12 .content .grid-box {
  display: flex;
  align-items: center;
  gap: 1.56rem;
  padding: 0 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-solution-12 .content .grid-box {
    width: 100%;
    overflow: auto;
    display: none;
  }
}
main .section-solution-12 .content .grid-box .col-box .box {
  padding: 1.5rem 2rem;
  background: var(--white);
  border-radius: 0.75rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  margin-bottom: 1.25rem;
}
main .section-solution-12 .content .grid-box .col-box .box:last-child {
  margin-bottom: 0;
}
main .section-solution-12 .content .grid-box .col-box .box .icon {
  width: 4rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1380px) {
  main .section-solution-12 .content .grid-box .col-box .box .icon {
    width: 2rem;
    margin-bottom: 1rem;
  }
}
main .section-solution-12 .content .grid-box .col-box .box .desc h4 {
  display: inline-block;
  color: var(--blue);
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
}
main .section-solution-12 .content .grid-box .col-box .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f5b74;
  margin: 0;
}
main .section-solution-12 .content .grid-box .col-box.col-middle {
  flex: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-solution-12 .content .grid-box .col-box.col-middle {
    display: none;
  }
}
main .section-solution-12 .content .grid-box .col-box:first-child, main .section-solution-12 .content .grid-box .col-box:last-child {
  flex-shrink: 0;
  width: 25.8125rem;
}
@media screen and (max-width: 1380px) {
  main .section-solution-12 .content .grid-box .col-box:first-child, main .section-solution-12 .content .grid-box .col-box:last-child {
    width: 21.8125rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-solution-12 .content .grid-box .col-box:first-child, main .section-solution-12 .content .grid-box .col-box:last-child {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-solution-12 .content .grid-box .col-box:first-child, main .section-solution-12 .content .grid-box .col-box:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 1380px) {
  main .linesing .content .list-number .box {
    width: 16%;
  }
}
@media only screen and (max-width: 1199px) {
  main .linesing .content .list-number .box {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  main .linesing .content .list-number .box {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  main .linesing .content .list-number .box {
    width: 50%;
  }
}
main .breadcrumb {
  padding: 3.5rem 0 2rem 0;
}
main .breadcrumb .content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
main .breadcrumb .content a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #9ca3af;
  font-weight: 400;
}
main .breadcrumb .content a span {
  flex: 1;
}
main .breadcrumb .content a i {
  flex-shrink: 0;
}
main .breadcrumb .content a.current {
  color: #3f3d48;
  font-weight: 600;
}
main .section-about-1 {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-1 {
    padding-bottom: 2.5rem;
  }
}
main .section-about-1 .content .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3125rem;
  text-align: center;
  margin: 0 auto 2.5rem;
}
main .section-about-1 .content .title h2 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-1 .content .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-1 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-1 .content .title h2 span {
  display: inline-block;
}
main .section-about-1 .content .title h2 span:last-child {
  background: linear-gradient(270deg, #2b54a5 -15.55%, #22aae1 106.9%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-about-1 .content .list-box {
  margin: 0 auto 3.5rem;
}
main .section-about-1 .content .list-box .logo {
  width: 22.5625rem;
  margin: 0 auto 2.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-1 .content .list-box .logo {
    width: 100%;
  }
}
main .section-about-1 .content .list-box .logo figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 46.260387811%;
}
main .section-about-1 .content .list-box .logo figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-about-1 .content .list-info {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-1 .content .list-info {
    flex-wrap: wrap;
    gap: 0;
  }
}
main .section-about-1 .content .list-info .box {
  width: 20%;
  padding: 1rem 1.5rem 1rem 2rem;
  border-radius: 0rem 1.25rem 1.25rem 0rem;
  border-left: 4px solid #1fa8df;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .list-info .box {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  main .section-about-1 .content .list-info .box {
    width: calc(33.3333% - 1.25rem);
    margin: 0 1.25rem 1.25rem 0;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-1 .content .list-info .box {
    width: 100%;
  }
}
main .section-about-1 .content .list-info .box h4 {
  display: inline-block;
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
main .section-about-1 .content .list-info .box p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  font-weight: 300;
  margin: 0;
}
main .section-about-1 .content .title-logo {
  text-align: center;
}
main .section-about-1 .content .title-logo .logo {
  display: block;
  width: 100%;
  max-width: 19.875rem;
  margin: 0 auto 1.5rem;
}
main .section-about-1 .content .title-logo .logo figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40.566037735%;
}
main .section-about-1 .content .title-logo .logo figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-about-1 .content .title-logo p {
  display: block;
  font-family: var(--f-body);
  color: #545454;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main .section-about-1 .content .title-logo p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-2 {
  padding-bottom: 5rem;
}
main .section-about-2 .content .about-info {
  display: flex;
  align-items: flex-start;
  gap: 6.25rem;
  padding: 2rem 0 4rem 0;
}
@media only screen and (max-width: 991px) {
  main .section-about-2 .content .about-info {
    gap: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-2 .content .about-info {
    display: block;
  }
}
main .section-about-2 .content .about-info .title {
  flex-shrink: 0;
  width: 12.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-2 .content .about-info .title {
    width: 100%;
  }
}
main .section-about-2 .content .about-info .title h2 {
  color: #3f3d48;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-2 .content .about-info .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-2 .content .about-info .title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3125rem;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 2rem;
  }
}
main .section-about-2 .content .about-info .title h2 span {
  display: block;
}
main .section-about-2 .content .about-info .title h2 span:last-child {
  display: inline-block;
  background: linear-gradient(270deg, #2b54a5 0.24%, #22aae1 46.74%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-about-2 .content .about-info .text {
  flex: 1;
}
main .section-about-2 .content .about-info .text strong {
  display: block;
  font-family: var(--f-body);
  color: var(--blue);
  text-align: justify;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-2 .content .about-info .text strong {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-2 .content .about-info .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545454;
  font-weight: 300;
  margin: 0;
}
main .section-about-2 .content .picture {
  display: block;
  width: 100%;
}
main .section-about-2 .content .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 34.0625%;
  border-radius: 1.25rem;
}
main .section-about-2 .content .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-about-3 {
  padding: 5.87rem 0 7.5rem 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (max-width: 991px) {
  main .section-about-3 {
    padding: 5.87rem 0 0 0;
  }
}
main .section-about-3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(1, 42, 97, 0.92) 0%, rgba(1, 42, 97, 0.92) 100%);
  z-index: 1;
}
main .section-about-3 .content {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .content .text {
    max-width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  main .section-about-3 .content .text {
    max-width: 100%;
  }
}
main .section-about-3 .content .text h2 {
  display: inline-block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  main .section-about-3 .content .text h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-3 .content .text h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-3 .content .text .short {
  direction: rtl;
  width: 100%;
  max-width: 38.5rem;
  height: 100%;
  max-height: 23.5rem;
  overflow: auto;
  padding: 0.75rem 2rem;
  margin: 3.25rem 0;
  text-align: left;
}
@media only screen and (max-width: 1480px) {
  main .section-about-3 .content .text .short {
    max-height: 10.5rem;
  }
}
main .section-about-3 .content .text .short::-webkit-scrollbar-thumb {
  background-color: #ff8700;
  border-radius: 0;
}
main .section-about-3 .content .text .short p {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-3 .content .text .short p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-3 .content .text .user h4 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: var(--white);
  margin-bottom: 0.25rem;
}
main .section-about-3 .content .text .user p {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.75rem;
  margin: 0;
}
main .section-about-3 .abso-img {
  position: absolute;
  right: 12.75rem;
  bottom: 0;
  width: 44.6875rem;
  z-index: 2;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  main .section-about-3 .abso-img {
    right: 2.75rem;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-about-3 .abso-img {
    right: 2.75rem;
    width: 38.6875rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .abso-img {
    right: 0;
    width: 32.6875rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-about-3 .abso-img {
    position: relative;
    width: 100%;
  }
}
main .section-about-3 .abso-img figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 97.482517482%;
}
main .section-about-3 .abso-img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-about-4 {
  position: relative;
  padding: 4.12rem 0;
  background: var(--Primary-3, #e9efff);
}
@media only screen and (max-width: 767px) {
  main .section-about-4 {
    padding: 4.12rem 0 0 0;
  }
}
main .section-about-4:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  max-width: 47.0625rem;
  background: #1fa8df;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  main .section-about-4:after {
    max-width: 40.0625rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-about-4:after {
    max-width: 30.0625rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-about-4:after {
    max-width: 18.0625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-4:after {
    display: none;
  }
}
main .section-about-4 .detail-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 19.5rem;
}
main .section-about-4 .detail-img figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 235.256410256%;
}
main .section-about-4 .detail-img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-about-4 .content {
  position: relative;
  z-index: 2;
}
main .section-about-4 .content .tabs-option {
  display: flex;
}
@media only screen and (max-width: 991px) {
  main .section-about-4 .content .tabs-option {
    display: block;
  }
}
main .section-about-4 .content .tabs-option .nav {
  align-self: center;
  width: 32rem;
  flex-shrink: 0;
  display: block;
}
@media only screen and (max-width: 991px) {
  main .section-about-4 .content .tabs-option .nav {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .content .tabs-option .nav {
    width: 100%;
  }
}
main .section-about-4 .content .tabs-option .nav .nav-link {
  padding: 1.5rem 2rem;
  border-radius: 0.75rem;
}
main .section-about-4 .content .tabs-option .nav .nav-link .name {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .content .tabs-option .nav .nav-link .name {
    align-items: center;
  }
}
main .section-about-4 .content .tabs-option .nav .nav-link .name p {
  flex-shrink: 0;
  display: block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .content .tabs-option .nav .nav-link .name p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-4 .content .tabs-option .nav .nav-link .name .title {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: #3f3d48;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .content .tabs-option .nav .nav-link .name .title {
    font-size: 1rem;
  }
}
main .section-about-4 .content .tabs-option .nav .nav-link .name .title span {
  flex: 1;
}
main .section-about-4 .content .tabs-option .nav .nav-link .name .title svg {
  flex-shrink: 0;
}
main .section-about-4 .content .tabs-option .nav .nav-link .name .title svg path {
  fill: rgba(0, 0, 0, 0);
}
main .section-about-4 .content .tabs-option .nav .nav-link.active {
  background: var(--blue);
}
main .section-about-4 .content .tabs-option .nav .nav-link.active .name p {
  color: var(--white);
}
main .section-about-4 .content .tabs-option .nav .nav-link.active .name .title span {
  color: var(--white);
}
main .section-about-4 .content .tabs-option .nav .nav-link.active .name .title svg path {
  fill: var(--white);
}
main .section-about-4 .content .tabs-option .tab-content {
  flex: 1;
  padding-left: 9.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .content .tabs-option .tab-content {
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .content .tabs-option .tab-content {
    padding: 0;
  }
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item {
  width: 100%;
  max-width: 32.625rem;
  border-radius: 1.25rem;
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .picture {
  display: block;
  width: 100%;
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 71.839080459%;
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .desc {
  padding: 2rem 2.5rem;
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  margin-bottom: 0.5rem;
}
main .section-about-4 .content .tabs-option .tab-content .tab-pane .box-tab .item .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3f3d48;
  margin: 0;
}
main .section-about-5 {
  padding: 5rem 0 4rem 0;
}
main .section-about-5 .content .title {
  text-align: center;
  margin: 0 auto;
}
main .section-about-5 .content .title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-5 .content .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-5 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-5 .content .title h2 span {
  display: inline-block;
}
main .section-about-5 .content .title h2 span:first-child {
  background: linear-gradient(270deg, #2b54a5 -15.55%, #22aae1 106.9%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
main .section-about-5 .content .hoziron-timeline {
  position: relative;
  width: 100%;
  overflow: auto;
  cursor: pointer;
  padding-bottom: 1rem;
}
main .section-about-5 .content .hoziron-timeline::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
main .section-about-5 .content .hoziron-timeline .timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 5.5rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 16.6666%;
  min-width: 12.3125rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .icon {
  height: 9.314375rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .icon .picture {
  display: block;
  width: 7.5625rem;
  margin: 0 auto;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .icon .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 123.173553719%;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .icon .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .year {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 1.75rem auto;
  background: var(--blue);
  z-index: 2;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .year span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: var(--white);
  margin: 0 auto;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text {
  width: 100%;
  margin: 0 auto;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .dot {
  display: flex;
  gap: 0.67rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto 1.17rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .dot span {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #ff8700;
  border-radius: 50%;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .dot.dot-v2 span {
  background: transparent;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .short {
  width: 100%;
  text-align: center;
  height: 7rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .short p {
  display: block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0 auto;
  height: 100%;
  overflow: auto;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .short p::-webkit-scrollbar-track {
  background: transparent;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box .text .short p::-webkit-scrollbar-thumb {
  background-color: transparent;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box:nth-child(2n+2) {
  flex-direction: column-reverse;
  justify-content: center;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box:nth-child(2n+2) .text {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -3.3125rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box:nth-child(2n+2) .text .dot {
  margin: 1.17rem auto 0;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box:first-child .year {
  border-radius: 62.4375rem 0 0 62.4375rem;
}
main .section-about-5 .content .hoziron-timeline .timeline .time-box:last-child .year {
  border-radius: 0 62.4375rem 62.4375rem 0;
}
main .section-about-6 {
  background: var(--blue);
  padding: 5.69rem 0 3rem 0;
}
main .section-about-6 .content .title {
  text-align: center;
  width: 100%;
  max-width: 40.75rem;
  margin: 0 auto 2.5rem;
}
main .section-about-6 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  color: var(--white);
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-6 .content .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-6 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-6 .content .title p {
  display: block;
  color: var(--white);
  font-weight: 300;
  margin: 0 auto;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
}
main .section-about-6 .content .list-box .col-item {
  margin-bottom: 2.5rem;
}
main .section-about-6 .content .list-box .col-item .box {
  padding: 1.5rem 2rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.93);
}
main .section-about-6 .content .list-box .col-item .box .icon {
  width: 5.75rem;
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(0, 41, 120, 0.1);
  margin: 0 0 1.25rem 0;
}
main .section-about-6 .content .list-box .col-item .box .icon img {
  width: 2.75rem;
  height: 2.75rem;
}
main .section-about-6 .content .list-box .col-item .box .desc h3 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: var(--blue);
  margin-bottom: 1rem;
}
main .section-about-6 .content .list-box .col-item .box .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3d48;
  font-weight: 400;
  min-height: 4.5rem;
  margin: 0;
}
main .section-about-7 {
  padding: 5rem 0;
}
main .section-about-7 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-7 .content .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-7 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-about-7 .content .list-news .col-left {
    margin-bottom: 3.5rem;
  }
}
main .section-about-7 .content .list-news .col-left .blog {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-7 .content .list-news .col-left .blog {
    display: block;
  }
}
main .section-about-7 .content .list-news .col-left .blog:last-child {
  margin-bottom: 0;
}
main .section-about-7 .content .list-news .col-left .blog .picture {
  position: relative;
  flex-shrink: 0;
  width: 22.84375rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-7 .content .list-news .col-left .blog .picture {
    width: 100%;
  }
}
main .section-about-7 .content .list-news .col-left .blog .picture a {
  position: relative;
  display: block;
  width: 100%;
}
main .section-about-7 .content .list-news .col-left .blog .picture a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 71.135430916%;
}
main .section-about-7 .content .list-news .col-left .blog .picture a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.75rem;
}
main .section-about-7 .content .list-news .col-left .blog .picture a span {
  position: absolute;
  top: 1.06rem;
  left: 1.25rem;
  display: inline-flex;
  padding: 0.5rem 1rem;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 62.4375rem;
  background: linear-gradient(270deg, #ff8c01 4.19%, #ffb502 63.46%);
}
main .section-about-7 .content .list-news .col-left .blog .desc {
  flex: 1;
  padding: 1.25rem 0 1.25rem 1.25rem;
}
main .section-about-7 .content .list-news .col-left .blog .desc .cate {
  margin-bottom: 0.75rem;
}
main .section-about-7 .content .list-news .col-left .blog .desc .cate a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #7a7e86;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
main .section-about-7 .content .list-news .col-left .blog .desc .cate a svg {
  flex-shrink: 0;
}
main .section-about-7 .content .list-news .col-left .blog .desc .cate a span {
  flex: 1;
}
main .section-about-7 .content .list-news .col-left .blog .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-about-7 .content .list-news .col-left .blog .desc h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-7 .content .list-news .col-left .blog .desc h4 a {
  display: block;
}
main .section-about-7 .content .list-news .col-left .blog .desc time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main .section-about-7 .content .list-news .col-left .blog .desc time svg {
  flex-shrink: 0;
}
main .section-about-7 .content .list-news .col-left .blog .desc time span {
  flex: 1;
  color: #7a7e86;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  margin: 0;
}
main .section-about-7 .content .list-news .col-right .list-right {
  padding: 1.25rem;
}
main .section-about-7 .content .list-news .col-right .list-right .blog {
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #d1d5db;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
main .section-about-7 .content .list-news .col-right .list-right .blog:last-child {
  margin-bottom: 0;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc {
  flex: 1;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc .cate {
  margin-bottom: 0.75rem;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc .cate a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #7a7e86;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc .cate a svg {
  flex-shrink: 0;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc .cate a span {
  flex: 1;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc h4 {
  display: inline-block;
  font-family: var(--f-body);
  color: #3f3d48;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-about-7 .content .list-news .col-right .list-right .blog .desc h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc h4 a {
  display: block;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc time svg {
  flex-shrink: 0;
}
main .section-about-7 .content .list-news .col-right .list-right .blog .desc time span {
  flex: 1;
  color: #7a7e86;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  margin: 0;
}
main .section-about-8 {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 6rem 0 7.75rem 0;
}
main .section-about-8:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(1, 42, 97, 0.92) 0%, rgba(1, 42, 97, 0.92) 100%);
  z-index: 1;
}
main .section-about-8 .content {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  main .section-about-8 .content .col-left {
    margin-bottom: 2.5rem;
  }
}
main .section-about-8 .content .col-left .title {
  width: 100%;
  max-width: 29.1875rem;
  margin-bottom: 9.38rem;
}
main .section-about-8 .content .col-left .title h2 {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  main .section-about-8 .content .col-left .title h2 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-8 .content .col-left .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-8 .content .col-left .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #e9efff;
  margin: 0 0 2.5rem;
}
main .section-about-8 .content .col-left .title a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 62.4375rem;
  border: 1px solid var(--white);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--white);
  margin: 0;
}
main .section-about-8 .content .col-left .faq-tabs {
  width: 100%;
  max-width: 29.1875rem;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab {
  margin-bottom: 1rem;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab:last-child {
  margin-bottom: 0;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .btn-tab {
  border-bottom: 1px solid #a4c5ff;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  transition: all 0.4s ease-in-out;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .btn-tab button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .btn-tab button svg {
  flex-shrink: 0;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .btn-tab button span {
  flex: 1;
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .collepsing {
  display: none;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab .collepsing p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
main .section-about-8 .content .col-left .faq-tabs .item-tab.show .collepsing {
  display: block;
}
main .section-about-8 .content .col-right .form {
  padding: 2.5rem 4rem;
  background: var(--white);
  border-radius: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-8 .content .col-right .form {
    padding: 2.5rem;
  }
}
main .section-about-8 .content .col-right .form h2 {
  display: block;
  font-family: var(--f-body);
  color: var(--blue);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin: 0 0 1.88rem 0;
}
main .section-about-8 .content .col-right .form form .item {
  margin-bottom: 1rem;
}
main .section-about-8 .content .col-right .form form .item label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #3f3d48;
  margin: 0 0 0.28rem 0;
}
main .section-about-8 .content .col-right .form form .item label span {
  flex-shrink: 0;
  display: block;
  color: #dd2027;
}
main .section-about-8 .content .col-right .form form .item input,
main .section-about-8 .content .col-right .form form .item textarea {
  width: 100%;
  font-family: var(--f-body);
  color: #333;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  padding: 0.62rem 1rem;
  border-radius: 62.4375rem;
  border: 1px solid #d1d5db;
  background: var(--white);
}
main .section-about-8 .content .col-right .form form .item input::-moz-placeholder, main .section-about-8 .content .col-right .form form .item textarea::-moz-placeholder {
  font-family: var(--f-body);
  color: #9ca3af;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}
main .section-about-8 .content .col-right .form form .item input::placeholder,
main .section-about-8 .content .col-right .form form .item textarea::placeholder {
  font-family: var(--f-body);
  color: #9ca3af;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}
main .section-about-8 .content .col-right .form form .item textarea {
  width: 100%;
  font-family: var(--f-body);
  color: #333;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  padding: 0.62rem 1rem;
  border: 1px solid #d1d5db;
  background: var(--white);
  border-radius: 1.25rem;
  height: 6.875rem;
}
main .section-about-8 .content .col-right .form form button {
  width: 9.125rem;
  display: inline-flex;
  padding: 0.75rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  background: #ff8700;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--white);
}

@media only screen and (max-width: 667px) {
  main .section-class-1 .content .container .smart-bnt a {
    font-size: 14px;
    padding: 0.75rem 1rem;
  }
}

/*----------------------------------------------Footer----------------------------------------------*/
.footer .footer-wrapper {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 0 2.06rem 0;
  position: relative;
}
.footer .footer-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 6, 58, 0.86) 0%, rgba(0, 6, 58, 0.86) 100%);
}
.footer .footer-wrapper .content {
  position: relative;
  z-index: 2;
}
.footer .footer-wrapper .content .footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.0625rem solid #7a7e86;
}
@media only screen and (max-width: 1480px) {
  .footer .footer-wrapper .content .footer-top {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 667px) {
  .footer .footer-wrapper .content .footer-top {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-top .footer-col {
    margin-bottom: 2rem;
  }
}
.footer .footer-wrapper .content .footer-top .footer-col .f-logo {
  display: block;
  width: 12.3125rem;
  margin-bottom: 1rem;
}
.footer .footer-wrapper .content .footer-top .footer-col .f-logo a {
  display: block;
  width: 100%;
}
.footer .footer-wrapper .content .footer-top .footer-col .f-logo a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40.609137055%;
}
.footer .footer-wrapper .content .footer-top .footer-col .f-logo a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.footer .footer-wrapper .content .footer-top .footer-col .f-text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
.footer .footer-wrapper .content .footer-top .footer-col .f-text p:first-child {
  margin-bottom: 1.5rem;
}
.footer .footer-wrapper .content .footer-top .footer-col h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin: 0 0 1.25rem 0;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li {
  margin-bottom: 1rem;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li:last-child {
  margin-bottom: 0;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li a .icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  background: rgba(45, 85, 165, 0.5);
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li a .desc {
  flex: 1;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li a .desc span {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-contact li a .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.footer .footer-wrapper .content .footer-top .footer-col ul.f-social li a {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(45, 85, 165, 0.5);
  border-radius: 50%;
}
.footer .footer-wrapper .content .footer-top .footer-col .check a {
  display: block;
  width: 8.875rem;
  margin: 0 0 0 auto;
}
.footer .footer-wrapper .content .footer-top .footer-col .check a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 36.619718309%;
}
.footer .footer-wrapper .content .footer-top .footer-col .check a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.footer .footer-wrapper .content .footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-bottom {
    text-align: center;
  }
}
.footer .footer-wrapper .content .footer-bottom .bottom-left {
  flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-bottom .bottom-left {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.footer .footer-wrapper .content .footer-bottom .bottom-left p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
.footer .footer-wrapper .content .footer-bottom .bottom-right {
  flex: 1;
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-bottom .bottom-right {
    width: 100%;
  }
}
.footer .footer-wrapper .content .footer-bottom .bottom-right ul {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-bottom .bottom-right ul {
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .footer .footer-wrapper .content .footer-bottom .bottom-right ul li {
    padding: 0.5rem 1rem;
  }
}
.footer .footer-wrapper .content .footer-bottom .bottom-right ul li a {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}

.fixed-bnt {
  position: fixed;
  right: 3.62rem;
  bottom: 10%;
  z-index: 9;
}
@media only screen and (max-width: 991px) {
  .fixed-bnt {
    right: 1.5rem;
  }
}
.fixed-bnt ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.fixed-bnt ul li {
  margin-bottom: 0.75rem;
}
.fixed-bnt ul li:last-child {
  margin-bottom: 0;
}
.fixed-bnt ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--white);
  border-radius: 50%;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));
}
.fixed-bnt ul li a.backtotop {
  display: none;
}
.fixed-bnt ul li a.backtotop.showw {
  display: flex;
}

/*----------------------------------------------End-Footer----------------------------------------------*//*# sourceMappingURL=custom.css.map */