* {
  font-family: arial, '微軟正黑體', sans-serif;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  position: relative;
}
.main {
  padding: 0;
}
.hr-right {
  width: 1px;
  border: 0;
  border-right: 1px solid;
}
a,
button {
  cursor: pointer;
  border: 0;
}
a {
  color: #000;
}
a:hover {
  text-decoration: none;
}
button:hover,
button:active {
  opacity: 0.9;
  transition: ease-in-out 0.2s;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #666;
  border-color: #666;
}
.trans {
  transition: ease-in-out 0.2s;
}
.container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.font-pingfang {
  font-family: PingFang, 微軟正黑體, sans-serif;
  font-weight: 100;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #722c8c;
}
.carousel-control-prev,
.carousel-control-next {
  color: #722c8c;
}
.carousel-control-prev span,
.carousel-control-next span {
  font-size: 2rem;
}
.rhombus:before,
.rhombus:after {
  content: '';
  display: block;
  background-color: #d99a82;
  width: 495px;
  height: 215px;
  border-radius: 120px;
  transform: rotate(-60deg);
  position: absolute;
  right: 0;
  bottom: 121px;
  margin: auto;
  z-index: 2;
}
.rhombus:after {
  top: 121px;
  bottom: auto;
  transform: rotate(60deg);
}
.position-r {
  position: relative;
}
.rhex {
  position: relative;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px/9px;
}
.rhex:before,
.rhex:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: '';
  top: -0.5px;
  left: -0.3px;
}
.rhex:before {
  transform: rotate(60deg);
}
.rhex:after {
  transform: rotate(-60deg);
}
.rhex-line {
  border-style: solid;
  border-width: 1px 0;
  border-color: #999;
  background-color: #cba8ce;
  background: none;
  margin: auto;
  position: absolute;
}
.rhex-line:before,
.rhex-line:after {
  border-style: solid;
  border-width: 1px 0;
  border-color: #999;
}
h2 {
  font-weight: 300;
  font-size: 3rem;
  transform-origin: left;
}
h3 {
  font-weight: 300;
  font-size: 2rem;
  transform-origin: left;
}
.bk-p {
  background-color: #722c8c !important;
  color: #fff;
}
.bk-o {
  background-color: #d99a82 !important;
}
.co-p {
  color: #722c8c;
}
.co-o {
  color: #d99a82;
}
.co-w {
  color: white !important;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.text-sm {
  font-size: 14px !important;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 15px;
  min-width: 15px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  outline: none;
}
input[type='checkbox']:checked::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  width: 7px;
  height: 11px;
  border: solid #712c8b;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-container a {
  color: #41b057 !important;
}
.display-xs {
  display: none !important;
}
@media (max-width: 992px) {
  .display-lg {
    display: none !important;
  }
  .display-xs {
    display: block !important;
  }
}
#contact .checkmark {
  border-color: #007bff;
}
#contact .checkbox-container a {
  color: #007bff !important;
}
#contact .checkbox-container input:checked ~ .checkmark {
  background-color: #007bff;
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 111;
  background: #fff;
}
.navbar {
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  position: relative;
}
.logo {
  height: 100%;
  width: auto;
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  padding: 0 0 0 2rem;
  z-index: 1;
}
.logo .logo-pc {
  width: 250px;
}
.logo.tw .logo-pc {
  width: 192px;
}
.logo .logo-pc {
  display: block;
}
.logo .logo-phone {
  display: none;
}
.nav-right {
  position: relative;
  align-items: stretch;
}
.layout--vn .outline-btn {
  min-width: 120px;
}
.header .navbar-nav {
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}
.header .nav-item {
  height: 100%;
  width: calc(100% / 6);
  align-items: flex-end;
  min-width: 150px;
  position: relative;
}
.header .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  text-align: center;
  position: relative;
  transition: all 0.5s;
  font-size: 0.9rem;
}
.header .navbar-nav.tw .nav-link {
  font-size: 1rem;
}
.header .navbar-nav .nav-link:after {
  content: '';
  display: flex;
  position: absolute;
  width: 1px;
  height: 10px;
  right: 0;
  background: gray;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.header .navbar-nav .nav-item:last-child .nav-link:after {
  display: none;
}
.header .navbar-nav .nav-link:hover {
  background-color: #722c8c;
  color: #d99a82;
}
.header .navbar-nav .nav-link:hover:after {
  background: #722c8c;
}
.header .navbar-nav .nav-link.on:after {
  display: none;
}
.header .navbar-nav .submenu {
  position: absolute;
  background: #fff;
  width: 100%;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  text-align: left;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  padding: 0;
  list-style: none;
  text-transform: none;
}
.header .navbar-nav .submenu a {
  width: 100%;
  display: flex;
  padding: 0 1rem;
  border-bottom: 1px solid #722c8b;
  transition: all 0.3s;
  height: 0;
  overflow: hidden;
  background-color: #fff;
}
.header .navbar-nav .submenu li:last-child a {
  border-bottom: 0;
  border-radius: 0 0 1rem 1rem;
}
.header .navbar-nav .submenu a:hover {
  background: #722c8b;
  color: #fff;
}
.header .navbar-nav .submenu li:last-child a:hover {
  border-radius: 0 0 1rem 1rem;
}
.header .navbar-nav .submenu span {
  width: 100%;
  display: flex;
  padding: 0 1rem;
  color: #fff;
  transition: all 0.3s;
  height: 0;
  overflow: hidden;
}
.header .navbar-nav .submenu span.span-systalk {
  background: #1569ab;
}
.header .navbar-nav .submenu span.span-digilism {
  background: #f63;
}
.header .nav-item.solution-nav.on .submenu,
.header .nav-item.product-nav.on .submenu {
  opacity: 1;
  visibility: visible;
}
.header .nav-item.solution-nav.on .submenu a,
.header .nav-item.product-nav.on .submenu a {
  padding: 0.5rem 1rem;
  height: 100%;
  overflow: visible;
}
.header .nav-item.solution-nav.on .submenu a,
.header .nav-item.product-nav.on .submenu span {
  padding: 0.5rem 1rem;
  height: 100%;
  overflow: visible;
}
.other-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2rem 0 0;
}
.other-info .info-top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin-right: 0.5rem;
  position: relative;
}
.other-info .info-top .search-column {
  position: absolute;
  border-radius: 50px;
  width: 0;
  height: 40px;
  right: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 0.25rem 2.5rem 0.25rem 1.5rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.other-info .info-top .search-column.active {
  width: 250px;
  opacity: 1;
  visibility: visible;
}
.other-info .info-top .search-column input {
  background: none;
  border-width: 0 0 1px 0;
  width: 0;
  border-color: #722b8c;
  border-radius: 0;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.other-info .info-top .search-column input:focus {
  outline: 0;
}
.other-info .info-top .search-column.active input {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.other-info .info-top .lang-column {
  position: absolute;
  right: 0;
  display: flex;
  align-items: stretch;
  top: 42px;
  width: 100%;
  min-width: 100px;
  height: 0;
  background: #fff;
  justify-content: center;
  border: 1px solid #722b8c;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  overflow: hidden;
}
.other-info .info-top .lang-column.on {
  height: 30px;
  opacity: 1;
  visibility: visible;
}
.other-info .info-top .lang-column .lang-choose {
  padding: 0;
  width: calc(100% / 3);
  z-index: 2;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-right: 1px solid #722b8c;
}
.other-info .info-top .lang-column .lang-choose:hover {
  color: #d99a82;
  background: #722b8c;
}
.other-info .info-top .lang-column .lang-choose:focus {
  outline: 0;
}
.other-info .info-top .lang-column .lang-choose:last-child {
  border-right: 0;
}
.other-info .btn-search,
.other-info .btn-lang {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.25rem;
  cursor: pointer;
}
.other-info .btn-search img {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 2;
}
.other-info .btn-lang img {
  width: 30px;
  height: 29px;
}
.header .cookie {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  padding: 10px;
  height: fit-content;
  min-height: 120px;
  opacity: 0;
}
.header .cookie p {
  margin-bottom: 0;
  margin-right: 1rem;
}
.header .cookie a,
.a-underline {
  border-bottom: 1px solid;
}
.header .cookie button {
  padding: 4px 15px;
  background-color: #722c8c;
  color: #fff;
  border-radius: 2px;
  min-width: 100px;
}
.header-portal .logo {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  margin-bottom: 1rem;
}
.header-portal .logo img {
  width: 300px;
}
.header-portal .logo.en img {
  width: 350px;
}
.header-portal .logo-word {
  line-height: 0.9;
  padding-left: 1rem;
  letter-spacing: 3px;
  text-indent: 3px;
  color: #d79078;
}
.header-portal .en .logo-word {
  padding-bottom: 0.4rem;
}
.header-portal .nav-right {
  padding: 0 3rem;
}
.header-portal .navbar-nav {
  height: 120px;
  justify-content: flex-end;
}
.header-portal .nav-item {
  height: auto;
  width: 15%;
}
.header-portal .nav-item .nav-link {
  height: 60px;
}
.header-portal .nav-group {
  display: flex;
}
.vue-navbar .privacy .text-red {
  color: #ffe9cd;
}
.header-portal .other-info {
  min-width: 385px;
  padding: 0 0 1rem 0;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.header-portal .other-info .info-top {
  width: auto;
  margin: 0 0 0 0.75rem;
}
.header-portal .other-info .info-top .lang-column {
  right: 50px;
  width: 0;
  height: 30px;
  top: 0;
}
.header-portal .other-info .info-top .lang-column.on {
  width: 100px;
  height: 30px;
}
.header-portal .other-info .info-bottom .member {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-image: url(../images/header/icon-member.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 30px 30px;
  padding-left: 40px;
  transition: all 0.3s;
  position: relative;
}
.header-portal .other-info .info-bottom .member .arrow {
  min-width: 30px;
  width: 30px;
  height: 30px;
  position: relative;
}
.header-portal .other-info .info-bottom .member .arrow:before,
.header-portal .other-info .info-bottom .member .arrow:after {
  content: '';
  width: 10px;
  height: 2px;
  border-radius: 99rem;
  background: #722c8c;
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header-portal .other-info .info-bottom .member .arrow:after {
  transform: rotate(-45deg);
  left: auto;
  right: 7px;
}
.header-portal .other-info .info-bottom .member:hover {
  background-color: #722c8c;
  color: #fff;
  background-image: url(../images/header/icon-member02.png);
  background-size: 24px 24px;
  border-radius: 99rem;
}
.header-portal .other-info .info-bottom .member:hover .arrow:before,
.header-portal .other-info .info-bottom .member:hover .arrow:after {
  background: #fff;
}
.header-portal .other-info .info-bottom .member .member-list {
  width: 100%;
  position: absolute;
  left: 0;
  top: 45px;
  background: #722c8c;
  display: flex;
  flex-direction: column;
  border: 1px solid #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 100000;
}
.header-portal .other-info .info-bottom .member .member-list .member-link {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
}
.header-portal
  .other-info
  .info-bottom
  .member
  .member-list
  .member-link:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
}
.header-portal .other-info .info-bottom .member .member-list.active {
  opacity: 1;
  visibility: visible;
}
.header-portal
  .other-info
  .info-bottom
  .member
  .member-list.active
  .member-link {
  padding: 0.5rem 0;
  height: 100%;
}
.content {
  margin-top: 60px;
}
.big-img {
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us-banner .big-img {
  height: auto;
}
.big-img img {
  width: 100%;
}
.carousel-indicators li {
  background-color: #fff;
  width: 60px;
  height: 8px;
  margin-right: 0.5rem;
  opacity: 1;
}
.carousel-indicators .active {
  background-color: #722c8c;
}
.link-left {
  position: fixed;
  top: 60px;
  padding: 10px 0;
  width: 36px;
  z-index: 101;
}
.link-left div,
.link-left.left-bar {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.link-left .nav-link {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.link-left .sub-link {
  padding: 0;
}
.link-left .nav-link .subscribe {
  position: absolute;
  padding: 0.5rem 1rem;
  min-width: 310px;
  border-radius: 0 1rem 1rem 0;
  top: 0;
  left: -20px;
  z-index: -1;
  flex-direction: column;
  background: #712c8c;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  overflow: hidden;
}
.link-left .nav-link .sub-icon {
  padding: 0.5rem 0;
  box-shadow: none;
}
.link-left .nav-link .subscribe.active {
  opacity: 1;
  visibility: visible;
  left: -10px;
  box-shadow: 3px 5px 8px 2px #00000061;
}
.link-left .nav-link .subscribe .sub-word {
  display: flex;
  width: 100%;
  padding-left: 1.4rem;
}
.link-left .nav-link .subscribe .sub-input {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  padding: 0;
  flex-direction: column;
}
.link-left .nav-link .subscribe .form-control {
  margin-left: 1.4rem;
}
.link-left .nav-link .subscribe .sub-input svg {
  font-size: 1.4rem;
  margin-left: 0.6rem;
}
.link-left .nav-link .subscribe div {
  box-shadow: none;
  display: flex;
}
.link-left .nav-link .subscribe .privacy {
  margin-top: 10px;
}
.link-left .nav-link .subscribe .privacy input {
  margin-left: 1.4rem;
  margin-top: 4px;
}
.link-left .nav-link .subscribe .privacy label {
  padding-left: 10px;
  font-size: 0.625rem;
}
.link-left .privacy .checkbox-container a {
  color: #fff !important;
}
.puple-nav {
  background-color: #722c8c;
  border-bottom-right-radius: 20px;
}
.puple-nav a {
  color: #d99a82;
}
.link-right {
  padding: 0;
  right: 0;
}
.link-right a {
  writing-mode: tb-rl;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  text-decoration: none;
  color: #fff;
}
.link-right .right-nav {
  padding: 10px 6px;
}
.link-right .right-nav.none {
  display: none;
}
.link-right .tpi-nav {
  background-color: #722c8c;
}
.link-right .contact-nav {
  background-color: #722c8c;
  color: #fff;
  writing-mode: vertical-lr;
  border-radius: 0 0 1rem 0;
  cursor: pointer;
  position: relative;
  padding-bottom: 40px;
}
.link-right .contact-nav:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 23px;
  background-image: url(/images/product-inner/contact-us.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
.link-right .portal-nav {
  background-color: #1c9cbd;
  border-radius: 0 0 1rem 0;
}
.link-right .university-nav {
  background-color: #5fba77;
}
.link-contact {
  position: fixed;
  z-index: 999;
  bottom: 4.3rem;
  right: 0;
}
.link-contact .contact-nav {
  writing-mode: tb-rl;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  text-decoration: none;
  padding: 10px 6px;
  background-color: #722c8c;
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  min-width: 36px;
  cursor: pointer;
}
.link-contact .contact-nav.active {
  opacity: 1;
  visibility: visible;
}
.hr-down {
  width: 50%;
  height: 1px;
  margin: 0;
  border-color: #d99a82;
}
.banner-text {
  position: absolute;
  top: 10%;
  width: 100%;
  padding: 50px;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
#index-banner.carousel-banner .carousel-item {
  overflow: hidden;
}
#index-banner.carousel-banner .banner-phone {
  display: none;
}

@keyframes bounce {
  0%,
  100% {
    -moz-transform: translateX(0) rotate(135deg);
    -ms-transform: translateX(0) rotate(135deg);
    -webkit-transform: translateX(0) rotate(135deg);
    transform: translateX(0) rotate(135deg);
    opacity: 1;
  }
  56% {
    -moz-transform: translateX(4px) rotate(135deg);
    -ms-transform: translateY(4px) rotate(135deg);
    -webkit-transform: translateX(4px) rotate(135deg);
    transform: translateX(4px) rotate(135deg);
  }
  90% {
    opacity: 0;
  }
}
#os_solution {
  position: relative;
  height: 100%;
  z-index: 1;
}
#os_solution .bg .left {
  width: 300px;
  height: 100%;
  background-image: url(../images/homepage/solution-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1rem !important;
  margin-right: -1px;
  margin-left: -1px;
  z-index: -1;
}
#os_solution .bg .right {
  flex: 1;
  background-color: #cba8ce;
}
#monthly.slide-animation::before {
  background-color: #254351;
}
#monthly.slide-animation::after {
  background-color: #cca8cd;
}
#monthly .monthly-left .month-title {
  display: none;
}
#monthly .monthly-left .month-list {
  height: 65%;
  overflow: auto;
  display: flex;
  align-items: center;
}
#monthly .monthly-left .month-list::-webkit-scrollbar {
  width: 0;
}
#monthly .monthly-left .month-arrow::before {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
  top: -3px;
  left: -7px;
  right: 7px;
  margin: auto;
}
#monthly .monthly-left .month-arrow::after {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

#monthly .monthly-right .monthly-info .monthly-info__title {
  font-size: 27px;
  color: #000;
  margin-bottom: 0.5rem;
  font-family: Helvetica, sans-serif;
  font-weight: lighter;
}
#monthly .monthly-right .monthly-info .monthly-info__subtitle {
  color: #821390;
  margin-bottom: 2rem;
}
#monthly .monthly-right .monthly-info .monthly-info__list {
  margin: 0;
  color: #000;
}
#monthly .monthly-right .monthly-info .monthly-info__list li {
  display: flex;
  align-items: stretch;
}
#monthly .monthly-right .monthly-info .monthly-info__list-time {
  font-size: 15px;
  margin-right: 1rem;
  border-right: 1px solid #000;
  padding: 0.5rem 1rem 0.5rem 0;
  letter-spacing: 1px;
  text-indent: 1px;
  display: flex;
  align-items: center;
}
#monthly .monthly-right .monthly-info .monthly-info__list-text {
  display: flex;
  align-items: center;
}
#monthly .monthly-right .monthly-date__year {
  transform: rotate(90deg) translate(40px, -10px);
}
#monthly .monthly-right .monthly-date__line {
  width: 1px;
  height: 100%;
  background: #fff;
  margin: 4rem 0.5rem 0 0;
}
#monthly .monthly-right .monthly-date__month-en {
  margin-top: 1rem;
  text-align: right;
}
#monthly .monthly-right .monthly-date__month-num {
  font-size: 80px;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
}
#monthly .monthly-right .monthly-date__month-num span {
  padding-right: 0.5rem;
}
#monthly .monthly-right .carousel {
  flex: 1;
  height: 100%;
}
#monthly .monthly-right .carousel .carousel-title {
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  text-indent: 1px;
}

#monthly .monthly-right .carousel .carousel-inner {
  box-shadow: 30px 30px 15px rgb(0 0 0 / 16%);
  max-height: 453px;
}
#monthly .monthly-right .carousel .carousel-indicators {
  bottom: -5rem;
}
#monthly .monthly-right .left-pic {
  width: 50%;
}
#monthly .monthly-right .right-pic {
  width: 50%;
}
#monthly .monthly-right .carousel-control-prev {
  margin-left: 30px;
}
#monthly_carousel .carousel-control-prev,
#monthly_carousel .carousel-control-next {
  width: 48px;
  height: 48px;
  margin: 20px;
  background-color: #ccc;
  border-radius: 50%;
  box-shadow: 0 5px 5px 0 #0000002e;
}
#monthly_carousel .carousel-control-prev span,
#monthly_carousel .carousel-control-next span {
  width: 20px;
  height: 20px;
}
.monthly-carousel-control {
  position: absolute;
  top: 42%;
  width: 100%;
}
#monthly .monthly-left .monthly-img .monthly-word {
  display: none;
}
.month-tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d99a82;
  color: #fff;
  padding: 7px;
  padding-top: 30px;
  font-size: 2rem;
  font-weight: 700;
}
#thank_sharing {
  background-image: url(../images/homepage/honeycomb.png);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-top: 4rem;
  padding-bottom: 6rem;
}
#thank_sharing .container {
  margin: 0 auto;
  padding-left: 80px;
  padding-right: 40px;
  height: 100%;
}
.container .person-img .rhex {
  width: 94px;
  height: 167px;
  border-radius: 24px/9px;
  transform: rotate(90deg);
  margin-left: 30px;
  z-index: 99;
  top: -15px;
  left: -17px;
}
.container .person-img .rhex-line,
.container .person-img .rhex-line:before,
.container .person-img .rhex-line:after {
  border-color: #e6d9ea;
  background-color: transparent;
  z-index: 1;
}
.container .person-img .rhex-solid {
  background: #f2f2f2;
  top: 0;
  left: 0;
}
.person-img {
  margin-right: 2rem;
}
.person-img img {
  width: 166px;
}
.person-img.only-img {
  margin-right: 0;
}
.person-img.only-img img {
  min-width: 166px;
}
.stroke-hex {
  width: 195px;
  position: absolute;
  z-index: 10;
  top: -22px;
  left: -25px;
}
.name-intr {
  margin-left: 2rem;
}
.name-intr .name-group {
  border-left: 10px solid #d99a82;
  padding-left: 1rem;
}
.name-intr .name-group p {
  margin: 0;
  font-size: 1.2rem;
}
.name-intr .name-group span {
  display: inline-block;
}
.name-intr .name {
  font-weight: 700;
  font-size: 1.5rem;
  padding-right: 10px;
  color: #000;
}
.name-intr .job-title {
  color: #6d7278;
}
.name-intr .company-name {
  font-size: 1.2rem;
  margin-top: 10px;
  color: #000;
}
#thank_sharing .carousel-item .mul-text-overflow {
  -webkit-line-clamp: 6;
}
#thank_sharing .carousel-item {
  height: 478px;
}
#thank_sharing .ts-word {
  max-height: 284px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
}
#contact_introduction {
  padding: 5rem 2rem;
  font-size: 1.2rem;
}
#contact .banner-text {
  background: url(../images/contact/banner-text.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 600px;
  height: 500px;
  display: flex;
  top: 0;
  flex-direction: column;
  justify-content: center;
}
#contact .banner-text h2 {
  letter-spacing: 3px;
}
#contact .banner-text p {
  font-size: 2rem;
  font-weight: 300;
}
.contactus-form h3 {
  font-size: 1rem;
  font-weight: 700;
}
.contactus-form .form-group {
  padding-left: 1rem;
  padding-bottom: 2rem;
}
.contactus-form .form-group.privacy {
  font-size: 0.625rem;
  display: flex;
  align-items: flex-start;
}
.contactus-form .form-group.privacy input[type='checkbox'] {
  border: 1px solid #333;
}
.contactus-form .form-group.privacy .checkbox-container {
  padding-left: 0.5rem;
  width: 90%;
}
.contactus-form .col-form-label {
  width: 200px;
  padding-bottom: 20px;
}
#project_name,
#requirement {
  width: 100%;
  max-width: 500px;
}
.input-bottom {
  border: 0;
  border-bottom: 1px solid #000;
  outline: none;
  padding: 3px 5px;
  margin-left: 5px;
}
.contactus-form .form-check {
  padding-bottom: 10px;
}
.contactus-form .form-check input[type='checkbox'] {
  border: 1px solid #333;
  top: 3px;
}
.contactus-form .group {
  position: relative;
  margin-bottom: 45px;
}
.contactus-form .group input {
  width: 100%;
  font-size: 16px;
  padding: 10px 10px 10px 5px;
  display: block;
  border: none;
  border-bottom: 1px solid #757575;
}
.contactus-form .group input:focus {
  outline: none;
}
#map_tab .nav-item {
  flex: 25%;
  position: relative;
}
#map_tab .nav-item:before,
#map_tab .nav-item:after {
  content: '';
  width: 1px;
  height: 20px;
  position: absolute;
  top: 21px;
}
#map_tab .nav-item:nth-child(4n + 1):before {
  left: -1px;
  background-color: #722c8c;
}
#map_tab .nav-item:after {
  right: -1px;
  background-color: #722c8c;
}
#map_tab .nav-pills .nav-link {
  border-radius: 0;
  padding: 1rem 0.5rem;
}
#map_tab .nav-pills .nav-link.active,
#map_tab .nav-pills .show > .nav-link {
  background-color: #722c8c;
  margin-left: -2px;
  margin-right: -2px;
}
.gmap iframe {
  width: 100%;
}
.gmap {
  background-color: #722c8c;
  color: #fff;
}
.gmap a {
  position: relative;
  padding: 10px 25px;
  display: inline-block;
  margin: 0;
  padding-left: 30px;
  color: #fff;
}
.gmap .copy_btn {
  border: 0;
  background-color: transparent;
  color: #fff;
}
.gmap .copy_btn:hover {
  text-decoration: underline;
}
.gmap a.address:after,
.gmap a.tel:after {
  background-image: url(../images/contact/map.png);
  background-size: contain;
  background-position: center;
  content: '';
  width: 22px;
  position: absolute;
  height: 22px;
  left: 5px;
  top: 8px;
}
.btn-jelly {
  -webkit-animation: jelly 0.5s;
  animation: jelly 0.5s;
}
.gmap a.tel:after {
  background-image: url(../images/contact/tel.png);
}
.gmap .toast {
  width: 200px;
  position: fixed;
  bottom: 0;
  left: 45%;
  z-index: 999;
}
@keyframes jelly {
  25% {
    -webkit-transform: scale(0.95, 1);
    transform: scale(0.95, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.95);
    transform: scale(1, 0.95);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
.contactus-form .name-label {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.contactus-form input:focus ~ .name-label,
.contactus-form input:valid ~ .name-label {
  top: -20px;
  font-size: 14px;
  color: #722c8c;
}
.contactus-form .bar {
  position: relative;
  display: block;
  width: 100%;
}
.contactus-form .bar:before,
.contactus-form .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #722c8c;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.contactus-form .bar:before {
  left: 50%;
}
.contactus-form .bar:after {
  right: 50%;
}
.contactus-form input:focus ~ .bar:before,
.contactus-form input:focus ~ .bar:after {
  width: 50%;
}
.contactus-form .highlight {
  position: absolute;
  height: 60%;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.contactus-form input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #722c8c;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #722c8c;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #722c8c;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.about-us {
  height: 700px;
}
.about-us .left-column {
  width: 55%;
  height: 700px;
  position: relative;
  padding: 10px 70px;
  overflow: hidden;
}
.about-us .left-column .rsquare {
  background-color: #d99a82;
  width: 100%;
  min-width: 650px;
  height: 100%;
  border-radius: 0 120px 120px 0;
  position: absolute;
  right: 10rem;
  top: 0;
  z-index: 1;
}
.about-us .left-column .rhombus {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -60px;
}
.about-us .left-column .rhombus:before,
.about-us .left-column .rhombus:after {
  content: '';
  display: block;
  background-color: #d99a82;
  width: 495px;
  height: 215px;
  border-radius: 120px;
  transform: rotate(-60deg);
  position: absolute;
  right: 0;
  bottom: 121px;
  margin: auto;
  z-index: 2;
}
.about-us .left-column .rhombus:after {
  top: 121px;
  bottom: auto;
  transform: rotate(60deg);
}
.about-us .left-column .rhombus.rhombus-grey {
  right: -70px;
  z-index: 1;
}
.about-us .left-column .rhombus.rhombus-grey:before,
.about-us .left-column .rhombus.rhombus-grey:after {
  background-color: #ccc;
}
.about-us .word-content {
  position: relative;
  z-index: 2;
}
.about-us .word-content .content-top {
  height: 320px;
}
.about-us .left-column p {
  font-size: 1rem;
  line-height: 23px;
  margin: 67px 0;
  width: 75%;
}
.layout--vn .about-us .left-column p {
  margin: 40px 0;
}
.about-us .pattern {
  position: relative;
  margin-top: 1.875rem;
  margin-right: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us .pattern .rhex {
  background: #814497;
  width: 85px;
  height: 145px;
  border-radius: 24px/9px;
  transform: rotate(90deg);
}
.about-us .pattern .rhex.rhex-white {
  border-style: solid;
  border-width: 1px 0;
  border-color: #f2f2f2;
  background: none;
  left: -1rem;
  top: -0.4rem;
  right: 0;
  margin: auto;
  position: absolute;
}
.about-us .pattern .rhex.rhex-white:before,
.about-us .pattern .rhex.rhex-white:after {
  border-style: solid;
  border-width: 1px 0;
  border-color: #f2f2f2;
}
.about-us .pattern .word {
  position: absolute;
  z-index: 1;
  transform: rotate(-90deg);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  text-indent: 0.1rem;
  font-weight: 400;
}
.layout--vn .about-us .pattern .word {
  white-space: nowrap;
  font-size: 1.2rem;
}
.about-us .bottom-word {
  font-style: italic;
  width: 100%;
  line-height: 1.5rem;
  left: 0;
  margin: 1.875rem auto auto;
  padding-right: 8rem;
}
.about-us .right-column {
  position: absolute;
  right: 0;
  height: 700px;
  overflow: hidden;
  width: 65%;
}
.about-us .right-column .top {
  height: 350px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #cfcfcf;
}
.about-us .right-column .top img {
  width: 93%;
}
.about-us .right-column .bottom {
  width: 100%;
  height: 100%;
  padding-top: 1rem;
}
.about-us .right-column .bottom .pattern {
  padding: 1.875rem 0 0 18rem;
  margin: 0;
}
.about-us .right-column .bottom .pattern .rhex {
  background-color: #d99a82;
}
.about-us .right-column .bottom .pattern .rhex.rhex-white {
  left: 17rem;
  top: 1.4rem;
  background: none;
}
.about-us .right-column .bottom .bottom-word {
  padding: 1.875rem 0 0 18rem;
  margin: auto;
  width: 85%;
}
.core-value {
  background: #e6e6e6;
  padding: 10px 70px;
  height: 600px;
}
.core-value h2 {
  color: #a6a6a6;
}
.core-value .middle-column {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.core-value .middle-column .word-column {
  width: calc(100% / 3);
}
.core-value .middle-column .word-column .word {
  position: absolute;
  left: 62vw;
}
.core-value .middle-column .word-column .word .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.core-value .middle-column .word-column .word .title p {
  margin-bottom: 0;
}
.core-value .middle-column .word-column .word .depiction {
  color: #666;
  line-height: 1.3;
}
.core-value .middle-column .word-column .word.word-left {
  top: 15rem;
  left: 1vw;
  width: calc(100% / 3.3);
}
.core-value .middle-column .word-column .word.word-right-top {
  top: 0;
}
.core-value.core-value-tw .middle-column .word-column .word.word-right-top {
  top: 3rem;
}
.core-value .middle-column .word-column .word.word-right-bottom {
  top: 15rem;
}
.core-value .middle-column .rhex-column {
  width: calc(100% / 3);
  min-width: 490px;
  position: relative;
}
.core-value .middle-column .rhex-column img {
  max-width: 466px;
}
.time-line {
  background: #cca8ce;
  overflow-x: hidden;
}
.time-line h2 {
  padding: 10px 70px;
}
.milestone-column {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin: 2rem auto 20rem auto;
}
.milestone-column .milestone-bg {
  position: absolute;
}
.milestone-column .milestone-bg01 {
  top: 1rem;
  right: 0;
  transform: rotate(180deg);
}
.milestone-column .milestone-bg02 {
  top: 25.5rem;
  left: 0;
}
.milestone-column .milestone-bg03 {
  bottom: 25.5rem;
  right: 0;
  transform: rotate(180deg);
}
.milestone-column .milestone-bg04 {
  bottom: 1rem;
  left: 0;
}
.milestone-column .milestone-bg05 {
  bottom: -17rem;
  left: 6rem;
}
.milestone-column .line {
  width: 1px;
  height: 98%;
  background: #fff;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
.milestone-column .year-column {
  width: 1500px;
  margin-bottom: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.milestone-column .year-column:last-child {
  margin-bottom: 0;
}
.milestone-column .year-circle {
  width: 130px;
  height: 130px;
  min-height: 130px;
  background: #cca8ce;
  border-radius: 99rem;
  border: 2px dashed #fff;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: #722c8c;
  position: absolute;
}
.milestone-column .milestone-line {
  width: 70px;
  height: 1px;
  position: absolute;
  display: flex;
  border: 1px dashed #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 96%;
  align-items: center;
  z-index: 2;
}
.milestone-column .milestone-line::before,
.milestone-column .milestone-line::after {
  content: '';
  display: flex;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 99rem;
  position: absolute;
}
.milestone-column .milestone-line::before {
  left: -1px;
}
.milestone-column .milestone-line::after {
  right: -1px;
}
.milestone-column .milestone-word-column {
  position: relative;
  top: 0;
  right: 25vw;
}
.milestone-column .milestone-word {
  background: url(../images/homepage/milestone-word.png) no-repeat;
  background-size: 100% 100%;
  min-width: 31vw;
  max-width: 31vw;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
  padding: 1rem 5rem;
}
.milestone-column .milestone-word ul {
  margin: 0;
  width: 100%;
}
.milestone-column .milestone-word ul li {
  font-size: 1.125rem;
  position: relative;
  padding-left: 1rem;
  font-weight: 700;
}
.milestone-column .milestone-word ul li::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #722c8c;
  border-radius: 99rem;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.milestone-column .milestone-word ul li .small {
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: none;
}
.milestone-column .milestone-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/homepage/milestone-word02.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.5rem;
  right: -1.5rem;
  z-index: 1;
}
.milestone-column .year-column.right .milestone-line {
  left: 96%;
  right: auto;
}
.milestone-column .year-column.right .milestone-word-column {
  left: 24vw;
  right: auto;
  display: flex;
}
.milestone-column .year-column.right .milestone-shadow {
  background: url(../images/homepage/milestone-word03.png) no-repeat;
  background-size: 100% 100%;
}
#products .banner-text,
#solutions .banner-text {
  background: url(../images/products/banner-text.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 600px;
  height: 500px;
  display: flex;
  top: 0;
  flex-direction: column;
  justify-content: center;
}
#solutions .banner-text {
  background-image: url(../images/solution/banner-text.png);
}
#products .banner-text h2,
#solutions .banner-text h2 {
  letter-spacing: 3px;
}
#products .pds-introduction {
  max-width: 1200px;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 4rem !important;
}
.pds-introduction .pds-group {
  width: calc(100% - 400px);
  padding-right: 3rem;
  margin: auto;
  position: relative;
}
.pds-introduction .pds-group02 {
  width: calc(100% - 400px);
  padding-right: 0;
  padding-left: 3rem;
  margin: auto;
  position: relative;
}
.pds-introduction .pds-big-img {
  width: 400px;
}
.pds-introduction .divider hr {
  border-top: 4px solid;
}
.pds-introduction .rhex {
  width: 86px;
  height: 146px;
  border-radius: 26px/10px;
  transform: rotate(90deg);
  margin-left: 30px;
  background-color: #fff;
}
.pds-introduction .rhex img {
  width: 120px;
}
.pds-introduction .info {
  padding: 0 20px;
  font-family: Arial, Helvetica, sans-serif;
}
#products .pds-introduction .info {
  margin-left: 190px;
}
#products #digilism .pds-introduction .info {
  margin-right: 170px;
  margin-left: 0;
}
#digilism .pds-introduction .rhex {
  right: 30px;
}
#digilism .pds-introduction .line:after {
  bottom: -7px;
  left: 0;
  width: calc(100% + 28px);
}
#digilism .pds-introduction .line:before {
  top: 9px;
  right: -14px;
  left: auto;
}
.pds-introduction .line {
  width: 100%;
  position: relative;
}
.pds-introduction .line:before {
  content: '';
  border-left: solid 1px #999;
  top: 9px;
  left: -20px;
  height: 100px;
  position: absolute;
}
.pds-introduction .line:after {
  content: '';
  border-bottom: solid 1px #999;
  bottom: -7px;
  left: -35px;
  width: calc(100% + 20px);
  position: absolute;
}
.pds-introduction .info h2 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: unset;
}
.pds-introduction .info .mb-0 {
  color: #666;
  padding-top: 0.5rem;
}
.pds-introduction .function .func-img-in {
  width: auto;
  height: 126px;

}
.pds-introduction hr {
  margin-bottom: 0;
}
.pds-introduction .card {
  padding: 1.5rem 1rem;
  border-radius: 0;
  text-align: left;
  color: #fff;
}
.pds-introduction .card-box {
  position: absolute;
  top: 0;
}
.pds-introduction .function p {
  text-align: center;
  width: 100%;
  padding-bottom: 1rem;
}
.pds-introduction .function .card-box {
  position: absolute;
  top: 0;
}
.pds-introduction .function .col-md {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 450px;
}
.pds-introduction .function .func-img {
  position: relative;
}
.pds-introduction .function .systalk-word,
.pds-introduction .function .digilism-word {
  padding: 1rem;
  margin-top: 1.5rem;
  background: #1569ab;
  color: #fff;
  text-align: left;
  border-radius: 1rem;
  height: calc(100% - 110.69px - 3.5rem);
}
.pds-introduction .function .digilism-word {
  background: #ea7043;
  height: calc(100% - 171.14px - 3.5rem);
}
.pds-introduction .function .btn-more {
  border-radius: 99rem;
  background: #ea5a23;
  height: 45px;
  width: 175px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto 0 auto;
  transition: all 0.3s;
}
.pds-introduction .function .btn-more:hover {
  background: #f7b52c;
}
.pds-introduction .function .func-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pds-introduction .function .pds-plus {
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin-right: 0.5rem;
  border-radius: 99rem;
  border: 1px solid #f63;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
.pds-introduction .function .w-100 {
  display: none;
}
#systalkai .function p {
  color: #d0d0d0;
  border-bottom: 1px solid #0e548a;
}
#systalkai .card {
  background-color: #1569ab;
}
#digilism {
  background-color: #f2f2f2;
}
#digilism .card {
  background-color: #f63;
}
#digilism .function p {
  border-bottom: 1px solid #e64b19;
}
#products .function {
  justify-content: center;
}
.rhex img,
.rhex p,
.rhex h3 {
  z-index: 1;
  transform: rotate(-90deg);
}
.more_info {
  position: absolute;
  bottom: 2rem;
  right: 5rem;
  color: #1569ab;
}
#solutions #scroll-content .pds-introduction:nth-child(even) {
  background-color: #f7f8f8;
}
#solutions
  #scroll-content
  .pds-introduction:nth-child(even)
  .feature.article-text
  .title:after {
  background-image: url(../images/solution/feature-arrows2.png);
}
#solutions #scroll-content .pds-introduction .success-bg02 {
  background-image: url(../images/solution/item-bg-left.png);
  opacity: 0.5;
  z-index: -2;
}
#solutions #scroll-content .pds-introduction .success-bg01 {
  background-image: url(../images/solution/item-bg-right.png);
  opacity: 0.5;
  z-index: -2;
}
#solutions #scroll-content .pds-introduction {
  padding-top: 3rem;
}
#solutions #scroll-content .pds-introduction:first-child {
  padding-top: 0;
}
#solutions .pds-introduction .solution-icon {
  width: 145px;
  min-width: 145px;
}
#solutions .pds-introduction .d-flex .info {
  margin-left: 40px;
}
#solutions .info h2 span {
  font-size: 1.2rem;
}
#solutions .pds-introduction .rhex-line {
  position: unset;
  background-color: #333;
}
#solutions .pds-introduction .line:before {
  top: -20px;
}
#solutions .pds-introduction .info .rhex {
  background-color: #fbb03b;
  width: 111px;
  height: 190px;
  margin-left: 10px;
}
#solutions .pds-introduction .rhex img {
  width: 90px;
}
#solutions .pds-introduction .line img {
  height: 30px;
  width: auto;
}
#solutions .pds-introduction .info h3 {
  font-size: 1.2rem;
  padding-top: 1.2rem;
  font-weight: 700;
  margin-bottom: 0;
}
#solutions .pds-introduction .pds-big-img img {
  border-radius: 10px;
  max-height: 180px;
  width: auto;
}
#solutions .function {
  background-color: #f2f2f2;
  height: 100%;
  position: relative;
  margin: 1.5rem 0;
  box-shadow: 0 0 0 1.5rem #f2f2f2;
}
#solutions .article-text {
  padding: 0 17px;
}
#solutions .article-text.feature {
  margin-bottom: 2rem;
}
#solutions .article-text.feature li span {
  width: calc(100% - 45px);
  float: right;
  padding-left: 5px;
}
#solutions .article-text .title {
  position: relative;
  z-index: 1;
}
#solutions .article-text p {
  color: #666;
  padding: 1rem;
}
#solutions .article-text ul {
  padding-left: 5%;
  margin-top: 1.5rem;
}
#solutions .article-text ul li {
  counter-increment: step-counter;
  padding: 7px;
  display: flex;
  align-items: baseline;
}
#solutions .article-text ul li:before {
  content: counter(step-counter);
  margin-right: 10px;
  font-size: 0.7rem;
  background-image: url(../images/solution/li-style.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  font-weight: 700;
  padding: 8px 11px;
  z-index: 1;
}
#solutions .article-text .title h4 {
  background-image: url(../images/solution/title-bg.png);
  width: 240px;
  padding: 5px;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  position: relative;
}
#solutions
  #scroll-content
  .pds-introduction:nth-child(even)
  .article-text
  .title
  h4 {
  background-image: url(../images/solution/title-bg02.png);
}
#solutions
  #scroll-content
  .pds-introduction:nth-child(even)
  .article-text
  .title
  h4:nth-child(2) {
  background-image: none;
}
#solutions .article-text .title h4:nth-child(2) {
  margin-left: -23px;
  margin-bottom: 8px;
  background-color: #333;
  padding-left: 40px;
  padding-right: 15px;
  width: fit-content;
  height: 34px;
  background-image: none;
  z-index: -1;
  font-size: 1.25rem;
  line-height: 1;
}
#solutions .article-text.feature .title h4 {
  background-image: url(../images/solution/title-bg03.png);
  background-size: 100% 102%;
}
#solutions
  #scroll-content
  .pds-introduction:nth-child(even)
  .article-text.feature
  .title
  h4 {
  background-image: url(../images/solution/title-bg03.png);
}
#solutions .article-text .title h4:nth-child(2):after,
#solutions .article-text.feature .title:after {
  content: '';
  background-image: url(../images/solution/sub-title-head.png);
  width: 23px;
  height: 34px;
  position: absolute;
  right: -22px;
  background-size: contain;
  top: 0;
  background-repeat: no-repeat;
}
#solutions .article-text.feature .title:after {
  background-image: url(../images/solution/feature-arrows1.png);
  width: 86%;
  z-index: -1;
  background-size: cover;
  background-position: right;
  left: 160px;
  right: auto;
}
#solutions .pds-introduction .pds-big-img {
  padding-left: 1px;
  padding-right: 1px;
  width: 315px;
}
#solutions .function .bg {
  z-index: 1 !important;
}
#solutions .function h3 {
  font-size: 1.2rem;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding-left: 15px;
  position: relative;
}
#solutions .function h3:before {
  content: '';
  width: 5px;
  height: 16px;
  background-color: #000;
  position: absolute;
  top: 4px;
  left: 0;
}
#solutions .function .info {
  max-width: 800px;
  justify-content: center;
  margin: 0 auto;
}
#solutions .fu-item {
  width: 145px;
  margin: 35px;
  z-index: 2;
}
#solutions .fu-item:nth-child(n + 4) {
  margin-top: -36px;
  margin-left: 36px;
  margin-right: 36px;
}
#solutions .fu-item:nth-child(2) > .rhex,
#solutions .fu-item:nth-child(n + 4) > .rhex {
  background-color: #a4afb9;
}
#solutions .pds-introduction .function img {
  width: 70px;
  margin-right: 60px;
}
#solutions .pds-introduction .function p {
  width: 170px;
  margin-left: 38px;
  margin-top: -1px;
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#solutions #scrollspy .nav-item {
  margin: 0 -21px;
}
#solutions #scrollspy.navbar {
  background-color: #fff;
  height: 140px;
  position: relative;
  top: 0;
  z-index: 1;
}
#solutions #scrollspy.navbar:after {
  position: absolute;
  content: '';
  width: 88%;
  height: 1px;
  background-color: #000;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  left: 6%;
  right: 6%;
}
#solutions .group {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: -25px;
  cursor: initial;
  background: none;
}
#solutions .group:hover > .rhex-group-black .rhex {
  background-color: #722c8c;
  transition: all 0.3s;
}
#solutions .rhex-group {
  margin: 0 2rem;
}
#solutions .group .rhex {
  background: #ccc;
  width: 32px;
  height: 53px;
  border-radius: 6px/4px;
  transform: rotate(90deg);
}
#solutions .word {
  position: absolute;
  z-index: 1;
  transform: rotate(-90deg);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  text-indent: 0.1rem;
  font-weight: 300;
  color: #fff;
}
#solutions .pds-introduction .function p {
  position: absolute;
}
#solutions #scrollspy span:after {
  display: none;
}
#solutions .rhex-group-black {
  position: relative;
}
#solutions .rhex-group-black .rhex {
  background-color: #000;
  transition: all 0.3s;
}
#solutions .rhex-word {
  position: absolute;
  margin-top: 0.6rem;
  white-space: initial;
  left: -28px;
  width: 90px;
  font-size: 1rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  cursor: pointer;
}
.customers {
  background: #fff;
  padding: 10px 70px;
}
.customers h2 {
  color: #cca8ce;
}
.customers .bottom-column {
  margin: 0 0 5rem 0;
  display: flex;
  width: 100%;
}
.customers .customers-column {
  width: 100%;
}
.customers .customers-column .honeycomb {
  display: grid;
  grid-template-columns: repeat(14, 70px);
  grid-column-gap: 11px;
  justify-content: center;
  padding-left: 4rem;
}
.customers .customers-column .honeycomb .rhex {
  width: 85px;
  height: 145px;
  border-radius: 24px/9px;
  transform: rotate(90deg);
  border-style: solid;
  border-width: 1px 0;
  border-color: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -6px;
  transition: all 0.5s;
}
.customers .customers-column .honeycomb .rhex:before,
.customers .customers-column .honeycomb .rhex:after {
  border-style: solid;
  border-width: 1px 0;
  border-color: #e6e6e6;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 1) {
  grid-column-start: 2;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 2) {
  grid-column-start: 4;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 3) {
  grid-column-start: 6;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 4) {
  grid-column-start: 8;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 5) {
  grid-column-start: 10;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 6) {
  grid-column-start: 12;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 7) {
  grid-column-start: 1;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 8) {
  grid-column-start: 3;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 9) {
  grid-column-start: 5;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 10) {
  grid-column-start: 7;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 11) {
  grid-column-start: 9;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n + 12) {
  grid-column-start: 11;
}
.customers .customers-column .honeycomb .rhex:nth-child(13n) {
  grid-column-start: 13;
}
.customers .customers-column .honeycomb .rhex .rhex-content {
  transform: rotate(-90deg);
  min-width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cca8ce;
  font-size: 1.5rem;
  font-weight: 700;
}
.layout--vn .customers .customers-column .honeycomb .rhex .rhex-content {
  font-size: 1rem;
}
.customers .customers-column .honeycomb .rhex .rhex-content img {
  transform: rotate(0);
}
.pd-systalk .owl-theme .owl-dots .owl-dot span {
  margin: 0 !important;
}
#product-inner .link-left .contact-nav a,
.pd-systalk .link-left .contact-nav a {
  padding-top: 10px;
  padding-bottom: 30px;
  position: relative;
}
.about-flow-box ul {
  list-style: disc;
}
#product-inner .link-left .contact-nav a:after,
.pd-systalk .link-left .contact-nav a:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 23px;
  background-image: url(../images/product-inner/contact-us.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -2px;
  left: 2px;
}
#solutions #scrollspy .nav-dropdown {
  background-color: #000;
  color: #fff;
}
#scrollspy span,
#map_tab span,
#article span {
  display: none;
  width: 100%;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
}
#scrollspy span:after,
#map_tab span:after,
#solutions #scrollspy .nav-dropdown:after,
#article span:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 3px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #0f0f0f;
  border-right: 1px solid #0f0f0f;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: ease 0.3s;
}
#solutions #scrollspy .nav-dropdown:after {
  border-color: #fff;
}
#scrollspy span.open:after,
#map_tab span.open:after,
#solutions #scrollspy .nav-dropdown.open:after,
#article span.open:after {
  transition: ease 0.3s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
#scroll-content .px-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#product-inner #map_tab:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: -1px;
  background-color: #ee783a;
}
#scrollspy.navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 100;
}
#scrollspy .nav.open,
#map_tab .nav.open,
#article .art-dropdown {
  height: auto;
}
#scrollspy .nav.open .nav-item,
#map_tab .nav.open .nav-item {
  display: block;
}
#product-inner #scrollspy .nav.open .nav-item {
  display: block;
}
#article .art-dropdown.open .btn {
  max-width: 100%;
  display: flex;
}
#product-inner #scrollspy .nav-link {
  position: relative;
  background-image: url(../images/product-inner/inner-nav01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: unset;
  width: 187px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#product-inner.digimars #scrollspy .nav-link {
  background-image: url(../images/product-inner/inner-nav05.png);
}
#product-inner.digilogs #scrollspy .nav-link {
  background-image: url(../images/product-inner/inner-nav07.png);
}
#product-inner #scrollspy .nav-item:first-child .nav-link {
  background-image: url(../images/product-inner/inner-nav03.png);
  width: 189px;
}
#product-inner.digimars #scrollspy .nav-item:first-child .nav-link {
  background-image: url(../images/product-inner/inner-nav06.png);
}
#product-inner.digilogs #scrollspy .nav-item:first-child .nav-link {
  background-image: url(../images/product-inner/inner-nav08.png);
}
#product-inner #scrollspy .nav-link:hover,
#product-inner #scrollspy .nav-link:focus,
#product-inner #scrollspy .nav-link.active {
  background-image: url(../images/product-inner/inner-nav02.png);
  color: #fff;
}
#product-inner #scrollspy .nav-item:first-child .nav-link:hover,
#product-inner #scrollspy .nav-item:first-child .nav-link:focus,
#product-inner #scrollspy .nav-item:first-child .nav-link.active {
  background-image: url(../images/product-inner/inner-nav04.png);
}
#product-inner.digimars #scrollspy .nav-link.onlast {
  background-image: url(../images/product-inner/inner-nav05.png);
  color: #000;
}
#product-inner #scrollspy .container {
  max-width: 100%;
  padding: 1rem 0;
  display: grid;
  grid-template-columns: repeat(4, 164px);
  background: #f7b52c;
}
#product-inner.digimars #scrollspy .container {
  background: #41b057;
}
#product-inner.digilogs #scrollspy .container {
  background: #45bab3;
}
#product-inner .banner-text {
  color: #333;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
}
#product-inner .banner-text img {
  width: 550px;
  margin-bottom: 2rem;
}
#product-inner.digilogs .big-img {
  height: 650px;
}
#product-inner.digilogs .big-img img {
  width: auto;
}
#product-inner.digilogs .banner-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#product-inner.digilogs .banner-text {
  position: static;
  width: auto;
  padding: 0;
  margin-right: 4.5rem;
}
#product-inner.digilogs .banner-text img {
  width: 410px;
  margin-bottom: 1rem;
}
#product-inner.digilogs .banner-text h3 {
  font-size: 1.75rem;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 1rem;
}
#product-inner.digimars .banner-text img {
  width: 470px;
}
#product-inner.digilogs .banner-info .banner-video {
  max-width: 655px;
  height: 519px;
  flex: 1 100%;
  display: flex;
  position: relative;
  margin-top: 4rem;
}
#product-inner.digilogs .banner-info .banner-video .video-frame {
  position: absolute;
  width: 83%;
  height: 304px;
  z-index: 2;
  margin: auto;
  left: 0;
  right: 0;
  top: 23.3px;
}
#product-inner.digilogs .banner-info .banner-video .embed-responsive {
  height: 100%;
}
#product-inner.digimars .banner-text .banner-group {
  display: flex;
  align-items: center;
}
#product-inner.digimars .banner-text .banner-group .banner-left {
  width: 395px;
  position: relative;
}
#product-inner.digimars .banner-text .banner-group .banner-right {
  text-align: left;
}
#product-inner.digimars .banner-text .banner-group .banner-left img {
  width: 370px;
  position: absolute;
  left: 0;
  bottom: -17.7rem;
}
#product-inner .banner-text h3 {
  font-size: 2.3rem;
}
#product-inner.digimars .banner-text h3 {
  font-weight: 400;
  max-width: 600px;
}
#product-inner.digimars .banner-text .banner-group .btn-install {
  border-radius: 99rem;
  background: #41b057;
  width: 195px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-left: 9.2rem;
}
#scrollspy .container,
#map_tab .container {
  justify-content: center;
  text-align: center;
}
#features,
#structure,
#benefits,
#case_study {
  margin: 2rem 0rem;
  position: relative;
  height: 100%;
}
.digilogs #features,
.digilogs #structure,
.digilogs #benefits,
.digilogs #case_study {
  margin: 0;
}
#structure {
  margin-bottom: 0;
}
#features .bg,
#structure .bg,
#solutions .function .bg {
  opacity: 0.4;
}
#product-inner .bg,
#os_solution .bg,
#solutions .function .bg {
  z-index: -1;
  width: 100%;
  height: inherit;
  display: flex;
  position: absolute;
  left: 0;
}
.bg .left-box {
  width: 50%;
  height: 70%;
  max-height: 450px;
  background-image: url(../images/product-inner/boxes-left.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
}
.bg .right-box {
  width: 50%;
  height: 70%;
  max-height: 450px;
  background-image: url(../images/product-inner/boxes-right.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
.bg .left-box02 {
  background-image: url(../images/product-inner/boxes-left02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 297px;
  height: 470px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.bg .right-box02 {
  background-image: url(../images/product-inner/boxes-right02.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 305px;
  height: 471px;
  right: 0;
  top: 0;
  position: absolute;
}
.bg .left-box03 {
  background-image: url(../images/product-inner/boxes-left03.png);
}
.bg .right-box03 {
  background-image: url(../images/product-inner/boxes-right03.png);
}
.bg .left-box04 {
  background-image: url(../images/product-inner/install-bg02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 528px;
  height: 215px;
  position: absolute;
  left: 0;
  bottom: 13rem;
}
.bg .right-box04 {
  background-image: url(../images/product-inner/install-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1383px;
  height: 338px;
  right: 0;
  top: 2rem;
  position: absolute;
}
.pds-information .info-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pds-information .info-title img {
  width: 40px;
  margin-right: 1rem;
}
.pds-information .info-title .ch {
  color: #231815;
  font-size: 1.875rem;
  font-weight: 300;
  margin-right: 1rem;
}
.pds-information .info-title .en {
  color: #ea5a23;
  font-size: 1.25rem;
  font-weight: 700;
}
.pds-information .pds-column {
  position: relative;
}
.pds-information .pds-column:before,
.pds-information .pds-column:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 60px;
  border-style: solid;
  border-width: 18px 0 18px 18px;
  border-color: rgba(255, 255, 255, 0.8);
  left: 0;
  top: 0;
}
.pds-information .pds-column:after {
  border-width: 18px 18px 18px 0;
  right: 0;
  left: auto;
}
.pds-information #about {
  background-color: #f7b52c;
  position: relative;
  z-index: 1;
}
.digimars .pds-information #about {
  background-color: #41b057;
}
.digilogs .pds-information #about {
  background-color: #f4f4f4;
}
.pds-information #about .bg {
  height: 100%;
}
.pds-information #about .info-title {
  padding-bottom: 2rem;
}
.pds-information #about .info-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
.pds-information #about .info-body .word {
  width: 95%;
}
.pds-information #about .info-body .bottom {
  font-size: 1.25rem;
  border-top: 1px solid #000;
  padding-top: 1rem;
}
.digilogs h2,
.digilogs h3 {
  margin-bottom: 0;
  letter-spacing: 0;
  text-indent: 0;
  line-height: 1.5;
}
.digilogs .pds-information #about .about-block {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 2rem;
}
.digilogs .pds-information #about .about-block__text {
  width: calc(50% - 4rem);
  max-width: 470px;
  min-height: 470px;
  border-radius: 30px 30px 30px 0;
  background: #104193;
  padding: 3rem 2rem;
  margin: 0 2rem;
  box-shadow: 10px 10px 20px rgb(0 0 0 / 16%);
  position: relative;
  overflow: hidden;
}
.digilogs .pds-information #about .about-block__green .about-block__text {
  background: #42afa5;
  border-radius: 30px 30px 0 30px;
}
.digilogs .pds-information #about .about-block__text:after {
  content: '';
  display: block;
  position: absolute;
  width: 470px;
  height: 470px;
  border-radius: 90px;
  background: #4768a8;
  transform: rotate(45deg);
  left: -65%;
  top: 35%;
  transition: all 0.5s ease-in-out;
}
.digilogs .pds-information #about .about-block__green .about-block__text:after {
  background: #7dc4be;
  left: auto;
  top: auto;
  right: -35%;
  bottom: -60%;
}
.digilogs .pds-information #about .aos-animate .about-block__text:after {
  left: -95%;
}
.digilogs
  .pds-information
  #about
  .about-block__green.aos-animate
  .about-block__text:after {
  left: auto;
  right: -70%;
}
.digilogs .pds-information #about .about-block__text-title {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 2;
}
.digilogs.content--en .pds-information #about .about-block__text-title {
  line-height: 1.2;
}
.digilogs .pds-information #about hr {
  border-top: 1px solid #fff;
  position: relative;
  z-index: 2;
}
.digilogs .pds-information #about .about-block__text-word {
  color: #f4f4f4;
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.digilogs .pds-information #about .about-block__img {
  width: calc(50% - 4rem);
  margin: 0 2rem;
  max-width: 435px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #about .about-block__img-log img {
  position: relative;
  top: 4.5rem;
}
.digilogs .pds-information #about .about-text {
  position: relative;
  margin-bottom: 2rem;
  padding: 3rem 6rem;
  background: #fff;
  border-radius: 30px 30px 30px 0;
  overflow: hidden;
  box-shadow: 10px 10px 20px rgb(0 0 0 / 16%);
}
.digilogs .pds-information #about .about-text.about-text-blue {
  background-color: #104193;
  border-radius: 30px 30px 0 30px;
}
.digilogs .pds-information #about .about-text.about-text-blue:after {
  content: '';
  display: block;
  position: absolute;
  width: 470px;
  height: 470px;
  border-radius: 90px;
  background: #4768a8;
  transform: rotate(45deg);
  left: -35%;
  top: 0%;
  transition: all 0.5s ease-in-out;
}
.digilogs
  .pds-information
  #about
  .about-text.about-text-blue.aos-animate:after {
  left: -40%;
  top: 5%;
}
.digilogs .pds-information #about .about-text .about-text__title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #4b4b4b;
  text-align: center;
  position: relative;
  z-index: 2;
}
.digilogs.content--en .pds-information #about .about-text .about-text__title {
  line-height: 1.2;
}
.digilogs
  .pds-information
  #about
  .about-text.about-text-blue
  .about-text__title {
  color: #fff;
}
.digilogs
  .pds-information
  #about
  .about-text
  .about-text__title
  .about-text__title-orange {
  color: #eb5a24;
  padding: 0 1rem;
}
.digilogs .pds-information #about .about-text hr {
  border-top: 1px solid #666464;
  position: relative;
  z-index: 2;
}
.digilogs .pds-information #about .about-text.about-text-blue hr {
  border-top: 1px solid #fff;
}
.digilogs .pds-information #about .about-text .about-text__word {
  font-size: 1.25rem;
  color: #4b4b4b;
  position: relative;
  z-index: 2;
}
.digilogs
  .pds-information
  #about
  .about-text.about-text-blue
  .about-text__word {
  color: #fff;
}
.digilogs .pds-information #about .about-text .about-text__chart {
  margin: 3rem 0;
}
.digilogs .pds-information #about .about-text .about-text__chart-title {
  font-size: 1.5rem;
  color: #4b4b4b;
  text-align: center;
  font-weight: 700;
  margin-bottom: 3rem;
}
.digilogs .pds-information #about .about-text .about-text__chart-block {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.digilogs .pds-information #about .about-text .about-text__chart-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
}
.digilogs .pds-information #about .about-text .about-text__chart-img img {
  height: 100px;
  width: auto;
}
.digilogs .pds-information #about .about-text .about-text__chart-word {
  font-size: 1.25rem;
  color: #4b4b4b;
  margin-top: 0.5rem;
  font-weight: 700;
}
.digilogs .pds-information #about .about-text .about-text__slogan {
  color: #42afa5;
  font-size: 2rem;
  text-align: center;
  margin-top: 2rem;
}
.digilogs .pds-information #features .features-function-block {
  background-color: #bfbfbf;
}
.digilogs .pds-information #features .features-feature-block {
  background-color: #f4f4f4;
}
.digilogs .pds-information .digilogs-quote {
  background: #42afa5;
  padding: 1rem;
  margin-bottom: 1rem;
}
.digilogs .pds-information .digilogs-quote.slide-animation::before {
  background-color: #104193;
}
.digilogs .pds-information .digilogs-quote.slide-animation::after {
  background-color: #104193;
}
.digilogs .pds-information .digilogs-quote .digilogs-quote__text {
  position: relative;
  z-index: 3;
  color: #f4f4f4;
  font-size: 1.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #features .digilogs-quote .digilogs-quote__text {
  font-size: 1.6rem;
}
.digilogs .pds-information .digilogs-quote .digilogs-quote__blue {
  color: #104193;
  padding: 0 0.5rem;
  font-weight: 400;
}
.digilogs .pds-information #features .function-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3rem;
}
.digilogs .pds-information #features .function-chart .function-chart__block {
  width: calc(100% / 3 - 2rem);
  margin: 0 1rem 3rem 1rem;
}
.digilogs .pds-information #features .function-chart .function-chart__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.digilogs .pds-information #features .function-chart .function-chart__img {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #features .function-chart .function-chart__img img {
  width: auto;
}
.digilogs .pds-information #features .function-chart .function-chart__title {
  font-size: 1.5rem;
  color: #1a1618;
  margin-top: 1rem;
  font-weight: 700;
}
.digilogs .pds-information #features .function-chart hr {
  border-top: 1px solid #707070;
  width: 100%;
}
.digilogs .pds-information #features .function-chart .function-chart__text {
  font-size: 1.125rem;
  color: #1a1618;
}
.digilogs .pds-information #features .feature-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #features .feature-title__text {
  display: flex;
  border: 2px solid #16987a;
  background-color: #f4f4f4;
  padding: 0.25rem;
  border-radius: 99rem;
  min-width: 400px;
}
.digilogs .pds-information #features .feature-title__text span {
  background-color: #42afa5;
  color: #f4f4f4;
  font-size: 1.875rem;
  font-weight: 700;
  padding: 0.25rem;
  text-align: center;
  border-radius: 99rem;
  width: 100%;
  position: relative;
}
.digilogs .pds-information #features .feature-chart {
  position: relative;
}
.digilogs .pds-information #features .feature-chart__bg {
  border-color: #b3a99f;
  border-style: dotted;
  border-width: 5px 5px 0 0;
  border-radius: 0 20px 0 0;
  content: '';
  display: block;
  height: 100%;
  left: -4px;
  min-width: 1140px;
  position: absolute;
  top: 100px;
  width: 100%;
  z-index: 2;
}
.digilogs .pds-information #features .feature-chart__bg:before {
  content: '';
  display: block;
  background: #f4f4f4;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  left: -4px;
}
.digilogs .pds-information #features .feature-chart__bg:after {
  content: '';
  display: block;
  background: #f4f4f4;
  width: 20px;
  height: 130px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}
.digilogs .pds-information #features .feature-chart__bg-a {
  border-width: 5px 0 5px 5px;
  border-radius: 20px 0 0 20px;
}
.digilogs .pds-information #features .feature-chart__bg-a:before {
  left: auto;
  right: 0;
  width: 30px;
}
.digilogs .pds-information #features .feature-chart__bg02 {
  border-color: #b3a99f;
  border-style: dotted;
  border-width: 0 0 5px 5px;
  border-radius: 0 20px 20px 20px;
  content: '';
  display: block;
  height: 123.72px;
  left: 0;
  position: absolute;
  top: -19px;
  width: 15%;
  z-index: 1;
}
.digilogs .pds-information #features .feature-chart__bg02:before {
  content: '';
  display: block;
  background: #f4f4f4;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  left: -5px;
}
.digilogs .pds-information #features .feature-chart__bg02:after {
  content: '';
  display: block;
  background: #f4f4f4;
  width: 104%;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: -13px;
}
.digilogs .pds-information #features .feature-chart__bg02-a {
  top: auto;
  bottom: -105px;
  left: 931px;
  right: auto;
  height: 130px;
  width: 205px;
  border-width: 0 5px 5px 0;
  border-radius: 0 0 20px 0;
  background: #f4f4f4;
  z-index: 3;
}
.digilogs .pds-information #features .feature-chart__bg02-a:before {
  width: 5px;
  height: 5px;
  top: -2px;
  right: -5px;
  left: auto;
}
.digilogs .pds-information #features .feature-chart__bg02-a:after {
  display: none;
}
.digilogs .pds-information #features .feature-chart__bg-arrow {
  position: absolute;
  width: 75px;
  bottom: -80px;
  left: 1055px;
  height: 10px;
  border-top: 5px dotted #b3a99f;
  transform: rotate(45deg);
  z-index: 2;
}
.digilogs .pds-information #features .feature-chart__section {
  position: relative;
  display: flex;
  padding: 2rem;
}
.digilogs .pds-information #features .feature-chart__block {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 1rem;
  width: calc(100% / 3 - 2rem);
  position: relative;
  z-index: 4;
}
.digilogs .pds-information #features .feature-chart__img {
  width: 105px;
  transition: all 0.5s ease-in-out;
}
.digilogs .pds-information #features .feature-chart__img:hover {
  transform: scale(1.2);
}
.digilogs .pds-information #features .feature-chart__title {
  font-size: 1.5rem;
  color: #666464;
  font-weight: 700;
  margin-top: 1rem;
}
.digilogs .pds-information #features .feature-chart__text {
  font-size: 1.125rem;
  color: #666464;
  margin-top: 1rem;
}
.digilogs .pds-information #features .feature-chart__slogan {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
  bottom: -70px;
  margin-bottom: 3rem;
}
.digilogs .pds-information #features .feature-chart__slogan-text {
  padding: 5px 35px;
  background-color: #ffc54d;
  border-radius: 99rem;
  color: #666464;
  font-size: 1.75rem;
}
.digilogs.content--en .pds-information #features .feature-chart__slogan-text {
  font-size: 1.5rem;
}
.digilogs .pds-information #features .feature-chart__slogan-bold {
  font-weight: 700;
  padding-left: 1rem;
}
.digilogs.content--en .pds-information #features .feature-chart__slogan-bold {
  padding-left: 0;
}
.pds-information #features .info {
  position: relative;
}
.pds-information #features .info-title {
  justify-content: flex-start;
}
.pds-information #features .info-body {
  display: grid;
  grid-template-columns: repeat(5, 195px);
  justify-content: center;
  padding: 6.5rem 0;
  margin-left: -40px;
}
.digimars .pds-information #features .info-body {
  grid-template-columns: repeat(3, 195px);
  padding: 11rem 0 0 0;
}
.digilogs .pds-information #features .info-body {
  grid-template-columns: repeat(3, 195px);
  padding: 11rem 0 0 0;
}
.pds-information #features .info-body .grid-start01 {
  grid-column-start: 1;
}
.pds-information #features .info-body .grid-start02 {
  grid-column-start: 2;
}
.pds-information #features .info-body .grid-start03 {
  grid-column-start: 3;
}
.pds-information #features .info-body .grid-start04 {
  grid-column-start: 4;
}
.pds-information #features .info-body .grid-start05 {
  grid-column-start: 5;
}
.pds-information #features .info-body .grid-rhex {
  width: 234px;
  height: 207px;
  background-image: url(../images/product-inner/rhex-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2.5rem;
  margin-top: -96px;
}
.pds-information #features .info-body .grid-rhex.grid-bg02 {
  background-image: url(../images/product-inner/rhex-bg02.png);
}
.pds-information #features .info-body .grid-rhex.grid-bg03 {
  background-image: url(../images/product-inner/rhex-bg03.png);
  padding: 0;
}
.pds-information #features .info-body .grid-rhex.grid-bg04 {
  background-image: url(../images/product-inner/rhex-bg04.png);
}
.pds-information #features .info-body .grid-rhex.grid-bg05 {
  background-image: url(../images/product-inner/rhex-bg08.png);
}
.pds-information #features .info-body .grid-rhex.grid-bg06 {
  background-image: url(../images/product-inner/rhex-bg10.png);
}
.pds-information #features .info-body .grid-rhex img {
  width: 150px;
}
.pds-information #features .info-body .grid-rhex.grid-bg03 img {
  width: 140px;
}
.pds-information #features .info-body .grid-rhex span {
  position: absolute;
  bottom: 1rem;
  color: #231815;
  max-width: 160px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
}
.layout--vn .pds-information #features .info-body .grid-rhex span {
  font-size: 1rem;
}
.pds-information .btn-try {
  border-radius: 99rem;
  position: absolute;
  right: 5.5rem;
  bottom: 8rem;
  background: #e85a24;
  color: #fff;
  font-size: 1.5rem;
  width: 175px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-indent: 0.1rem;
  transition: all 0.3s;
}
.digilogs .pds-information .btn-try,
.digimars .pds-information .btn-try {
  bottom: 1rem;
}
.layout--vn .digilogs .pds-information .btn-try {
  letter-spacing: 0;
  text-indent: 0;
}
.pds-information .btn-try:hover {
  background: #f7b52c;
}
.pds-information #benefits .btn-try {
  bottom: 0;
}
.systalk-rpa .pds-information .btn-try {
  right: 0;
  left: 38rem;
  bottom: 0;
  margin: auto;
}
.digilogs .pds-information #benefits .system-trajectory {
  border-radius: 30px;
  background-color: #adccc0;
  padding: 20px 50px;
}
.digilogs .pds-information #benefits .system-trajectory__title {
  font-size: 1.5rem;
  color: #4b4b4b;
  text-align: center;
  margin-bottom: 0.5rem;
}
.digilogs .pds-information #benefits .system-trajectory__color-bar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #benefits .system-trajectory__color-block {
  width: 75px;
  height: 10px;
  border-radius: 99rem;
  margin: 0 0.25rem;
  position: relative;
  transition: all 0.3s;
}
.digilogs .pds-information #benefits .system-trajectory__color-block-gray {
  background-color: #cadae0;
  z-index: 1;
}
.digilogs .pds-information #benefits .system-trajectory__color-block-blue {
  background-color: #35ccff;
  z-index: 2;
}
.digilogs .pds-information #benefits .system-trajectory__color-block-green {
  background-color: #4fbfb4;
  z-index: 3;
}
.digilogs .pds-information #benefits .system-trajectory__color-block-yellow {
  background-color: #f8b62d;
  z-index: 4;
}
.digilogs .pds-information #benefits .system-trajectory__color-block-indigo {
  background-color: #61729b;
  z-index: 5;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__color-bar:hover
  .system-trajectory__color-block-gray {
  transform: translateX(166px);
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__color-bar:hover
  .system-trajectory__color-block-blue {
  transform: translateX(83px);
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__color-bar:hover
  .system-trajectory__color-block-yellow {
  transform: translateX(-83px);
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__color-bar:hover
  .system-trajectory__color-block-indigo {
  transform: translateX(-166px);
}
.digilogs .pds-information #benefits .system-trajectory__chart {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.digilogs .pds-information #benefits .system-trajectory__left {
  display: flex;
  align-items: center;
  background-image: url(../images/product-inner/digilogs/system-path.png);
  background-repeat: no-repeat;
  min-width: 284px;
  min-height: 251px;
}
.digilogs .pds-information #benefits .system-trajectory__left-group {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
  margin-right: 3.5rem;
}
.digilogs .pds-information #benefits .system-trajectory__left-block {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.digilogs .pds-information #benefits .system-trajectory__left-block:last-child {
  margin-bottom: 0;
}
.digilogs .pds-information #benefits .system-trajectory__left-img {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.digilogs .pds-information #benefits .system-trajectory__left-img img {
  width: auto;
  max-width: 100%;
}
.digilogs .pds-information #benefits .system-trajectory__middle {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.digilogs .pds-information #benefits .system-trajectory__middle-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1.5rem 0.5rem 0 0.5rem;
}
.digilogs .pds-information #benefits .system-trajectory__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 7rem;
}
.digilogs .pds-information #benefits .system-trajectory__right-block {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__right-block:first-child:before {
  content: '';
  display: block;
  position: absolute;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #104193;
  width: 45px;
  height: 86px;
  border-radius: 5px 0 0 0;
  left: -64px;
  top: 34px;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__right-block:nth-child(2):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #104193;
  width: 90px;
  height: 1px;
  left: -115px;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__right-block:last-child:before {
  content: '';
  display: block;
  position: absolute;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #104193;
  width: 45px;
  height: 86px;
  border-radius: 0 0 0 5px;
  left: -64px;
  bottom: 34px;
}
.digilogs .pds-information #benefits .system-trajectory__right-block:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 99rem;
  background-color: #104193;
  position: absolute;
  left: -25px;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__right-block:last-child {
  margin-bottom: 0;
}
.digilogs .pds-information #benefits .system-trajectory__right-img {
  width: 72px;
  margin-right: 1.5rem;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__middle-block:last-child {
  margin-right: 0;
}
.digilogs .pds-information #benefits .system-trajectory__middle-img {
  margin-bottom: 0.5rem;
}
.digilogs
  .pds-information
  #benefits
  .system-trajectory__middle-block:first-child {
  margin-left: 0;
}
.digilogs .pds-information #benefits .system-trajectory__arrow {
  position: relative;
  width: 35px;
  height: 10px;
  display: flex;
  align-items: center;
}
.digilogs .pds-information #benefits .system-trajectory__arrow:before {
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  background-color: #104193;
}
.digilogs .pds-information #benefits .system-trajectory__arrow:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #104193;
  right: 0;
}
.digilogs .pds-information #benefits .system-trajectory__text {
  width: 520px;
  margin: auto;
}
.digilogs .pds-information #benefits .planning-trajectory {
  border-radius: 30px;
  background-color: #f4f4f4;
  padding: 20px 50px;
  margin-top: 2rem;
}
.digilogs .pds-information #benefits .planning-trajectory__title {
  font-size: 1.5rem;
  color: #666464;
  text-align: center;
  margin-bottom: 1rem;
}
.digilogs .pds-information #benefits .planning-trajectory__chart {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.digilogs .pds-information #benefits .planning-trajectory__chart-left {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart {
  position: relative;
  width: 150px;
  height: 150px;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-1 {
  fill: #cadae0;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-2 {
  fill: #35ccff;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-3 {
  fill: #4fbfb4;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-4 {
  fill: #f8b62d;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-5 {
  fill: #61729b;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .cls-6 {
  fill: #a9c7bc;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .pie-chart__img {
  transition: all 0.5s ease-in-out;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .pie-chart__img.aos-animate {
  transform: rotate(270deg);
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .pie-chart__text {
  color: #1a1618;
  font-size: 1.125rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  font-weight: 700;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-left
  .pie-chart
  .pie-chart__text {
  line-height: 1.2;
}
.digilogs .pds-information #benefits .planning-trajectory__chart-middle {
  background-color: #e7fcf9;
  border: 1px dashed #666464;
  padding: 1.5rem 2rem;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-middle
  .planning-trajectory__arrow-group {
  margin-top: 28px;
}
.digilogs .pds-information #benefits .planning-trajectory__chart-logo {
  width: 170px;
  margin-bottom: 1rem;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #benefits .planning-trajectory__circle {
  border-radius: 99rem;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-green {
  background-color: #42afa5;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-blue {
  background-color: #104193;
}
.digilogs .pds-information #benefits .planning-trajectory__chart-right {
  display: flex;
  align-items: center;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart-right
  .planning-trajectory__arrow-group {
  margin-top: 78px;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-user {
  width: 150px;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-user-text {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.125rem;
  width: 105px;
}
.digilogs .pds-information #benefits .planning-trajectory__circle-user-img {
  width: 105px;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart
  .planning-trajectory__arrow {
  position: relative;
  width: 65px;
  height: 10px;
  display: flex;
  align-items: center;
  margin: 0 1rem;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart
  .planning-trajectory__arrow:before {
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  background-color: #000;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart
  .planning-trajectory__arrow:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #000;
  right: 0;
}
.digilogs
  .pds-information
  #benefits
  .planning-trajectory__chart
  .planning-trajectory__arrow-text {
  text-align: center;
  transform: translateY(-50px);
  font-size: 0.875rem;
  line-height: 1.2;
}
.digilogs.content--en
  .pds-information
  #benefits
  .planning-trajectory__chart
  .planning-trajectory__arrow-text {
  transform: translateY(-65px);
}
.digilogs .pds-information #benefits .planning-trajectory__text {
  width: 520px;
  margin: auto;
  color: #666464;
  text-align: center;
  margin-top: 2rem;
}
.digilogs.content--en .pds-information #benefits .planning-trajectory__text {
  width: 600px;
}
.digilogs .pds-information #support {
  background-color: #c5e0dd;
}
.digilogs .pds-information #support .support-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs .pds-information #support .support-title__text {
  display: flex;
  border: 2px solid #16987a;
  padding: 0.25rem;
  border-radius: 99rem;
  min-width: 400px;
}
.digilogs .pds-information #support .support-title__text span {
  background-color: #42afa5;
  color: #f4f4f4;
  font-size: 1.875rem;
  font-weight: 700;
  padding: 0.25rem;
  text-align: center;
  border-radius: 99rem;
  width: 100%;
  position: relative;
}
.digilogs .pds-information #support .support-chart {
  background-color: #e0e0e0;
  border-radius: 30px;
  padding: 30px 85px;
  margin: 3rem 0 2.5rem 0;
}
.digilogs .pds-information #support .support-chart__title {
  color: #666464;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
}
.digilogs .pds-information #support .support-chart__group {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.digilogs .pds-information #support .support-chart__block {
  border: 1px solid #1a1311;
  background-color: #f6f6f6;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 175px;
  height: 205px;
  animation-name: planAnimation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
.digilogs.content--en .pds-information #support .support-chart__block {
  width: 185px;
}
.digilogs .pds-information #support .support-chart__block01,
.digilogs
  .pds-information
  #support
  .support-chart__block01
  .support-chart__img
  svg,
.digilogs
  .pds-information
  #support
  .support-chart__block01
  .support-chart__img
  .cls-2,
.digilogs
  .pds-information
  #support
  .support-chart__block01
  .support-chart__img
  .path-color {
  animation-delay: -3s;
}
.digilogs .pds-information #support .support-chart__block02,
.digilogs
  .pds-information
  #support
  .support-chart__block02
  .support-chart__img
  svg,
.digilogs
  .pds-information
  #support
  .support-chart__block02
  .support-chart__img
  .cls-2,
.digilogs
  .pds-information
  #support
  .support-chart__block02
  .support-chart__img
  .path-color {
  animation-delay: -2s;
}
.digilogs .pds-information #support .support-chart__block03,
.digilogs
  .pds-information
  #support
  .support-chart__block03
  .support-chart__img
  svg,
.digilogs
  .pds-information
  #support
  .support-chart__block03
  .support-chart__img
  .cls-2,
.digilogs
  .pds-information
  #support
  .support-chart__block03
  .support-chart__img
  .path-color {
  animation-delay: -1s;
}
.digilogs .pds-information #support .support-chart__block04,
.digilogs
  .pds-information
  #support
  .support-chart__block04
  .support-chart__img
  svg,
.digilogs
  .pds-information
  #support
  .support-chart__block04
  .support-chart__img
  .cls-2,
.digilogs
  .pds-information
  #support
  .support-chart__block04
  .support-chart__img
  .path-color {
  animation-delay: 0s;
}
@keyframes planAnimation {
  0% {
    background-color: #89d3cc;
  }
  20% {
    background-color: #89d3cc;
  }
  40% {
    background-color: #fff;
  }
  60% {
    background-color: #fff;
  }
  80% {
    background-color: #fff;
  }
  100% {
    background-color: #fff;
  }
}
.digilogs .pds-information #support .support-chart__img {
  height: 85px;
  margin-bottom: 1rem;
  max-width: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digilogs
  .pds-information
  #support
  .support-chart__block
  .support-chart__img
  svg {
  transform: translateY(0);
  animation-name: chartImg;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes chartImg {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  40% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.digilogs
  .pds-information
  #support
  .support-chart__block
  .support-chart__img
  .cls-2 {
  fill: none;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: #104193;
  animation-name: chartImgStroke;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  opacity: 0;
}
@keyframes chartImgStroke {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.digilogs
  .pds-information
  #support
  .support-chart__block
  .support-chart__img
  .path-color {
  fill: #666464;
  animation-name: chartImgPath01;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes chartImgPath01 {
  0% {
    fill: #104193;
  }
  20% {
    fill: #104193;
  }
  40% {
    fill: #666464;
  }
  60% {
    fill: #666464;
  }
  80% {
    fill: #666464;
  }
  100% {
    fill: #666464;
  }
}
.digilogs .pds-information #support .support-chart__text {
  color: #1a1618;
  font-size: 1.125rem;
  text-align: center;
  font-weight: 700;
}
.digilogs.content--en .pds-information #support .support-chart__text {
  line-height: 1.2;
}
.digilogs .pds-information #support .support-chart__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 17px;
  border-color: transparent transparent transparent #5f5e5e;
  margin: auto 1rem;
}
.digilogs .pds-information #support .support-slogan {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}
.digilogs.content--en .pds-information #support .support-slogan {
  font-size: 2rem;
}
.digilogs .pds-information #support .support-slogan .support-slogan__orange {
  color: #eb5a24;
  padding: 0 1rem;
}
.digilogs.content--en
  .pds-information
  #support
  .support-slogan
  .support-slogan__orange {
  padding: 0;
}
.digilogs .pds-information #support .support-text {
  font-size: 1.25rem;
  margin: 0 auto 2.5rem auto;
  max-width: 850px;
}
.digilogs .pds-information #support .support-list {
  border-radius: 30px;
  background-color: #fff;
  padding: 40px 95px;
  display: flex;
  flex-wrap: wrap;
}
.digilogs .pds-information #support .support-list li {
  color: #666464;
  font-size: 1.25rem;
  position: relative;
  width: 25%;
  padding-left: 0.5rem;
  list-style: disc;
}
.pds-information #benefits {
  position: relative;
}
.pds-information #benefits .bg {
  background-color: #eeeeef;
}
.pds-information #benefits .info {
  position: relative;
}
.pds-information #benefits .bg-title {
  background: #fff;
  height: 100px;
  width: 50%;
  left: -20rem;
  z-index: 1;
  top: 1rem;
  position: absolute;
}
.pds-information #benefits .info-title {
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  height: 100px;
}
.pds-information #benefits .info-title img,
.pds-information #benefits .info-title span {
  z-index: 1;
}
.pds-information #benefits .info-title:after {
  content: '';
  display: block;
  height: 100px;
  width: 770px;
  background-image: url(../images/product-inner/title-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: -30rem;
}
.pds-information #benefits .info-body {
  display: grid;
  grid-template-columns: repeat(3, 100px);
  justify-content: center;
  margin-left: -38rem;
  padding: 1.5rem 0;
}
.digimars .pds-information #benefits .info-body {
  grid-template-columns: repeat(4, 100px);
}
.digilogs .pds-information #benefits .info-body {
  grid-template-columns: repeat(3, 100px);
}
.pds-information #benefits .info-body .benefit-group {
  width: 730px;
  height: 248px;
  background-image: url(../images/product-inner/rhex-bg06.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
.pds-information #benefits .info-body .benefit-group:nth-child(3n + 1) {
  grid-column-start: 3;
}
.pds-information #benefits .info-body .benefit-group:nth-child(3n + 2) {
  grid-column-start: 2;
}
.pds-information #benefits .info-body .benefit-group:nth-child(3n) {
  grid-column-start: 1;
}
.digimars
  .pds-information
  #benefits
  .info-body
  .benefit-group:nth-child(4n + 1) {
  grid-column-start: 4;
}
.digimars
  .pds-information
  #benefits
  .info-body
  .benefit-group:nth-child(4n + 2) {
  grid-column-start: 3;
}
.digimars
  .pds-information
  #benefits
  .info-body
  .benefit-group:nth-child(4n + 3) {
  grid-column-start: 2;
}
.digimars .pds-information #benefits .info-body .benefit-group:nth-child(4n) {
  grid-column-start: 1;
}
.digilogs .pds-information #benefits .info-body .benefit-group.benefit-group01 {
  grid-column-start: 1;
}
.digilogs .pds-information #benefits .info-body .benefit-group.benefit-group02 {
  grid-column-start: 2;
}
.digilogs .pds-information #benefits .info-body .benefit-group.benefit-group03 {
  grid-column-start: 3;
}
.pds-information #benefits .info-body .benefit-point {
  width: 240px;
  height: 218px;
  background-image: url(../images/product-inner/rhex-bg05.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: -1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.5rem;
  color: #fff;
  padding-bottom: 2rem;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  font-weight: 100;
}
.digimars .pds-information #benefits .info-body .benefit-point {
  background-image: url(../images/product-inner/rhex-bg09.png);
}
.digilogs .pds-information #benefits .info-body .benefit-point {
  background-image: url(../images/product-inner/rhex-bg11.png);
}
.pds-information #benefits .info-body .benefit-in {
  width: 100%;
  height: 100%;
  padding: 2rem 5rem 4.5rem 13rem;
}
.pds-information #benefits .info-body .benefit-subtitle {
  font-size: 1.5rem;
  color: #231815;
}
.pds-information #benefits .info-body .benefit-word {
  padding: 0.5rem 1rem;
  color: #9e9e9f;
  font-size: 1rem;
  overflow: hidden;
  max-height: 125px;
}
.digilogs .pds-information #case_study {
  background-color: #aaa;
}
.digilogs .pds-information #case_study .success-case-section {
  padding-top: 25px;
}
@media (min-width: 992px) {
  .digilogs .pds-information #case_study .success-case-section__sub-title {
    color: #104193;
  }
  .digilogs .pds-information #case_study .success-case-section::after {
    background-color: #546a90;
  }
  .pd-systalk .pds-information #case_study .success-case-section__sub-title {
    color: #ff6329;
  }
  .pd-systalk .pds-information #case_study .success-case-section::after {
    background-color: #55879b;
  }
  .pd-systalk .about-container__category--button-style {
    background-color: #1375c5;
    color: #fff;
  }
  .pd-systalk .about-container__category--button-style::after {
    border-color: #1375c5;
  }
}
.digilogs .pds-information .request-container__title {
  color: #42afa5;
}
.digilogs .pds-information .request-container__button {
  background: #42afa5;
}
.digilogs .pds-information .request-container__button:disabled {
  background-color: #ccc;
}
.pds-information #case_study {
  overflow: hidden;
}
.pds-information #case_study .info-title {
  justify-content: flex-start;
}
.pds-information #case_study .info-subtitle {
  height: 49px;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.875rem;
  margin-top: 2rem;
}
.pds-information #case_study .info-subtitle span {
  font-size: 1.5rem;
}
.digimars .pds-information #case_study .info-subtitle span {
  background-image: url(../images/product-inner/subtitle-bg02.png);
}
.digilogs .pds-information #case_study .info-subtitle span {
  background-image: url(../images/product-inner/subtitle-bg04.png);
}
.digimars .pds-information #case_study .pds-column:before,
.digimars .pds-information #case_study .pds-column:after {
  border-color: #41b057;
}
.digilogs .pds-information #case_study .pds-column:before,
.digilogs .pds-information #case_study .pds-column:after {
  border-color: #45bab3;
}
.pds-information #case_study .carousel {
  margin: 1rem 0 4rem 0;
}
.pds-information #case_study .carousel-title {
  font-size: 1.5rem;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  display: flex;
  align-items: center;
}
.pds-information #case_study .carousel-title:before {
  position: absolute;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: #ea5a23;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.pds-information #case_study .carousel-word {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  width: 100%;
}
.pds-information #case_study .carousel-word:last-child {
  margin-bottom: 0;
}
.digimars .pds-information #case_study .carousel-left,
.digimars .pds-information #case_study .carousel-right {
  background-color: #41b057;
}
.digilogs .pds-information #case_study .carousel-left,
.digilogs .pds-information #case_study .carousel-right {
  background-color: #45bab3;
}
.pds-information #customer {
  overflow: hidden;
  padding-bottom: 3rem;
}
.pds-information #customer .info-title {
  justify-content: flex-end;
  position: relative;
  padding-right: 4rem;
}
.pds-information #customer .info-title:after {
  content: '';
  background-image: url(../images/product-inner/title-bg02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 458px;
  height: 48px;
  position: absolute;
  content: '';
  top: 0;
  right: -5rem;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pds-information #customer .bg {
  background-image: url(../images/product-inner/customer-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 381px;
  width: 100%;
  height: 100%;
  right: -3rem;
}
.digimars .pds-information #customer .bg {
  background-image: url(../images/product-inner/customer-bg02.png);
}
.digilogs .pds-information #customer .bg {
  background-image: url(../images/product-inner/customer-bg03.png);
}
.pds-information #customer .carousel-item {
  height: 381px;
}
.pds-information #customer .person-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}
.pds-information #customer .person-img .rhex {
  margin: auto;
  bottom: 0;
  right: 0;
  top: -1rem;
}
.pds-information #customer .carousel-control-prev span,
.pds-information #customer .carousel-control-next span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pds-information #customer .carousel-control-prev {
  justify-content: flex-start;
  padding-left: 6rem;
}
.pds-information #customer .carousel-inner {
  width: 72%;
  margin: auto;
}
.pds-information #customer .person-group {
  display: flex;
  margin-right: 2rem;
}
.pds-information #customer .ts-word {
  max-height: 330px;
  overflow: auto;
}
.pds-information #customer .name-intr {
  display: flex;
  align-items: center;
  padding-bottom: 2.5rem;
}
.pds-information #customer .name-intr .intr-in {
  display: flex;
  align-items: flex-start;
  height: 120px;
  margin-right: 2rem;
}
.pds-information #customer .name-intr .name-group {
  border-color: #ea5a23;
}
.pds-information #customer .name-intr .name-group .name {
  line-height: 1;
}
.pds-information #customer .name-intr .name-group p {
  margin: 0;
  font-size: 1.2rem;
  color: #000;
}
.pds-information #customer .deco-line {
  position: absolute;
  background-image: url(../images/product-inner/deco-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: right center;
  height: 51px;
  width: 644px;
  right: 0;
  margin-top: 2rem;
}
.digimars .pds-information #customer .deco-line {
  background-image: url(../images/product-inner/deco-line02.png);
}
.digilogs .pds-information #customer .deco-line {
  background-image: url(../images/product-inner/deco-line03.png);
}
.pds-information #structure .bg {
  background-color: #eeeeef;
}
.pds-information #structure .info-title {
  justify-content: flex-start;
}
.pds-information #structure .video {
  width: 100%;
  padding: 3rem 6rem;
  position: unset;
}
.pds-information #structure .video-word {
  width: 100%;
  padding: 0 6rem;
}
.digimars .pds-information #apply {
  position: relative;
}
.digimars .pds-information #apply .bg {
  height: 100%;
}
.digimars .pds-information #apply .info {
  padding: 0 0 0 16rem;
}
.digimars .pds-information #apply .apply-title {
  font-size: 1.875rem;
  padding: 1rem 0 0.5rem 0;
}
.digimars .pds-information #apply .apply-title span {
  font-size: 2rem;
  font-weight: 700;
}
.digimars .pds-information #apply .apply-subtitle {
  background-image: url(../images/product-inner/subtitle-bg03.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 1.875rem;
  color: #fff;
  width: 525px;
  height: 49px;
  display: flex;
  align-items: center;
  padding: 0 0 0 3rem;
  margin-bottom: 3rem;
}
.digimars .pds-information #apply .apply-form {
  position: relative;
  width: 567px;
  border-radius: 20px;
  border: 3px solid #41b057;
  padding: 3rem 1rem;
  background: #fff;
  margin-bottom: 5rem;
}
.digimars .pds-information #apply .apply-form .apply-group {
  margin-bottom: 2rem;
}
.digimars .pds-information #apply .apply-form .apply-group.privacy {
  font-size: 0.625rem;
  display: flex;
  align-items: flex-start;
}
.digimars
  .pds-information
  #apply
  .apply-form
  .apply-group.privacy
  input[type='checkbox'] {
  border: 1px solid #41b057;
}
.digimars
  .pds-information
  #apply
  .apply-form
  .apply-group.privacy
  input[type='checkbox']:checked:before {
  border-color: #41b057;
}
.digimars
  .pds-information
  #apply
  .apply-form
  .apply-group.privacy
  .checkbox-container {
  padding-left: 0.5rem;
}
.digimars .pds-information #apply .apply-form input.form-control {
  border: 0;
  border-bottom: 1px solid #41b057;
  border-radius: 0;
  height: 38px;
}
.digimars .select2-container--default .select2-selection--single {
  border: 1px solid #41b057;
  height: 38px;
}
.digimars
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 38px;
}
.digimars
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  background-image: url(../images/product-inner/icon-select.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 21px;
  height: 21px;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  margin: auto;
  transition: all 0.3s;
}
.digimars .select2-container--open .select2-selection__arrow {
  transform: rotate(180deg);
}
.digimars
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.digimars .pds-information #apply .captcha {
  width: 300px;
  margin: auto;
}
.digimars .pds-information #apply .btn-install {
  background: #41b057;
  width: 100%;
  height: 38px;
  border-radius: 5px;
  color: #fff;
}
.digimars .pds-information #apply .apply-hint {
  font-size: 0.875rem;
  margin-top: 1rem;
  text-align: center;
}
.digimars .pds-information #apply .apply-hint a {
  color: #41b057;
}
.digimars .pds-information #apply .green {
  width: 258px;
  position: absolute;
  right: -13rem;
  bottom: -4rem;
}
#scroll-content .info .w-100 {
  max-width: 100% !important;
}
#customer .case.info {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
#customer .case.info h3 {
  font-size: 1rem;
  position: relative;
  padding-left: 20px;
  color: #fff;
}
#customer .case.info h3::before {
  content: '';
  width: 6px;
  height: 35px;
  top: -8px;
  left: 0;
  background-color: #fff;
  position: absolute;
}
#product-inner #customer .info p {
  max-width: 100%;
}
#customer .scroll-item p {
  color: #666;
}
#customer .carousel-control-prev,
#customer .carousel-control-next {
  align-items: unset;
}
#customer a span {
  filter: brightness(0) invert(1);
}
#cs_carousel {
  margin: 4rem auto;
}
#cs_carousel .person-img .rhex {
  width: 88px;
  height: 151px;
}
#cs_carousel .carousel-inner {
  max-width: 1100px;
  min-width: 1100px;
  width: 80%;
  margin: 0 auto;
}
#product-inner .carousel-control-prev span,
#product-inner .carousel-control-next span {
  min-width: 59px;
}
.pd-systalk .pds-information #case_study {
  background-color: #aaa;
}
.pd-systalk .systalk-quote {
  background: #6f7983;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pd-systalk .systalk-quote__text {
  position: relative;
  z-index: 3;
  color: #f4f4f4;
  font-size: 1.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd-systalk .systalk-quote.slide-animation::before,
.pd-systalk .systalk-quote.slide-animation::after {
  background-color: #1677c5;
}
.pd-systalk .testimony-section__remark::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDUtMjFUMTI6NDE6NDUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA1LTIxVDEyOjQyOjE1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA1LTIxVDEyOjQyOjE1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMGJjYjU0LWU1YTUtNDRhZC1hNzA5LWE1M2I3YWUyMDcxNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMzBiY2I1NC1lNWE1LTQ0YWQtYTcwOS1hNTNiN2FlMjA3MTYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzBiY2I1NC1lNWE1LTQ0YWQtYTcwOS1hNTNiN2FlMjA3MTYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMGJjYjU0LWU1YTUtNDRhZC1hNzA5LWE1M2I3YWUyMDcxNiIgc3RFdnQ6d2hlbj0iMjAyMS0wNS0yMVQxMjo0MTo0NSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iqO1eAAAAOJJREFUOI3t1DFOAzEUBNDHag+wFTVdSragT7gBnCBbUtLR5gZwA8IJSMQFQkFNaHMJkhNAkV1hrL9LRIfENLbnz4ztL8tHxzcvMtSYtmONJZpclKHBOPGclUnxBPeYZKbxQOBF66kyflQkp3wNQrsNcyNc47GnNupOPO8RPGAV8BPcBvwOd3gq7ftzGogusQh4mAXcW7vhFgrx9ZcDoZW477MuFEr7/uZ4T8w7rJNapIePxLMpxW1ofD2xZ99vVfUEL5L5VdEjGkJ9iOg3wQfhP/gPB5c4/0GzzdZz8f+RYvMJHmgiee0D5lQAAAAASUVORK5CYII=);
}
.pd-systalk .testimony-section__remark::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDUtMjFUMTI6NDM6NDQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA1LTIxVDEyOjQ0OjAxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA1LTIxVDEyOjQ0OjAxKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmVlMzFmMWJmLTk0NjUtNGZjZi04ZDg5LTk5ZTQxNDk0MTVmZCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplZTMxZjFiZi05NDY1LTRmY2YtOGQ4OS05OWU0MTQ5NDE1ZmQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZTMxZjFiZi05NDY1LTRmY2YtOGQ4OS05OWU0MTQ5NDE1ZmQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVlMzFmMWJmLTk0NjUtNGZjZi04ZDg5LTk5ZTQxNDk0MTVmZCIgc3RFdnQ6d2hlbj0iMjAyMS0wNS0yMVQxMjo0Mzo0NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yBfBBwAAAMZJREFUOI3tlLENwjAQRZ9RBqCiZgQyATABYgPYACpKMgYFEmwAbBAKOgpS0pEuZcp0UNiWLOviINf5kguf/z3f6WSr0e6RAXvCmgO5s/92+I+DDkO0enAPjgd/YsAZoMxa/glWzroL/rdf8UowSYlWY2AqxJ8WPEQ/64VgOrdAJ8BFiJdAnqD/AOlWgEIAz4CTqVbSBsLDKwzEVx2AroGrBefeYQls0a3WQvJLiN2AFKe7BDgYeIOeftVSjasUPZfK5DS+4Qca3SM5z9NQ5wAAAABJRU5ErkJggg==);
}
.pd-systalk .video-section {
  background: #ccc;
}
.pd-systalk .wave {
  background: #ebf6fb;
  height: 115px;
}
.pd-systalk .wave--reverse {
  background: #ebf6fb;
}
.pd-systalk .wave::before,
.pd-systalk .wave::after {
  width: 18px;
  background: #b8ddf8;
  animation-duration: 3s;
}
.pd-systalk .wave__mask {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVsAAABzCAYAAAA2R6ECAAAACXBIWXMAAAsSAAALEgHS3X78AAAFCElEQVR4nO3c0W0UVxQG4EvEO+4Ad+CVtgCgEiiBVECoAEoglSS8eyTTAXTgVJAojnljsXey5985ut8n+clr75316Oj6nDv/k+vr6z8HAKWejjFe+IgBaj31+ULcr2OMmyPfdDfG+OBP1ZdiC3k3+/3+qPbdsiz+TM39MvsHAJCg2AIEKLYAAXq2WV/GGG9XvOPHMcZV5wuH2Sm2WbfHDkbGf8OR2+bXDdPTRgAIUGwBAhRbgAA9W8j7uKIPf+Hv1JtiC3lOlkwoWWx/H2N8WvFzfxSshfN6teLd34wxXv/k+53yBmQjTFgPksX268pjTzWr4WxW3gcvH3hJp7wB2QgT1gMDMoAAPdusy2VZflvxjpedLxpQbNOejzHezXXJwNBGAMiws83qFETj9EgvQo42TrHN6hRE4/RIL0KONk4bASBAsQUISLYR3jziYDoTWJbl6H93H3H8rVPegGyECetBstg+v/+CFwWfQKchj4HUhPVAGwEg4Ic72/1+/+TYt75/MupnB/bf7/f7o5+eWpbl74deU7TeNrpdf9F6X63IG3j5iKNqn/f7/dH/7t63Sg7t4KvWWkI9OA07W4AAxRYgwEMNWbuVk/jdGdbq9Egvne6tKSm2Wc+KJvEVnB7ppdO9NSVtBIAAO9usisl2lbJpMSU63VtTsrMFCFBsAQIUW4CAH/Zsi4JCyo4SFa23jW7X3yyIpuJIVasgGvXgNA4NyCoa5pVHiWZv8He7/k5BNBVHqroF0agHJ6CNABAgiOawNmEhgmjuCKIpoh7c+d/rtbMFCFBsAQI8QZYliIYqgmg2TrHNEkRDFUE0G6eNABBgZ5sliIYqgmg2zs4WIECxBQhQbAECnlxfX+ux5ejZUkXPduPsbAECZCMcJhuhiGwE2QiyEQAoodgCBCi2AAGeIMt60Wha/25ZlrP0dFml0701JTtbgAA72yznbKninO3G2dkCBCi2AAGKLUCAbIQsPVuq6NlunJ0tQIBiCxAgiOYwQTRFBNEIohFEA0AJxRYgwBNkWbIRqCIbYePsbAECFFuAAG2ErL/GGDcr3nE3xngWXuu3McbXFT/ngPx5dLq3pqTYZt00esrnkyfIWul0b01JGwEgQLEFCBBEkyWIhiqCaDbOzhYg4NCA7POKt74cYzz/yfcrp9sV6+2k2/VXrPfLGOP2yN95Mca4euA1FVP+qrVWUQ9O4FAQzZp/Rx4Kciibbhett41u11+03rdF4S4VU/6qtZZQD05DGwEgQLEFCPBQQ9bF/b+Dx7o4w1ovV66V8+h0b01Jsc26OlffbYXX91/00OnempI2AkCAnW2WIBqqCKLZOMU2SxANVQTRbJw2AkDAD3e2K6ealw99v2q6XbTeNrpdf9F6d8uyHPs7d494TcWUv2qtJdSD0zjURqiYalZOt2efwna7/or1fij4naNoyl+11irqwQloIwAEJAdkptt81ymIpkK3IJoK09WDZLE13eZOsyCaCq2CaIpMVw+0EQACFFuAAA81ZAmioYogmo1TbLME0VBFEM3GKbZZnl+HSSm2WZ5fh0kZkAEEKLYAAck2guk2d5oF0VRoFURTZLp6kCy2ptt81ymIpkK3IJoK09UDAzLIk40wIcUW8mQjTMiADCBAsQUI0EbI8vw6TEqxzfL8OkxKGwEgQLEFCFBsAQIUW4AAAzLIk40wIcUW8mQjTOjfYvt+9g8BoNQY4x8oIu6q5eiD0AAAAABJRU5ErkJggg==);
  height: 103%;
  top: -2px;
  background-size: cover;
}
.pd-systalk .video-section__wrapper {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDoAAAJxCAIAAAAsAEV7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTItMDFUMDg6MzI6MDYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTEyLTAxVDE2OjM0OjQ1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTEyLTAxVDE2OjM0OjQ1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmUxMGJjOWQyLTM2ZTgtNDAwNi05NDU3LTE4NjMxMjU1ZTA4NyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ4NjUyNjNlLWYyMGEtNjA0OS1iYTcxLTI0YmE1ZGQwNDJlNSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQ3MTdlM2UyLTIzZTktNGIzOC04NWEyLTA1NzEwNTZhZGQ1OSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDcxN2UzZTItMjNlOS00YjM4LTg1YTItMDU3MTA1NmFkZDU5IiBzdEV2dDp3aGVuPSIyMDIwLTEyLTAxVDA4OjMyOjA2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTEwYmM5ZDItMzZlOC00MDA2LTk0NTctMTg2MzEyNTVlMDg3IiBzdEV2dDp3aGVuPSIyMDIwLTEyLTAxVDE2OjM0OjQ1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sZFngAAAuuUlEQVR4nO396W4bWZqGa78rGMEpyJAtmVDaEAwDLuizIQgeBMH0UX6/NvbZpZWys05BJJKxYv/IGjornelJEqfrAhroAegmqitt3VzrWUr////n//2wKG5yCgAAgE1SDov4/43zp2Xx4Sa1IVoAAIBNUfz+H08H+f1Be1zldX8eAACAfyn+85/1U5zV+WKyanrdGj8QAADA74r/+a8PyriYtmd1Hvzv/wQAAOBelX/+b6WI4yo/KvPHZXG1SNmgBQAAWIe/PEPppXg2zPOmnRm0AAAA6/CFK1/DIs7r/GaymhQGLQAAwL36qoXKwzIum/blOPfdCwMAAO7LZ7Yrn5UiHvfzrMo/3xSflimScAEAAO7Wt73/VaY4Hed3TXtYGrQAAAB363ueK6578XqSX9Xt2KAFAAC4M197GezPjqrusMq/LuPDovebbAEAAG7bD/0yyBTdyaCbN6sn/RydZAEAAG7TLfzu+irFi3G+bNoHPcUCAADcmlvIld9Ne/F22p7XeWjQAgAA3Ibv36581qzKR1V8WhYfblIbHjsGAAC+362drvzf/41PB/n9QXtceewYAAD4frefK7/rpzir88Vk1Ri0AAAA3+WucuV3B2VcTNuzOg/u9v8OAACwg255u/JnKeK4yo/K/HFZXC1SNmgBAAC+zj2devRSPBvmedPODFoAAICvc6+XtIZFnNf5zWQ18dgxAADwJWvYlDws47JpX45z370wAADgr935duWzUsTjfp5V+eeb4tMyRRIuAADA/1rni11litNxfte0h6VBCwAA8L/W/8Bw3YvXk/yqbscGLQAAwP+xnstgf3ZUdYdV/nUZHxa932QLAACwCacr/5GiOxl082b1pJ+jkywAALDvNihXfleleDHOl037oKdYAABgr21crvxu2ou30/a8zkODFgAA2Febsl35rFmVj6r4tCw+3KQ2PHYMAAD7ZUNPV/6jiHg6yO8P2uPKY8cAALBfNj1XftdPcVbni8mqMWgBAIC9sR258ruDMi6m7VmdB9v0qQEAgO+00duVP0sRx1V+VOarRXG9TJ1BCwAA7K6tPKfopXg+yvMmzwxaAABgd21lrvxuVHTndX4zWU08dgwAALtoi3Pldw/LuGzal+Pcdy8MAAB2y5ZtVz4rRTzu51mVf74pPi1TJOECAAC7YOtPV/6jTHE6zu+a9rA0aAEAgF2wO7nyu7oXryf5Vd2ODVoAAGDL7cJlsD87qrrDKv+6jA+L3m+yBQAAttOuna78R4ruZNDNm9WTfo5OsgAAwPbZ2Vz5XZXixThfNu2DnmIBAIAts+O58rtpL95O2/M6Dw1aAABge+zmduWzZlU+quJ6UVwtUg6PHQMAwKbbi9OV/yging3zvGmPK48dAwDAptuvXPndsIizOl9MVo1BCwAAbLB9zJXfHZRxMW3P6jzY338NAABgo+3RduXPUsRxlR+V+WpRXC9TZ9ACAACbxMlC9FI8H+V5k2cGLQAAsEnkyr+Miu68zm8mq4nHjgEAYDPIlT94WMZl074c5757YQAAsG57vV35rBTxuJ9nVf75pvi0TJGECwAArIfTlc8rU5yO87umPSwNWgAAYD3kyt+pe/F6kl/V7digBQAA7p3LYF92VHWHVf64TB9uUuuxYwAAuC9y5auk6J4Oup/68fNN8U+DFgAAuBcug32DfooX43zZtA967oYBAMCdkyvfbNqLt9P2vM5DgxYAALhLLoN9p1mVj6q4XhRXi5QNWgAA4A44Xfl+RcSzYZ437XHlsWMAALh9cuVHDYs4q/PFZNUYtAAAwK2SK7fjoIyLaXtW54F/RQEA4JbYrtyaFHFc5UdlvloU18vUGbQAAMCPcRZwy3opno/yvMkzgxYAAPgxcuVOjIruvM5vJquJx44BAOB7yZU79LCMy6Z9Oc5998IAAODb2a7crRTxuJ9nVf75pvi0TJGECwAAfC2nK/ehTHE6zu+a9rA0aAEAgK8lV+5P3YvXk/yqbscGLQAA8BVcBrtvR1V3WOWPy/ThJrUeOwYAgL8mV9YgRfd00P3Uj59vin8atAAAwF9wGWxt+ilejPNl0z7ouRsGAACfIVfWbNqLt9P2vM5DgxYAAPgjl8E2wqzKR1VcL4qrRcoGLQAAEBFOVzZHEfFsmOdNe1x57BgAACLkyqYZFnFW54vJqjFoAQBg78mVTXRQxsW0PavzwP9/AADYY7YrGypFHFf5UZmvFsX1MnUGLQAA7B/f3m+0Xornozxv8sygBQCA/SNXtsCo6M7r/GaymnjsGACAfSJXtsbDMi6b9nTUVu6FAQCwH+TKNkkRJ4Nu3qxO+jk6Jy0AAOw4ubJ9qhSn4/yuaQ9LgxYAAHaZXNlWdS9eT/Kruh0btAAAsKM8ZLzdjqrusMofl+nDTWo9dgwAwG6RK1svRfd00P3Uj59vin8uUyTRAgDAjnAZbEf0U7wY58umfdBzNwwAgB0hV3bKtBdvp+15nYcGLQAAbD+XwXbQrMpHVVwviqtFygYtAABsLacru6mIeDbM86Y9rjx2DADAtpIru2xYxFmdLyarxqAFAIAtJFd230EZF9P25Tj33QsDAGCr2K7shRTxuJ9nVf5lUVwvU2fQAgDANnC6skfKFM9Hed7kmUELAADbQK7snVHRndf5zWQ18dgxAACbTa7sqYdlXDbt6ait3AsDAGBTyZX9lSJOBt28WZ30c3ROWgAA2DhyZd9VKU7H+V3THpYGLQAAbBa5QkRE3YvXk/yqbscGLQAAbAwPGfNfR1V3WOWPy/ThJrUeOwYAYN3kCn+Qons66H7qx883xT+XKZJoAQBgbVwG4zP6KV6M82XTPui5GwYAwNrIFf7StBdvp+1ZnQf+bQIAwDq4DMYXHFf5UZk/LourRcoGLQAA3CNfm/NlvRTPhnnetMeVx44BALg/coWvNSzirM4Xk1Vj0AIAwL2QK3ybgzIupu3Lce67FwYAwB2zXeGbpYjH/Tyr8i+L4nqZOoMWAADuhtMVvlOZ4vkoz5s8M2gBAOBuyBV+yKjozuv8ZrKaFAYtAADcMrnCLXhYxmXTno7ayr0wAABuj1zhdqSIk0E3b1Yn/RydkxYAAG6BXOE2VSlOx/ld0x6WBi0AAPwoucLtq3vxepJf1e3YoAUAgB/gIWPuylHVHVb54zJ9uEmtx44BAPh2coU7lKJ7Ouh+6sfPN8U/lymSaAEA4Bu4DMad66d4Mc6XTfug524YAADfQK5wT6a9eDttz+o88G86AAC+jstg3KvjKj8q88dlcbVI2aAFAIC/5Ytu7lsvxbNhnjftceWxYwAA/o5cYT2GRZzV+WKyagxaAAD4C3KFdToo42LavhznvnthAAD8ie0Ka5YiHvfzrMq/LIrrZeoMWgAA+DenK2yEMsXzUZ43eWbQAgDAv8kVNsio6M7r/GaymhQGLQAAyBU2z8MyLpv2dNRW7oUBAOw3ucImShEng27erE76OTonLQAAe0qusLmqFKfj/K5pD0uDFgCAfSRX2HR1L15P8qu6HRq0AADsGbnCdjiqunnT/mOUeyFaAAD2hVxhaxQRTwf5/UH7xKAFAGA/yBW2TD/Fi3G+bNoHPcUCALDj5ApbadqLt9P2rM4D/xYGANhd5bo/AHy/4yo/KvPHZXG1SDn8lhYAgF3jq2m2Wy/Fs2GeN+1x5bFjAIBdI1fYBcMizup8MVk1Bi0AADtErrA7Dsq4mLYvx7nvXhgAwE6wXWGnpIjH/Tyr8i+L4nqZOoMWAIBt5nSFHVSmeD7K8ybPDFoAALaZXGFnjYruvM5vJqtxYdACALCV5Ao77mEZ75p8Omor98IAALaNXGH3pehOBt28WZ30c3ROWgAAtoZcYV9UKU7H+V3THpYGLQAA20GusF/qXrye5Fd1OzRoAQDYeHKFfXRUdfOm/cco90K0AABsLrnCnioing7y+4P2iUELAMCmkivstX6KF+N82bQPeooFAGDjyBWIaS/eTtuzOg/8AwEAsEnKdX8A2BTHVX5U5o/L4mqRcvgtLQAA6+fLZPivXopnwzxv2uPKY8cAAOsnV+B/DYs4q/PFZDXx2DEAwFrJFfi8gzIum/blOPfdCwMAWBPbFfhLKeJxP8+q/MuiuF6mzqAFAOB+OV2BLyhTPB/leZNnBi0AAPdLrsBXGRXdeZ3fTFZjgxYAgPsiV+AbPCzjXZNPR23lXhgAwN2TK/BtUnQng27erE76OTonLQAAd0iuwPeoUpyO87umPSwNWgAA7opcge9X9+L1JL+q26FBCwDAHZAr8KOOqm7etP8Y5V6IFgCA2yRX4BYUEU8H+f1B+8SgBQDg9sgVuDX9FC/G+bJpH/QUCwDALZArcMumvXg7bc/qPPCPFwDAjynX/QFgNx1X+VGZPy6Lq0XK4be0AAB8D1//wl3ppXg2zPOmPa48dgwA8D3kCtytYRFndb6YrCYeOwYA+EZyBe7DQRmXTftynPvuhQEAfDXbFbgnKeJxP8+q/MuiuF6mzqAFAOBLnK7AvSpTPB/leZNnBi0AAF8iV2ANRkV3Xuc3k9XYoAUA4K/JFVibh2W8a/LpqK3cCwMA+By5AuuUojsZdPNmddLP0TlpAQD4A7kC61elOB3nd017WBq0AAD8l1yBTVH34vUkv6rboUELAEBEyBXYNEdVN2/af4xyL0QLALDv5ApsnCLi6SC/P2ifGLQAAPtNrsCG6qd4Mc6XTdv0FAsAsKfkCmy0aS8upu1ZnQf+YQUA9k+57g8AfEGKOK7yozJ/XBZXi5TDb2kBAPaFL2xhO/RSPBvmedMeVx47BgD2hVyBbTIs4qzOF5PVxGPHAMAekCuwfQ7KuGzal+Pcdy8MANhptiuwlVLE436eVfmXRXG9TJ1BCwCwi5yuwBYrUzwf5XmTZwYtAMAukiuw9UZFd17nN5PV2KAFANgtcgV2xMMy3jX5dNRW7oUBALtCrsDuSNGdDLp5szrp5+ictAAAW0+uwK6pUpyO87umfdBTLADAdpMrsJvqXrydtud1Hhq0AABby0PGsMtmVT6q4tOy+HCTWo8dAwDbxukK7Lgi4ukgvz9onxi0AADbRq7AXuineDHOl03bGLQAANtDrsAemfbiYtqe1XngH30AYBvYrsB+SRHHVX5U5o/L4mqRskELALDBfMUK+6iX4tkwz5v2uMrr/iwAAH9JrsD+GhZxVueLyWrisWMAYCPJFdh3B2VcNu3Lce67FwYAbBjbFSBSxON+nlX5l0VxvUydQQsAsBmcrgD/UqZ4PsrzJs8MWgCAzSBXgD8YFd15nd9MVmODFgBg3eQK8BkPy3jX5NNRW7kXBgCsj1wBPi9FdzLo5s3qpJ+jc9ICAKyBXAH+TpXidJzfNe2DnmIBAO6bXAG+rO7F22l7XuehQQsAcI88ZAx8rVmVj6r4tCw+3KTWY8cAwN1zugJ8gyLi6SC/P2ifGLQAAHdPrgDfrJ/ixThfNm1j0AIA3CW5AnynaS8upu1ZnQf+IAEA7obtCvD9UsRxlR+V+eOyuFqkbNACANwqX4oCP6qX4tkwz5v2uMrr/iwAwE6RK8DtGBZxVueLyWrisWMA4JbIFeA2HZRx2bQvx7nvXhgA8MNsV4BbliIe9/Osyr8siutl6gxaAIDv5XQFuBNliuejPJ+2h6VBCwDwneQKcIdGvXg9ya/qdmzQAgB8O5fBgDt3VHWHVf51GR8Wvd9kCwDw1ZyuAPchRXcy6ObN6qSfo5MsAMBXkSvA/alSnI7zu6Z90FMsAMCXyRXgvtW9eDttz+s8NGgBAP6W7QqwHrMqH1XxaVl8uEmtx44BgM9xugKsTRHxdJDfH7RPDFoAgM+RK8Ca9VO8GOfLpm0MWgCAP5IrwEaY9uJi2p7VeeCPJQDg32xXgE2RIo6r/KjMH5fF1SJlgxYA2Hu+xgQ2Sy/Fs2GeN+2syuv+LADAmskVYBMNiziv85vJauKxYwDYY3IF2FwPy7hs2pfj3HcvDAD2ku0KsNFSxON+nlX5l0VxvUydQQsA7BOnK8AWKFM8H+X5tD0sDVoAYI/IFWBrjHrxepJf1e3YoAUA9oPLYMCWOaq6wyr/uowPi95vsgUAdprTFWD7pOhOBt28WZ30c3SSBQB2llwBtlWV4nSc3zXtg55iAYDdJFeA7Vb34u20Pa/z0KAFAHaO7QqwC2ZVPqri07L4cJNajx0DwK5wugLsiCLi6SC/P2iPK48dA8COkCvATumnOKvzxWTVGLQAwPaTK8AOOijjYtqe1XngDzkA2Ga2K8BuShHHVX5U5o/L4mqRskELAGwhXzwCu6yX4tkwz5t2ZtACAFtIrgC7b1jEeZ3fTFYTjx0DwFaRK8C+eFjGZdO+HOe+e2EAsCVsV4A9kiIe9/Osyr8siutl6gxaAGCzOV0B9k6Z4vkoz6ftYWnQAgAbTa4Ae2rUi9eT/KpuxwYtALCpXAYD9tpR1R1W+ddlfFj0fpMtALBhnK4A+y5FdzLo5s3qpJ+jkywAsEHkCkBERJXidJzfNe2DnmIBgE0hVwD+q+7F22l7XuehQQsAbADbFYD/NavyURWflsWHm9R67BgA1sfpCsBnFBFPB/n9QXtceewYANZGrgD8pX6KszpfTFaNQQsArINcAfiCgzIupu1ZnQf+yASA+2W7AvBlKeK4yo/K/HFZXC1SNmgBgHvhq0KAr9VL8WyY5007M2gBgHshVwC+zbCI8zq/mawmHjsGgDsmVwC+x8MyLpv25Tj33QsDgDtjuwLwnVLE436eVfmXRXG9TJ1BCwDcNqcrAD+kTPF8lOfT9rA0aAGAWyZXAG7BqBevJ/lV3Y4NWgDg9rgMBnBrjqrusMq/LuPDovebbAGAH+Z0BeA2pehOBt28WT3p5+gkCwD8ELkCcPuqFC/G+bJpH/QUCwB8P7kCcFemvXg7bc/rPDRoAYDvYrsCcLdmVT6q4tOy+HCTWo8dA8C3cLoCcOeKiKeD/P6gPa48dgwA30CuANyTfoqzOl9MVo1BCwB8HbkCcK8OyriYtmd1HvgDGAC+xHYF4L6liOMqPyrzx2VxtUjZoAUA/oIv9wDWo5fi2TDPm3Zm0AIAf0GuAKzTsIjzOr+ZrCYeOwaAP5ErAOv3sIzLpn05zn33wgDg/7BdAdgIKeJxP8+q/PNN8WmZIgkXAHC6ArBJyhSn4/yuaQ9LgxYAkCsAm6fuxetJflW3Y4MWAPaby2AAG+qo6g6r/OsyPix6v8kWAPaS0xWAzZWiOxl082b1pJ+jkywA7B25ArDpqhQvxvmyaR/0FAsA+0WuAGyHaS/eTtvzOg8NWgDYG7YrANtkVuWjKj4tiw83qQ2PHQOw45yuAGyZIuLpIL8/aI8rjx0DsOPkCsBW6qc4q/PFZNUYtACwu+QKwBY7KONi2p7VeeCPcwB2ke0KwHZLEcdVflTmq0VxvUydQQsAO8TXcQC7oJfi+SjPmzwzaAFgh8gVgN0xKrrzOr+ZrCYeOwZgJ8gVgF3zsIzLpn05zn33wgDYcrYrADsoRTzu51mVf74pPi1TJOECwFZyugKws8oUp+P8rmkPS4MWALaSXAHYcXUvXk/yq7odG7QAsG1cBgPYC0dVd1jlX5fxYdH7TbYAsCWcrgDsixTdyaCbN6sn/RydZAFgC8gVgP1SpXgxzpdN+6CnWADYdHIFYB9Ne/F22p7XeWjQAsAGs10B2F+zKh9V8WlZfLhJbXjsGICN43QFYK8VEU8H+f1Be1x57BiAjSNXAIh+irM6X0xWjUELAJtErgDwLwdlXEzbszoP/OUAwGawXQHgv1LEcZUflflqUVwvU2fQAsBa+QINgP/VS/F8lOdNnhm0ALBWcgWAzxsV3Xmd30xWE48dA7AmcgWAv/OwjMumfTnOfffCALh3tisAfEGKeNzPsyr/fFN8WqZIwgWAe+J0BYCvUqY4Hed3TXtYGrQAcE/kCgDfoO7F60l+VbdjgxYA7p7LYAB8s6OqO6zyr8v4sOj9JlsAuDNOVwD4Him6k0E3b1ZP+jk6yQLAnZArAHy/KsWLcb5s2gc9xQLA7ZMrAPyoaS/eTtvzOg8NWgC4VbYrANyOWZWPqrheFFeLlMNjxwDcAqcrANyaIuLZMM+b9rjy2DEAt0CuAHDLhkWc1flismoMWgD4MXIFgDtxUMbFtD2r88BfNQB8L9sVAO5Kijiu8qMyXy2K62XqDFoA+Ea+8gLgbvVSPB/leZNnBi0AfCO5AsB9GBXdeZ3fTFYTjx0D8NXkCgD352EZl037cpz77oUB8BVsVwC4VynicT/PqvzzTfFpmSIJFwD+ktMVANagTHE6zu+a9rA0aAHgL8kVANam7sXrSX5Vt2ODFgA+x2UwANbsqOoOq/xxmT7cpNZjxwD8H3IFgPVL0T0ddD/14+eb4p8GLQD8m8tgAGyKfooX43zZtA967oYBECFXANg00168nbbndR4atADsPZfBANhEsyofVXG9KK4WKRu0AOwrpysAbKgi4tkwz5v2uPLYMcCekisAbLRhEWd1vpisGoMWgP0jVwDYAgdlXEzbszoP/MUFsE9sVwDYDiniuMqPyny1KK6XqTNoAdgDvqQCYJv0Ujwf5XmTZwYtAHtArgCwfUZFd17nN5PVxGPHADtNrgCwrR6Wcdm0p6O2ci8MYEfJFQC2WIo4GXTzZnXSz9E5aQHYNXIFgK1XpTgd53dNe1gatADsFLkCwI6oe/F6kl/V7digBWBXeMgYgJ1yVHWHVf64TB9uUuuxY4AtJ1cA2DUpuqeD7qd+/HxT/HOZIokWgG3lMhgAu6mf4sU4Xzbtg567YQDbSq4AsMumvXg7bc/rPDRoAdhCLoMBsPtmVT6q4npRXC1SNmgB2B5OVwDYC0XEs2GeN+1x5bFjgK0hVwDYI8Mizup8MVk1Bi0A20CuALB3Dsq4mLZndR74axBgs9muALCPUsRxlR+V+WpRXC9TZ9ACsJF8rQTA/uqleD7K8ybPDFoANpJcAWDfjYruvM5vJquJx44BNoxcAYCIiIdlXDbt6ait3AsD2BhyBQD+JUWcDLp5szrp5+ictACsn1wBgD+oUpyO87umPSwNWgDWTK4AwGfUvXg9ya/qdmzQArA+HjIGgL90VHWHVf64TB9uUuuxY4B7J1cA4O+k6J4Oup/68fNN8c9liiRaAO6Py2AA8GX9FC/G+bJpH/TcDQO4P3IFAL7WtBdvp+15nYcGLQD3wmUwAPg2syofVXG9KK4WKRu0ANwlpysA8M2KiGfDPG/a48pjxwB3SK4AwHcaFnFW54vJqjFoAbgbcgUAfshBGRfT9uU4990LA7httisA8KNSxON+nlX5l0VxvUydQQvALXG6AgC3o0zxfJTnTZ4ZtADcErkCALdpVHTndX4zWU08dgzww+QKANy+h2VcNu3pqK3cCwP4AXIFAO5EijgZdPNmddLP0TlpAfgecgUA7lCV4nSc3zXtYWnQAvDN5AoA3Lm6F68n+VXdjg1aAL6Fh4wB4J4cVd1hlT8u04eb1HrsGOAryBUAuD8puqeD7qd+/HxT/HOZIokWgL/jMhgA3Ld+ihfjfNm0D3ruhgH8HbkCAOsx7cXbaXtW54G/jQH+gstgALBOx1V+VOaPy+JqkbJBC8Af+T4HANasl+LZMM+b9rjy2DHAH8gVANgIwyLO6nwxWTUGLQD/JlcAYIMclHExbV+Oc9+9MADbFQDYNCnicT/PqvzLorheps6gBdhjTlcAYBOVKZ6P8rzJM4MWYI/JFQDYXKOiO6/zm8lqUhi0APtIrgDApntYxmXTno7ayr0wYM/IFQDYAiniZNDNm9VJP0fnpAXYF3IFALZGleJ0nN817WFp0ALsBbkCAFum7sXrSX5Vt0ODFmDXyRUA2EpHVTdv2n+Mci9EC7Cz5AoAbKsi4ukgvz9onxi0ADtKrgDAduuneDHOl037oKdYgF0jVwBgF0x78XbantV54O92YIeU6/4AAMCtOa7yozJ/XBZXi5TDb2kBtp5vYABgp/RSPBvmedMeVx47BraeXAGAHTQs4qzOF5NVY9ACbDO5AgA766CMi2n7cpz77oUB28l2BQB2WYp43M+zKv+yKK6XqTNoAbaK0xUA2H1liuejPG/yzKAF2CpyBQD2xajozuv8ZrKaFAYtwHaQKwCwXx6Wcdm0p6O2ci8M2HhyBQD2Too4GXTzZnXSz9E5aQE2l1wBgD1VpTgd53dNe1gatAAbSq4AwF6re/F6kl/V7dCgBdg8cgUAiKOqmzftP0a5F6IF2CByBQCIiCging7y+4P2iUELsDHkCgDwX/0UL8b5smkf9BQLsH5yBQD4X9NevJ22Z3Ue+EkBWKty3R8AANhQx1V+VOaPy+JqkXL4LS3AGvjOBAD4S70Uz4Z53rTHlceOgTWQKwDAFwyLOKvzxWTVGLQA90uuAABf5aCMi2n7cpz77oUB98V2BQD4WinicT/PqvzLorheps6gBbhjTlcAgG9Tpng+yvMmzwxagDsmVwCA7zEquvM6v5msxoVBC3BX5AoA8P0elvGuyaejtnIvDLgDcgUA+CEpupNBN29WJ/0cnZMW4DbJFQDgFlQpTsf5XdMelgYtwK2RKwDAral78XqSX9Xt0KAFuA1yBQC4ZUdVN2/af4xyL0QL8EPkCgBw+4qIp4P8/qB9YtAC/AC5AgDclX6KF+N82bQPeooF+B5yBQC4W9NevJ22Z3Ue+LkD+Ebluj8AALAXjqv8qMwfl8XVIuXwW1qAr+JbDgDgnvRSPBvmedMeVx47Br6KXAEA7tWwiLM6X0xWE48dA18iVwCANTgo47JpX45z370w4K/ZrgAA65EiHvfzrMq/LIrrZeoMWoA/cboCAKxTmeL5KM+bPDNoAf5ErgAA6zcquvM6v5msxgYtwP8hVwCATfGwjHdNPh21lXthQETIFQBgo6ToTgbdvFmd9HN0Tlpg38kVAGDjVClOx/ld0x6WBi2w1+QKALCh6l68nuRXdTs0aIF9JVcAgI12VHXzpv3HKPdCtMDekSsAwKYrIp4O8vuD9olBC+wZuQIAbId+ihfjfNm0TU+xwL6QKwDANpn24mLantV54KcY2APluj8AAMC3SRHHVX5U5o/L4mqRcvgtLbCzfC8BAGylXopnwzxv2uPKY8ews+QKALDFhkWc1flispp47Bh2kVwBALbeQRmXTftynPvuhcFusV0BAHZBinjcz7Mq/7IorpepM2iBneB0BQDYHWWK56M8b/LMoAV2glwBAHbNqOjO6/xmshobtMCWkysAwG56WMa7Jp+O2sq9MNhacgUA2FkpupNBN29WJ/0cnZMW2D5yBQDYcVWK03F+17SHpUELbBm5AgDshboXryf5Vd0ODVpge8gVAGCPHFXdvGn/Mcq9EC2wBeQKALBfioing/z+oH1i0AIbT64AAPuon+LFOF82bdNTLLC55AoAsL+mvbiYtmd1HviZCDZSue4PAACwTiniuMqPyvxxWVwtUg6/pQU2iG8SAACil+LZMM+b9rjy2DFsELkCAPAvwyLO6nwxWU08dgybQa4AAPzBQRmXTftynPvuhcG62a4AAPyvFPG4n2dV/mVRXC9TZ9ACa+J0BQDg88oUz0d53uSZQQusiVwBAPg7o6I7r/ObyWps0AL3Tq4AAHzZwzLeNfl01FbuhcE9kisAAF8lRXcy6ObN6qSfo3PSAvdBrgAAfIMqxek4v2vaBz3FAndOrgAAfLO6F2+n7XmdhwYtcJc8ZAwA8J1mVT6q4tOy+HCTWo8dwx1wugIA8P2KiKeD/P6gfWLQAndArgAA/Kh+ihfjfNm0jUEL3Cq5AgBwO6a9uJi2Z3Ue+AkLbontCgDArUkRx1V+VOaPy+JqkbJBC/wY7Q8AcMt6KZ4N87xpj6u87s8C202uAADciWERZ3W+mKwmHjuG7yVXAADu0EEZl037cpz77oXBt7NdAQC4WynicT/PqvzLorheps6gBb6a0xUAgPtQpng+yvNpe1gatMDXkisAAPdn1IvXk/yqbscGLfAVXAYDALhvR1V3WOVfl/Fh0ftNtsBfc7oCALAGKbqTQTdvVif9HJ1kgc+TKwAAa1OlOB3nd037oKdY4DPkCgDAmtW9eDttz+s8NGiBP7JdAQDYCLMqH1XxaVl8uEmtx44hIpyuAABsjiLi6SC/P2ifGLRARMgVAIBN00/xYpwvm7YxaGHvyRUAgE007cXFtD2r88DPa+wx2xUAgA2VIo6r/KjMH5fF1SJlgxb2j1oHANhovRTPhnnetMdVXvdngfsmVwAAtsCwiLM6X0xWE48ds0/kCgDA1jgo47JpX45z370w9oPtCgDANkkRj/t5VuVfFsX1MnUGLew0pysAANunTPF8lOfT9rA0aGGXyRUAgG016sXrSX5Vt2ODFnaUy2AAANvtqOoOq/zrMj4ser/JFnaL0xUAgK2XojsZdPNmddLP0UkWdodcAQDYEVWK03F+17QPeoqFHSFXAAB2St2Lt9P2vM5Dgxa2n+0KAMAOmlX5qIpPy+LDTWo9dszWcroCALCbioing/z+oH1i0MLWkisAALusn+LFOF82bWPQwhaSKwAAu2/ai4tpe1bngZ/+2Cq2KwAAeyFFHFf5UZk/LourRcoGLWwDfQ0AsEd6KZ4N87xpZ1Ve92eBL5MrAAB7Z1jEeZ3fTFYTjx2z2eQKAMCeeljGZdO+HOe+e2FsKtsVAID9lSIe9/Osyr8siutl6gxa2DBOVwAA9l2Z4vkoz6ftYWnQwmaRKwAARESMevF6kl/V7dighY3hMhgAAP91VHWHVf51GR8Wvd9kC+vmdAUAgD9I0Z0MunmzOunn6CQL6yRXAAD4jCrF6Ti/a9oHPcXC2sgVAAD+Ut2Lt9P2vM5DgxbWwXYFAIAvmFX5qIpPy+LDTWo9dsw9croCAMCXFRFPB/n9QXtceeyY+yNXAAD4Wv0UZ3W+mKwagxbuhVwBAODbHJRxMW3P6jzwsyR3zHYFAIBvliKOq/yozB+XxdUiZYMW7oYiBgDgO/VSPBvmedPODFq4G3IFAIAfMizivM5vJquJx465bXIFAIBb8LCMy6Z9Oc5998K4PbYrAADcjhTxuJ9nVf5lUVwvU2fQwg9zugIAwG0qUzwf5fm0PSwNWvhRcgUAgNs36sXrSX5Vt2ODFn6Ay2AAANyVo6o7rPKvy/iw6P0mW/h2TlcAALhDKbqTQTdvVk/6OTrJwreRKwAA3LkqxYtxvmzaBz3FwjeQKwAA3JNpL95O2/M6Dw1a+Dq2KwAA3KtZlY+q+LQsPtyk1mPH/C2nKwAA3Lci4ukgvz9ojyuPHfN35AoAAOvRT3FW54vJqjFo4S/IFQAA1umgjItpe1bngZ9M+RPbFQAA1ixFHFf5UZk/LourRcoGLfybhgUAYCP0Ujwb5nnTzgxa+De5AgDABhkWcV7nN5PVxGPHyBUAADbQwzIum/blOPfdC9tvtisAAGyiFPG4n2dV/mVRXC9TZ9Cyl5yuAACwucoUz0d5Pm0PS4OWfSRXAADYdKNevJ7kV3U7NmjZMy6DAQCwHY6q7rDKvy7jw6L3m2zZD05XAADYGim6k0E3b1ZP+jk6ybL75AoAAFumSvFinC+b9kFPsew4uQIAwFaa9uLttD2v89CgZXfZrgAAsMVmVT6q4tOy+HCTWo8d7xynKwAAbLci4ukgvz9ojyuPHe8auQIAwC7opzir88Vk1Ri07BC5AgDA7jgo42LantV54OfcnWC7AgDATkkRx1V+VOaPy+JqkbJByzZTnQAA7KBeimfDPG/amUHLNpMrAADsrGER53V+M1lNPHa8neQKAAA77mEZl037cpz77oVtG9sVAAB2X4p43M+zKv98U3xapkjCZTs4XQEAYF+UKU7H+V3THpYGLdtBrgAAsF/qXrye5Fd1OzZo2XgugwEAsI+Oqu6wyr8u48Oi95ts2VROVwAA2FMpupNBN29WT/o5OsmyieQKAAB7rUrxYpwvm/ZBT7FsHLkCAAAx7cXbaXte56FByyaxXQEAgH+ZVfmoik/L4sNNasNjx+vndAUAAP6riHg6yO8P2uPKY8frJ1cAAOB/9VOc1flismoMWtZKrgAAwOcdlHExbc/qPPBT85rYrgAAwF9KEcdVflTmq0VxvUydQcv90okAAPAFvRTPR3ne5JlBy/2SKwAA8FVGRXde5zeT1cRjx/dFrgAAwDd4WMZl074c5757YXfPdgUAAL5Ninjcz7Mq/3xTfFqmSMLlrjhdAQCA71GmOB3nd017WBq03BW5AgAA36/uxetJflW3Y4OWO+AyGAAA/Kijqjus8q/L+LDo/SZbbo/TFQAAuAUpupNBN29WT/o5OslyO+QKAADcmirFi3G+bNoHPcVyC+QKAADcsmkv3k7b8zoPDVp+jO0KAADciVmVj6q4XhRXi5TDY8ffw+kKAADclSLi2TDPm/a48tjx95ArAABwt4ZFnNX5YrJqDFq+kVwBAID7cFDGxbQ9q/PAz+BfzXYFAADuSYo4rvKjMl8tiutl6gxavkTZAQDAveqleD7K8ybPDFq+RK4AAMAajIruvM5vJquJx47/mlwBAIC1eVjGZdO+HOe+e2GfY7sCAADrlCIe9/Osyj/fFJ+WKZJw+S+nKwAAsH5litNxfte0h6VBy3/JFQAA2BR1L15P8qu6HRu0RITLYAAAsGmOqu6wyr8u48Oi99t+Z4vTFQAA2DgpupNBN29WT/o5uv1NFrkCAAAbqkrxYpwvm/ZBb0+LRa4AAMBGm/bi7bQ9r/Nw/wYttisAALAFZlU+quJ6UVwtUo59eezY6QoAAGyHIuLZMM+b9rjal8eO5QoAAGyTYRFndb6YrJo9GLTIFQAA2D4HZVxM27M6D3b6J3rbFQAA2Eop4rjKj8p8tSiul6nbxUHLTrcYAADsul6K56M8b/JsFwctcgUAALbeqOjO6/xmsprs1mPHcgUAAHbEwzIum/blOPd35V6Y7QoAAOyOFPG4n2dV/vmm+LRMkbY7XJyuAADArilTnI7zu6Y9LLd70CJXAABgN9W9eD3Jr+p2vLWDFpfBAABglx1V3WGVPy7Th5vUbttjx3IFAAB2XIru6aD7qR8/3xT/3KpBi8tgAACwF/opXozzZdM+6G3N3TC5AgAAe2Tai7fT9rzOw20YtLgMBgAAe2dW5aMqrhfF1SLlDR60OF0BAIB9VEQ8G+Z50x5Xm/vYsVwBAID9NSzirM4Xk1WzkYMWuQIAAPvuoIyLaXtW58GG9YHtCgAAECniuMqPyny1KK6XqduMQcuG1RMAALA+vRTPR3ne5NlmDFrkCgAA8Aejojuv85vJarLux47lCgAA8BkPy7hs2tNRW63vXphcAQAAPi9FnAy6ebM66efo1nDSIlcAAIC/U6U4Hed3TXtY3vegRa4AAABfVvfi9SS/qtvxPQ5aPGQMAAB8raOqO6zyx2X6cJPau3/sWK4AAADfIEX3dND91I+fb4p/LlOkO4wWl8EAAIBv1k/xYpwvm/ZB7w7vhskVAADgO0178Xbantd5eDeDFpfBAACAHzKr8lEV14viapHyrQ5anK4AAAA/qoh4Nszzpj2ubvOxY7kCAADcjmERZ3W+mKyaWxq0yBUAAOA2HZRxMW1fjnP/h++F2a4AAAC3LEU87udZlX9ZFNfL1H3voMXpCgAAcCfKFM9Hed7k2fcOWuQKAABwh0ZFd17nN5PV5NsfO5YrAADAnXtYxmXTno7a6lvuhckVAADgPqSIk0E3b1Yn/RzdV520yBUAAOD+VClOx/ld0x6WXx60yBUAAOC+1b14Pcmv6nb8t4MWDxkDAADrcVR1h1X+uEwfblL7uceO5QoAALA2Kbqng+6nfvx8U/xzmSL9IVpcBgMAANasn+LFOF827YPeH+6GyRUAAGAjTHvxdtqe13n470GLy2AAAMAGmVX5qIrrRXG1SHIFAADYLEXEs2H+qR//H6gKwk+patcWAAAAAElFTkSuQmCC);
  padding: 24px 20px;
}
.pd-systalk #inquiry {
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #0076c5;
  overflow: hidden;
}
.pd-systalk #inquiry::before,
.pd-systalk #inquiry::after {
  content: '';
  display: block;
  background-image: url(../images/product-inner/bg-systalk-inquiry.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 359px;
  height: 327px;
  position: absolute;
}
.pd-systalk #inquiry::before {
  left: -55px;
  bottom: 0;
  transform: scaleY(-1) rotate(15deg);
}
.pd-systalk #inquiry::after {
  right: -55px;
  top: 0;
}
.pd-systalk #inquiry .inquiry-form {
  width: 500px;
  background: #fff;
  padding: 55px 66px;
}
.pd-systalk.en #inquiry .inquiry-form {
  width: 700px;
}
.pd-systalk #inquiry .inquiry-title {
  color: #0076c5;
  font-size: 28px;
  position: relative;
  text-align: center;
  margin-bottom: 2rem;
}
.pd-systalk #inquiry .inquiry-title::before,
.pd-systalk #inquiry .inquiry-title::after {
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  background-color: #0076c5;
}
.pd-systalk #inquiry .inquiry-title::after {
  left: auto;
  right: -5px;
}
.pd-systalk #inquiry .inquiry-input {
  position: relative;
}
.pd-systalk #inquiry .inquiry-input::before {
  content: '*';
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #333;
}
.pd-systalk #inquiry .form-control {
  border-width: 0 0 1px 0;
  border-radius: 0;
  border-color: #0076c5;
  height: 45px;
  padding: 0.375rem 1rem;
}
.pd-systalk #inquiry .form-control:focus {
  box-shadow: none;
}
.pd-systalk #inquiry .form-control::placeholder {
  color: #ccc;
  font-size: 18px;
}
.pd-systalk #inquiry input[type='checkbox'] {
  height: 24px;
  min-width: 24px;
  border: 1px solid #0076c5;
  border-radius: 0;
}
.pd-systalk #inquiry input[type='checkbox']:checked::before {
  left: 6px;
  width: 10px;
  height: 18px;
  border: solid #0076c5;
  border-width: 0 2px 2px 0;
  animation-name: check;
  animation-duration: 0.5s;
}
@keyframes check {
  from {
    opacity: 0;
    visibility: hidden;
    top: -20px;
  }
  to {
    opacity: 1;
    visibility: visible;
    top: 0;
  }
}
.pd-systalk #inquiry .checkbox-container {
  width: calc(100% - 24px);
  padding-left: 1rem;
  color: #707070;
  font-size: 12px;
}
.pd-systalk #inquiry .btn-primary {
  width: 295px;
  height: 60px;
  background: #ea604b;
  border: 0;
  border-radius: 0;
  letter-spacing: 3px;
  text-indent: -3px;
  font-size: 18px;
}
#success .banner-text {
  background: url(../images/success/banner-text.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 600px;
  height: 500px;
  display: flex;
  top: 0;
  flex-direction: column;
  justify-content: center;
}
#success .banner-text h2 {
  letter-spacing: 3px;
}
.success-story {
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
}
.success-bg01 {
  position: absolute;
  background-image: url(../images/success/success-bg01.png);
  background-position: top right;
  background-repeat: no-repeat;
  right: 0;
  top: 12rem;
  width: 331px;
  height: 502px;
}
.success-bg02 {
  position: absolute;
  background-image: url(../images/success/success-bg02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  left: 0;
  bottom: 8rem;
  width: 361px;
  height: 539px;
}
.success-story .success-group {
  width: 1200px;
  margin: auto;
  padding: 1rem;
}
.success-story .story-list {
  display: flex;
  align-items: center;
  width: 97%;
  margin: auto;
}
.success-story .story-list .phone-over {
  display: none;
}
.success-story .story-list .list-in {
  display: flex;
  align-items: center;
  width: 100%;
}
.success-story .story-group {
  display: grid;
  grid-template-columns: repeat(5, 185px);
  grid-column-gap: 5px;
  justify-content: center;
  margin: 8rem 0;
  transition: all 0.5s;
}
.success-story .rhex:nth-child(5n + 1) {
  grid-column-start: 1;
  transition: all 0.5s;
}
.success-story .rhex:nth-child(5n + 2) {
  grid-column-start: 3;
  transition: all 0.5s;
}
.success-story .rhex:nth-child(5n + 3) {
  grid-column-start: 5;
  transition: all 0.5s;
}
.success-story .rhex:nth-child(5n + 4) {
  grid-column-start: 2;
  transition: all 0.5s;
}
.success-story .rhex:nth-child(5n + 5) {
  grid-column-start: 4;
  transition: all 0.5s;
}
.success-story .rhex.group00 {
  grid-column-start: 1;
}
.success-story .rhex.group01 {
  grid-column-start: 3;
}
.success-story .rhex.group02 {
  grid-column-start: 5;
}
.success-story .rhex.group03 {
  grid-column-start: 2;
}
.success-story .rhex.group04 {
  grid-column-start: 4;
}
.success-story .rhex.groupnone {
  grid-column-start: unset;
}
.success-story .rhex.none {
  display: none;
}
.success-story .story-group .rhex {
  background: #fff;
  border-radius: 55px/25px;
  transform: rotate(90deg) translateY(100px);
  margin-top: -35px;
  transition: all 0.5s;
  width: 220px;
  height: 365px;
  opacity: 0;
  visibility: hidden;
  animation-name: fadeOut;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes fadeOut {
  from {
    transform: rotate(90deg) translateY(18px);
  }
  to {
    transform: rotate(90deg) translateY(100px);
  }
}
.success-story .story-group .rhex.active {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  transform: rotate(90deg) translateY(18px);
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes fadeIn {
  from {
    transform: rotate(90deg) translateY(100px);
  }
  to {
    transform: rotate(90deg) translateY(18px);
  }
}
.success-story .story-group .rhex-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  z-index: 1;
  position: relative;
  right: 1rem;
}
.success-story .story-group .rhex-group .story-logo {
  height: 90px;
}
.success-story .story-group .rhex-group img {
  transform: rotate(0deg);
}
.success-story .story-group .rhex-group .word-group {
  z-index: 1;
  min-width: 320px;
  max-width: 320px;
  margin-bottom: 2rem;
}
.success-story .story-group .rhex-group .word-group .word-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid gray;
  padding-bottom: 0.5rem;
}
.success-story .story-group .rhex-group .word-group .word-title .title-word {
  color: #1b384f;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 1.2;
  height: 55px;
  padding-right: 0.5rem;
}
.success-story .story-group .rhex-group .word-group .word-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 1.25rem;
}
.success-story.en .story-group .rhex-group .word-group .word-title span {
  font-size: 0.835rem;
}
.success-story .story-group .rhex-group .word-group .word-title .label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  padding: 0 1.5rem;
  font-size: 0.9375rem;
  min-width: 80px;
}
.layout--vn
  .success-story
  .story-group
  .rhex-group
  .word-group
  .word-title
  .label {
  padding: 0 0.25rem;
  font-size: 0.75rem;
  min-width: 85px;
}
.success-story .story-group .rhex-group .word-group .word-font {
  padding-top: 0.5rem;
  font-size: 0.875rem;
  height: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  margin-bottom: 1rem;
}
.success-story .story-group .rhex-group .more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0071bc;
  font-size: 0.875rem;
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  margin: auto;
}
.success-story .story-group .rhex-group .more img {
  width: 23px;
  transition: all 0.5s;
}
.success-story .story-group .rhex-group .more:hover img {
  transform: translateX(10px);
}
.portal-banner {
  background-image: url(../images/portal/banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 317px;
  overflow: hidden;
}
.portal-banner .portal-input {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 700px;
  margin: auto;
}
.portal-banner .portal-input input {
  height: 50px;
  border-radius: 99rem;
  padding: 0.375rem 3rem 0.375rem 1rem;
}
.portal-banner .portal-input .icon-search {
  position: absolute;
  right: 1rem;
}
.portal {
  position: relative;
}
.portal .portal-bg01 {
  position: absolute;
  background-image: url(../images/portal/portal-bg01.png);
  background-position: top right;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
  width: 331px;
  height: 502px;
  z-index: -1;
}
.portal .portal-bg02 {
  position: absolute;
  background-image: url(../images/portal/portal-bg02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  left: 0;
  bottom: -7rem;
  width: 361px;
  height: 539px;
  z-index: -1;
}
.portal .portal-group {
  display: grid;
  grid-template-columns: repeat(5, 192px);
  grid-column-gap: 0;
  justify-content: center;
  margin: 8rem 12rem 8rem 0;
  transition: all 0.5s;
}
.portal .portal-rhex:nth-child(5n + 1) {
  grid-column-start: 1;
}
.portal .portal-rhex:nth-child(5n + 2) {
  grid-column-start: 3;
}
.portal .portal-rhex:nth-child(5n + 3) {
  grid-column-start: 5;
}
.portal .portal-rhex:nth-child(5n + 4) {
  grid-column-start: 2;
}
.portal .portal-rhex:nth-child(5n + 5) {
  grid-column-start: 4;
}
.portal .portal-group .portal-rhex {
  width: 384px;
  height: 420px;
  background-image: url(../images/portal/portal-rhex.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  margin-top: -5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.portal .portal-group .portal-rhex .portal-info {
  width: 100%;
  height: 100%;
  margin: auto;
}
.portal .portal-group .portal-rhex .portal-info .portal-logo {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  margin: auto;
  padding-top: 2rem;
}
.portal .portal-group .portal-rhex .portal-info .portal-bottom {
  height: 50%;
  padding: 1rem 4rem;
}
.portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-title {
  width: 100%;
  border-left: 4px solid #000;
  padding-left: 0.5rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-link {
  display: flex;
  flex-wrap: wrap;
}
.portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-link a {
  width: 60%;
  border-left: 4px solid #000;
  padding-left: 0.5rem;
  line-height: 1;
  margin: 0.5rem 0;
  display: block;
  transition: all 0.3s;
}
.portal
  .portal-group
  .portal-rhex
  .portal-info
  .portal-bottom
  .portal-link
  a:nth-child(2n) {
  width: 40%;
}
.portal
  .portal-group
  .portal-rhex
  .portal-info
  .portal-bottom
  .portal-link
  a:hover {
  color: #722c8c;
  border-color: #722c8c;
}
.portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0071bc;
  font-size: 0.875rem;
  margin: 1rem 0 0;
}
.portal
  .portal-group
  .portal-rhex
  .portal-info
  .portal-bottom
  .portal-more
  img {
  width: 23px;
  transition: all 0.5s;
}
.portal
  .portal-group
  .portal-rhex
  .portal-info
  .portal-bottom
  .portal-more:hover
  img {
  transform: translateX(10px);
}
.portal .qa-icon img {
  width: 40px;
  height: auto;
  margin: 0 20px;
}
.portal .qa-icon:after {
  content: '';
  width: 1px;
  height: 45px;
  background-color: #189bbc;
  position: absolute;
  right: 0;
  top: 0;
}
#photo_gallery {
  background-color: #e2e2e2;
}
#photo_gallery.media-container .left {
  width: 100%;
  margin: 0 auto !important;
}
#photo_gallery.media-container .left .article-column {
  border-top: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  padding-top: 24px;
}
#photo_gallery.media-container .left .article-column .group {
  border: 0;
  background-color: #fff;
  width: 31%;
  margin-bottom: 1.3rem;
  position: relative;
  display: none;
  margin: 1.1%;
}
#photo_gallery.media-container .left .article-column .group img {
  margin-bottom: 1rem;
}
#photo_gallery.media-container .left .article-column .group div {
  padding-left: 1rem;
  padding-right: 1rem;
}
#photo_gallery.media-container .left .article-column .group.active {
  padding: 0;
  display: block;
}
#photo_gallery.media-container .left .article-column .title .label {
  width: 72px;
  min-width: 65px;
  height: 24px;
  font-size: 0.8rem;
  margin-top: 5px;
  padding: 0;
}
#photo_gallery.media-container .left .article-column .title a {
  font-size: 1rem;
}
#photo_gallery.media-container .left .article-column .word-content {
  font-size: 0.8rem;
  text-align: left;
  margin-bottom: 4rem;
}
#photo_gallery.media-container .left .article-column .more-box {
  position: absolute;
  bottom: 0;
  padding: 0 !important;
  width: 100%;
}
#photo_gallery.media-container .left .article-column .group .more-info {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
}
#photo_gallery.media-container .left .article-column .group .more-info a {
  color: #0171bc;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#photo_gallery.media-container .left .article-column .group .more-info:before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 40px solid #4d4d4d;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#photo_gallery.media-container .left .article-column .more-info:hover {
  color: #fff;
}
#photo_gallery.media-container .left .article-column .more-info:hover:before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.media-container .left .article-column .more-info:hover > a {
  color: #ffffff !important;
  filter: brightness(0) invert(1);
}
#photo_gallery.media-container .left .article-column .more-info img {
  width: 23px;
  margin-bottom: 6px;
  margin-left: 10px;
}
.pagination {
  justify-content: center;
}
.pagination .page-link {
  border: 0;
  font-size: 1rem;
  color: #fff;
  border-radius: 99rem;
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #cca8ce;
  margin: 0 0.15rem;
  box-shadow: none;
}
.pagination .page-link img {
  width: 9px;
}
.pagination .page-next a img {
  transform: rotate(180deg);
}
.pagination .page-item.active .page-link {
  border: 0;
  background-color: #722c8c;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  background: none;
}
.footer {
  background-color: #722c8c;
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.footer .container {
  padding: 1rem 0;
}
.footer .service-list {
  display: flex;
  width: calc(100% - 250px);
}
.footer .service-list .service-column {
  width: calc(100% - 230px - 2rem);
  margin: 0 1rem;
}
.footer .service-list .service-column:nth-child(2) {
  width: calc(230px - 2rem);
  min-width: calc(230px - 2rem);
}
.footer .service-list a {
  color: #fff;
}
.footer .service-list a:hover,
.footer .service-list a:active {
  color: #d99a82;
  border-bottom: 1px solid;
}
.service .nav-link {
  padding: 3px 0;
  font-size: 0.8rem;
  text-align: left;
}
.service p {
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  text-align: left;
}
.medla-link {
  min-width: 250px;
  text-align: left;
}
.social-media li {
  display: inline-block;
  width: 35px;
  height: 38px;
  background-image: url(../images/footer/orange-hex.png);
  background-size: cover;
  margin: 0 auto;
  text-align: center;
  padding: 6px;
}
.social-media a {
  color: #722c8c;
  text-decoration: none;
}
.social-media p a {
  color: #fff;
  font-weight: 400;
}
.social-media p a:hover,
.social-media p a:active {
  opacity: 0.8;
  text-decoration: underline;
}
.footer .social-media ul {
  padding: 0;
}
.social-media li:hover,
.social-media li:active {
  color: #fff;
  border: 0;
}
.social-media p:nth-child(n + 2) {
  font-weight: 400;
  font-size: 0.8rem;
}
.octagon {
  background: url(../images/footer/contact.png) center no-repeat;
  color: #fff;
  padding: 15px;
  font-size: 1.5rem;
  margin: 3% 0;
  height: 80px;
  width: 300px;
}
.footer .copyright {
  background-color: #fff;
  padding: 30px;
  text-align: center;
}
.footer .copyright img {
  width: 217px;
}
.footer .copyright .privacy {
  margin-top: 1rem;
  color: gray;
  font-size: 0.875rem;
}
.footer .copyright .privacy a {
  color: gray;
  border-bottom: 1px solid;
}
.footer .copyright .privacy a:hover,
.footer .copyright .privacy a:active {
  color: rgb(34, 94, 163);
}
.service-list .w-100 {
  display: none;
}
.gotop {
  width: 40px;
  height: 40px;
  background-color: #d89479;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1rem;
  border-radius: 50%;
  box-shadow: rgba(68, 68, 68, 0.171) 4px 4px 10px 3px;
  color: #fff;
  z-index: 999;
}
.gotop:hover,
.gotop:active {
  background-color: #e4b09b;
  color: #fff;
}
.modal.privacy {
  font-size: 0.625rem;
}
.modal.privacy button {
  font-size: 0.625rem;
}
.unsubscribe .unsub-word {
  padding-bottom: 0.5rem;
  display: flex;
}
.unsubscribe input::placeholder {
  font-size: 0.625rem;
}
.btn-unsub {
  background: #ddd;
}
.pd-systalk.wrapper {
  overflow: initial;
}
.pd-systalk .banner-text img {
  width: auto;
}
.pd-systalk .banner-text {
  color: #333;
  top: 20%;
}
.pd-systalk .banner-text h3 {
  font-size: 1.8rem;
}
.pd-systalk #product-inner #about {
  background-color: #0076c5;
  color: #fff;
}
.pd-systalk #features .info-title p {
  position: absolute;
  bottom: -50px;
  left: 86px;
  font-size: 23px;
}
.pd-systalk #product-inner #scrollspy .container {
  background: #0076c5;
}
.pds-information #about .info-body .bottom {
  border-color: #fff;
}
.pd-systalk .bg .left-box04 {
  background-image: url(../images/systalk/chat-intro-left-bg.png);
  width: 350px;
  bottom: 20px;
  height: 450px;
}
.pd-systalk .bg .right-box04 {
  background-image: url(../images/systalk/chat-intro-right-bg.png);
  width: 350px;
  bottom: 20px;
  height: 450px;
  background-position: bottom right;
}
.pd-systalk #product-inner #scrollspy .nav-link {
  position: relative;
  background-image: url(../images/systalk/inner-nav01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: unset;
  width: 187px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd-systalk #product-inner #scrollspy .nav-item:first-child .nav-link {
  background-image: url(../images/systalk/inner-nav03.png);
  width: 189px;
}
.pd-systalk #product-inner #scrollspy .nav-link:hover,
.pd-systalk #product-inner #scrollspy .nav-link:focus,
.pd-systalk #product-inner #scrollspy .nav-link.active {
  background-image: url(../images/systalk/inner-nav02.png);
  color: #fff;
}
.pd-systalk #product-inner #scrollspy .nav-item:first-child .nav-link:hover,
.pd-systalk #product-inner #scrollspy .nav-item:first-child .nav-link:focus,
.pd-systalk #product-inner #scrollspy .nav-item:first-child .nav-link.active {
  background-image: url(../images/systalk/inner-nav04.png);
}
.art-dropdown {
  display: flex;
  justify-content: center;
  background-color: #ccc;
  border-radius: 99rem;
  margin-top: 2rem;
  position: relative;
}
.art-dropdown .switch-animation {
  position: relative;
  z-index: 2;
}
.pd-systalk .SYS-section-02 .info-subtitle h2,
.pd-systalk .SYS-section-03 .info-subtitle h2 {
  z-index: 1;
  top: -5px;
  left: 5%;
  width: 370px;
  color: #fff;
  background-image: url(../images/systalk/orange-arrow.png);
}
.pd-systalk .SYS-section-03 {
  background: url(../images/systalk/nlu-bg.png);
  padding: 3rem 0;
  background-position: center top;
  background-size: cover;
}
.pd-systalk .product-nlu-box {
  background-color: transparent;
}
.layout--vn .en-type.product-systalkai-bg {
  background-image: url(../../images/systalk/product-systalkai@2x_vn.png);
}
.pd-systalk .product-systalkai-bg .sub-title {
  margin-bottom: 0;
}
.pd-systalk .about-NLU .NLU-DESC {
  width: 400px;
}
.layout-vn .brain-tit h3 {
  font-size: 1.5rem;
}
.pd-systalk .SYS-section-02.product-faq .faq-rule img {
  width: 100%;
}
.pd-systalk .SYS-section-02.product-faq .info-subtitle h2 {
  position: initial;
  width: 422px;
  height: 55px;
  font-size: 0.938rem;
}
.pd-systalk #benefits .info-body .benefit-point {
  background-image: url(../images/systalk/rhex-bg-blue.png);
  width: 180px;
  height: 193px;
}
.pd-systalk #case_study .info-subtitle span {
  background-image: url(../images/systalk/subtitle-bg.png);
}
.pd-systalk #customer .deco-line {
  background-image: url(../images/systalk/deco-line.png);
}
.pd-systalk #customer .bg {
  background-image: url(../images/systalk/customer-bg.png);
}
.pd-systalk .pds-information #case_study .pds-column:before,
.pd-systalk .pds-information #case_study .pds-column:after {
  border-color: #0076c5;
}
.pd-systalk .pds-information #case_study .carousel-left,
.pd-systalk .pds-information #case_study .carousel-right {
  background-color: #0076c5;
}
.pd-systalk .SYS-section-02.product-flow {
  overflow: hidden;
  margin-top: -25px;
}
.pd-systalk .SYS-section-02 .sub-bgtit #pills-01 {
  overflow-x: hidden;
}
.pd-systalk .SYS-section-02.product-flow .title h2 {
  background: url(../images/systalk/subtitle-bg.png);
  padding: 12px 65px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.pd-systalk #scrollspy span {
  color: #fff;
}
.pd-systalk #scrollspy span:after {
  border-color: #fff;
}
.pd-systalk .solution .sub-title h4 {
  font-size: 1rem;
}
.pd-systalk .product-cred-tit {
  top: 129px;
  left: 104px;
  width: 246px;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout--vn .pd-systalk .product-cred-tit {
  font-size: 1.25rem;
}
.pd-systalk .solution .owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}
.pd-systalk .solution .owl-carousel.owl-drag .owl-item .item,
.pd-systalk .solution .owl-carousel.owl-drag .owl-item .card {
  height: 100%;
  margin-bottom: 0 !important;
}
.pd-systalk .solution .owl-carousel.owl-drag .owl-item img {
  width: auto;
  display: initial;
}
.pd-systalk .solution .owl-carousel.owl-drag .owl-item .icon-add img {
  width: 12px;
}
.pd-systalk .solution .owl-carousel .owl-nav button.owl-next {
  margin: 0 -8px 0 -30px;
}
.pd-systalk .solution .owl-carousel .owl-nav button.owl-prev {
  margin: 0 0 0 -40px;
}
.pd-systalk.systalk-rpa #product-inner #about,
.pd-systalk.systalk-rpa #product-inner #scrollspy .container,
.pd-systalk.systalk-rpa .pds-information #case_study .carousel-left,
.pd-systalk.systalk-rpa .pds-information #case_study .carousel-right {
  background-color: #2c6d9e;
}
.pd-systalk.systalk-rpa #benefits .info-body .benefit-point {
  background-image: url(../images/systalk/rhex-bg-green.png);
}
.pd-systalk.systalk-rpa .pds-information #case_study .pds-column:before,
.pd-systalk.systalk-rpa .pds-information #case_study .pds-column:after {
  border-color: #2c6d9e;
}
.pd-systalk.systalk-rpa #customer .bg {
  background-image: url(../images/systalk/rpa-customer-bg.png);
}
.pd-systalk.systalk-rpa #customer .deco-line {
  background-image: url(../images/systalk/rpa-deco-line.png);
}
.pd-systalk.systalk-rpa #case_study .info-subtitle span {
  background-image: url(../images/systalk/rpa-subtitle-bg.png);
}
.pd-systalk.systalk-rpa .banner-text {
  display: flex;
  justify-content: center;
}
.pd-systalk.systalk-rpa .banner-text {
  top: 5%;
  height: 90%;
}
.pd-systalk.systalk-rpa .banner-text .rpa-banner-img {
  height: inherit;
  width: auto;
}
.rpa-banner-text {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.pd-systalk.systalk-rpa .SYS-section-02 .title-line:before,
.pd-systalk.systalk-rpa .SYS-section-02 .title-line:after {
  content: '';
  width: 100px;
  height: 1px;
  background-color: #004a80;
  margin: 0 30px;
  margin-top: -10px;
}
.pd-systalk.systalk-rpa .SYS-section-03 .title {
  color: #004a80;
}
.pd-systalk.systalk-rpa .SYS-section-03 .title h2 {
  font-size: 2rem;
}
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow li.nav-item {
  margin: 0 -5px;
}
.pd-systalk.systalk-rpa .rpa-intro ul {
  font-size: 1.19rem;
}
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow li.nav-item a {
  padding: 8px;
}
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow .nav-pills .nav-link {
  background-color: transparent;
  background-image: url(../images/systalk/rpa-tag03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 325px;
  text-align: center;
}
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow .nav-pills .nav-link.active {
  background-image: url(../images/systalk/rpa-tag04.png);
}
.pd-systalk.systalk-rpa
  .rpa-intro
  .nlu-arrow
  .nav-pills
  .nav-item:first-child
  .nav-link {
  background-image: url(../images/systalk/rpa-tag01.png);
  width: 305px;
}
.pd-systalk.systalk-rpa
  .rpa-intro
  .nlu-arrow
  .nav-pills
  .nav-item:first-child
  .nav-link.active {
  background-image: url(../images/systalk/rpa-tag02.png);
}
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow .nav-pills .nav-link::before,
.pd-systalk.systalk-rpa .rpa-intro .nlu-arrow .nav-pills .nav-link::after {
  display: none;
}
.pd-systalk.systalk-rpa .pds-information #features .info-body {
  grid-template-columns: repeat(4, 205px);
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 20rem;
  margin-left: 0;
}
.pd-systalk.systalk-rpa .pds-information #features .info-body div {
  height: 99px;
  width: 205px;
}
.pd-systalk.systalk-rpa .pds-information #features .info-body img {
  width: 200px;
}
.pd-systalk.systalk-rpa .pds-information #features .info-body h4 {
  font-size: 1rem;
  font-weight: 700;
}
.pd-systalk.systalk-rpa .pds-information #features .info-body p {
  font-size: 0.8rem;
  margin-bottom: 8px;
}
.pd-systalk.systalk-rpa .banner-text .rpa-banner-text img {
  width: 100%;
  max-width: 290px;
}
.pd-systalk.systalk-rpa .rpa-feature-label {
  width: 90%;
  margin: 0 auto;
  background-color: #54acdb;
  position: relative;
  height: 30px;
  line-height: 2.3;
}
.pd-systalk.systalk-rpa .rpa-feature-label:before,
.pd-systalk.systalk-rpa .rpa-feature-label:after {
  content: '';
  position: absolute;
  top: 0;
  left: -13px;
  height: 30px;
  background-image: url(../images/systalk/rpa-feature03.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  z-index: -1;
}
.pd-systalk.systalk-rpa .rpa-feature-label:after {
  transform: scaleX(-1);
  left: auto;
  right: -13px;
}
.pd-systalk.systalk-rpa .grid-start01 p,
.pd-systalk.systalk-rpa .grid-start03 p {
  margin-left: -4px;
}
.pd-systalk.systalk-rpa .grid-start01 p,
.pd-systalk.systalk-rpa .grid-start03 p {
  width: 225px;
}
.pd-systalk.systalk-rpa #features .info-title p {
  top: 65px;
}
.rpa-f01 {
  background-color: #acc04e !important;
}
.pd-systalk.systalk-rpa .rpa-f01.rpa-feature-label:before,
.pd-systalk.systalk-rpa .rpa-f01.rpa-feature-label:after {
  background-image: url(../images/systalk/rpa-feature01.png);
}
.rpa-f02 {
  background-color: #a8639d !important;
}
.pd-systalk.systalk-rpa .rpa-f02.rpa-feature-label:before,
.pd-systalk.systalk-rpa .rpa-f02.rpa-feature-label:after {
  background-image: url(../images/systalk/rpa-feature02.png);
}
.rpa-f04 {
  background-color: #e4b64e !important;
}
.pd-systalk.systalk-rpa .rpa-f04.rpa-feature-label:before,
.pd-systalk.systalk-rpa .rpa-f04.rpa-feature-label:after {
  background-image: url(../images/systalk/rpa-feature04.png);
}
.pd-systalk .carousel-word .flow-chart {
  flex-direction: column;
}
.pd-systalk .carousel-word .flow-chart ul {
  display: grid;
  grid-template-columns: repeat(4, 170px);
  padding: 0;
  list-style: none;
}
.pd-systalk .carousel-word .flow-chart ul li {
  background-image: url(../images/systalk/rpa-solution-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 195px;
  width: 205px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 19px;
}
.pd-systalk .carousel-word .flow-chart ul li p {
  margin-bottom: 0;
  line-height: 1.25;
  width: 151px;
}
.pd-systalk .carousel-word .flow-chart .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e06429;
}
.pd-systalk .carousel-word .flow-chart .desc:after,
.pd-systalk .carousel-word .flow-chart .desc:before {
  content: '';
  height: 1px;
  flex: 1;
  background-color: #b0b0b0;
  margin: 0 10px;
}
.redirection {
  width: 100%;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  overflow-x: hidden;
}
.redirection .item {
  display: flex;
  justify-content: center;
  position: relative;
}
.redirection .bg {
  width: 100%;
  position: absolute;
  height: 358px;
  top: 0;
  left: 0;
}
.redirection .bg .left {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/redirection/bg-left.png);
  background-position: left center;
  float: left;
  width: 30%;
}
.redirection .bg-color {
  background-color: #cba8ce;
}
.redirection .container {
  padding: 5rem 0;
  position: relative;
  z-index: 0;
}
.redirection .container:after {
  content: '';
  position: absolute;
  background-image: url(../images/redirection/bg-right.png);
  width: 484px;
  height: 100%;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  right: -350px;
  z-index: -1;
}
.redirection h2 {
  letter-spacing: 0;
  text-indent: 0;
  color: #722c8c;
  font-size: 1.8rem;
  font-weight: 700;
}
.redirection .rhex {
  width: 115px;
  height: 198px;
  position: relative;
  background-color: #d99a82;
  border-color: #fff;
  transform: rotate(90deg);
  margin-left: 39px;
  margin-right: 39px;
  cursor: pointer;
  transition: all 0.3s;
}
.redirection .rhex:hover {
  background-color: #dfa791;
}
.redirection .rhex-line:before,
.redirection .rhex-line:after {
  border-color: #fff;
}
.redirection .rhex p {
  margin: 0;
  min-width: 160px;
  margin-left: -126px;
  font-weight: 700;
}
.redirection .rhex p:first-child {
  margin-left: -6px;
}
.redirection .rhex span {
  z-index: 1;
  width: 160px;
  font-size: 0.8rem;
  transform: rotate(-90deg);
  min-width: 160px;
  margin-left: -137px;
}
.redirection .rhex span:last-child {
  margin-left: -119px;
}
.redirection .container img {
  width: 65%;
  margin-bottom: 2rem;
  min-width: 260px;
  max-height: 76px;
}
.redirection.tpi {
  background-color: #722c8c;
}
.redirection.tpiu {
  background-color: #87bf97;
}
.redirection.tpiu .container:after {
  background-image: url(../images/redirection/bg-right-tpiu.png);
}
.redirection.tpiu .rhex {
  background-color: #92c8f6;
}
.redirection.tpiu .rhex:hover {
  background-color: #aad2f5;
}
.redirection.tpiu .bg-color {
  background-color: #f2f2f2;
}
.redirection.tpiu .bg .left {
  background-image: url(../images/redirection/bg-left-tpiu.png);
}
.redirection.tpiu .container img {
  min-width: 350px;
}
.page-link {
  padding: 0.5rem;
}
.fixed-form-column {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: -200px;
  background: #cecece;
  width: 200px;
  height: 300px;
  padding: 0.5rem 1rem;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 0.5s;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0) scale(0);
}
.layout--vn .fixed-form-column {
  height: 310px;
}
[data-aos][data-aos][data-aos-easing='new-easing'],
body[data-aos-easing='new-easing'] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.fixed-form-column[data-aos] {
  pointer-events: initial;
}
.fixed-form-column div {
  box-shadow: none;
}
.fixed-form-column .btn-submit {
  background: #5fba77;
  color: #fff;
  border-radius: 99rem;
  min-width: 135px;
  height: 25px;
  padding: 0;
}
.fixed-form-column .btn-close {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 99rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fixed-form-column .btn-close::before,
.fixed-form-column .btn-close::after {
  content: '';
  display: block;
  width: 15px;
  height: 2px;
  background: #cecece;
  transform: rotate(45deg);
  position: absolute;
}
.fixed-form-column .btn-close::after {
  transform: rotate(-45deg);
}
.fixed-form-column.aos-animate.active {
  opacity: 1;
  visibility: visible;
  right: 0;
  transform: translateZ(0) scale(1);
}
.fixed-form-column.aos-init.aos-animate {
  transition-delay: 5s;
}
.fixed-form-column .contact-span {
  transition: all 0.5s;
  writing-mode: vertical-lr;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  color: #fff;
}
.fixed-form-column.active .contact-span {
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
  visibility: hidden;
}
.fixed-form .fixed-form-title {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 0.5rem;
  text-align: center;
  transition: all 0.5s;
}
.fixed-form .input-frame {
  position: relative;
  margin-bottom: 0.5rem;
  transition: all 0.5s;
}
.fixed-form .form-control {
  padding: 0.2rem 0.75rem 0.2rem 2rem;
  height: 25px;
  transition: all 0.5s;
  font-size: 0.875em;
}
.fixed-form textarea.form-control {
  height: auto;
}
.fixed-form i {
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 11px;
  top: 7px;
}
.fixed-form .icon-name {
  background-image: url(../images/contact/icon-name.svg);
}
.fixed-form .icon-phone {
  background-image: url(../images/contact/icon-phone.svg);
}
.fixed-form .icon-mail {
  background-image: url(../images/contact/icon-mail.svg);
}
.fixed-form .icon-company {
  background-image: url(../images/contact/icon-company.svg);
}
.fixed-form .icon-description {
  background-image: url(../images/contact/icon-description.svg);
}
.download-loading {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 501px);
}
#open-series .banner-container {
  position: relative;
}
#open-series .banner-container .banner-container__img {
  background-image: url(../images/product-inner/open-banking/banner.png);
  height: 317px;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#open-series.open-government .banner-container .banner-container__img {
  background-image: url(../images/product-inner/open-government/banner.png);
}
#open-series .banner-container .banner-container__text {
  background: #f9c251;
  padding: 35px 50px;
  width: 455px;
  position: absolute;
  top: 85px;
  right: 16vw;
}
#open-series.content--en .banner-container .banner-container__text {
  top: 115px;
}
#open-series
  .banner-container
  .banner-container__text.banner-container__bg-blue {
  background-color: #00387b;
  color: #fff;
}
#open-series .banner-container .banner-container__text-large-en {
  font-size: 36px;
  font-weight: 200;
  font-family: helvetica, sans-serif;
  margin-bottom: 0.25rem;
  letter-spacing: -1px;
}
#open-series.content--en .banner-container .banner-container__text-large-en {
  margin-bottom: 54px;
}
#open-series .banner-container .banner-container__text-large-ch {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
#open-series .banner-container .banner-container__text-large-ch-small {
  line-height: 28px;
}
#open-series .main-container {
  padding: 85px 0 65px 0;
}
#open-series .main-container.phone-main-container {
  display: none;
}
#open-series .main-container.pc-main-container {
  display: block;
}
#open-series .main-container.pt-170 {
  padding-top: 170px;
}
#open-series .main-container.main-container__bg-gray {
  background: #e3e3e3;
}
#open-series
  .main-container.main-container__bg-gray
  .main-container__title.slide-animation::after {
  background-color: #e3e3e3;
}
#open-series .main-container.main-container__bg-purple {
  background: #9874b7;
}
#open-series
  .main-container.main-container__bg-purple
  .main-container__title.slide-animation::after {
  background-color: #9874b7;
}
#open-series .main-container.main-container__bg-cyan {
  background: #4d7b94;
}
#open-series .main-container.main-container__bg-blue {
  background: #edf5ff;
}
#open-series
  .main-container.main-container__bg-blue
  .main-container__title.slide-animation::after {
  background-color: #edf5ff;
}
#open-series .main-container.main-container__bg-grid {
  background-image: url(../images/product-inner/open-government/bg-grid.png);
  overflow: hidden;
  background-position: top left;
  background-repeat: repeat;
}
#open-series .main-container__inside-column {
  max-width: 1200px;
  margin: auto;
}
#open-series .phone-stage-hint {
  display: none;
}
#open-series .main-container__quote {
  background: #595a5a;
  padding: 30px 95px;
  margin-bottom: 1rem;
}
#open-series .main-container__quote.slide-animation:before {
  background-color: #9874b7;
}
#open-series .main-container__quote.slide-animation:after {
  background-color: transparent;
}
#open-series .main-container__quote-text {
  color: #fdda4c;
  position: relative;
  z-index: 2;
}
#open-series .main-container__title {
  font-size: 36px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}
#open-series .main-container__bg-purple .main-container__title {
  color: #cecece;
}
#open-series .main-container__bg-cyan .main-container__title {
  color: #fff;
}
#open-series .main-container__bg-grid .main-container__title {
  color: #1a76c4;
}
#open-series .main-container__title-text {
  display: flex;
}
#open-series .main-container__title-line {
  width: 80px;
  height: 2px;
  margin-right: 15px;
  display: block;
  background: #000;
  position: relative;
  top: 1.5rem;
}
#open-series .main-container__bg-purple .main-container__title-line {
  background: #cecece;
}
#open-series .main-container__bg-grid .main-container__title-line {
  background: #1a76c4;
}
#open-series .main-container__description {
  padding: 1rem 95px;
  color: #595a5a;
  line-height: 30px;
}
#open-series .main-container__description .main-container__description-text {
  position: relative;
  z-index: 2;
}
#open-series .main-container__bg-cyan .main-container__description {
  color: #fff;
}
#open-series.open-government .main-container__description span {
  display: block;
  margin-bottom: 1rem;
}
#open-series.open-government .main-container__description span:last-child {
  margin-bottom: 0;
}
#open-series .phone-description {
  display: none;
}
#open-series .main-container .stage-container {
  width: 100%;
  display: flex;
  padding: 30px 95px;
}
#open-series .main-container .stage-block {
  width: calc(100% / 3);
}
#open-series .main-container .stage-block__year {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
#open-series .main-container .stage-block__year-circle {
  background: #1a76c4;
  width: 8px;
  height: 8px;
  border-radius: 99rem;
  transition: all 0.5s;
  position: relative;
  z-index: 2;
}
#open-series .main-container .stage-block__year-text {
  color: #818181;
  font-weight: 700;
  transition: all 0.5s;
  position: relative;
  z-index: 2;
  font-size: 18px;
}
#open-series .main-container .stage-block__year-line {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 3px;
}
#open-series .main-container .stage-block__year-line-left:after {
  content: '';
  display: block;
  width: 50%;
  height: 2px;
  background: #1a76c4;
  left: 0;
  top: 0;
  position: absolute;
}
#open-series .main-container .stage-block__year-line-right:before {
  content: '';
  display: block;
  width: 50%;
  height: 2px;
  background: #1a76c4;
  right: 0;
  top: 0;
  position: absolute;
}
#open-series
  .main-container
  .stage-block:nth-child(3)
  .stage-block__year-line-right:before {
  display: none;
}
#open-series .main-container .stage-block__information {
  border: 1px solid #000;
  text-align: center;
  padding: 20px;
  border-radius: 4px;
  position: relative;
  transition: all 0.5s;
  margin-top: 25px;
}
#open-series.content--en .main-container .stage-block__information {
  padding: 10px;
  min-height: 165px;
}
#open-series .main-container .stage-block__information.mr-15 {
  margin-right: 15px;
}
#open-series .main-container .stage-block__information.ml-15 {
  margin-left: 15px;
}
#open-series .main-container .stage-block__information:after {
  background: #fdda4c;
  width: 0;
  height: 0;
  content: '';
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 4px;
  transition: all 0.5s;
  z-index: 1;
}
#open-series .main-container .stage-block__information-small {
  font-size: 14px;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}
#open-series .main-container .stage-block__information-large {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}
#open-series .main-container .stage-block__information-normal {
  position: relative;
  z-index: 2;
}
#open-series .main-container .stage-block:hover .stage-block__year-circle {
  transform: scale(2);
}
#open-series .main-container .stage-block:hover .stage-block__year-text {
  transform: scale(1.3) translateY(-6px);
}
#open-series
  .main-container
  .stage-block:hover
  .stage-block__information:after {
  width: 100%;
  height: 100%;
}
#open-series .main-container .stage-hint.versus-block__diagram-line span {
  background-color: #fff;
}
#open-series .main-container .phone-versus-block__diagram-line {
  display: none;
}
#open-series .main-container .phone-versus-block__diagram-version-block {
  display: none;
}
#open-series .main-container .versus-block {
  border-radius: 30px;
  margin: 0 95px;
}
#open-series .main-container .versus-block.versus-block__trandition {
  background-color: #889f9e;
}
#open-series .main-container .versus-block.versus-block__open {
  background-color: #adccc0;
}
#open-series .main-container .versus-block .versus-block__title {
  color: #fff;
  display: flex;
  align-items: center;
  padding: 15px 50px;
}
#open-series.content--en .main-container .versus-block .versus-block__title {
  padding: 15px 30px;
}
#open-series
  .main-container
  .versus-block
  .versus-block__title
  .versus-block__title-large {
  font-size: 24px;
  padding-right: 1rem;
}
#open-series.content--en
  .main-container
  .versus-block
  .versus-block__title
  .versus-block__title-large {
  min-width: 166px;
}
#open-series .main-container .versus-block__diagram {
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 15px 30px 40px 30px;
}
#open-series .main-container .versus-block__diagram-block {
  display: flex;
  align-self: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 1.5rem;
}
#open-series .main-container .versus-block__diagram-block-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  min-height: 108px;
}
#open-series .main-container .versus-block__diagram-block-text {
  text-align: center;
}
#open-series .main-container .versus-block__diagram-block-text.pleft-2 {
  padding-left: 2rem;
}
#open-series .main-container .versus-block__diagram-block-arrow-frame {
  position: relative;
  height: 75px;
  width: 25px;
  transform: rotate(90deg);
  margin-bottom: 1.5rem;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow-frame.reverse-arrow {
  transform: rotate(-90deg);
}
#open-series .main-container .versus-block__diagram-block-arrow {
  position: absolute;
  width: 23px;
  height: 75px;
  overflow: hidden;
  right: 0;
}
#open-series .main-container .versus-block__diagram-block-arrow .arrow-mask {
  position: relative;
  width: 22px;
  height: 15px;
  width: 100%;
  z-index: 2;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask
  svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask
  path {
  animation-name: progressLight;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask:nth-child(1)
  path {
  animation-delay: 0s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask:nth-child(2)
  path {
  animation-delay: -0.3s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask:nth-child(3)
  path {
  animation-delay: -0.6s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask:nth-child(4)
  path {
  animation-delay: -0.9s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow
  .arrow-mask:nth-child(5)
  path {
  animation-delay: -1.2s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask
  path {
  fill: transparent;
  animation-name: progressLight2;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask:nth-child(3)
  path {
  animation-delay: 0s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask:nth-child(4)
  path {
  animation-delay: -0.3s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask:nth-child(5)
  path {
  animation-delay: -0.6s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask:nth-child(1)
  path {
  animation-delay: -0.9s;
}
#open-series
  .main-container
  .versus-block__diagram-block-arrow.transparent-arrow
  .arrow-mask:nth-child(2)
  path {
  animation-delay: -1.2s;
}
#open-series .main-container .versus-block__diagram-line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 95px;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-black {
  justify-content: flex-start;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-gray {
  justify-content: flex-start;
}
#open-series .main-container .versus-block__diagram-line:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #1a76c4;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-black:after {
  background-color: #000;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-gray:after {
  background-color: #707070;
}
#open-series .main-container .versus-block__diagram-line span {
  position: relative;
  z-index: 2;
  color: #1a76c4;
  background-color: #e3e3e3;
  padding: 0 1rem;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-black
  span {
  color: #000;
  padding: 0 1rem 0 0;
  font-size: 18px;
}
#open-series
  .main-container
  .versus-block__diagram-line.versus-block__diagram-line-gray
  span {
  color: #595a5a;
  background-color: #edf5ff;
  padding: 0 1rem 0 0;
  font-size: 20px;
}
#open-series .main-container .versus-block__diagram-version-block {
  background-color: #cecece;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 40px 0;
  margin: 0 95px 1.5rem 95px;
  transition: all 0.5s;
}
#open-series .main-container .versus-block__diagram-version-block:hover {
  background-color: #cbeffc;
}
#open-series .main-container .versus-block__diagram-version-left {
  color: #1a1618;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 205px;
}
#open-series.content--en .main-container .versus-block__diagram-version-left {
  padding: 0 1rem;
  width: 400px;
}
#open-series .main-container .versus-block__diagram-version-right {
  color: #595a5a;
  width: calc(100% - 205px);
}
#open-series .main-container .versus-block__diagram-version-description {
  font-size: 14px;
}
#open-series .main-container .versus-block__diagram-version-title {
  font-size: 22px;
  font-weight: 700;
}
#open-series .main-container .versus-block__diagram-version-text {
  position: relative;
  z-index: 2;
  padding-right: 5rem;
  text-align: justify;
}
#open-series.content--en .main-container .versus-block__diagram-version-text {
  text-align: left;
}
#open-series .main-container .versus-block__diagram-version-num {
  font-size: 95px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  right: -0.75rem;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
}
#open-series .main-container .structure {
  margin: 0 90px;
}
.layout--vn #open-series .main-container .structure {
  margin: 0;
}
#open-series .main-container .structure-top {
  display: flex;
  align-items: center;
}
#open-series .main-container .structure-bottom {
  display: flex;
  align-items: stretch;
  position: relative;
  padding: 5rem 0 0 0;
}
#open-series .main-container .structure-top .structure-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  height: 55px;
}
#open-series.content--en .main-container .structure-top .structure-block {
  text-align: center;
  height: 65px;
  font-size: 20px;
}
#open-series .main-container .structure-bottom .structure-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#open-series .main-container .structure-bottom .structure-block-flow {
  width: 19rem;
  margin: 0 0.5rem;
}
#open-series.content--en
  .main-container
  .structure-bottom
  .structure-block-flow {
  width: 8rem;
}
#open-series
  .main-container
  .structure-bottom
  .structure-block-flow.structure-width {
  width: 22rem;
}
#open-series .main-container .structure-block.structure-text-black {
  color: #1a1618;
}
#open-series .main-container .structure-block.structure-yellow {
  background-color: #f8b62d;
}
#open-series .main-container .structure-block.structure-blue {
  background-color: #4d7b94;
}
#open-series .main-container .structure-block.structure-cyan {
  background-color: #54937b;
}
#open-series .main-container .structure-block.structure-green {
  background-color: #8cb808;
}
#open-series .main-container .structure-arrow-sample {
  display: flex;
  align-items: center;
  min-width: 205px;
  position: absolute;
  top: 0;
  left: 1rem;
}
#open-series.content--en .main-container .structure-arrow-sample {
  min-width: 300px;
}
#open-series .main-container .structure-arrow-sample__block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(50% - 1rem);
  margin: 1rem 0.5rem;
}
#open-series .main-container .structure-arrow-sample__img {
  position: relative;
  height: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#open-series .main-container .structure-arrow-sample__img:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #1a1311;
  border-radius: 99rem;
  left: 0;
}
#open-series .main-container .structure-arrow-sample__img:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #205b87;
  right: 0;
}
#open-series .main-container .structure-arrow-sample__img span {
  height: 1px;
  width: 90%;
  display: block;
  background-color: #205b87;
}
#open-series
  .main-container
  .structure-arrow-sample__img.structure-arrow-sample__red
  span {
  background-color: #e33c0b;
}
#open-series
  .main-container
  .structure-arrow-sample__img.structure-arrow-sample__red:after {
  border-color: transparent transparent transparent #e33c0b;
}
#open-series .main-container .structure-arrow-sample__text {
  color: #1a1618;
  font-size: 14px;
}
#open-series .main-container .structure-bottom .structure-user {
  width: 125px;
  height: 125px;
  background-color: #f8b62d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 99rem;
  margin-left: 2rem;
}
#open-series .main-container .structure-bottom .structure-user img {
  width: 60px;
}
#open-series .main-container .structure-bottom .structure-user span {
  font-size: 14px;
  color: #000;
  margin-top: 0.5rem;
}
#open-series .main-container .structure-bottom .structure-user-small {
  width: 50px;
  height: 50px;
  position: relative;
  margin-left: 0;
  margin-right: 1rem;
}
#open-series .main-container .structure-bottom .structure-user-small img {
  width: 25px;
}
#open-series .main-container .structure-bottom .structure-flow__column {
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__column:last-child {
  margin-bottom: 0;
}
#open-series .main-container .structure-bottom .structure-flow__title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.5rem;
}
#open-series .main-container .structure-bottom .structure-flow__num {
  padding: 0 4px;
  background: #1a1311;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 2px;
  line-height: 1;
  font-style: italic;
}
#open-series .main-container .structure-bottom .structure-flow__text {
  color: #205b87;
  font-weight: 700;
  padding-left: 0.4rem;
  line-height: 1.2;
}
#open-series.content--en
  .main-container
  .structure-bottom
  .structure-flow__text {
  font-size: 14px;
}
#open-series .main-container .structure-bottom .structure-flow__arrow {
  position: relative;
  height: 12px;
  width: 100%;
  display: flex;
  align-items: center;
}
#open-series .main-container .structure-bottom .structure-flow__arrow:before {
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  background-color: #205b87;
}
#open-series .main-container .structure-bottom .structure-flow__arrow:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #205b87;
  right: 0;
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__arrow.structure-flow__arrow-red:before {
  background-color: #e33c0b;
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__arrow.structure-flow__arrow-red:after {
  border-color: transparent transparent transparent #e33c0b;
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__arrow.structure-flow__rotate {
  transform: rotate(180deg) scale(0.6);
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__arrow.structure-flow__rotate.aos-animate {
  transform: rotate(180deg) translateZ(0) scale(1);
}
#open-series .main-container .structure-bottom .structure-flow__description {
  color: #474645;
  font-size: 11px;
  padding: 0 0.5rem;
  line-height: 1.3;
}
#open-series
  .main-container
  .structure-bottom
  .structure-flow__description.structure-flow__description-red {
  color: #df1f1c;
}
#open-series .main-container .structure-bottom .structure-flow__tag {
  width: 26px;
  height: 26px;
  min-width: 26px;
  background-color: #0092e5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  border-radius: 99rem;
  margin-left: 0.5rem;
  position: absolute;
  left: 6.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
#open-series.content--en
  .main-container
  .structure-bottom
  .structure-flow__tag {
  width: 55px;
  min-width: 55px;
  height: 15px;
  bottom: auto;
  left: 5.7rem;
  top: 1px;
}
.layout--vn
  #open-series.content--en
  .main-container
  .structure-bottom
  .structure-flow__tag {
  left: 8.3rem;
}
#open-series .main-container .structure-bottom .structure-flow__column-group {
  position: relative;
  margin-top: -1rem;
}
#open-series .main-container .structure-bottom .structure-server-column {
  height: 100%;
  min-height: 260px;
  position: relative;
  display: flex;
  flex-direction: column;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__img {
  width: auto;
  height: 50px;
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block {
  width: 120px;
  height: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-weight: 700;
  color: #1a1311;
  border-radius: 15px;
  position: relative;
  margin: auto;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-blue {
  background-color: #4d7b94;
  color: #fff;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-Aquamarine {
  background-color: #aad6c5;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-sea-green {
  background-color: #7aac99;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-green {
  background-color: #a3c760;
  width: 120px;
  height: 120px;
  min-height: 120px;
  border-radius: 99rem;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-green
  span {
  font-size: 10px;
  font-weight: 400;
  max-width: 95px;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column
  .structure-server-column__text-block.server-cyan {
  background-color: #54937b;
  color: #fff;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column__blank-block {
  height: 40px;
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column__blank-block
  .structure-flow__arrow {
  transform: rotate(90deg) scale(0.6);
  width: 40px;
  height: 40px;
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column__blank-block
  .structure-flow__arrow.aos-animate {
  transform: rotate(90deg) translateZ(0) scale(1);
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column__blank-block
  .structure-flow__arrow-rotate {
  transform: rotate(270deg) scale(0.6);
}
#open-series
  .main-container
  .structure-bottom
  .structure-server-column__blank-block
  .structure-flow__arrow-rotate.aos-animate {
  transform: rotate(270deg) translateZ(0) scale(1);
}
#open-series .main-container .structure-bottom .structure-user-arrow {
  position: absolute;
  transform: rotate(225deg);
  left: -17px;
  top: -17px;
}
#open-series
  .main-container
  .structure-bottom
  .structure-user-arrow
  .structure-flow__arrow {
  height: 20px;
  width: 20px;
}
#open-series
  .main-container
  .structure-bottom
  .structure-user-arrow
  .structure-flow__arrow:after {
  border-width: 4px 0 4px 4px;
}
#open-series
  .main-container
  .structure-bottom
  .structure-user-arrow
  .structure-flow__arrow-rotate {
  transform: rotate(180deg);
}
#open-series .main-container .structure-diagram {
  width: 770px;
  background-color: #cbeffc;
  border-radius: 20px;
  padding: 1rem;
  margin: 2.5rem auto 1rem auto;
}
#open-series .main-container .structure-diagram__title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
#open-series .main-container .structure-diagram__title-tag {
  background-color: #0092e5;
  color: #fff;
  font-size: 12px;
  border-radius: 99rem;
  width: 35px;
  height: 35px;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout--vn #open-series .main-container .structure-diagram__title-tag {
  width: 40px;
  height: 40px;
}
#open-series .main-container .structure-diagram__title-text {
  font-size: 20px;
  font-weight: 700;
  color: #205b87;
}
#open-series .main-container .structure-diagram__step {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#open-series .main-container .structure-diagram__step-block {
  max-width: 175px;
}
#open-series.content--en .main-container .structure-diagram__step-block {
  max-width: 195px;
}
.layout--vn
  #open-series.content--en
  .main-container
  .structure-diagram__step-block {
  max-width: 200px;
}
#open-series .main-container .structure-diagram__step-title {
  color: #205b87;
  font-weight: 700;
  text-align: center;
}
#open-series .main-container .structure-diagram__step-description {
  color: #474645;
  font-size: 11px;
  text-align: center;
}
#open-series .main-container .structure-diagram__step-img {
  margin: 0.5rem 0 1rem 0;
}
#open-series.content--en .main-container .structure-diagram__step-img {
  text-align: center;
}
#open-series
  .main-container
  .structure-diagram__step-img
  .structure-diagram__step-img01
  #Rectangle_1638 {
  fill: #fff;
  animation-name: stepSVG;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}
#open-series
  .main-container
  .structure-diagram__step-img
  .structure-diagram__step-img02
  #Path_3559 {
  fill: #fff;
  animation-name: stepSVG;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: -2s;
}
#open-series
  .main-container
  .structure-diagram__step-img
  .structure-diagram__step-img03
  #Path_3560 {
  fill: #fff;
  animation-name: stepSVG;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: -1s;
}
@keyframes stepSVG {
  0% {
    fill: #fdeda7;
  }
  25% {
    fill: #fdeda7;
  }
  50% {
    fill: #fff;
  }
  75% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
#open-series .main-container .structure-diagram__step-text {
  color: #474645;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#open-series .main-container .structure-diagram__step-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 17px;
  border-color: transparent transparent transparent #5f5e5e;
  margin: auto 1rem;
}
#open-series.content--en .main-container .structure-diagram__step-arrow {
  margin: 9rem 1rem 1rem 1rem;
}
#open-series .main-container .structure-hint {
  position: relative;
  margin-top: 1rem;
  text-align: center;
}
#open-series .main-container .structure-hint span {
  position: relative;
  z-index: 2;
  color: #205b87;
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
  padding: 0 1rem;
}
#open-series.content--en .main-container .structure-hint span {
  display: block;
  width: 80%;
  margin: auto;
}
#open-series .main-container .structure-hint:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #1a76c4;
  top: 0;
  bottom: 0;
  margin: auto;
}
#open-series .main-container .api-img-container {
  width: 490px;
  margin: auto;
}
#open-series .main-container .api-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 14px;
  grid-row-gap: 15px;
  padding: 35px 95px;
}
#open-series.content--en .main-container .api-container {
  padding: 35px 0;
}
#open-series .main-container .api-container-block {
  background-color: #e3e3e3;
  position: relative;
  overflow: hidden;
  padding: 1rem 2.4rem;
  transition: all 0.5s;
  transform: none;
  opacity: 1;
}
#open-series .main-container .api-container-block:hover {
  background-color: #efb84d;
}
#open-series.open-government .main-container .api-container-block:hover {
  background-color: #afd6ec;
}
#open-series .main-container .api-container-subtitle {
  font-size: 14px;
  color: #1a1618;
  margin-bottom: 0.5rem;
  text-align: center;
  position: relative;
  z-index: 2;
}
#open-series .main-container .api-container-title {
  font-weight: 700;
  font-size: 22px;
  color: #1a1618;
  margin-bottom: 0.5rem;
  text-align: center;
  position: relative;
  z-index: 2;
}
#open-series .main-container .api-container-text {
  color: #595a5a;
  position: relative;
  z-index: 2;
}
#open-series .main-container .api-container-num {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 95px;
  position: absolute;
  top: 0.5rem;
  right: -0.75rem;
  line-height: 1;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#open-series .main-container .api-container-img {
  padding: 0;
  display: flex;
}
#open-series .main-container .api-container-img img {
  transition: all 0.5s;
}
#open-series .main-container .api-container-img.slide-animation::after {
  background-color: transparent;
}
#open-series .main-container .api-container-hurdle {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 3;
}
#open-series .main-container .smart-government {
  display: flex;
  align-items: center;
}
#open-series .main-container .smart-government .smart-government__left {
  width: calc(100% - 230px);
}
#open-series .main-container .smart-government .smart-government__right {
  width: 230px;
  position: relative;
  padding: 2rem 0;
}
#open-series .main-container .smart-government .main-container__title {
  margin-right: 95px;
}
#open-series .main-container .smart-government .main-container__subtitle {
  font-size: 24px;
  color: #666464;
  margin: 10px 95px;
}
#open-series .main-container .smart-government .smart-government__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #1a76c4;
  margin: auto;
}
#open-series .main-container .smart-government .smart-government__line:before,
#open-series .main-container .smart-government .smart-government__line:after {
  content: '';
  display: block;
  border-radius: 99rem;
  background-color: #1a76c4;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -4px;
  top: 0;
}
#open-series .main-container .smart-government .smart-government__line:after {
  top: auto;
  bottom: 0;
}
#open-series .main-container .smart-government .smart-government__block {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  padding: 1rem;
  height: 90px;
  background: #8cd3f5;
  position: relative;
  z-index: 2;
  margin-bottom: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #fff;
  transition: all 0.5s;
}
#open-series .main-container .smart-government .smart-government__block:hover {
  background-color: #4dacf0;
}
#open-series
  .main-container
  .smart-government
  .smart-government__block:last-child {
  margin-bottom: 0;
}
#open-series .main-container .smart-government .smart-government__block span {
  transform: scale(1);
  transition: all 0.5s;
}
#open-series
  .main-container
  .smart-government
  .smart-government__block:hover
  span {
  transform: scale(1.1);
}
#open-series .main-container .api-advantage .collapse-toggler {
  display: none;
  color: #fff;
}
#open-series .main-container .api-advantage .collapse-toggler::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjBCQkQ5ODM3MzI4MTFFQkI5OEZFMDk1MURBNzM3MjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjBCQkQ5ODQ3MzI4MTFFQkI5OEZFMDk1MURBNzM3MjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMEJCRDk4MTczMjgxMUVCQjk4RkUwOTUxREE3MzcyMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMEJCRDk4MjczMjgxMUVCQjk4RkUwOTUxREE3MzcyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhZJpg8AAAA0SURBVHjaYvj//z8DDlz/HwKwyjMxkAlGgkYWIP5PQM1/XBobcGhwgGLs8qPxSAONAAEGAEKJWkMPfxqQAAAAAElFTkSuQmCC);
}
#open-series .main-container .api-advantage .collapse-toggler--show::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAYAAABoiu2qAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADqADAAQAAAABAAAAAgAAAABbyPbBAAAAFklEQVQIHWP8DwQMZAAWoJ4GMvQxAADYmQSC4TQyygAAAABJRU5ErkJggg==);
}
#open-series .main-container .api-advantage-block {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  background-color: #8cd3f5;
}
#open-series .main-container .api-advantage-left {
  width: calc(100% - 325px);
  background-color: #8cd3f5;
  padding: 1rem 3rem;
}
#open-series .main-container .api-advantage-left.slide-animation::after {
  background-color: transparent;
}
#open-series .main-container .api-advantage-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 325px;
  background-color: #d8f2ff;
}
#open-series .main-container .api-advantage-right img {
  width: 100px;
}
#open-series .main-container .api-advantage__title {
  color: #1a1618;
  font-size: 28px;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
  position: relative;
  z-index: 2;
}
#open-series .main-container .api-advantage__list {
  color: #1a1618;
  margin: 0;
  position: relative;
  z-index: 2;
}
#open-series .main-container .api-advantage__list li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 0.5rem;
}
#open-series .main-container .api-advantage__list li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #1a76c4;
  border-radius: 99rem;
  position: absolute;
  top: 6px;
  left: 0;
}
#open-series .main-container .phone-api-advantage__image {
  display: none;
}
#open-series .main-container .img-global {
  width: 285px;
  margin: 3rem auto 0 auto;
}
.structure-diagram__step-img01 .cls-2 {
  fill: #fca518;
}
.structure-diagram__step-img01 .cls-4 {
  font-family: PingFangTC-Regular, PingFang TC, sans-serif;
  fill: #1a1311;
  font-size: 8px;
}
.structure-diagram__step-img01 .cls-6 {
  fill: #bdbebf;
}
.structure-diagram__step-img02 .cls-2 {
  fill: #fca518;
}
.structure-diagram__step-img02 .cls-7 {
  fill: #fff;
}
.structure-diagram__step-img02 .cls-4 {
  font-family: PingFangTC-Regular, PingFang TC, sans-serif;
  fill: #1a1311;
  font-size: 8px;
}
.structure-diagram__step-img02 .cls-9 {
  fill: none;
}
.structure-diagram__step-img02 .cls-7 {
  stroke-miterlimit: 10;
}
.structure-diagram__step-img02 .cls-6 {
  fill: #bdbebf;
}
.structure-diagram__step-img02 .cls-7 {
  stroke: #8e8e8f;
}
.structure-diagram__step-img02 .cls-8 {
  stroke: none;
}
.structure-diagram__step-img03 .cls-2 {
  fill: #fca518;
}
.structure-diagram__step-img03 .cls-4 {
  font-family: PingFangTC-Regular, PingFang TC, sans-serif;
  fill: #1a1311;
  font-size: 8px;
}
@media (max-width: 1600px) {
  #our-solution .solution-intro .solution-intro__text .solution-intro__word {
    width: 9vw;
  }
}
@media (max-width: 1500px) {
  .header .nav-item {
    min-width: 120px;
  }
  .header .navbar-nav .nav-link {
    font-size: 0.625rem;
  }
  .logo {
    padding-left: 1rem;
  }
  .other-info {
    padding-right: 1rem;
  }
  .header-portal .logo.en img {
    width: 350px;
  }
  .header-portal .logo-word {
    font-size: 0.875rem;
    letter-spacing: 0;
    text-indent: 0;
    padding-left: 0.5rem;
  }
  .header-portal .en .logo-word {
    padding-bottom: 0.4rem;
  }
  .header-portal .nav-right {
    padding: 0 1rem;
  }
  .header-portal .nav-item {
    min-width: 100px;
    width: 10%;
  }
  .header-portal .other-info {
    justify-content: flex-end;
    padding: 0 1rem 1rem 0;
    min-width: auto;
    font-size: 0.875rem;
  }
  .big-img img {
    width: auto;
  }
  .about-us-banner .big-img img {
    width: 100%;
  }
  .about-us .right-column .top img {
    width: 100%;
  }
  #monthly .monthly-right .monthly-info {
    width: 300px;
    min-width: 300px;
  }
  .customers .customers-column .honeycomb {
    grid-template-columns: repeat(9, 70px);
    padding-left: 0;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 1) {
    grid-column-start: 2;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 2) {
    grid-column-start: 4;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 3) {
    grid-column-start: 6;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 4) {
    grid-column-start: 8;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 5) {
    grid-column-start: 1;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 6) {
    grid-column-start: 3;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 7) {
    grid-column-start: 5;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n + 8) {
    grid-column-start: 7;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(9n) {
    grid-column-start: 9;
  }
  #about {
    background-size: contain;
  }
  .about-us .left-column p {
    margin: 7% 0;
  }
  .layout--vn .about-us .left-column p {
    margin: 0;
    width: 80%;
  }
  .about-us .right-column .top {
    align-items: flex-end;
  }
  .core-value .middle-column .word-column .word {
    left: 66vw;
  }
  .core-value .middle-column .word-column .word.word-left {
    width: 25%;
  }
  .milestone-column .year-column {
    width: 100%;
  }
  .milestone-column .milestone-word-column {
    right: 29vw;
  }
  .milestone-column .year-column.right .milestone-word-column {
    left: 28vw;
  }
  .milestone-column .milestone-word ul {
    margin: auto;
  }
  .milestone-column .milestone-bg05 {
    bottom: -19rem;
    left: -4rem;
  }
  #product-inner .big-img img {
    width: auto;
    height: 540px;
  }
  #product-inner.digilogs .big-img img {
    height: auto;
  }
  #product-inner #about .bg {
    height: 70%;
  }
  #benefits .right {
    margin-right: 1rem;
  }
  #case_study .left {
    margin-left: 1rem;
  }
  #case_study .case.info {
    padding-left: 9rem;
  }
  .redirection .container {
    max-width: 800px;
  }
}
@media (max-width: 1300px) {
  #our-solution .solution-title.aos-animate {
    transform: skew(-15deg) translateX(-300px);
  }
  #our-solution .solution-intro {
    transform: skew(-15deg) translateX(-350px);
  }
}
@media (max-width: 1200px) {
  .header .cookie {
    min-height: auto;
  }
  .p-lg-none {
    padding: 0px !important;
  }
  .m-lg-none {
    margin: 0px !important;
  }
  .header .navbar-nav .nav-link {
    font-size: 0.83vw;
  }
  .header .cookie {
    font-size: 0.8rem;
  }
  .other-info .info-top .search-column {
    background: #fff;
    border: 1px solid #722b8c;
    box-shadow: none;
  }
  .left-bar {
    width: 50%;
    border-radius: 0;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    top: 0;
  }
  .left-bar.active {
    opacity: 1;
    visibility: visible;
    top: 396px;
  }
  .portal-banner .left-bar.active {
    top: 172px;
  }
  .left-bar .nav {
    flex-direction: row !important;
    position: relative;
  }
  .left-bar .nav-link {
    width: 19%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .left-bar .sub-link {
    position: static;
  }
  .left-bar .hr-down {
    width: 1px;
    height: 20px;
    border: 0;
    background: #d99a82;
  }
  .right-bar {
    width: 50%;
    display: flex;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 101;
  }
  .right-bar.active {
    opacity: 1;
    visibility: visible;
    top: 396px;
  }
  #product-inner .right-bar,
  .pd-systalk .right-bar {
    width: 100%;
  }
  .link-left .nav-link .sub-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .link-left .nav-link .subscribe {
    width: 100%;
    background: #712d8c;
    top: 52px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    left: 0;
    min-width: 320px;
    border-radius: 0 0 1rem 0;
  }
  .link-left .nav-link .subscribe.active {
    left: 0;
  }
  .link-left .nav-link .subscribe .sub-word {
    padding: 0;
  }
  .link-left .nav-link .subscribe .form-control {
    margin: 0;
  }
  .link-left .nav-link .subscribe .privacy input {
    margin-left: 0;
  }
  .portal-banner .right-bar.active {
    top: 172px;
  }
  .right-bar .right-nav,
  .right-bar .right-nav.active,
  .right-bar .puple-nav {
    width: 50%;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
  }
  .right-bar .right-nav a,
  .right-bar .right-nav.active a,
  .right-bar .puple-nav a {
    font-size: 0.875rem;
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: unset;
    text-align: center;
    line-height: 1.25;
    padding: 9px 6px;
  }
  .solutions .solution-column {
    grid-template-columns: repeat(3, 21%);
  }
  #our-service .service-intro .service-intro__column {
    padding: 3rem 1rem;
  }
  #our-service .service-title h2 {
    font-size: 20px;
  }
  #our-service .service-intro img {
    height: 80px;
  }
  #our-service .service-img {
    background-position: -550px top;
  }
  #monthly .monthly-left {
    padding: 2rem;
    width: auto;
  }
  #monthly .monthly-right {
    width: calc(100% - 141px);
  }
  #monthly .monthly-right .monthly-date__month-num {
    font-size: 40px;
  }
  .content {
    margin-top: 60px;
  }
  .about-us .left-column {
    padding: 10px 50px;
  }
  .layout--vn .about-us .left-column {
    width: 65%;
  }
  .about-us .left-column p {
    margin: 4.5% 0;
    width: 80%;
  }
  .about-us .bottom-word {
    width: 85%;
  }
  .about-us .right-column {
    width: 75%;
  }
  .about-us .right-column .bottom .bottom-word {
    width: 95%;
  }
  .core-value .middle-column .rhex-column {
    min-width: 400px;
  }
  .core-value .middle-column .word-column .word.word-right-top {
    top: -2rem;
  }
  .core-value .middle-column .word-column .word {
    left: 64vw;
  }
  .core-value .middle-column .word-column .word .title {
    font-size: 1.3rem;
  }
  .core-value .middle-column .word-column .word.word-left {
    width: 20%;
  }
  .milestone-column .year-column.right .milestone-word-column02 {
    left: 31vw;
    top: -5vw;
  }
  .customers .customers-column .honeycomb {
    grid-template-columns: repeat(7, 70px);
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 1) {
    grid-column-start: 2;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 2) {
    grid-column-start: 4;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 3) {
    grid-column-start: 6;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 4) {
    grid-column-start: 1;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 5) {
    grid-column-start: 3;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n + 6) {
    grid-column-start: 5;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(7n) {
    grid-column-start: 7;
  }
  #product-inner #scrollspy.navbar {
    height: 120px;
  }
  #product-inner.digilogs #scrollspy.navbar {
    height: 60px;
  }
  #product-inner .link-left .contact-nav a,
  .pd-systalk .link-left .contact-nav a {
    padding: 0;
  }
  #product-inner .link-left .contact-nav a:after,
  .pd-systalk .link-left .contact-nav a:after {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1rem;
  }
  #benefits {
    background-color: #e6e6e6;
  }
  #benefits .col-md.item h3:after {
    border-width: 27px 200px 0 0;
  }
  #features .bg,
  #structure .bg {
    opacity: 0.2;
  }
  .pds-information #case_study .carousel-inner .container {
    max-width: 600px;
    height: 100%;
  }
  #cs_carousel .carousel-inner {
    max-width: 900px;
    min-width: 900px;
  }
  #customer .carousel-control-prev,
  #customer .carousel-control-next {
    align-items: center;
  }
  .media-info-area .swiper-content .word:hover {
    transform: scale(1);
  }
  .media-info-area .swiper-button-prev:after,
  .media-info-area .swiper-button-next:after {
    font-size: 2rem;
  }
  .services_introduction .product {
    padding: 1rem;
  }
  #scrollspy.navbar {
    top: 60px;
  }
  #product-inner #scrollspy.navbar {
    top: 120px;
  }
  #case_study .case.info {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .pds-information #features .info-body {
    grid-template-columns: repeat(5, 165px);
  }
  .pds-information #features .info-body .grid-rhex {
    width: 200px;
    height: 177px;
    margin-top: -83px;
  }
  #product-inner.digimars .banner-text h3 {
    font-size: 2.6vw;
  }
  .digimars .pds-information #apply .info {
    padding: 0 0 0 10rem;
  }
  .digimars .pds-information #apply .apply-title {
    padding: 5rem 0 0.5rem 0;
  }
  .digimars .pds-information #benefits .info-body {
    grid-template-columns: repeat(4, 70px);
  }
  #cs_carousel .carousel-inner {
    width: 65%;
  }
  .pds-introduction .pds-group {
    padding-right: 0.5rem;
  }
  .pds-introduction .pds-group02 {
    padding-left: 0.5rem;
    padding-right: 0;
  }
  .pds-introduction .function .func-img-in {
    width: 130px;
  }
  .pds-introduction .function .systalk-word {
    height: calc(100% - 89.02px - 3.5rem);
  }
  .pds-introduction .function .digilism-word {
    height: calc(100% - 129.53px - 3.5rem);
  }
  .success-story .success-group {
    width: 100%;
  }
  .success-story .story-group {
    grid-template-columns: repeat(5, 155px);
  }
  .success-story .story-group .rhex {
    margin-top: -30px;
    width: 190px;
    height: 305px;
  }
  .success-story .story-group .rhex-group .story-logo {
    width: 170px;
    height: 70px;
  }
  .success-story .story-group .rhex-group .word-group {
    min-width: 250px;
    max-width: 250px;
    margin-bottom: 1rem;
  }
  .success-story .story-group .rhex-group .word-group .word-font {
    height: 92px;
    -webkit-line-clamp: 4;
  }
  .portal .portal-group {
    grid-template-columns: repeat(5, 155px);
    margin: 8rem 9.5rem 6rem 0;
  }
  .portal .portal-group .portal-rhex {
    width: 310px;
    height: 339px;
    margin-top: -4rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom {
    padding: 0.5rem 3rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-title {
    margin-bottom: 0.3rem;
  }
  .portal
    .portal-group
    .portal-rhex
    .portal-info
    .portal-bottom
    .portal-link
    a {
    margin: 0.3rem 0;
  }
  .media-container .left .btn-column .btn {
    font-size: 0.875rem;
    padding: 0 0.5rem;
  }
  .SYS-section-02.product-faq {
    padding-top: 0;
  }
  .pd-systalk .product-cred-tit {
    width: 260px;
    height: 106px;
    top: 0;
    left: 0;
    padding: 0 10px;
  }
  .pd-systalk .product-systalkai-bg {
    height: 100%;
  }
  .pd-systalk .carousel-word .flow-chart ul {
    grid-template-columns: repeat(4, 142px);
  }
  .pd-systalk .carousel-word .flow-chart ul li {
    height: 169px;
    width: 182px;
  }
  #open-series .main-container__title-line {
    width: 45px;
  }
  #open-series .main-container__description {
    padding: 1rem 60px;
  }
  #open-series .main-container .stage-container {
    padding: 0 60px;
  }
  #open-series .main-container__quote {
    padding: 30px 60px;
  }
  #open-series .main-container .versus-block {
    margin: 0 60px;
  }
  #open-series .main-container .versus-block__diagram-line {
    margin: 20px 60px;
  }
  #open-series .main-container .versus-block__diagram-version-block {
    margin: 0 60px 1.5rem 60px;
  }
  #open-series .main-container .structure {
    margin: 0;
  }
  #open-series .main-container .structure-diagram {
    margin: 2.5rem auto 1rem auto;
  }
  #open-series .main-container .api-container {
    padding: 35px 0;
  }
  #open-series .main-container .smart-government .main-container__subtitle {
    margin: 10px 60px;
  }
}
@media (max-width: 1199px) {
  .navbar {
    flex-wrap: nowrap;
    height: 60px;
  }
  #map_tab {
    height: auto;
  }
  .link-left,
  .right-bar {
    top: 60px;
  }
  .logo {
    padding: 0.5rem 1rem;
  }
  .logo img {
    width: 50px;
  }
  .logo .logo-pc {
    display: none;
  }
  .logo .logo-phone {
    display: block;
  }
  .nav-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 0 !important;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .header .navbar-collapse {
    position: absolute;
    z-index: 99999;
    width: 100%;
    background: #fff;
    top: 60px;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
  }
  .header .navbar-nav {
    width: 100%;
    height: auto;
  }
  .header .nav-item {
    width: 100%;
    height: auto;
    min-width: auto;
  }
  .header .navbar-nav .nav-link {
    width: 100%;
    height: auto;
    padding: 1rem;
    justify-content: flex-end;
    font-size: 1rem;
  }
  .header .navbar-nav .nav-link:after {
    display: none;
  }
  .header .navbar-nav .submenu {
    position: relative;
    display: none;
  }
  .header .navbar-nav .submenu li:last-child a {
    border-radius: 0;
  }
  .header .nav-item.solution-nav .submenu a,
  .header .nav-item.product-nav .submenu a,
  .header .nav-item.product-nav .submenu span {
    justify-content: flex-end;
    border: 0;
  }
  .header .nav-item.solution-nav.on .submenu a,
  .header .nav-item.product-nav.on .submenu a {
    border-bottom: 1px solid #722c8b;
  }
  .other-info {
    flex-direction: row;
    padding: 0;
    right: 5rem;
    position: relative;
  }
  .other-info .info-top {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
  .outline-btn {
    border-radius: 4px;
    min-width: 75px;
    font-size: 0.875rem;
    height: 40px;
  }
  .layout--vn .outline-btn {
    min-width: 95px;
  }
  #product-inner #scrollspy.navbar {
    top: 40px;
  }
  .header-portal .logo {
    align-items: center;
    margin-bottom: 0;
  }
  .header-portal .other-info {
    align-items: center;
    padding: 0 0.5rem;
  }
  .header-portal .logo-word {
    align-self: flex-end;
  }
  #product-inner.digilogs .banner-text img {
    width: 300px;
  }
  #product-inner.digilogs .banner-info .banner-video {
    max-width: 500px;
    margin-top: 0;
  }
  .digilogs .pds-information #features .feature-chart__block {
    max-width: 235px;
  }
  .digilogs .pds-information #features .feature-chart__bg {
    min-width: 870px;
    max-width: 870px;
  }
  .digilogs .pds-information #features .feature-chart__bg02-a {
    left: 661px;
  }
  .digilogs .pds-information #features .feature-chart__bg-arrow {
    left: 781px;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__right-block:first-child:before {
    top: 25px;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__right-block:last-child:before {
    bottom: 25px;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart-left
    .pie-chart {
    width: 120px;
    height: 120px;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle {
    width: 120px;
    height: 120px;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle-user {
    width: auto;
  }
  .digilogs .pds-information #support .support-list li {
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  .left-bar.active,
  .right-bar.active {
    top: 404px;
  }
  .portal-banner .left-bar.active,
  .portal-banner .right-bar.active {
    top: 181px;
  }
  #index-banner .banner-text .about-us-banner .banner-text {
    font-size: 2rem;
  }
  #index-banner.carousel-banner .banner-phone {
    display: block;
    height: auto;
  }
  #index-banner.carousel-banner .banner-pc {
    display: none;
  }
  .solutions .solution-column {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .solutions .solution-column .solution-group {
    width: 100%;
    padding: 1rem 1rem 1rem 2rem;
    margin: 0;
  }
  .solutions .solution-column .solution-item {
    padding: 0;
  }
  #our-solution {
    padding: 0;
    flex-direction: column;
  }
  #our-solution .solution-title {
    border-radius: 0;
    margin: 0;
    height: auto;
    width: 100%;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    transform: none;
  }
  #our-solution .solution-title.aos-animate {
    transform: none;
  }
  #our-solution .solution-title h2 {
    transform: initial;
    position: static;
    padding: 0 !important;
    margin: 0;
    font-size: 20px;
  }
  #our-solution .solution-title h2 a {
    font-size: 16px;
    color: #e99778;
    text-align: center;
  }
  #our-solution .solution-intro {
    transform: none;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
    flex-direction: column;
  }
  #our-solution .solution-intro::after {
    display: none;
  }
  #our-solution .solution-intro .solution-intro__column {
    width: 100%;
    margin: 0;
    display: block;
  }
  #our-solution .solution-intro .solution-intro__item:nth-child(even) {
    background-color: #a6b6bd;
  }
  #our-solution .solution-intro .solution-intro__item a {
    flex-direction: column;
  }
  #our-solution .solution-intro .solution-intro__text .solution-intro__title {
    border: 0;
    margin: 1rem 0;
    padding: 0;
    align-items: center;
  }
  #our-solution .solution-intro .solution-intro__text .solution-intro__word {
    width: 100%;
  }
  #monthly .monthly-left {
    padding: 2rem;
    width: auto;
  }
  #monthly .monthly-right {
    width: 100%;
  }
  #monthly .monthly-right .monthly-info {
    width: auto;
    min-width: auto;
    margin-right: 1rem;
  }
  #monthly .monthly-right .monthly-date__month-num {
    font-size: 50px;
  }
  #monthly .monthly-left {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    height: auto;
  }
  #monthly .monthly-left .month-title {
    color: #fff;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 1rem 1rem 0;
  }
  #monthly .monthly-left .month-list {
    height: auto;
    flex-direction: row !important;
  }
  #monthly .monthly-left .month-list a {
    margin: 0 0.25rem;
  }
  #monthly .monthly-left .month-list a.active {
    background-color: #fff;
    color: #722c8c;
  }
  #monthly .monthly-right .monthly-info {
    display: none;
  }
  #monthly .monthly-right .carousel .carousel-title {
    display: none;
  }
  #monthly .monthly-right .carousel .carousel-inner {
    box-shadow: none;
  }
  #monthly .monthly-right .carousel .carousel-btn {
    display: none;
  }
  #monthly .monthly-left .month-arrow {
    width: 13px;
    height: 25px;
    margin: 0 0 0.5rem 2rem;
  }
  #monthly .monthly-left .month-arrow::before {
    transform: rotate(-45deg);
    top: -7px;
    left: auto;
    right: 0;
  }
  #monthly .monthly-left .month-arrow::after {
    height: 20px;
    top: 7px;
    left: auto;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
  }
  #monthly .monthly-right .monthly-date {
    display: none;
  }
  #monthly .monthly-left .monthly-img .monthly-word {
    font-size: 1.5rem;
  }
  #monthly_carousel .carousel-control-prev,
  #monthly_carousel .carousel-control-next {
    width: 48px;
    height: 48px;
  }
  #contact .big-img img {
    left: -10rem;
    position: relative;
    max-width: 1600px;
  }
  #contact .banner-text {
    width: 100%;
    position: initial;
    height: auto;
    padding: 50px;
    background: linear-gradient(to left, #4fbacf, #009cb9 50%, #158aab);
  }
  #contact .banner-text p {
    font-size: 1rem;
  }
  .about-us {
    height: auto;
  }
  .about-us .left-column {
    width: 100%;
    height: auto;
    padding: 10px 30px;
  }
  .layout--vn .about-us .left-column {
    width: 100%;
  }
  .about-us .word-content .content-top {
    height: auto;
  }
  .about-us .left-column p {
    width: 100%;
    margin: 15px 0;
  }
  .layout--vn .about-us .left-column p {
    width: 100%;
    margin: 15px 0;
  }
  .about-us .left-column .rsquare {
    right: 0;
    border-radius: 0;
  }
  .about-us .left-column .rhombus {
    display: none;
  }
  .about-us .pattern {
    margin-right: 0;
  }
  .about-us .bottom-word {
    width: 100%;
    margin: 1.875rem auto;
    padding-right: 0;
  }
  .about-us .right-column {
    position: relative;
    height: auto;
    width: 100%;
  }
  .about-us .right-column .top {
    justify-content: center;
    align-items: center;
    height: auto;
  }
  .about-us .right-column .top img {
    width: 100%;
  }
  .about-us .right-column .bottom {
    padding: 10px 30px;
  }
  .about-us .right-column .bottom .pattern {
    padding: 1.875rem 0 0 0;
    margin-top: 0.5rem;
  }
  .about-us .right-column .bottom .pattern .rhex.rhex-white {
    left: -1rem;
  }
  .about-us .right-column .bottom .bottom-word {
    padding: 1.875rem;
    width: 100%;
  }
  .milestone-column {
    margin: 0;
    padding: 0 0 28rem 0;
    overflow: hidden;
    flex-direction: column;
  }
  .milestone-column .milestone-bg05 {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 760px;
  }
  .milestone-column .line {
    display: none;
  }
  .milestone-column .year-column {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2rem;
    position: relative;
    flex-direction: column;
  }
  .milestone-column .year-circle {
    font-size: 1.5rem;
    min-height: auto;
    width: 85%;
    border: 0;
    position: relative;
    height: auto;
    padding: 0.5rem 0;
    margin: auto;
  }
  .milestone-column .year-circle:before,
  .milestone-column .year-circle:after {
    content: '.....................................';
    display: flex;
    width: 38%;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    letter-spacing: 0.25rem;
    text-indent: 0.25rem;
    font-size: 0.875rem;
    color: #fff;
    padding-bottom: 0.5rem;
    font-weight: 300;
  }
  .milestone-column .year-circle:after {
    left: auto;
    right: 0;
    justify-content: flex-start;
  }
  .milestone-column .milestone-line {
    display: none;
  }
  .milestone-column .milestone-line::before {
    display: none;
  }
  .milestone-column .milestone-line::after {
    width: 10px;
    height: 10px;
  }
  .milestone-column .milestone-word-column {
    right: 0;
    position: relative;
    width: 85%;
    margin: auto;
  }
  .milestone-column .milestone-word {
    padding: 1.5vw 10vw;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .milestone-column .milestone-shadow {
    right: -0.5rem;
  }
  .milestone-column .year-column.right .milestone-word-column {
    left: 0;
    flex-direction: column;
  }
  .core-value {
    padding: 10px 30px;
    height: auto;
  }
  .core-value .middle-column {
    flex-direction: column;
  }
  .core-value .middle-column .word-column {
    width: 100%;
    margin-top: 2rem;
  }
  .core-value .middle-column .word-column.left {
    margin-top: 480px;
  }
  .core-value .middle-column .word-column .word {
    top: 0;
    position: static;
    margin-bottom: 1rem;
  }
  .core-value .middle-column .word-column .word.word-left {
    width: 100%;
  }
  .core-value .middle-column .word-column .word .depiction {
    max-height: initial;
    overflow: initial;
  }
  .core-value .middle-column .rhex-column {
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .customers .customers-column .honeycomb {
    grid-template-columns: repeat(5, 70px);
  }
  .customers .customers-column .honeycomb .rhex:nth-child(5n + 1) {
    grid-column-start: 2;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(5n + 2) {
    grid-column-start: 4;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(5n + 3) {
    grid-column-start: 1;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(5n + 4) {
    grid-column-start: 3;
  }
  .customers .customers-column .honeycomb .rhex:nth-child(5n) {
    grid-column-start: 5;
  }
  #solutions .article-text.feature .title:after {
    width: 76%;
  }
  #systalkai .row.my-5.mx-3 {
    flex-direction: column;
    margin: 0 !important;
  }
  .pds-introduction .pds-group {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .pds-introduction .pds-big-img {
    margin-top: 3rem;
  }
  #digilism .row.my-5.mx-3 {
    flex-direction: column-reverse;
    margin: 0 !important;
  }
  #our-service {
    margin-top: 0;
  }
  .name-intr .hr-right {
    border-width: 4px;
  }
  .services_introduction {
    margin: 0;
    padding: 0;
  }
  #our-service .divider,
  #os_solution .divider {
    padding: 2rem 1rem 0 1rem;
  }
  #os_solution .divider {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #os_solution .bg .left {
    display: none;
  }
  .solutions .row .col {
    flex: 100%;
  }
  .solutions .row .col:nth-child(1) {
    margin-bottom: -30px;
  }
  .ml-over {
    margin-left: 0;
  }
  .services_introduction .divider .ml-5 {
    margin-left: 0 !important;
  }
  .services_introduction .row .col-lg {
    justify-content: center;
    margin: 2rem 0rem;
    padding: 1rem;
  }
  .services_introduction .row .col-lg:first-child {
    margin-bottom: -1.5rem;
    background: #ececec;
    max-width: unset;
  }
  .services_introduction .row .col-lg .rhex {
    margin-left: 0;
  }
  .services_introduction .row .col-lg .intr-text {
    padding-left: 0;
    padding-right: 0;
  }
  .services_introduction .intr-text button {
    align-self: center;
    margin-bottom: 30px;
  }
  .rightsidebar {
    background-color: #722c8c;
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .rightsidebar p {
    width: 100%;
    max-width: 600px;
  }
  .divider button {
    margin-bottom: 40px;
  }
  #products .banner-text,
  #solutions .banner-text {
    width: 100%;
    position: initial;
    height: auto;
    padding: 50px;
    background: linear-gradient(
      270deg,
      #ffffff -111.97%,
      #d2cecc -94.62%,
      #918984 -64.69%,
      #625955 -35.42%,
      #413b38 -7.51%,
      #2b2827 18.69%,
      #1e1e1d 42.55%,
      #1a1a1a 61.93%
    );
  }
  #solutions .banner-text {
    background: linear-gradient(
      270deg,
      #ffffff -135.05%,
      #c9d2dd -104.71%,
      #93a5ba -70.41%,
      #66809e -36.85%,
      #436388 -4.86%,
      #294e78 25.18%,
      #1a416e 52.48%,
      #153d6b 74.59%
    );
  }
  #solutions .article-text {
    padding: 0;
    margin-left: -3px;
  }
  #product-inner .px-5 {
    padding: 0rem !important;
  }
  #product-inner .info {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .pds-information #features .info-body {
    grid-template-columns: repeat(5, 125px);
  }
  .pds-information #features .info-body .grid-rhex {
    width: 150px;
    height: 133px;
    margin-top: -62px;
    font-size: 0.875rem;
  }
  .pds-information #features .info-body .grid-rhex img {
    width: 90px;
  }
  .pds-information #features .info-body .grid-rhex.grid-bg03 img {
    width: 90px;
  }
  .pds-information #features .info-body .grid-rhex span {
    max-width: 128px;
    font-size: 1rem;
    bottom: 0.7rem;
  }
  .pds-information #benefits .info-body {
    display: flex;
    flex-direction: column;
    margin-left: 0;
  }
  .pds-information #benefits .info-body .benefit-group {
    width: 670px;
    height: 229px;
  }
  .pds-information #benefits .info-body .benefit-point {
    width: 220px;
    height: 220px;
    font-size: 3.5rem;
    padding-bottom: 2rem;
  }
  .pds-information #benefits .info-body .benefit-in {
    padding: 2rem 5rem 4rem 13rem;
  }
  .pds-information #benefits .info-body .benefit-subtitle {
    font-size: 1rem;
  }
  .pds-information #benefits .info-body .benefit-word {
    font-size: 0.875rem;
  }
  .pds-information #case_carousel {
    background: #f7b52c;
  }
  .pds-information #case_study .carousel-inner .container {
    max-width: 440px;
  }
  .pds-information #case_study .info-subtitle span {
    left: -8rem;
  }
  #cs_carousel .carousel-inner {
    max-width: 700px;
    min-width: 700px;
  }
  #cs_carousel .carousel-item {
    height: auto;
    max-height: unset;
    overflow: initial;
    padding: 0;
  }
  .pds-information #customer .carousel-item {
    height: auto;
  }
  .pds-information #customer .carousel-inner {
    width: 70%;
  }
  .pds-information #customer .carousel-control-prev {
    padding-left: 2rem;
  }
  .pds-information #structure .video {
    padding: 2rem 0;
  }
  .pds-information #structure .video-word {
    padding: 0;
  }
  .pds-information #customer .person-group {
    width: 100%;
    margin: 2rem 0;
  }
  .pds-information #customer .ts-word {
    max-height: unset;
    overflow: unset;
  }
  .pds-information #customer .person-img .rhex {
    top: 0;
  }
  .pds-information #customer .name-intr {
    padding-bottom: 0;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left {
    width: 300px;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left img {
    width: 300px;
    left: -2rem;
  }
  #product-inner.digimars .banner-text img {
    width: 350px;
  }
  #product-inner.digimars .banner-text .banner-group .btn-install {
    margin-left: 0;
  }
  .digimars .pds-information #apply {
    overflow: hidden;
  }
  .digimars .pds-information #apply .info {
    padding: 0;
  }
  .digimars .pds-information #features .info-body {
    grid-template-columns: repeat(3, 125px);
    padding: 6.5rem 0 0 0;
  }
  .digilogs .pds-information #features .info-body {
    grid-template-columns: repeat(3, 125px);
    padding: 6.5rem 0 0 0;
  }
  #benefits .col-md.item h3:after {
    border-width: 27px 167px 0 0;
  }
  .media-info-area .swiper-button-prev img,
  .media-info-area .swiper-button-next img {
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .media-info-area .swiper-button-prev img {
    right: 2rem;
  }
  .media-info-area .swiper-button-next img {
    left: 2rem;
  }
  .media-container.container {
    padding: 1rem;
  }
  .media-container .left {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .media-container .right {
    width: 100%;
    min-width: auto;
    margin: 0 0 1rem 0;
  }
  .media-container .right .library-information {
    background: linear-gradient(to bottom, #669db7, #8768b7);
    border-radius: 20px 20px 0 0;
  }
  .media-container .right .library-column {
    border-radius: 0;
  }
  .media-container .right .library-column__video {
    background: none;
  }
  .photo-gallery {
    margin-bottom: 0;
  }
  .media-info-area .swiper-content .btn {
    margin-top: 0.5rem;
  }
  .photo-gallery .gallery-top {
    margin-right: 0.5rem;
    min-width: calc(295px - 0.5rem);
    width: calc(295px - 0.5rem);
  }
  .photo-gallery .gallery-thumbs {
    width: calc(100% - 295px);
  }
  .video-library .library .library-top iframe {
    height: 500px;
  }
  #solutions .pds-introduction .rhex-line {
    left: -6px;
    width: 70px;
    height: 122px;
    position: absolute;
  }
  #solutions .pds-introduction .d-flex .info {
    padding-right: 0;
  }
  #photo_gallery.media-container .left .article-column .group {
    width: 48%;
    margin: 1%;
  }
  .success-story #scrollspy span {
    display: block;
    border-bottom: 7px solid #d0d0d0;
    background-color: gray;
    color: #fff;
  }
  .success-story #scrollspy span:after,
  .success-story #scrollspy span:before {
    border-color: #fff;
  }
  .success-story .success-group {
    padding: 0;
    padding-bottom: 1rem;
  }
  #success .banner-text {
    width: 100%;
    position: initial;
    height: auto;
    padding: 50px;
    background: linear-gradient(to right, #006a47, #086f4d, #2c8467);
  }
  .success-story .story-group {
    grid-template-columns: repeat(2, 350px);
    margin: 1rem 0 1rem 0;
  }
  .success-story .story-list {
    width: 100%;
    position: relative;
    flex-direction: column;
  }
  .success-story .story-list .phone-cover {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
  }
  .success-story .story-list .list-in {
    display: none;
    flex-direction: column;
    z-index: 1;
    background: rgba(255, 255, 255, 0.918);
    color: #fff;
    overflow: hidden;
    position: absolute;
    top: 60px;
  }
  .success-story .story-list .list-in.open {
    border-bottom: 0;
    display: block;
    margin-top: -7px;
  }
  .success-story .story-list .list-in.open .story-btn {
    position: relative;
    height: 40px;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border: 0;
  }
  .success-story .story-list .list-in.open .story-btn:last-child {
    border-radius: 0 0 10px 10px;
  }
  .success-story .story-list .list-in.open .story-btn:first-child:after {
    transition: ease 0.3s;
    transform: rotate(135deg) translateX(-3px);
    -webkit-transform: rotate(135deg) translateX(-3px);
  }
  .success-story
    .story-list
    .list-in.open
    .story-btn.active:not(:first-child):after {
    display: none;
  }
  .success-story .rhex:nth-child(2n + 1) {
    grid-column-start: 1;
  }
  .success-story .rhex:nth-child(2n + 2) {
    grid-column-start: 2;
  }
  .success-story .rhex.group00 {
    grid-column-start: 1;
  }
  .success-story .rhex.group01 {
    grid-column-start: 2;
  }
  .success-story .story-group .rhex {
    margin-top: 40px;
    width: 210px;
    height: 340px;
  }
  @keyframes fadeOut {
    from {
      transform: rotate(90deg) translateY(-70px);
    }
    to {
      transform: rotate(90deg) translateY(100px);
    }
  }
  .success-story .story-group .rhex.active {
    transform: rotate(90deg) translateY(-70px);
  }
  @keyframes fadeIn {
    from {
      transform: rotate(90deg) translateY(100px);
    }
    to {
      transform: rotate(90deg) translateY(-70px);
    }
  }
  .success-story .story-group .rhex-group .word-group {
    min-width: 290px;
    max-width: 290px;
  }
  .success-story .story-group .rhex-group .word-group .word-font {
    height: 113px;
    -webkit-line-clamp: 5;
  }
  .success-story .rhex.groupnone {
    grid-column-start: unset;
    margin-top: 0;
  }
  .portal .portal-group {
    grid-template-columns: repeat(5, 125px);
    margin: 6rem 8rem 4rem 0;
  }
  .portal .portal-group .portal-rhex {
    width: 250px;
    height: 273px;
    margin-top: -3rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-logo {
    width: 100px;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom {
    padding: 0.5rem 2rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-title {
    font-size: 0.875rem;
  }
  .portal
    .portal-group
    .portal-rhex
    .portal-info
    .portal-bottom
    .portal-link
    a {
    font-size: 0.875rem;
    width: 50%;
  }
  .portal
    .portal-group
    .portal-rhex
    .portal-info
    .portal-bottom
    .portal-link
    a:nth-child(2n) {
    width: 50%;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-more {
    margin: 0.5rem 0 0;
  }
  .pd-systalk #benefits .info-body .benefit-point {
    width: 170px;
    height: 183px;
  }
  .pd-systalk .product-tab .nlu-img img {
    width: 100%;
  }
  .pd-systalk .pds-information #case_study .info {
    margin: 0;
    padding: 0;
    max-width: initial;
  }
  .pd-systalk .pds-information .systalk-quote {
    margin: 0;
    background: #1677c5;
    padding: 30px 0;
  }
  .pd-systalk .systalk-quote.slide-animation::before,
  .pd-systalk .systalk-quote.slide-animation::after {
    background: #1677c5;
  }
  .pd-systalk .about-container__category {
    background: #1677c5;
    font-size: 1.875rem;
  }
  .pd-systalk .pds-information #case_study .success-case-section {
    background-color: #55879b;
  }
  .rpa-intro ul {
    flex-direction: column;
  }
  .pd-systalk.systalk-rpa .rpa-intro .nlu-arrow .nav-pills .nav-link {
    width: 100% !important;
  }
  .pd-systalk.systalk-rpa
    .rpa-intro
    .nlu-arrow
    .nav-pills
    .nav-item:first-child
    .nav-link {
    background-image: url(../images/systalk/rpa-tag03.png);
  }
  .pd-systalk.systalk-rpa
    .rpa-intro
    .nlu-arrow
    .nav-pills
    .nav-item:first-child
    .nav-link.active {
    background-image: url(../images/systalk/rpa-tag04.png);
  }
  .pd-systalk .carousel-word .flow-chart {
    flex-direction: column-reverse;
  }
  .pd-systalk .carousel-word .flow-chart ul {
    display: block;
    margin: 0 auto;
  }
  .pd-systalk .carousel-word .flow-chart ul li {
    width: 239px;
    height: 250px;
    background-image: url(../images/systalk/rpa-solution_arrow.png);
    margin-top: -50px;
    padding-left: 0;
    padding-top: 50px;
  }
  .pd-systalk .carousel-word .flow-chart ul li:first-child {
    margin-top: -70px;
  }
  .pd-systalk .carousel-word .flow-chart ul li p {
    width: auto;
    padding: 0 10px;
  }
  .pd-systalk .carousel-word .flow-chart .desc {
    width: 235px;
    margin: 0 auto;
    background-color: #ea5a23;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-direction: column;
  }
  .pd-systalk .carousel-word .flow-chart .desc:after,
  .pd-systalk .carousel-word .flow-chart .desc:before {
    display: none;
  }
  .footer .container {
    padding: 0;
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .footer .service-list {
    flex-direction: column;
    width: 100%;
  }
  .footer .service-list .service-column {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 0;
    align-items: flex-start !important;
    margin: 0;
  }
  .footer .service-list .service-column:nth-child(2) {
    width: 100%;
  }
  .footer .service-list a {
    padding: 0.5rem 1rem;
  }
  .footer .service-list a:first-child {
    padding-top: 1rem;
  }
  .footer .service-list a:last-child {
    padding-bottom: 1rem;
  }
  .footer .service-list .footer-nav-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: 1rem;
  }
  .footer .service-list .footer-nav-title:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .footer .service-list .footer-click {
    width: 15px;
    position: relative;
  }
  .footer .service-list .footer-click span {
    transition: all 0.5s;
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .footer .service-list .footer-click span:nth-child(2) {
    width: 1px;
    height: 15px;
  }
  .footer
    .service-list
    .footer-nav-title[aria-expanded*='true']
    .footer-click
    span:nth-child(2) {
    opacity: 0;
  }
  .footer .service-list .footer-nav-body {
    width: 100%;
    transition: all 0.5s;
  }
  .footer .copyright img {
    margin-top: 0.5rem;
  }
  .service .social-media {
    padding-top: 1rem;
  }
  .service .social-media p:first-child {
    display: none;
  }
  .footer .medla-link {
    text-align: center;
    margin: 40px 10px 20px 10px;
  }
  .footer .medla-link p {
    text-align: center;
  }
  .service {
    flex-direction: column;
  }
  .social-media li {
    width: 46px;
    height: 50px;
    padding: 7px;
    font-size: 1.5rem;
  }
  .download-loading {
    min-height: auto;
  }
  #open-series .banner-container .banner-container__img {
    height: 190px;
  }
  #open-series .banner-container .banner-container__text {
    top: auto;
    bottom: -12rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 335px;
    padding: 35px 25px;
  }
  #open-series .main-container {
    padding: 3rem 0;
  }
  #open-series .main-container.main-container__bg-purple {
    background-color: #bda9ce;
  }
  #open-series .main-container__bg-cyan.slide-animation::before {
    background-color: #9874b7;
  }
  #open-series .main-container__bg-cyan.slide-animation::after {
    background-color: transparent;
  }
  #open-series .main-container.phone-main-container {
    display: block;
  }
  #open-series .main-container.pc-main-container {
    display: none;
  }
  #open-series .main-container.pt-170 {
    padding-top: 14rem;
  }
  #open-series .main-container.p-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #open-series .main-container.p-b-0 {
    padding-bottom: 0;
  }
  #open-series .banner-container .banner-container__text-large-en {
    font-size: 24px;
    line-height: 1;
  }
  #open-series .banner-container .banner-container__text-large-ch {
    font-size: 28px;
    margin-bottom: 1rem;
  }
  #open-series .banner-container .banner-container__text-large-ch-small {
    line-height: 1.5;
  }
  #open-series .main-container__title {
    font-size: 28px;
  }
  #open-series .main-container .smart-government .main-container__title {
    margin-right: 0;
  }
  #open-series .main-container__bg-purple .main-container__title {
    background-color: #9874b7;
  }
  #open-series .main-container__bg-cyan .main-container__title {
    background-color: transparent;
  }
  #open-series .main-container__title-text {
    padding: 0 45px;
  }
  #open-series .main-container__bg-purple .main-container__title-text {
    padding: 40px 45px;
  }
  #open-series .main-container__title-line {
    display: none;
  }
  #open-series .main-container .smart-government .main-container__subtitle {
    margin: 10px 0;
  }
  #open-series
    .main-container
    .smart-government
    .main-container__subtitle-text {
    padding: 0 45px;
    display: block;
  }
  #open-series .main-container__description {
    line-height: 1.5;
    padding: 1rem 45px;
    color: #1a1618;
  }
  #open-series.open-government
    .main-container__description
    span.pc-description {
    display: none;
    margin-bottom: 0;
  }
  #open-series .phone-description {
    display: block;
  }
  #open-series .phone-stage-hint {
    position: relative;
    margin: 0 30px;
    text-align: center;
    display: block;
  }
  #open-series .phone-stage-hint span {
    color: #1a76c4;
    padding: 0 1rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  #open-series .phone-stage-hint:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #1a76c4;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #open-series .main-container .stage-container {
    flex-direction: column;
    padding: 0 25px;
  }
  #open-series .main-container .stage-block {
    width: 100%;
  }
  #open-series .main-container .stage-block__year {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-left: 2rem;
  }
  #open-series .main-container .stage-block__year-text {
    width: calc(100% - 20px);
    text-align: center;
    padding-right: calc(20px + 2rem);
    font-size: 28px;
    margin: 9px 0;
  }
  #open-series .main-container .stage-block:hover .stage-block__year-text {
    transform: scale(1) translateY(0);
  }
  #open-series .main-container .stage-block__year-circle {
    width: 20px;
    height: 20px;
  }
  #open-series .main-container .stage-block:hover .stage-block__year-circle {
    transform: scale(1);
  }
  #open-series .main-container .stage-block__year-line {
    width: 20px;
    height: 100%;
    bottom: 0;
  }
  #open-series .main-container .stage-block__year-line-right:before {
    width: 1px;
    height: 50%;
    left: 0;
    margin: auto;
    top: 30px;
  }
  #open-series .main-container .stage-block__year-line-left:after {
    width: 1px;
    height: 50%;
    right: 0;
    margin: auto;
    top: auto;
    bottom: 30px;
  }
  #open-series .main-container .stage-block__information {
    margin-top: 0;
    background-color: #fff;
  }
  #open-series .main-container .stage-block__information.mr-15 {
    margin-right: 0;
  }
  #open-series .main-container .stage-block__information.ml-15 {
    margin-left: 0;
  }
  #open-series .main-container .stage-block__information-small {
    position: relative;
    z-index: 2;
  }
  #open-series .main-container .stage-block__information-large {
    position: relative;
    z-index: 2;
  }
  #open-series .main-container .stage-block__information-normal {
    position: relative;
    z-index: 2;
  }
  #open-series
    .main-container
    .stage-block:nth-child(3)
    .stage-block__year-line-right:before {
    display: block;
  }
  #open-series .main-container__quote {
    padding: 45px;
  }
  #open-series .main-container__quote-text {
    font-size: 18px;
  }
  #open-series .main-container .phone-versus-block__diagram-line {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #595a5a;
    color: #fff;
    font-size: 20px;
    padding: 1.5rem 1rem;
  }
  #open-series .main-container .versus-block {
    margin: 0;
    border-radius: 0;
  }
  #open-series .main-container .versus-block .versus-block__title {
    flex-direction: column;
  }
  #open-series
    .main-container
    .versus-block
    .versus-block__title
    .versus-block__title-large {
    font-size: 28px;
    font-weight: 700;
  }
  #open-series
    .main-container
    .versus-block
    .versus-block__title
    .versus-block__title-small {
    text-align: center;
  }
  #open-series .main-container .versus-block__diagram {
    flex-direction: column;
  }
  #open-series .main-container .versus-block__diagram-block-arrow-frame {
    transform: rotate(180deg);
    margin: 1rem 0;
  }
  #open-series
    .main-container
    .versus-block__diagram-block-arrow-frame.reverse-arrow {
    transform: rotate(0);
  }
  #open-series .main-container .versus-block__diagram-block-text {
    font-size: 20px;
  }
  #open-series .main-container .versus-block__diagram-block-text.pleft-2 {
    padding-left: 0;
  }
  #open-series .main-container .versus-block__diagram-line {
    display: none;
  }
  #open-series .main-container .phone-versus-block__diagram-version-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 190px;
    overflow: hidden;
  }
  #open-series
    .main-container
    .phone-versus-block__diagram-version-block.slide-animation::after {
    background-color: transparent;
  }
  #open-series .main-container .versus-block__diagram-version-column {
    position: relative;
    top: -3rem;
    z-index: 2;
  }
  #open-series .main-container .versus-block__diagram-version-block {
    flex-direction: column;
    padding: 1rem 3.5rem;
    margin: 0 25px 1.5rem 25px;
  }
  #open-series.content--en
    .main-container
    .versus-block__diagram-version-block {
    padding: 1rem 2rem;
  }
  #open-series .main-container .versus-block__diagram-version-block:last-child {
    margin-bottom: 0;
  }
  #open-series .main-container .versus-block__diagram-version-block:last-child {
    margin-bottom: 0;
  }
  #open-series .main-container .versus-block__diagram-version-left {
    width: 100%;
  }
  #open-series.content--en .main-container .versus-block__diagram-version-left {
    padding: 0;
    width: 100%;
  }
  #open-series .main-container .versus-block__diagram-version-right {
    width: 100%;
  }
  #open-series.content--en
    .main-container
    .versus-block__diagram-version-title {
    font-size: 18px;
  }
  #open-series .main-container .versus-block__diagram-version-title br {
    display: none;
  }
  #open-series.content--en
    .main-container
    .versus-block__diagram-version-title
    br {
    display: block;
  }
  #open-series .main-container .versus-block__diagram-version-title span {
    margin: 0 0.5rem;
  }
  #open-series .main-container .versus-block__diagram-version-text {
    padding: 0;
    margin-top: 1rem;
  }
  #open-series .main-container .versus-block__diagram-version-num {
    top: -1.2rem;
  }
  #open-series .main-container .api-img-container {
    margin: auto;
    max-width: 490px;
    width: auto;
    padding: 0 45px;
  }
  #open-series .main-container .api-container {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    padding: 0 25px;
    position: relative;
    top: -3rem;
    z-index: 2;
  }
  #open-series .main-container .api-container-img {
    display: none;
  }
  #open-series .main-container .api-container-block {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  #open-series .main-container .api-container-block.aos-animate {
    transform: none;
    opacity: 1;
  }
  #open-series .main-container .api-container-block:hover {
    background-color: #cbeffc;
  }
  #open-series .main-container .smart-government {
    flex-direction: column;
  }
  #open-series .main-container .smart-government .smart-government__left {
    width: 100%;
  }
  #open-series
    .main-container
    .versus-block__diagram-line.versus-block__diagram-line-gray {
    display: block;
    margin: 20px 45px;
  }
  #open-series
    .main-container
    .versus-block__diagram-line.versus-block__diagram-line-gray::after {
    display: none;
  }
  #open-series
    .main-container
    .versus-block__diagram-line.versus-block__diagram-line-gray
    span {
    color: #1a1618;
    font-size: 16px;
  }
  #open-series .main-container .api-advantage {
    margin-top: 2rem;
  }
  #open-series .main-container .api-advantage .collapse-toggler {
    display: block;
  }
  #open-series .main-container .api-advantage-block {
    margin: 0;
  }
  #open-series .main-container .api-advantage-left {
    width: 100%;
  }
  #open-series .main-container .api-advantage-left.slide-animation:before {
    right: -100%;
  }
  #open-series .main-container .api-advantage-left.slide-animation:after {
    right: -100%;
  }
  #open-series .main-container .api-advantage-right {
    display: none;
  }
  #open-series .main-container .api-advantage__title {
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #707070;
    text-align: center;
  }
  #open-series .main-container .api-advantage__list {
    padding: 1rem 0 0 0;
  }
  #open-series .main-container .phone-api-advantage__image {
    display: block;
    width: 105px;
    height: 105px;
    margin: 1rem auto;
    background-color: #d8f2ff;
    border-radius: 99rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #open-series .main-container .phone-api-advantage__image img {
    width: 70px;
  }
  #product-inner.digilogs .phone-column {
    min-height: 550px;
    background-color: #f5f5f5;
  }
  #product-inner.digilogs .phone-column .big-img {
    height: 320px;
  }
  #product-inner.digilogs .phone-column .big-img img {
    width: 100%;
    height: auto;
  }
  #product-inner.digilogs .banner-info {
    flex-direction: column;
    background-color: transparent;
    z-index: 3;
  }
  #product-inner.digilogs .banner-text {
    margin: 0;
    padding: 3rem 0;
    height: auto;
  }
  #product-inner.digilogs .banner-text img {
    width: 220px;
  }
  #product-inner.digilogs .banner-text h3 {
    color: #4b4b4b;
    font-size: 1rem;
    margin: 0;
  }
  #product-inner.digilogs .banner-info .banner-video {
    width: 500px;
    height: auto;
  }
  #product-inner.digilogs .banner-info .banner-video .video-frame {
    height: 214px;
    top: 11.3px;
    width: 75%;
  }
  #product-inner.digilogs #about .container {
    max-width: initial;
    padding: 0;
  }
  .digilogs .pds-information #about .about-block {
    margin-bottom: 0;
  }
  .digilogs .pds-information #about .about-block__text {
    margin: 0;
    width: 100%;
    max-width: initial;
    height: auto;
    border-radius: 0;
  }
  .digilogs .pds-information #about .about-block__green .about-block__text {
    border-radius: 0;
  }
  .digilogs .pds-information #about .about-block__text:after {
    left: -65%;
  }
  .digilogs .pds-information #about .aos-animate .about-block__text:after {
    left: -95%;
  }
  .digilogs
    .pds-information
    #about
    .about-block__green
    .about-block__text:after {
    right: -65% !important;
    bottom: 0;
  }
  .digilogs
    .pds-information
    #about
    .about-block__green.aos-animate
    .about-block__text:after {
    right: -95% !important;
  }
  .digilogs .pds-information #about .about-block__text-img {
    position: relative;
    z-index: 2;
    width: 270px;
    margin: 0 auto 2rem auto;
  }
  .digilogs .pds-information #about .about-block__img {
    display: none;
  }
  .digilogs .pds-information #about hr {
    display: none;
  }
  .digilogs .pds-information #about .about-block__text-title {
    text-align: left;
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
  .digilogs .pds-information #about .about-text {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
    padding: 2rem;
  }
  .digilogs .pds-information #about .about-text .about-text__chart {
    margin: 3rem 0 1rem 0;
  }
  .digilogs .pds-information #about .about-text .about-text__chart-block {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .digilogs .pds-information #about .about-text.about-text-blue {
    border-radius: 0;
  }
  .digilogs .pds-information #about .about-text .about-text__title {
    font-size: 1.75rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .digilogs .pds-information #about .about-text .about-text__chart-title {
    font-size: 1.75rem;
  }
  .digilogs .pds-information #about .about-text .about-text__chart-img {
    width: 50%;
    flex: none;
    margin-bottom: 2rem;
  }
  .digilogs .pds-information #about .about-text .about-text__slogan {
    text-align: left;
  }
  .digilogs .pds-information #about .about-text.about-text-blue:after {
    display: none;
  }
  .digilogs .pds-information #features .info {
    margin: 0;
    padding: 0;
    max-width: initial;
  }
  .digilogs .pds-information .digilogs-quote .digilogs-quote__blue {
    display: none;
  }
  .digilogs .pds-information #features .function-chart {
    flex-direction: column;
    padding: 0;
  }
  .digilogs .pds-information #features .function-chart .function-chart__block {
    width: 100%;
    margin: 0;
  }
  .digilogs .pds-information #features .function-chart .function-chart__inner {
    padding: 2rem;
  }
  .digilogs .pds-information #features .function-chart .collapse-toggler {
    width: 100%;
    text-align: center;
    background-color: #ffcd4e;
    border-bottom: 1px solid #fff;
  }
  .digilogs .pds-information #features .function-chart .function-chart__img {
    width: 85px;
    height: auto;
    margin: auto;
  }
  .digilogs .pds-information #features .feature-chart__bg {
    display: none;
  }
  .digilogs .pds-information #features .feature-chart__bg02 {
    display: none;
  }
  .digilogs .pds-information #features .feature-chart__bg-arrow {
    display: none;
  }
  .digilogs .pds-information #features .feature-chart__section {
    flex-direction: column;
    padding: 0;
  }
  .digilogs .pds-information #features .feature-chart__block {
    width: 100%;
    padding: 2rem;
    margin: 0;
    max-width: initial;
  }
  .digilogs .pds-information #features .feature-chart__block-white {
    background-color: #fff;
  }
  .digilogs .pds-information #features .feature-chart__slogan {
    display: none;
  }
  .digilogs .pds-information #benefits .info {
    padding: 0;
    max-width: initial;
  }
  .digilogs .pds-information #benefits .system-trajectory {
    border-radius: 0;
  }
  .digilogs .pds-information #benefits .system-trajectory__chart {
    flex-direction: column;
  }
  .digilogs .pds-information #benefits .system-trajectory__text {
    width: 100%;
  }
  .digilogs .pds-information #benefits .system-trajectory__left {
    min-width: auto;
    min-height: auto;
    transform: rotate(90deg);
    width: 284px;
    height: 251px;
    margin: 3rem auto 0 auto;
  }
  .digilogs .pds-information #benefits .system-trajectory__left-group {
    transform: rotate(-90deg) translateY(-47px);
    flex-direction: row;
    margin: 0;
    width: 100%;
  }
  .digilogs .pds-information #benefits .system-trajectory__left-block {
    margin-bottom: 0;
    flex-direction: column;
    width: calc(100% / 3);
  }
  .digilogs .pds-information #benefits .system-trajectory__left-img {
    margin-right: 0;
    height: 50px;
    margin-bottom: 0.5rem;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__left
    .system-trajectory__arrow {
    transform: translateX(-75px);
  }
  .digilogs .pds-information #benefits .system-trajectory__middle {
    flex-direction: column;
  }
  .digilogs .pds-information #benefits .system-trajectory__middle-block {
    margin: 1.5rem 0 0 0;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__middle
    .system-trajectory__arrow {
    transform: rotate(90deg);
    margin: 1rem 0 0 0;
  }
  .digilogs .pds-information #benefits .system-trajectory__right {
    margin: 7rem 0 1rem 0;
    flex-direction: row;
  }
  .digilogs .pds-information #benefits .system-trajectory__right-block {
    flex-direction: column;
    margin: 0 1rem;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__right-block:first-child:before {
    top: -60px;
    left: 36px;
    width: 104px;
    height: 45px;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__right-block:nth-child(2):before {
    width: 1px;
    height: 90px;
    left: 0;
    top: -100px;
    right: 0;
    margin: auto;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__right-block:last-child:before {
    left: -67px;
    top: -60px;
    bottom: auto;
    width: 104px;
    height: 45px;
    border-radius: 0 5px 0 0;
    border-width: 1px 1px 0 0;
  }
  .digilogs .pds-information #benefits .system-trajectory__right-block:after {
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
  }
  .digilogs .pds-information #benefits .system-trajectory__right-img {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .digilogs .pds-information #benefits .planning-trajectory {
    border-radius: 0;
    margin: 0;
  }
  .digilogs .pds-information #benefits .planning-trajectory__title {
    font-size: 1.125rem;
  }
  .digilogs .pds-information #benefits .planning-trajectory__chart {
    flex-direction: column;
  }
  .digilogs .pds-information #benefits .planning-trajectory__chart-left {
    flex-direction: column;
    margin: 1rem 0 3rem 0;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart-left
    .pie-chart {
    width: 150px;
    height: 150px;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart
    .planning-trajectory__arrow:before {
    height: 30px;
    width: 1px;
    margin: 2rem auto 0 auto;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart
    .planning-trajectory__arrow:after {
    border-width: 8px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    left: 0;
    margin: auto;
    top: 35px;
  }
  .digilogs .pds-information #benefits .planning-trajectory__chart-middle {
    padding: 1rem;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle-group {
    flex-direction: column;
    margin-top: 1rem;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle {
    width: 150px;
    height: 150px;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart-middle
    .planning-trajectory__arrow-group {
    margin: 1rem 0;
  }
  .digilogs.content--en
    .pds-information
    #benefits
    .planning-trajectory__chart
    .planning-trajectory__arrow {
    width: 120px;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart
    .planning-trajectory__arrow-text {
    text-align: left;
    transform: translate(60px, 0);
  }
  .digilogs.content--en
    .pds-information
    #benefits
    .planning-trajectory__chart
    .planning-trajectory__arrow-text {
    max-width: 150px;
    transform: translate(90px, 0);
  }
  .digilogs .pds-information #benefits .planning-trajectory__chart-right {
    flex-direction: column;
  }
  .digilogs
    .pds-information
    #benefits
    .planning-trajectory__chart-right
    .planning-trajectory__arrow-group {
    margin: 1rem 0;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle-user {
    display: flex;
    flex-direction: column-reverse;
  }
  .digilogs .pds-information #benefits .planning-trajectory__circle-user-text {
    margin: 0.5rem 0;
  }
  .digilogs .pds-information #benefits .planning-trajectory__text {
    margin: 0.5rem auto 0 auto;
    width: 100%;
  }
  .digilogs.content--en .pds-information #benefits .planning-trajectory__text {
    width: 100%;
  }
  .digilogs .pds-information #benefits .planning-trajectory__text br {
    display: none;
  }
  .digilogs .pds-information #support .info {
    margin: 0;
    padding: 0;
    max-width: initial;
  }
  .digilogs .pds-information #support .support-chart__title {
    color: #4b4b4b;
  }
  .digilogs .pds-information #support .support-chart {
    margin: 0;
    border-radius: 0;
    padding: 1rem 2rem;
  }
  .digilogs .pds-information #support .support-chart__group {
    flex-direction: column;
    align-items: center;
  }
  .digilogs .pds-information #support .support-chart__arrow {
    border-width: 17px 17px 0 17px;
    border-color: #5f5e5e transparent transparent transparent;
    margin: 1rem 0;
  }
  .digilogs .pds-information #support .support-slogan {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1rem 2rem;
    color: #4b4b4b;
  }
  .digilogs .pds-information #support .support-slogan br {
    display: none;
  }
  .digilogs .pds-information #support .support-text {
    padding: 1rem 2rem;
    margin: 0;
  }
  .digilogs .pds-information #support .support-list {
    display: none;
  }
  .digilogs .pds-information #case_study .info {
    margin: 0;
    padding: 0;
    max-width: initial;
  }
  .digilogs .pds-information .digilogs-quote {
    margin: 0;
    background: #707a83;
  }
  .digilogs .pds-information #case_study .success-case-section {
    background-color: #42afa5;
  }
  .digilogs .pds-information .request-container__title {
    color: #fff;
  }
}
@media (max-width: 992px) {
  #solutions .pds-introduction .pds-big-img {
    width: 100%;
  }
  #solutions .pds-introduction .pds-big-img img {
    max-height: 100%;
    width: 100%;
  }
  .pd-systalk .about-flow-box.about-FAQ {
    max-width: 250px;
  }
}
@media (max-width: 768px) {
  .header-portal .logo {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }
  .header-portal .logo img {
    width: 32vw;
    max-width: 120px;
  }
  .header-portal .logo.en img {
    width: 28vw;
    max-width: 170px;
  }
  .header-portal .logo-word {
    line-height: 1;
    margin-top: 0.25rem;
    padding: 0;
  }
  .header-portal .other-info {
    width: auto;
    position: static;
    padding-right: 5rem;
  }
  .header-portal .other-info .info-top {
    margin: 0;
    z-index: 2;
  }
  .header-portal .other-info .info-top .lang-column {
    top: 60px;
    width: 100px;
    height: 0;
  }
  .header-portal .other-info .info-top .lang-column.on {
    height: 40px;
    top: 45px;
    right: -30px;
  }
  .header-portal .other-info .info-bottom .member {
    padding-left: 30px;
    position: static;
  }
  .header-portal .other-info .info-bottom .member span {
    display: none;
  }
  .header-portal .other-info .info-bottom .member:hover {
    background-color: transparent;
    background-image: url(../images/header/icon-member.png);
    background-size: 30px 30px;
  }
  .header-portal .other-info .info-bottom .member:hover .arrow:before,
  .header-portal .other-info .info-bottom .member:hover .arrow:after {
    background: #722c8c;
  }
  .header-portal .other-info .info-bottom .member .member-list {
    top: 58px;
  }
  .p-md-none {
    padding: 0px !important;
  }
  .m-md-none {
    margin: 0px !important;
  }
  h2 {
    font-size: 2rem;
    transform: none;
  }
  .big-img {
    height: 300px;
  }
  #our-service {
    flex-direction: column;
  }
  #our-service .service-title {
    width: 100%;
    background-image: none;
    background-color: #722c8c;
    padding: 2rem 1rem;
  }
  #our-service .service-title h2 {
    color: #fff;
    padding: 0 !important;
    margin: 0;
  }
  #our-service .service-title h2 a {
    color: #e99778;
    font-size: 16px;
    text-align: center;
  }
  #our-service .service-intro {
    flex-direction: column;
  }
  #our-service .service-intro .service-intro__column {
    width: 100%;
  }
  #our-service .service-intro button {
    justify-content: center;
  }
  #our-service .service-intro button .service-intro__arrow {
    display: none;
  }
  #our-service .service-img {
    background-position: center;
    width: 100%;
    height: 140px;
  }
  #our-service .service-img::before {
    background-color: #254351;
  }
  #our-service .service-img::after {
    background-color: transparent;
  }
  #monthly .monthly-left {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    height: auto;
  }
  #monthly .monthly-left .month-title {
    color: #fff;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 1rem 1rem 0;
  }
  #monthly .monthly-left .month-list {
    height: auto;
    flex-direction: row !important;
  }
  #monthly .monthly-left .month-list a {
    margin: 0 0.25rem;
  }
  #monthly .monthly-left .month-list a.active {
    background-color: #fff;
    color: #722c8c;
  }
  #monthly .monthly-right .monthly-info {
    display: none;
  }
  #monthly .monthly-right .carousel .carousel-title {
    display: none;
  }
  #monthly .monthly-right .carousel .carousel-inner {
    box-shadow: none;
  }
  #monthly .monthly-right .carousel .carousel-btn {
    display: none;
  }
  #monthly .monthly-left .month-arrow {
    width: 13px;
    height: 25px;
    margin: 0 0 0.5rem 2rem;
  }
  #monthly .monthly-left .month-arrow::before {
    transform: rotate(-45deg);
    top: -7px;
    left: auto;
    right: 0;
  }
  #monthly .monthly-left .month-arrow::after {
    height: 20px;
    top: 7px;
    left: auto;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
  }
  #monthly .monthly-right .monthly-date {
    display: none;
  }
  #monthly .monthly-left .monthly-img .monthly-word {
    font-size: 1.5rem;
  }
  #monthly_carousel .carousel-control-prev,
  #monthly_carousel .carousel-control-next {
    width: 48px;
    height: 48px;
  }
  .solutions {
    flex-direction: column;
  }
  .solutions .solution-column .solution-group {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
  .solutions .solution-column .solution-item {
    padding: 2rem 3rem 2rem 4rem;
    width: 100%;
    border-bottom: 1px solid #722c8c;
  }
  #thank_sharing {
    padding: 1rem 0;
  }
  #thank_sharing .carousel-item {
    height: 478px;
  }
  .core-value .middle-column .word-column .word .title {
    font-size: 1.5rem;
  }
  .customers .bottom-column {
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .customers .customers-column {
    margin-top: 1.5rem;
    width: 97%;
  }
  .customers .customers-column .honeycomb {
    grid-template-columns: repeat(5, 42px);
  }
  .customers .customers-column .honeycomb .rhex {
    width: 50px;
    height: 85px;
    border-radius: 16px/2px;
    margin-top: -5px;
  }
  .customers .customers-column .honeycomb .rhex .rhex-content {
    font-size: 1rem;
    min-width: auto;
  }
  #products .pds-introduction {
    padding-bottom: 3rem !important;
  }
  #systalkai .row.my-5.mx-3 {
    flex-direction: column;
    margin: 0 !important;
  }
  .pds-introduction .pds-group {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #digilism .row.my-5.mx-3 {
    flex-direction: column-reverse;
    margin: 0 !important;
  }
  .solutions .flex-column {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .milestone-column {
    padding: 0 0 22rem 0;
  }
  .milestone-column .milestone-bg05 {
    width: 570px;
  }
  #product-inner .px-5 {
    padding: 0rem !important;
  }
  #features,
  #structure,
  #benefits,
  #case_study {
    margin: 0;
  }
  #product-inner .big-img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #product-inner .big-img img {
    height: 300px;
    opacity: 0.7;
  }
  #product-inner.digilogs .big-img {
    height: 700px;
    align-items: flex-start;
    justify-content: center;
  }
  #product-inner #about {
    background-color: #eeac44;
  }
  .pds-introduction #about {
    padding-bottom: 2rem;
  }
  #structure .video {
    padding: 60px 0;
  }
  #product-inner .info {
    padding: 1rem;
    justify-content: center;
  }
  #product-inner .info .col-md {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #product-inner .info .col-md p {
    max-width: 400px;
  }
  #benefits .info .col-md {
    padding-top: 0rem;
    margin-bottom: 2rem;
  }
  #benefits .col-md.item {
    width: 350px;
  }
  #benefits .col-md.item h3:after {
    border-width: 27px 196px 0 0;
  }
  #cs_carousel {
    margin: 0;
  }
  .carousel-control-prev span,
  .carousel-control-next span {
    width: 20%;
    min-width: 10px;
  }
  .carousel-banner .carousel-item img,
  .about-us-banner .big-img img {
    width: auto;
    height: 300px;
  }
  #product-inner .banner-text {
    padding: 1rem;
  }
  #product-inner .banner-text img {
    width: 200px;
    margin-bottom: 30px;
  }
  #product-inner .banner-text h3 {
    font-size: 1.3rem;
  }
  .pds-information .info-title .ch {
    font-size: 1rem;
  }
  .pds-information .info-title .en {
    font-size: 1rem;
  }
  .pds-information #about .info-body {
    padding: 0;
  }
  .pds-information .pds-column:before,
  .pds-information .pds-column:after {
    display: none;
  }
  #product-inner #about .bg {
    display: none;
  }
  .pds-information #about .info-body .top {
    font-size: 1rem;
  }
  .pds-information #about .info-body .bottom {
    font-size: 1rem;
  }
  .pds-information #about .info-body .word {
    width: 100%;
  }
  .pds-information #features .info-body {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    align-items: center;
    margin: 0;
  }
  .pds-information #features .info-body .grid-rhex {
    margin: 0 0 1rem 0;
    width: 234px;
    height: 207px;
  }
  .pds-information #features .info-body .grid-rhex img {
    width: 150px;
  }
  .pds-information #features .info-body .grid-rhex.grid-bg03 {
    display: none;
  }
  .pds-information #features .info-body .grid-rhex.grid-bg04 {
    background-image: url(../images/product-inner/rhex-bg07.png);
  }
  .pds-information #features .info-body .grid-rhex span {
    max-width: 115px;
  }
  .pds-information .btn-try {
    position: static;
    margin: 0 auto 1rem auto;
  }
  .systalk-rpa .pds-information .btn-try {
    margin: 0 auto 1rem auto;
  }
  .pds-information #benefits .pt-5.pb-5 {
    padding: 0 !important;
  }
  .pds-information #benefits .bg-title {
    display: none;
  }
  .pds-information #benefits .info-title {
    height: auto;
  }
  .pds-information #benefits .info-title:after {
    display: none;
  }
  .pds-information #benefits .info-body .benefit-group {
    width: 100%;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
  }
  .pds-information #benefits .info-body .benefit-point {
    width: 50px;
    height: 45px;
    padding: 0;
    font-size: 1rem;
    bottom: auto;
    left: 0;
    top: 0.5rem;
  }
  .pds-information #benefits .info-body .benefit-in {
    padding: 2rem 2.5rem 4.5rem 3.5rem;
  }
  .pds-information #benefits .info-body .benefit-word {
    padding: 0;
    max-height: initial;
  }
  #product-inner #case_study .bg {
    display: none;
  }
  .pds-information #case_study .carousel {
    margin: 0 0 2rem 0;
  }
  .pds-information #case_study .carousel-inner {
    width: 65%;
    padding: 0;
  }
  .pds-information #case_study .carousel-item {
    flex-direction: column;
  }
  #product-inner #case_study .carousel-control-prev span,
  #product-inner #case_study .carousel-control-next span {
    min-width: 30px;
  }
  .pds-information #case_study .carousel-left,
  .pds-information #case_study .carousel-right {
    width: 30px;
    height: 30px;
    font-size: 1rem;
  }
  .pds-information #case_study .carousel-title {
    font-size: 1rem;
    padding-left: 1.5rem;
  }
  .pds-information #case_study .carousel-title:before {
    width: 12px;
    height: 12px;
  }
  .pds-information #case_study .carousel-word {
    font-size: 1rem;
  }
  .pds-information #case_study .carousel-item .container {
    padding: 0;
    max-width: 440px;
  }
  .pds-information #case_study .info-subtitle {
    height: auto;
    margin: 0;
  }
  .pds-information #case_study .info-subtitle span {
    font-size: 1rem;
    position: static;
    height: auto;
    width: 100%;
    background: #eeac44;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
  }
  #cs_carousel .carousel-inner {
    max-width: unset;
    min-width: unset;
  }
  .pds-information #customer {
    padding-bottom: 0;
  }
  .pds-information #customer .info {
    padding: 0;
    margin: 0;
    max-width: unset;
    background: #e6e6e6;
  }
  .pds-information #customer .info-title {
    padding: 1rem 2rem;
    justify-content: flex-start;
    background: #e6e6e6;
    max-width: 540px;
    margin: auto;
  }
  .pds-information #customer .info-title:after {
    display: none;
  }
  .pds-information #customer .carousel-inner {
    width: 80%;
  }
  .pds-information #customer .deco-line {
    display: none;
  }
  #product-inner #customer .carousel-control-prev span,
  #product-inner #customer .carousel-control-next span {
    min-width: 10px;
  }
  .pds-information #customer .carousel-control-prev {
    padding-left: 1rem;
  }
  .pds-information #customer .mul-text-overflow {
    font-size: 0.875rem;
  }
  .pds-information #structure .video {
    padding: 2rem 0 1rem 0;
  }
  .pds-information #customer .name-intr {
    margin-top: 1rem;
  }
  .pds-information #customer .name-intr .hr-right {
    height: 60px;
  }
  .pds-information #customer .name-intr .name-group .name,
  .pds-information #customer .name-intr .name-group p {
    font-size: 0.875rem;
  }
  #product-inner.digimars .banner-text img {
    width: 200px;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left {
    width: 230px;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left img {
    width: 230px;
    bottom: -11.4rem;
    left: 0rem;
  }
  .digimars#product-inner #about {
    background-color: #40b057;
  }
  .digimars#product-inner #scrollspy.navbar {
    background-color: #40b057;
    border-bottom-color: #227734;
  }
  .digimars .pds-information #case_study .info-subtitle span {
    background: #40b057;
  }
  .digilogs .pds-information #case_study .info-subtitle span {
    background: #45bab3;
  }
  .bg .right-box04 {
    top: 0;
  }
  .digimars .pds-information #apply .apply-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1rem;
    padding: 2rem 0 0.5rem 0;
  }
  .digimars .pds-information #apply .apply-title span {
    font-size: 1rem;
  }
  .digimars .pds-information #apply .apply-subtitle {
    width: 100%;
    background: #40b057;
    height: auto;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .digimars .pds-information #apply .apply-form {
    width: 90%;
    margin: 0 auto 2rem auto;
  }
  .digimars .pds-information #apply .captcha {
    width: 100%;
  }
  .digimars .pds-information #apply .green {
    position: static;
    width: 100%;
  }
  .digimars .pds-information #features .info-body {
    padding: 1rem 0 0;
  }
  .digilogs#product-inner #scrollspy.navbar {
    background-color: #45bab3;
    border-bottom-color: #15847d;
  }
  .digilogs#product-inner #about {
    background-color: #45bab3;
  }
  .digilogs .pds-information #features .info-body {
    padding: 1rem 0 0;
  }
  .layout-vn .brain-tit h3 {
    font-size: 1.5rem;
  }
  .media-info-area .swiper-button-prev,
  .media-info-area .swiper-button-next {
    width: 18%;
  }
  .media-info-area .black-cover {
    background-color: #626262;
  }
  .media-info-area .swiper-content .date {
    font-size: 0.875rem;
  }
  .media-info-area .swiper-content .btn {
    width: 80px;
    height: 30px;
    font-size: 0.875rem;
  }
  .media-banner span {
    font-size: 1rem;
  }
  .media-container .left .btn-column .btn {
    margin-top: 0;
    font-size: 0.875rem;
    padding: 6px;
  }
  .media-container .right .library-title .library-title__en {
    font-size: 0.875rem;
    padding-right: 3%;
  }
  .media-container .right .library-title .library-title__ch {
    padding-left: 23%;
  }
  .photo-gallery .gallery {
    flex-direction: column;
    background-color: transparent;
  }
  .photo-gallery .gallery-top {
    width: 100%;
    min-width: 100%;
    margin: 0;
  }
  .photo-gallery .gallery-thumbs {
    width: 100%;
  }
  .photo-gallery .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
  }
  .photo-gallery .gallery-word__phone {
    color: #ededed;
    font-size: 0.875rem;
    padding: 2rem 0 0 0;
    width: 100%;
    display: block;
  }
  .media-container .right .library-bottom {
    justify-content: flex-end;
    padding-top: 0;
  }
  .photo-gallery .gallery-word {
    display: none;
  }
  .video-library .library-info {
    margin-top: 0.5rem;
  }
  #solutions .article-text.feature .title:after {
    width: 74%;
    left: 126px;
  }
  .success-story .story-group .rhex-group .story-logo {
    height: 80px;
  }
  .success-story .story-group {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    justify-content: flex-start;
  }
  .success-story .story-group .rhex {
    transform: unset;
    display: flex;
    align-items: flex-start;
    border-radius: 1rem;
    height: auto;
    padding: 0 1rem 1rem;
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
  .success-story .rhex.none {
    display: none;
  }
  .success-story .story-group .rhex-group {
    transform: unset;
    right: 0;
  }
  .success-story .story-group .rhex-group .word-group {
    max-width: unset;
    min-width: unset;
    margin: 0;
  }
  .success-story .story-group .rhex-group .word-group .word-font {
    height: auto;
    -webkit-line-clamp: unset;
    overflow: visible;
    text-overflow: unset;
    margin: 0;
  }
  @keyframes fadeOut {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(100px);
    }
  }
  .success-story .story-group .rhex.active {
    transform: translateY(0);
  }
  @keyframes fadeIn {
    from {
      transform: translateY(100px);
    }
    to {
      transform: translateY(0);
    }
  }
  .portal-banner {
    height: 100px;
  }
  .portal-banner .portal-input {
    width: 100%;
    padding: 0 1rem;
  }
  .portal-banner .portal-input .icon-search {
    right: 2rem;
  }
  .portal .portal-group {
    display: flex;
    flex-direction: column;
    margin: 4rem 0;
    align-items: center;
  }
  .portal .portal-group .portal-rhex {
    width: 384px;
    height: 420px;
    margin: 0;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-logo {
    width: 170px;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom {
    padding: 1rem 4rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .portal
    .portal-group
    .portal-rhex
    .portal-info
    .portal-bottom
    .portal-link
    a {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .pd-systalk #features .info-title p {
    font-size: 14px;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 85%;
    margin: auto;
  }
  .media-container .left .btn-column {
    display: block;
    position: relative;
  }
  .pd-systalk .SYS-section-03 {
    background: url(../images/systalk/nlu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .pd-systalk #benefits .info-body .benefit-point {
    height: 50px;
  }
  .pd-systalk .product-systalkai {
    margin-top: 3rem;
  }
  .pd-systalk .pds-information #case_study .info-subtitle span {
    background: #0076c5;
  }
  .pd-systalk.systalk-rpa .pds-information #features .info-body {
    padding-bottom: 0;
  }
  .pd-systalk.systalk-rpa .pds-information #features .info-body div {
    height: auto;
    margin-bottom: 1rem;
  }
  .pd-systalk .carousel-word .flow-chart .desc {
    padding: 17px 10px;
  }
  .pd-systalk .carousel-word .flow-chart ul li:first-child {
    margin-top: -67px;
  }
  .redirection .item {
    background-color: #cba8ce;
    padding: 3rem 0;
  }
  .redirection .container {
    padding: 0;
  }
  .redirection .bg,
  .redirection .container:after {
    display: none;
  }
  .redirection.tpiu .item {
    background-color: #f2f2f2;
  }
  #product-inner.digilogs .phone-column {
    min-height: 470px;
  }
  #product-inner.digilogs #scrollspy span {
    line-height: unset;
    font-size: 1.25rem;
    background: #42afa5;
  }
  #product-inner.digilogs #scrollspy span:after {
    border-color: #fff;
    border-width: 2px 2px 0 0;
  }
  #product-inner.digilogs #scrollspy .nav-link.about-dropdown__link {
    background: #e3fff5;
  }
  #product-inner.digilogs
    #scrollspy
    .nav-item:first-child
    .nav-link.about-dropdown__link {
    background: #e3fff5;
  }
  #product-inner.digilogs .banner-info .banner-video {
    width: 320px;
    max-width: 320px;
    flex: unset;
  }
  #product-inner.digilogs .banner-info .banner-video .video-frame {
    height: 57%;
    top: 9.3px;
    width: 75%;
    left: -1px;
  }
  .digilogs .pds-information #benefits .system-trajectory__color-block {
    width: 55px;
    min-width: 55px;
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__color-bar:hover
    .system-trajectory__color-block-gray {
    transform: translateX(126px);
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__color-bar:hover
    .system-trajectory__color-block-blue {
    transform: translateX(63px);
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__color-bar:hover
    .system-trajectory__color-block-yellow {
    transform: translateX(-63px);
  }
  .digilogs
    .pds-information
    #benefits
    .system-trajectory__color-bar:hover
    .system-trajectory__color-block-indigo {
    transform: translateX(-126px);
  }
  .digilogs .pds-information .digilogs-quote .digilogs-quote__text {
    font-size: 1.5rem;
  }
  .digilogs .pds-information #features .digilogs-quote .digilogs-quote__text {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .product-systalkai-bg {
    background-image: inherit !important;
  }
}
@media (max-width: 767px) {
  .contactus-form .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contactus-form .form-check input[type='checkbox'] {
    top: 0;
  }
  #thank_sharing .ts-word {
    min-height: 216px;
  }
  .pds-introduction .function .col-md {
    margin-top: 120px;
    margin-bottom: 20px;
  }
  .pds-introduction .function .col-md:first-child {
    margin-top: 0;
  }
  #products .function {
    padding-top: 0 !important;
  }
  #products .pds-introduction .function .col-md {
    margin-top: 40px !important;
  }
  .pds-introduction .function .w-100 {
    margin-bottom: 0;
  }
  #benefits .col-md.item h3:after {
    border-width: 27px 333px 0 0;
  }
  #digilism .pds-introduction .function .pds-plus {
    right: 0;
  }
  #scrollspy,
  #map_tab {
    flex-direction: column;
  }
  #scrollspy span,
  #map_tab span,
  #solutions .nav-dropdown,
  #article span {
    display: block;
    font-size: 1rem;
  }
  .media-container.container {
    padding: 0;
  }
  #media-container #article span {
    background-color: #eee;
    height: 53px;
    line-height: 53px;
  }
  .media-container .left .article-column {
    margin-top: 0;
    border-width: 7px;
  }
  .media-container .left .btn-column .btn {
    background-color: rgba(255, 255, 255, 0.918);
    border: 0;
    color: #000;
  }
  .media-container .left .btn-column.newsletter {
    background-color: #eee;
    margin-top: 0 !important;
  }
  .media-container .left .btn-column.newsletter .btn {
    width: 25% !important;
    margin: 0 !important;
    background-color: #eee;
  }
  .media-container .left .page-group {
    max-width: 130px;
    overflow: auto;
  }
  .pd-systalk .solution .owl-carousel .owl-nav button.owl-next {
    margin: 0 78px 0 0;
  }
  .pd-systalk .solution .owl-carousel .owl-nav button.owl-prev {
    margin: 0 0 0 50px;
  }
  #scrollspy .nav,
  #map_tab .nav,
  #article .art-dropdown {
    height: 0;
    transition: ease 0.5s;
    display: block;
    z-index: 999;
  }
  #article .art-dropdown {
    position: relative;
    margin: 0;
  }
  #article .art-dropdown.open .btn {
    border-radius: 0;
  }
  #map_tab .nav-item:after,
  #map_tab .nav-item:before {
    background-color: transparent;
  }
  #scrollspy .nav-item,
  #map_tab .nav-item,
  #solutions .group .rhex,
  #article .btn {
    width: 100%;
    display: none;
  }
  #product-inner #scrollspy .container,
  #map_tab .container,
  #solutions #scrollspy .nav {
    background-color: rgba(255, 255, 255, 0.918);
    padding: 0;
    max-width: 100%;
  }
  #product-inner #scrollspy.navbar {
    height: 60px;
    background: #eeac44;
    border-bottom: 1px solid #ea5a23;
  }
  #product-inner #scrollspy .container {
    display: flex;
  }
  #product-inner #scrollspy .nav-link,
  #product-inner #scrollspy .nav-item:first-child .nav-link {
    width: 100%;
    background: none;
    border-bottom: 1px solid #ea5a23;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.918);
  }
  #product-inner.digilogs #scrollspy .nav-link,
  #product-inner.digilogs #scrollspy .nav-item:first-child .nav-link,
  .digilogs .pds-information #case_study .info-subtitle span {
    background-image: none !important;
    background: rgba(255, 255, 255, 0.918);
    border-color: #45bab3;
  }
  #product-inner.digimars #scrollspy .nav-link,
  #product-inner.digimars #scrollspy .nav-item:first-child .nav-link,
  .digimars .pds-information #case_study .info-subtitle span {
    background-image: none !important;
    background: rgba(255, 255, 255, 0.918);
    border-color: #40b057;
  }
  .digilogs .pds-information #case_study .info-subtitle span,
  .digilogs#product-inner #scrollspy .nav-link.active {
    background-image: none !important;
    background-color: #45bab3 !important;
  }
  .digimars .pds-information #case_study .info-subtitle span,
  .digimars#product-inner #scrollspy .nav-link.active {
    background-color: #40b057 !important;
  }
  #product-inner #scrollspy .nav-link:hover,
  #product-inner #scrollspy .nav-link:focus,
  #product-inner #scrollspy .nav-link.active,
  #product-inner #scrollspy .nav-item:first-child .nav-link:hover,
  #product-inner #scrollspy .nav-item:first-child .nav-link:focus,
  #product-inner #scrollspy .nav-item:first-child .nav-link.active {
    background: #ea5a23;
    color: #fff;
  }
  #solutions .group:hover > .rhex-group-black .rhex-word,
  #solutions .group.active > .rhex-group-black .rhex-word {
    color: #722c8c;
  }
  #map_tab.navbar,
  #solutions #scrollspy.navbar {
    height: 60px;
  }
  #solutions .group,
  #solutions #scrollspy .nav-item {
    margin: 0;
  }
  #solutions .rhex-word {
    position: initial;
    display: block;
    height: 45px;
    width: 100%;
  }
  #solutions #scrollspy.navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    background-color: #e6e6e6;
    z-index: 98;
  }
  #solutions .nav-pills .nav-link.active,
  #solutions .nav-pills .show > .rhex-word {
    background-color: transparent;
  }
  .gmap a {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }
  #case_study .case.info {
    padding-left: 2.3rem;
    padding-right: 1.3rem;
  }
  #solutions #scrollspy.navbar:after {
    width: 100%;
    height: 7px;
    left: 0;
    right: 0;
    background-color: #ccc;
  }
  #photo_gallery.media-container .left .article-column .group {
    width: 100%;
    margin: 0;
    margin-bottom: 2rem;
  }
  .pd-systalk #product-inner #scrollspy.navbar {
    background: #0076c5;
    border-bottom-color: #fff;
  }
  .media-container .left .btn-column .art-dropdown .btn {
    margin: 0;
  }
  .pd-systalk #product-inner #scrollspy .container,
  .pd-systalk.systalk-rpa #product-inner #scrollspy .container {
    background-color: rgba(255, 255, 255, 0.918);
  }
  .pd-systalk #product-inner #scrollspy .nav-item .nav-link {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.918);
    width: 100% !important;
    height: 45px;
    border-color: #0076c5;
  }
  .pd-systalk #product-inner #scrollspy .nav-item .nav-link.active {
    background: #0076c5;
  }
  .pd-systalk .about-NLU .NLU-DESC {
    width: auto;
  }
  .pd-systalk .about-flow-box.about-FAQ {
    max-width: 335px;
  }
  .pd-systalk #inquiry::before {
    left: 0;
    bottom: -105px;
    transform: unset;
  }
  .pd-systalk #inquiry::after {
    right: 0;
    top: -105px;
  }
  .pd-systalk #inquiry .inquiry-form {
    padding: 25px 50px;
    width: 100%;
    z-index: 1;
  }
  .pd-systalk.en #inquiry .inquiry-form {
    width: 100%;
  }
  .pd-systalk #inquiry .inquiry-title {
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .pd-systalk #inquiry .form-control {
    height: calc(2.25rem + 2px);
  }
  .pd-systalk #inquiry .btn-primary {
    width: 100%;
  }
  .pd-systalk.systalk-rpa .rpa-intro .nlu-arrow li.nav-item {
    width: 100%;
  }
  .pd-systalk.systalk-rpa .intro-article {
    justify-content: center;
  }
  .pd-systalk.systalk-rpa #product-inner #scrollspy.navbar {
    background: #2c6d9e;
  }
  .pd-systalk.systalk-rpa #product-inner #scrollspy .nav-item .nav-link.active {
    background: #2c6d9e;
  }
  .pd-systalk.systalk-rpa #product-inner #scrollspy .nav-item .nav-link {
    border-color: #2c6d9e;
  }
  #solutions .article-text .title h4:nth-child(2) {
    margin-left: -40px;
    color: #333;
    background-color: transparent;
    margin-top: 1rem;
    text-align: left;
  }
  #solutions .article-text .title h4:nth-child(2):after {
    background-image: none;
  }
  #solutions .article-text.solution p {
    padding: 0;
    margin-bottom: 1.6rem;
  }
  #solutions .pds-introduction .solution.article-text .title {
    flex-direction: column;
  }
  .redirection .rhex {
    margin: 0;
    margin-top: 4rem;
  }
}
@media (max-width: 576px) {
  h3 {
    font-size: 1.3rem;
  }
  .header .cookie {
    height: fit-content;
    flex-direction: column;
    padding: 1rem;
  }
  .header .cookie p {
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .header .cookie button {
    width: 50%;
  }
  .navbar-light .navbar-toggler {
    z-index: 2;
  }
  .other-info {
    width: 100%;
    right: 0;
    height: 60px;
    padding-right: 5rem;
    position: absolute;
  }
  .other-info .info-top {
    margin-right: 0.25rem;
    justify-content: flex-end;
    position: static;
    width: auto;
  }
  .other-info .info-top .search-column {
    z-index: 99999;
    top: auto;
    bottom: -40px;
    left: 0;
    right: 0;
    border-radius: 0;
    padding: 0.25rem 1rem;
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
  .other-info .info-top .search-column.active {
    width: 100%;
  }
  .other-info .info-top .lang-column {
    top: 60px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: 0;
  }
  .other-info .info-top .lang-column.on {
    height: 40px;
    width: 100%;
  }
  .header-portal .other-info .info-top .lang-column.on {
    top: 60px;
    width: 100%;
    right: 0;
  }
  .banner-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .p-sm-none {
    padding: 0px !important;
  }
  .m-sm-none {
    margin: 0px !important;
  }
  #thank_sharing .container {
    padding-left: 50px;
  }
  .person-img {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1rem;
  }
  .person-img.only-img img {
    min-width: 104px;
    width: 104px;
    margin-top: -1rem;
    margin-left: -1rem;
  }
  #thank_sharing .person-img .rhex {
    width: 60px;
    height: 104px;
    border-radius: 16px/6px;
    position: static;
    margin-left: 0;
  }
  #thank_sharing .carousel-item {
    height: auto;
  }
  .solutions .solution-column {
    padding: 0;
  }
  .solutions .solution-column .solution-item {
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem 1rem 1rem;
  }
  .solutions .solution-column .solution-item a {
    padding: 5rem 0 0 0;
  }
  #monthly .monthly-left .monthly-img img {
    transform: rotate(90deg) translateX(-30%) translateY(-75%);
  }
  #contact .big-img img {
    left: -1rem;
  }
  .core-value .middle-column .word-column.left {
    margin-top: 0;
    max-height: 300px;
    min-height: 270px;
    height: 45vh;
  }
  .core-value .middle-column .rhex-column {
    min-width: 100%;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .core-value .middle-column .rhex-column img {
    width: auto;
    max-height: 100%;
    max-width: 81vw;
  }
  .time-line h2 {
    padding: 10px 30px;
  }
  .milestone-column {
    padding: 0 0 13rem 0;
  }
  .milestone-column .milestone-bg05 {
    width: 320px;
  }
  .name-intr .job-title {
    display: block;
  }
  .customers {
    padding: 10px 30px;
  }
  .customers .logo-column img {
    width: 100px;
    height: 86px;
  }
  .name-intr .name,
  .name-intr .company-name {
    font-size: 1rem;
  }
  #contact_introduction {
    padding-left: 5%;
    padding-right: 5%;
  }
  .octagon {
    background-size: 80%;
  }
  .name-intr {
    margin-left: 0;
  }
  #products .pds-introduction .info {
    margin-left: 35px;
    padding: 0 1.5rem;
  }
  #products #digilism .pds-introduction .info {
    margin-left: 0;
    margin-right: 35px;
    padding: 0 1.5rem;
  }
  .pds-introduction {
    padding-left: 0;
    padding-right: 0;
  }
  .pds-introduction .pds-big-img {
    width: 100%;
  }
  .pds-introduction .h-100 {
    flex-direction: column;
  }
  .pds-introduction .rhex {
    margin-left: 0;
    margin-top: 20px;
  }
  #digilism .pds-introduction .rhex {
    right: auto;
  }
  .pds-introduction .info {
    width: 100%;
    margin-top: 200px;
    margin-left: 30px;
    padding: 0 13px;
  }
  .pds-introduction .line:before {
    left: -17px;
  }
  .pds-introduction .line:after {
    left: -33px;
  }
  #products .pds-introduction,
  #solutions .pds-introduction {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #solutions .pds-introduction {
    margin-top: 0 !important;
  }
  .pds-introduction .function .systalk-word,
  .pds-introduction .function .digilism-word {
    height: auto;
  }
  .solutions .intr-text {
    padding-left: 0;
    margin-top: 4rem;
  }
  .solutions .intr-text:before {
    display: none;
  }
  #solutions .pds-introduction .pds-big-img {
    padding: 1px;
  }
  .services_introduction .divider {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }
  .solutions .flex-column {
    align-items: center;
    margin: 0;
  }
  .solutions .row .col:nth-child(1) {
    margin-bottom: 0;
  }
  .solutions .flex-column a {
    margin-top: 70px;
    margin-left: 0;
    text-align: center;
  }
  .solutions .flex-column .align-items-center {
    height: 250px;
    justify-content: center;
    align-items: flex-start !important;
  }
  #solutions .article-text.feature .title:after {
    display: none;
  }
  .rightsidebar h2 {
    font-size: 2rem;
  }
  .layout--vn .rightsidebar h2 {
    font-size: 2rem;
  }
  .footer .octagon {
    display: none;
  }
  #product-inner .link-left .contact-nav a:after {
    display: none;
  }
  #benefits .col-md.item {
    width: 250px;
  }
  #benefits .col-md.item h3:after {
    border-width: 27px 230px 0 0;
  }
  #structure .video,
  #structure .w-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .pds-information #customer .person-group {
    padding: 1rem;
    flex-direction: column;
    margin: 0;
  }
  .pds-information #customer .person-img {
    margin: 0;
  }
  .pds-information #customer .person-img .rhex {
    top: 0;
    width: 60px;
    height: 104px;
    border-radius: 16px/6px;
    z-index: 99;
    position: static;
  }
  #cs_carousel .person-img .rhex {
    width: 72px;
    height: 115px;
    top: -31px;
    left: -26px;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left {
    width: 0;
  }
  #product-inner.digimars .banner-text .banner-group .banner-left img {
    width: 140px;
    left: 6rem;
  }
  #product-inner.digimars .banner-text h3 {
    font-size: 1rem;
  }
  #product-inner.digimars .banner-text .banner-group .btn-install {
    font-size: 1rem;
    width: 110px;
    height: 40px;
  }
  .media-info-area .swiper-content .word {
    font-size: 14px;
  }
  .media-info-area .swiper-content .label {
    margin-top: 1rem;
  }
  .media-container .left .article-column .group.active {
    padding: 1rem 0;
  }
  .media-container .left .article-column .title {
    flex-direction: column;
  }
  .media-container .left .article-column .title .label {
    margin-bottom: 0.25rem;
  }
  .video-library .library .library-top iframe {
    height: 300px;
  }
  .more_info {
    right: 3rem;
  }
  .divider span {
    padding: 0;
  }
  .solutions .intr-text .intr-word {
    text-align: left;
  }
  .divider .more,
  .divider .pr-center {
    border-radius: 1rem;
    background: #f2985b;
    color: #fff;
    padding: 0.25rem 1rem;
    margin-left: 2rem;
  }
  .divider .more:before,
  .divider .more:after,
  .divider .pr-center:before,
  .divider .pr-center:after {
    left: -22px;
    margin: auto;
    top: 0;
    bottom: 0;
  }
  .divider .more:before,
  .divider .pr-center:before {
    left: -30px;
  }
  #our-service .divider hr,
  #os_solution .divider hr {
    display: none;
  }
  #os_solution .divider,
  #our-service .divider {
    margin-right: 0;
    display: flex;
    justify-content: center;
  }
  #solutions .pds-introduction .rhex-line {
    left: auto;
  }
  #solutions .fu-item:nth-child(n) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #solutions .pds-introduction .d-flex .info {
    margin-top: 1rem;
    margin-left: 0;
  }
  #solutions .article-text ul {
    padding-left: 0;
  }
  #solutions .article-text ul li {
    padding: 0;
    margin: 1rem 0;
  }
  #solutions #scroll-content .pds-introduction .success-bg02 {
    display: none;
  }
  #solutions .article-text .title h4 {
    margin-left: -66px;
  }
  .rightsidebar img {
    width: 100px;
    padding-top: 8px;
  }
  .media-container .left .btn-column .btn {
    width: auto;
  }
  #media-center-news .news .news_day {
    align-items: flex-start;
    flex-direction: column;
  }
  #media-center-news .news .news_day h3 {
    padding: 0.5rem 0 0 0;
  }
  .success-story .story-group {
    flex-direction: column;
  }
  .success-story .story-group .rhex {
    width: 100%;
    margin: 0.5rem 0;
  }
  .portal {
    overflow: hidden;
  }
  .portal .portal-group {
    margin: 1rem 0;
  }
  .portal .portal-group .portal-rhex {
    width: 310px;
    height: 339px;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-logo {
    width: 120px;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom {
    padding: 0.5rem 3rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-title {
    font-size: 0.875rem;
  }
  .portal
    .portal-group
    .portal-rhex
    .portal-info
    .portal-bottom
    .portal-link
    a {
    font-size: 0.875rem;
  }
  .portal .portal-group .portal-rhex .portal-info .portal-bottom .portal-more {
    margin-top: 1rem;
  }
  .portal .qa-icon {
    margin-bottom: 1rem;
  }
  .portal .question .card .col-sm {
    padding: 0 !important;
  }
  .portal .qa-icon img {
    width: 28px;
    margin-left: 0;
  }
  .portal .icon-QA {
    position: absolute;
    top: 12px;
    right: 20px;
  }
  .portal .qa-icon:after {
    height: 31px;
    display: none;
  }
  .pd-systalk .banner-text img {
    width: 200px;
  }
  .pd-systalk .banner-text h3 {
    font-size: 1.2rem;
  }
  .pd-systalk .SYS-section-03 {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }
  .pd-systalk .SYS-section-03 .info-subtitle h2 {
    background: none;
    left: auto;
    right: auto;
    width: 100%;
    font-weight: 700;
    top: -3rem;
  }
  .pd-systalk .SYS-section-02 .info-subtitle h4 {
    font-size: 1rem;
  }
  .pd-systalk .SYS-section-02.product-faq .info-subtitle h2 {
    width: 100%;
    height: auto;
    background: none;
    color: #ea5a23;
    display: block;
  }
  .pd-systalk .SYS-section-02.product-flow .title h2 {
    background: none;
    color: #0076c5;
    padding: 0 1rem;
  }
  .pd-systalk.systalk-rpa .banner-text {
    flex-direction: column;
    align-items: center;
  }
  .pd-systalk.systalk-rpa .banner-text .rpa-banner-text {
    min-height: 80px;
  }
  .pd-systalk.systalk-rpa .banner-text .rpa-banner-text img {
    width: 150px;
    margin: 0 auto;
  }
  .pd-systalk.systalk-rpa .pds-information #features .info-body img {
    width: 150px;
  }
  .pd-systalk.systalk-rpa .intro-content li {
    white-space: unset;
  }
  .pd-systalk .carousel-word .flow-chart ul li {
    width: 208px;
    height: 221px;
  }
  .pd-systalk .carousel-word .flow-chart .desc {
    width: 208px;
  }
  .redirection h2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .pd-systalk section.solution {
    margin-top: 0em;
  }
}
@media (max-width: 480px) {
  .pd-systalk section.solution {
    margin-top: 0rem;
  }
  .pd-systalk .solution .owl-carousel .owl-nav button.owl-next {
    margin: 0 44px 0 0;
  }
  .pd-systalk .solution .owl-carousel .owl-nav button.owl-prev {
    margin: 0 0 0 15px;
  }
}
@media only screen and (orientation: landscape) {
  .carousel-banner .carousel-item img,
  .about-us-banner .big-img img {
    height: 100%;
  }
}