@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

  /* flag */
.header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin: 10px 0;
  z-index: 10; }
  @media only screen and (max-width: 480px) {
    .header {
      margin-left: 24px;
      margin-right: 24px; } }
  @media only screen and (max-width: 1199px) {
    .header {
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .header {
      margin: 20px 30px; } }
  .header.fixed-header {
    align-items: center; }
  .header .logo {
    max-width: 300px;
    margin-right: 9px;
    color: transparent; }
    .header .logo.font-hide {
      font: 0/0 caption; }
    @media only screen and (max-width: 991px) {
      .header .logo {
        display: none; } }
  .header .logo-mobile {
    display: none;
    color: transparent; }
    .header .logo-mobile.font-hide {
      font: 0/0 caption; }
    @media only screen and (max-width: 991px) {
      .header .logo-mobile {
        display: block;
        color: transparent; } }
  .header.teacher {
    display: grid;
    grid-template-columns: max-content 1fr;
    width: 100%;
    column-gap: 70px; }
    @media only screen and (max-width: 991px) {
      .header.teacher {
        margin-left: 0px;
        display: flex;
        grid-template-columns: unset; } }
    .header.teacher .main-menu {
      display: flex;
      align-items: center;
      justify-content: space-between;
      column-gap: 56px;
      left: 0; }
      @media only screen and (max-width: 991px) {
        .header.teacher .main-menu {
          display: none; } }
      @media screen and (max-width: 1441px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1345px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1300px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1230px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1199px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1141px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1071px) {
        .header.teacher .main-menu {
          left: 0; } }
      @media screen and (max-width: 1000px) {
        .header.teacher .main-menu {
          left: 0; } }
      .header.teacher .main-menu ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0;
        flex-basis: 100%; }
        .header.teacher .main-menu ul li {
          margin-left: 4px;
          line-height: 1.3;
          position: relative;
          padding: 16px; }
          @media only screen and (max-width: 1199px) {
            .header.teacher .main-menu ul li {
              padding: 16px 6px; } }
          .header.teacher .main-menu ul li:first-child {
            margin-left: 0; }
          .header.teacher .main-menu ul li:has(.sub-menu) {
            border-bottom-left-radius: 0px; }
          .header.teacher .main-menu ul li:hover {
            background-color: #fff;
            border-radius: 8px; }
            .header.teacher .main-menu ul li:hover a {
              color: #2576b9; }
            .header.teacher .main-menu ul li:hover .sub-menu {
              visibility: visible; }
            .header.teacher .main-menu ul li:hover .title-submenu {
              visibility: visible; }
          .header.teacher .main-menu ul li a {
            text-decoration: none;
            color: #fff;
            font-size: 20px;
            font-style: normal;
            font-weight: bold;
            letter-spacing: 0.15px; }
            @media only screen and (max-width: 1199px) {
              .header.teacher .main-menu ul li a {
                font-size: 16px; } }
          .header.teacher .main-menu ul li .sub-menu {
            background-color: #fff;
            z-index: 5;
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: max-content;
            min-width: 100%;
            min-height: 100px;
            visibility: hidden;
            left: 0;
            top: 102%;
            border-radius: 8px;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15); }
            .header.teacher .main-menu ul li .sub-menu li {
              width: 100%;
              padding: 16px;
              margin: 0;
              z-index: 4; }
              .header.teacher .main-menu ul li .sub-menu li a {
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 0.15px;
                color: #263238;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .header.teacher .main-menu ul li .sub-menu li a span {
                  font-size: 24px; }
              .header.teacher .main-menu ul li .sub-menu li .arrow-menu {
                position: absolute;
                top: 0;
                right: 100%;
                flex-direction: column;
                width: max-content;
                background: #fff;
                border-radius: 8px;
                visibility: hidden;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15); }
                .header.teacher .main-menu ul li .sub-menu li .arrow-menu li a {
                  color: #263238; }
                .header.teacher .main-menu ul li .sub-menu li .arrow-menu li:hover a {
                  color: #2576b9; }
              .header.teacher .main-menu ul li .sub-menu li:hover {
                background-color: #e3f0f9; }
                .header.teacher .main-menu ul li .sub-menu li:hover a {
                  color: #2576b9; }
                .header.teacher .main-menu ul li .sub-menu li:hover .arrow-menu {
                  visibility: visible; }
            .header.teacher .main-menu ul li .sub-menu .special {
              color: #e94286; }
      .header.teacher .main-menu .search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #2576b9;
        height: 56px;
        min-width: 56px;
        font-size: 18px;
        border-radius: 50%;
        text-decoration: none;
        text-transform: uppercase; }
        .header.teacher .main-menu .search-btn img {
          width: auto; }
  .header .main-menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 991px) {
      .header .main-menu {
        display: none; } }
    /* @media screen and (max-width: 1441px) {
      .header .main-menu {
        left: -5%; } }
    @media screen and (max-width: 1345px) {
      .header .main-menu {
        left: -7%; } }
    @media screen and (max-width: 1300px) {
      .header .main-menu {
        left: -9%; } }
    @media screen and (max-width: 1230px) {
      .header .main-menu {
        left: -11%; } }
    @media screen and (max-width: 1199px) {
      .header .main-menu {
        left: -6%; } }
    @media screen and (max-width: 1141px) {
      .header .main-menu {
        left: -4%; } }
    @media screen and (max-width: 1071px) {
      .header .main-menu {
        left: -5%; } }
    @media screen and (max-width: 1000px) {
      .header .main-menu {
        left: -3%; } } */
    .header .main-menu ul {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 0; }
      .header .main-menu ul li {
        margin-left: 4px;
        line-height: 1.3;
        position: relative;
        padding: 16px 16px 16px 5px; }
        @media screen and (max-width: 1071px) {
          .header .main-menu ul li {
            width: 85px; } }
        @media only screen and (max-width: 1199px) {
          .header .main-menu ul li {
            padding: 16px 6px; } }
        .header .main-menu ul li:first-child {
          margin-left: 0; }
        .header .main-menu ul li:hover {
          background-color: #fff;
          border-radius: 8px; }
          .header .main-menu ul li:hover a {
            color: #2576b9; }
          .header .main-menu ul li:hover .sub-menu {
            visibility: visible; }
          .header .main-menu ul li:hover .title-submenu {
            visibility: visible; }
        .header .main-menu ul li a {
          text-decoration: none;
          color: #fff;
          font-size: 16px;
          font-style: normal;
          font-weight: bold;
          letter-spacing: 0.15px; }
          @media screen and (max-width: 1345px) {
            .header .main-menu ul li a {
              font-size: 18px; } }
          @media screen and (max-width: 1230px) {
            .header .main-menu ul li a {
              font-size: 16px; } }
          @media screen and (max-width: 1199px) {
            .header .main-menu ul li a {
              font-size: 18px; } }
          @media only screen and (max-width: 1199px) {
            .header .main-menu ul li a {
              font-size: 16px; } }
        .header .main-menu ul li .sub-menu {
          background-color: #fff;
          z-index: 5;
          position: absolute;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: max-content;
          min-width: 100%;
          min-height: 100px;
          visibility: hidden;
          left: 0;
          top: 102%;
          border-radius: 8px;
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15); }
          #sub-menu-center {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 5px; 
            min-width: 500px;
            width: 500px;
            left: 50%;
            transform: translateX(-50%);
            padding: 10px;
            box-sizing: border-box;
            text-align: center; 
          }
          #sub-menu-center li {
            width: 100%;
            text-align: center;
          }
          .english-for-kindy{
            margin-left: 10px !important;
          }
          .header .main-menu ul li .sub-menu li {
            width: 100%;
            padding: 16px;
            margin: 0;
            z-index: 4; }
            .header .main-menu ul li .sub-menu li a {
              font-weight: bold;
              font-size: 16px;
              letter-spacing: 0.15px;
              color: #263238; }
            .header .main-menu ul li .sub-menu li:hover {
              background-color: #e3f0f9; }
              .header .main-menu ul li .sub-menu li:hover a {
                color: #2576b9; }
          .header .main-menu ul li .sub-menu .special {
            color: #e94286; }
    .header-action{
      display: flex;
    }
    .header-action_lang{
      height: 28px;
      border-radius: 20px;
      border: 1px solid #FFFFFF;
      padding: 4px 9px 2px 9px;
      margin-top: 10px;
      cursor: pointer;
      display: flex;
      justify-content: center;
    }
    .header-action_lang a{
      font-size: 16px;
      color: #FFFFFF;
      text-decoration: none;
    }
    .header .login-btn {
      margin-left: 16px;
      display: flex;
      align-items: center;
      background-color: #ffd95c;
      padding: 12px 24px;
      font-size: 16px;
      border-radius: 100px;
      text-decoration: none;
      color: #164679;
      text-transform: uppercase; }
      @media screen and (max-width: 1120px) {
        .header .login-btn {
          width: 125px;
          text-align: center;
          font-size: 14px; } }
      @media screen and (max-width: 1071px) {
        .header .login-btn {
          width: 200px;
          font-size: 18px; } }
      @supports (-webkit-touch-callout: none) {
        .header .login-btn {
          padding: 14px 56px 10px; } }
      @supports not (-webkit-touch-callout: none) {
        .header .login-btn {
          padding: 12px 24px; } }
      @media only screen and (max-width: 1199px) {
        .header .login-btn {
          margin-left: 10px; } }
    .header .main-menu .search-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #2576b9;
      height: 56px;
      width: 56px;
      font-size: 18px;
      border-radius: 50%;
      text-decoration: none;
      text-transform: uppercase; }
      .header .main-menu .search-btn img {
        width: auto; }
  .header .btn-mobile-menu {
    display: none; }
    @media only screen and (max-width: 991px) {
      .header .btn-mobile-menu {
        display: block;
        margin-top: 1%;
        z-index: 10; } }

.language {
  margin-left: 4px;
  display: flex;
  width: 115px;
  height: 34px;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 32px;
  padding: 4px; }
  .language a {
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-decoration: none;
    align-items: center;
    column-gap: 7px;
    display: none;
    line-height: 140%;
    letter-spacing: 0.15px;
    cursor: pointer; }
    .language a img {
      width: auto; }
    @media only screen and (max-width: 1199px) {
      .language a {
        font-size: 16px; } }
    .language a.active {
      position: relative;
      display: flex; }

.mobile-menu {
  position: fixed;
  max-width: 545px;
  width: calc(100% - 40px);
  left: 20px;
  height: auto;
  background-color: #2576b9;
  z-index: 100;
  justify-content: center;
  right: 20px;
  display: none;
  border-radius: 0px 0px 24px 24px; }
  .logo-mobile-menu{
    position: fixed;
    width: 202.35px;
    left: 34.15px;
    top: 26.6px;
    height: 28.66px;
    display: none;
  }
  .logo-mobile-menu.active{
    display: block;
  }
  .mobile-menu .language {
    margin-left: -8px;
    margin-bottom: 40px; }
  .mobile-menu .close-mobile-menu {
    position: fixed;
    width: 27.2px;
    right: 34.15px;
    top: 26.6px;
    display: none; }
    .mobile-menu .close-mobile-menu.active {
      display: block; }
    .mobile-menu .close-mobile-menu img {
      width: 100%; }
  .mobile-menu .main-menu {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    padding: 70px 25px 20px 25px;
    overflow: auto; }
    .mobile-menu .main-menu ul li {
      margin-bottom: 40px; }
    .mobile-menu .main-menu ul li.active{
      margin-bottom: 0;
    }
      .mobile-menu .main-menu ul li a {
        text-decoration: none;
        font-weight: 700;
        font-size: 18px;
        color: white; }
    .mobile-menu .main-menu .sub-menu {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap; }
      .mobile-menu .main-menu .sub-menu ul {
        display: none;
        margin-top: 16px;
        width: 100%; }
        .mobile-menu .main-menu .sub-menu ul li {
          margin-bottom: 16px; }
      .mobile-menu .main-menu .sub-menu a {
        margin-right: 10px; }
      .mobile-menu .main-menu .sub-menu span {
        color: white;
        transition: 0.4s ease-in-out;
        transform: rotate(90deg); }
      .mobile-menu .main-menu .sub-menu.active a {
        color: #ffd95c; }
      .mobile-menu .main-menu .sub-menu.active ul {
        display: block; }
        .mobile-menu .main-menu .sub-menu.active ul li a {
          color: #bcdaf2; }
        .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu i {
          display: inline-block;
          color: #bcdaf2;
          transform: rotate(90deg);
          font-size: 10px;
          transition: 0.4s ease-in-out; }
        .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu ul {
          display: none; }
        .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu.active a {
          color: #eb9cc3; }
        .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu.active i {
          color: #eb9cc3;
          transform: rotate(270deg); }
        .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu.active ul {
          display: block;
          transition: 0.4s ease-in-out; }
          .mobile-menu .main-menu .sub-menu.active ul li.arrow-menu.active ul li a {
            color: #f9e7f0; }
      .mobile-menu .main-menu .sub-menu.active span {
        transform: rotate(270deg); }
        .mobile-menu .main-menu .sub-menu.active span::before {
          color: #ffd95c; }
      .mobile-menu .main-menu .sub-menu.active .special {
        color: #eb9cc3; }
    .mobile-menu .main-menu .login-btn {
      background-color: #ffd95c;
      border-radius: 100px;
      padding: 12px 24px;
      font-size: 20px;
      font-weight: 700;
      color: #2576b9;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none; }
      @supports (-webkit-touch-callout: none) {
        .mobile-menu .main-menu .login-btn {
          padding: 14px 56px 10px; } }
      @supports not (-webkit-touch-callout: none) {
        .mobile-menu .main-menu .login-btn {
          padding: 12px 24px; } }

.mobile-menu-hidden {
  animation: sideRight 0.5s !important; }
@keyframes sideRight {
  from {
    right: 0; }
  to {
    right: -100%; } }
.mobile-menu-active {
  display: flex;
  animation: sideTop 0.5s; }
@keyframes sideTop {
  from {
    top: -100%; }
  to {
    top: 0; } }
html {
  overflow-x: hidden; }

img,
iframe {
  max-width: 100%; }

img {
  width: 100%;
  height: auto; }

.modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 900px; }
  @media (max-width: 767px) {
    .modal-dialog {
      min-height: calc(100vh - 20px); } }
  .modal-dialog .close {
    position: absolute;
    top: -20px;
    right: -15px;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    opacity: 1;
    font-size: 40px;
    background-color: #2576b9;
    border-radius: 100%; }

.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5); }
  .loader-wrapper .content-loader {
    text-align: center; }
    .loader-wrapper .content-loader .box-img-flex {
      margin-bottom: 10px; }
    .loader-wrapper .content-loader .box-item-circle {
      position: absolute;
      width: 440px;
      height: 440px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0%;
      right: 0%;
      top: 15%;
      margin: 0 auto; }
      @media only screen and (max-width: 480px) {
        .loader-wrapper .content-loader .box-item-circle {
          width: calc(100vw - 90px);
          height: calc(100vw - 90px); } }
      .loader-wrapper .content-loader .box-item-circle .item {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        border-radius: 50%; }
        .loader-wrapper .content-loader .box-item-circle .item.go {
          animation-name: scale_circle_bg; }
@keyframes scale_circle_bg {
  from {
    transform: translate(-50%, -50%) scale(0); }
  to {
    transform: translate(-50%, -50%) scale(1); } }
        .loader-wrapper .content-loader .box-item-circle .item.item-1 {
          opacity: 5%; }
        .loader-wrapper .content-loader .box-item-circle .item.item-2 {
          width: 90%;
          height: 90%;
          opacity: 15%; }
          @media only screen and (max-width: 480px) {
            .loader-wrapper .content-loader .box-item-circle .item.item-2 {
              width: 89.5;
              height: 89.5; } }
        .loader-wrapper .content-loader .box-item-circle .item.item-3 {
          width: 80%;
          height: 80%;
          opacity: 20%; }
          @media only screen and (max-width: 480px) {
            .loader-wrapper .content-loader .box-item-circle .item.item-3 {
              width: 78%;
              height: 78%; } }
        .loader-wrapper .content-loader .box-item-circle .item.item-4 {
          width: 70%;
          height: 70%;
          opacity: 20%; }
          @media only screen and (max-width: 480px) {
            .loader-wrapper .content-loader .box-item-circle .item.item-4 {
              width: 66.5%;
              height: 66.5%; } }
      .loader-wrapper .content-loader .box-item-circle .item-image {
        width: 60%;
        height: 60%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3; }
        .loader-wrapper .content-loader .box-item-circle .item-image.go {
          animation-name: scale_circle; }
@keyframes scale_circle {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
        @media only screen and (max-width: 480px) {
          .loader-wrapper .content-loader .box-item-circle .item-image {
            width: 55%;
            height: 55%; } }

.owl-carousel {
  padding-bottom: 50px; }
  @media only screen and (max-width: 1199px) {
    .owl-carousel {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .owl-carousel {
      padding-bottom: 30px; } }
  .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 1500px) and (min-width: 1200px) {
      .owl-carousel .owl-dots {
        bottom: 5px; } }
    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 0 4px;
      border-radius: 100%;
      border: 1px solid #3dd0d8; }
      @media only screen and (max-width: 767px) {
        .owl-carousel .owl-dots .owl-dot {
          width: 8px;
          height: 8px; } }
      @media only screen and (max-width: 767px) {
        .owl-carousel .owl-dots .owl-dot {
          width: 6px;
          height: 6px; } }
      .owl-carousel .owl-dots .owl-dot.active {
        background-color: #3dd0d8;
        width: 32px;
        border-radius: 20px; }
        @media only screen and (max-width: 767px) {
          .owl-carousel .owl-dots .owl-dot.active {
            width: 20px; } }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    background-color: #292845;
    padding: 20px 20px;
    transform: translateY(-50%); }
    @media only screen and (max-width: 1199px) {
      .owl-carousel .owl-nav .owl-prev,
      .owl-carousel .owl-nav .owl-next {
        padding: 18px 10px; } }
    @media only screen and (max-width: 767px) {
      .owl-carousel .owl-nav .owl-prev,
      .owl-carousel .owl-nav .owl-next {
        padding: 15px 6px; } }
    .owl-carousel .owl-nav .owl-prev img,
    .owl-carousel .owl-nav .owl-next img {
      height: 40px; }
      @media only screen and (max-width: 1199px) {
        .owl-carousel .owl-nav .owl-prev img,
        .owl-carousel .owl-nav .owl-next img {
          height: 30px; } }
      @media only screen and (max-width: 767px) {
        .owl-carousel .owl-nav .owl-prev img,
        .owl-carousel .owl-nav .owl-next img {
          height: 26px; } }
    .owl-carousel .owl-nav .owl-prev span,
    .owl-carousel .owl-nav .owl-next span {
      color: #cfcfcf; }
      @media only screen and (max-width: 767px) {
        .owl-carousel .owl-nav .owl-prev span,
        .owl-carousel .owl-nav .owl-next span {
          display: none; } }
  .owl-carousel .owl-nav .owl-prev {
    left: -100px;
    border-radius: 8px 0px 0px 8px; }
    @media only screen and (max-width: 1500px) {
      .owl-carousel .owl-nav .owl-prev {
        left: -50px; } }
    @media only screen and (max-width: 1199px) {
      .owl-carousel .owl-nav .owl-prev {
        left: -10px; } }
  .owl-carousel .owl-nav .owl-next {
    right: -100px;
    border-radius: 0 8px 8px 0px; }
    @media only screen and (max-width: 1500px) {
      .owl-carousel .owl-nav .owl-next {
        right: -50px; } }
    @media only screen and (max-width: 1199px) {
      .owl-carousel .owl-nav .owl-next {
        right: -10px; } }
    .owl-carousel .owl-nav .owl-next img {
      transform: rotate(180deg); }

.section-full {
  position: relative; }
  .section-full.active .txt-animate {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .section-full .txt-animate {
    position: relative;
    transition: all 1200ms;
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }

.btn-menu-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 30px;
  position: relative;
  display: none;
  margin-left: 20px; }
  @media only screen and (max-width: 991px) {
    .btn-menu-mobile {
      display: flex; } }
  .btn-menu-mobile span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff; }
  .btn-menu-mobile span:not(:last-child) {
    margin-bottom: 6px; }

/* Menu mobile */
.y-mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -85%;
  width: 85%;
  max-width: 400px;
  background-color: #2576b9;
  box-sizing: border-box;
  font-size: 14px;
  transition: 0.2s;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 999; }
  .y-mobile-menu.show {
    right: 0; }
  .y-mobile-menu .m-menu__title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: rgba(255, 255, 255, 0.5); }
    .y-mobile-menu .m-menu__title .title {
      font-size: 14px;
      margin: 0;
      text-align: center;
      width: 100%; }
    .y-mobile-menu .m-menu__title .m-menu-close {
      padding: 0;
      font-size: 26px;
      width: 26px;
      height: 26px;
      text-align: center;
      line-height: 22px;
      text-decoration: none;
      color: #fff;
      transform: rotate(45deg);
      position: absolute;
      top: 8px;
      right: 8px; }
  .y-mobile-menu ul {
    margin: 0;
    padding-left: 0; }
    .y-mobile-menu ul li {
      position: relative;
      list-style-type: none; }
      .y-mobile-menu ul li a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 11px 20px;
        transition: 0.2s;
        line-height: 1.3; }
      .y-mobile-menu ul li.active > a {
        color: #00b140; }
      .y-mobile-menu ul li.has-submenu a {
        padding-right: 35px; }
  .y-mobile-menu .list-social {
    display: flex;
    margin-top: 20px; }

.y-mobile-menu li > a:before {
  content: "";
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  display: block;
  position: absolute;
  left: 20px;
  right: 0;
  bottom: 0; }

.has-submenu > a {
  position: relative; }

.has-submenu > .btn-toggle-sub {
  width: 40px;
  height: 42px;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  z-index: 2; }

.has-submenu > .btn-toggle-sub:before {
  content: "+";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  font-size: 18px; }

.has-submenu.opened > .btn-toggle-sub:before {
  content: "-"; }

.has-submenu .sub-menu {
  padding-left: 20px;
  display: none; }
  .has-submenu .sub-menu li a {
    font-size: 14px; }

.overlay-menu.active {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.5s;
  z-index: 888; }

.box-1700 {
  margin: 0 auto;
  padding: 0 100px; }
  @media only screen and (max-width: 1500px) {
    .box-1700 {
      padding: 0 70px; } }
  @media only screen and (max-width: 1500px) {
    .box-1700 {
      max-width: 1500px; } }
  @media only screen and (max-width: 1199px) {
    .box-1700 {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .box-1700 {
      padding: 0 20px; } }
  @media only screen and (max-width: 575px) {
    .box-1700 {
      padding: 0 15px; } }

.box-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .box-mobile {
      display: block; } }

.slick-slider .btn-arrow {
  position: absolute;
  top: 50%;
  left: -60px;
  width: 23px;
  transform: translateY(-50%); }
  @media only screen and (max-width: 767px) {
    .slick-slider .btn-arrow {
      left: 0; } }
  .slick-slider .btn-arrow.btn-next {
    left: initial;
    right: -60px; }
    @media only screen and (max-width: 767px) {
      .slick-slider .btn-arrow.btn-next {
        right: 0; } }

.fixed-nav {
  width: 100%;
  min-height: 68px;
  position: fixed;
  z-index: 99;
  top: -68px;
  background: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  justify-content: center;
  align-items: center;
  display: flex;
  opacity: 0;
  visibility: hidden; }
  .fixed-nav .container {
    max-width: 1248px;
    margin: auto; }
  @media only screen and (max-width: 767px) {
    .fixed-nav {
      min-height: 64px; } }
  .fixed-nav.fixed {
    left: 50%;
    transition: 0.8s;
    top: 0;
    opacity: 1;
    visibility: visible;
    background: radial-gradient(57.05% 18483.75% at 50% 50%, #7ebbe7 0%, #0d7cd0 100%);
    width: 1200px;
    transform: translateX(-50%);
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px; 
  }
    @media only screen and (max-width: 767px) {
      .fixed-nav.fixed {
        width: calc(100% - 30px); } }
  .fixed-nav .container {
    top: 0;
    position: relative; }
    /* update new banner 2024 */
    .video-section {
      position: relative;
      overflow: hidden;
    }

    .video-section-mobile{
      position: relative;
      overflow: hidden;
    }
    .video-section-mobile video{
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
    }
    
    .video-section video {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
    }
    
    .section-banner-home_mobile{
      font-family: "Brauer NeueVN";
      background-color: #3584C7;
      min-height: 150px;
      position: relative;
      z-index: 9;
    }

    .section-banner-home_mobile .container{
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 40px;
      max-width: 1248px;
      padding: 0 12px;
    }

    .section-banner-home{
      font-family: "Brauer NeueVN";
      background-color: #3584C7;
      min-height: 200px;
      position: relative;
      z-index: 9;
    }

    .section-banner-home .container{
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 40px;
      max-width: 1248px;
      padding: 0 12px;
    }
    .new-banner-scroll{
      width: 100%;
      position: relative;
      overflow-x: hidden;
      background-color: #2276BC;
    }
    .banner-canvas{
      position: relative;
      width: 100%;
      margin-bottom: 200px;
      display: none;
    }
    /* end update new banner 2024 */

.banner-section {
  font-family: "Brauer NeueVN";
  background-color: #F9F9F9;
  position: relative;
  min-height: 650px;
  height: 5000px;
  z-index: 9; 
}
#banner-section-page{
  min-height: 0;
  height: 0;
}
  .banner-section .container {
    width: 1200px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 8;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    background: radial-gradient(57.05% 18483.75% at 50% 50%, #7ebbe7 0%, #0d7cd0 100%);
    padding: 0 15px; }
  .banner-section .container.unactive{
    display: none;
  }
  #container-sg{
    width: 100%;
  } 
  #fixed-nav-rewarm{
    width: 1200px;
  }
  @media only screen and (max-width: 767px){
    .banner-section .container{
      width: calc(100% - 40px);
      left: 20px;
      right: 20px;
      position: fixed;
      z-index: 9999;
    }
    #container-sg{
      width: calc(100% - 40px);
    }
    #fixed-nav-rewarm{
      width: calc(100% - 40px);
    }
  }
  .banner-section .title-banner {
    position: relative;
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px; }
    @media only screen and (max-width: 1199px) {
      .banner-section .title-banner {
        font-size: 34px; } }
    @media only screen and (max-width: 767px) {
      .banner-section .title-banner {
        font-size: 24px; } }
    @media only screen and (max-width: 575px) {
      .banner-section .title-banner {
        font-size: 18px; } }
  .banner-section .download-app {
    background-color: rgba(255, 255, 255, 0.25); }
  .new-banner-scroll .banner-scroll,
  .banner-section .banner-scroll {
    height: inherit;
    width: 100%;
    position: relative;
    z-index: 7;
    overflow-x: hidden; }
    .new-banner-scroll .banner-scroll .icon-scroll,
    .banner-section .banner-scroll .icon-scroll {
      width: 20%;
      position: fixed;
      z-index: 3;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      margin: auto auto;
      visibility: hidden;
      transition: 0.1s;
      text-align: center; }
      .new-banner-scroll .banner-scroll .icon-scroll img,
      .banner-section .banner-scroll .icon-scroll img {
        width: 100%;
        min-height: 50px; }
      .new-banner-scroll .banner-scroll .icon-scroll span,
      .banner-section .banner-scroll .icon-scroll span {
        font-size: 18px;
        font-family: "Brauer NeueVN";
        color: #3584C7; }
      .new-banner-scroll .banner-scroll .icon-scroll.active,
      .banner-section .banner-scroll .icon-scroll.active {
        visibility: visible; }
      @media only screen and (max-width: 767px) {
        .new-banner-scroll .banner-scroll .icon-scroll,
        .banner-section .banner-scroll .icon-scroll {
          width: 30%; } }
      @media only screen and (max-width: 575px) {
        .new-banner-scroll .banner-scroll .icon-scroll,
        .banner-section .banner-scroll .icon-scroll {
          width: 40%; } }
      @media only screen and (max-width: 480px) {
        .new-banner-scroll .banner-scroll .icon-scroll,
        .banner-section .banner-scroll .icon-scroll {
          width: 50%; } }
    .new-banner-scroll .banner-scroll img,
    .banner-section .banner-scroll img {
      margin: 0 auto;
      margin-top: -90px; }
    .banner-section .banner-scroll #banner-scroll-canvas {
      min-width: 100%;
      object-fit: cover;
      width: auto !important;
      height: 1020px;
      position: absolute;
      z-index: -1;
      bottom: 0;
      left: -9999px;
      right: -9999px;
      margin: 0 auto;
      display: none; }
      .new-banner-scroll .banner-scroll #banner-scroll-canvas.active,
      .banner-section .banner-scroll #banner-scroll-canvas.active {
        display: block;
        position: fixed;
        }
    @media only screen and (min-width: 2560px){
      .banner-section .banner-scroll #banner-scroll-canvas{
        height: 105vh;
      }
    }
    @media only screen and (max-width: 1500px){
      .banner-section .banner-scroll #banner-scroll-canvas{
        height: 100vh;
      }
    }
    .new-banner-scroll .banner-scroll .skip-banner-button, 
    .banner-section .banner-scroll .skip-banner-button {
      position: fixed;
      bottom: 30px;
      right: 140px;
      color: #fff;
      border: #fff 1px solid;
      text-decoration: none;
      padding: 9px 20px 9px 24px;
      border-radius: 100px;
      display: none;
      align-items: center;
      font-size: 18px;
      min-width: 128px; }
      .new-banner-scroll .banner-scroll .skip-banner-button img,
      .banner-section .banner-scroll .skip-banner-button img {
        width: 30%;
        margin-top: 0 !important;
        margin-left: 7px; }
      .new-banner-scroll .banner-scroll .skip-banner-button.active,
      .banner-section .banner-scroll .skip-banner-button.active {
        display: none; }
      @media only screen and (max-width: 767px){
        .banner-section .banner-scroll .skip-banner-button.active{
          display: none;
        }
      }
  .new-banner-scroll .goto-section-btn,
  .banner-section .goto-section-btn {
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    font-size: 27px; }
    .new-banner-scroll .goto-section-btn span,
    .banner-section .goto-section-btn span {
      margin-top: 5px; }

.register-form {
  width: 100%;
  max-width: 1300px;
  background-color: #fff;
  text-align: center;
  border-radius: 40px;
  padding: 40px 2%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #63ace7;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15); }
  .register-form .register-form-title {
    width: 19%;
    position: relative; }
    .register-form .register-form-title.go::after {
      right: -5%; }
    .register-form .register-form-title h2 {
      position: absolute;
      left: 0;
      z-index: 1;
      font-size: 32px; }
    .register-form .register-form-title::after {
      content: "";
      top: -170%;
      right: 100%;
      z-index: 0;
      position: absolute;
      background-color: #2576b9;
      width: 500px;
      height: 400px;
      border-radius: 50%;
      transition: all 0.8s; }
  .register-form form {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    z-index: 1; }
    .register-form form .common-btn {
      margin-bottom: 14.5px; }
  .register-form h2 {
    color: white;
    margin-bottom: 24px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: bold;
    line-height: 120%; }
    .register-form h2 span {
      color: #ffd95c; }

.about-section {
  display: none;
  position: relative;
  background: #bcdaf2;
  padding-bottom: 80px; }
  .about-section .wrapper-about-content {
    position: relative;
    height: 570px; }
    .about-section .wrapper-about-content .background-circle-about {
      position: absolute;
      background-image: url(/landings/home/assets/images/index/backgroundCircleSmall.svg);
      background-position: bottom;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 100%;
      width: 90%;
      height: 100%;
      max-width: 1300px;
      animation-delay: 0.5s;
      transition: all 3s;
      opacity: 0; }
      .about-section .wrapper-about-content .background-circle-about.go {
        top: 0;
        animation-delay: 1s;
        transition: all 3s;
        opacity: 1; }
    .about-section .wrapper-about-content .wrapper-content-about {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto; }
      .about-section .wrapper-about-content .wrapper-content-about .box-about {
        height: max-content;
        margin-left: 10px;
        margin-top: 100px; }
        .about-section .wrapper-about-content .wrapper-content-about .box-about .item-main-about {
          display: flex;
          align-items: center;
          font-size: 240px; }
        .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm {
          display: flex;
          flex-direction: column;
          height: 424px; }
          .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about {
            display: flex;
            align-items: center;
            margin: 12px 0;
            height: 56px; }
            .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about:nth-child(2) {
              padding-left: 30px; }
            .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about:nth-child(3) {
              padding-left: 60px; }
            .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about:nth-child(4) {
              padding-left: 30px; }
            .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about .item-image-about {
              width: 64px;
              height: 64px;
              display: flex;
              align-items: center;
              margin-bottom: -10px; }
            .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about .item-content-about {
              flex: 1;
              border-bottom: 1px solid #2576b9;
              margin-left: 16px;
              padding: 8px 0;
              letter-spacing: 0.15px;
              line-height: 28px;
              font-size: 20px; }
              .about-section .wrapper-about-content .wrapper-content-about .box-about.box-colunm .item-sub-about .item-content-about .title-main {
                color: #2576b9; }
  .about-section .margin-section {
    margin: 25px 0; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

.noti-modal {
  width: 320px;
  height: 456px;
  background: white;
  border-radius: 16px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  padding: 24px 16px 16px 24px;
  position: absolute;
  right: calc(100% + 10px);
  top: calc(100% - 64px);
  display: none; }
  .noti-modal.modal-display {
    display: block; }
  .noti-modal .box-title-main {
    width: 138px;
    height: 28px;
    margin-bottom: 8px; }
    .noti-modal .box-title-main .title-main {
      font-size: 20px;
      line-height: 28px; }
  .noti-modal .box-noti .item-noti {
    width: 288px;
    height: 76px;
    display: flex;
    align-items: center; }
    .noti-modal .box-noti .item-noti .image-noti {
      height: 60px;
      width: 80px; }
      .noti-modal .box-noti .item-noti .image-noti img {
        width: 100%;
        height: 100%; }
    .noti-modal .box-noti .item-noti .content-noti {
      flex: 1;
      padding: 8px 10px 8px 16px;
      height: 100%;
      text-align: left;
      letter-spacing: 0.1px; }
      .noti-modal .box-noti .item-noti .content-noti a {
        font-size: 14px;
        text-decoration: none;
        color: #263238; }

.button-animation {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes tada {
  from {
    transform: rotate3d(0, 0, 0, 0deg); }
  10%,
    20% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }
  30%,
    50%,
    70%,
    90% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }
  40%,
    60%,
    80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); } }
/* Feel free to change duration  */
.owl-item.animated {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-animated-out {
  z-index: 1; }

.owl-animated-in {
  z-index: 0; }

.fadeOutCustom {
  -webkit-animation-name: fadeOutCustom;
  animation-name: fadeOutCustom; }

@-webkit-keyframes fadeOutCustom {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOutCustom {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.vision-section {
  position: relative;
  height: max-content;
  display: flex;
  flex-direction: column; }
  .vision-section .background-line {
    position: relative;
    width: 92%;
    max-width: 1333px;
    margin-left: 442px;}
    @media only screen and (max-width: 1440px) and (max-height: 900px){
      .vision-section .background-line {
        position: relative;
        width: 80%;
        max-width: 1333px;
        margin-left: 357px;
      }
    }
    .vision-section .background-line .bg-line img {
      opacity: 0; }
    .vision-section .background-line .bg-line.go img {
      opacity: 1;
      transition: all 0.5s;
      transition-delay: 0.4s; }
    @media only screen and (max-width: 767px) {
      .vision-section .background-line .bg-line .desktop-line {
        display: none; } }
    .vision-section .background-line .bg-line .mb-line {
      display: none; }
      @media only screen and (max-width: 767px) {
        .vision-section .background-line .bg-line .mb-line {
          display: block; } }
    .vision-section .background-line .i-rocket,
    .vision-section .background-line .i-bg-white,
    .vision-section .background-line .i-balloon,
    .vision-section .background-line .i-star,
    .vision-section .background-line .i-star-2 {
      position: absolute;
      content: ""; }
    .vision-section .background-line .i-rocket {
      width: 10%;
      top: -14%;
      right: 96%;
      transform: rotate(7deg);
      z-index: 3;
      opacity: 0; }
      @media only screen and (max-width: 767px) {
        .vision-section .background-line .i-rocket {
          width: 19%;
          top: -15%;
          right: 83%;
          transform: rotate(4deg); } }
      .vision-section .background-line .i-rocket.go {
        animation: a_rocket 2s linear;
        opacity: 1;
        transition: all 0.5s; }
        @media only screen and (max-width: 767px) {
          .vision-section .background-line .i-rocket.go {
            animation: rocket-mobile 2s linear; } }
@keyframes rocket-mobile {
  0% {
    top: 77%;
    right: -120px;
  }
  13% {
    top: 2%;
    right: 10%;
  }
  18% {
    top: -8%;
    right: 15%;
  }
  23% {
    top: -14%;
    right: 20%;
  }
  28% {
    top: -18%;
    right: 25%;
  }
  33% {
    top: -21%;
    right: 30%;
  }
  43% {
    top: -18%;
    right: 40%;
  }
  53% {
    top: -10%;
    right: 50%;
  }
  62% {
    top: 2%;
    right: 60%;
  }
  72% {
    top: 6%;
    right: 68%;
  }
  100% {
    top: -15%;
    right: 83%;
  } }
@keyframes a_rocket {
  0% {
    top: 77%;
    right: -120px;
    }
  13% {
    top: 2%;
    right: 10%;
     }
  18% {
    top: -8%;
    right: 15%;
     }
  23% {
    top: -14%;
    right: 20%;
   }
  28% {
    top: -18%;
    right: 25%;
   }
  33% {
    top: -21%;
    right: 30%;
   }
  43% {
    top: -18%;
    right: 40%;
   }
  53% {
    top: -10%;
    right: 50%;
   }
  62% {
    top: 2%;
    right: 60%;
   }
  72% {
    top: 12%;
    right: 70%;
   }
  82% {
    top: 14%;
    right: 80%;
   }
  87% {
    top: 10%;
    right: 85%;
   }
  92% {
    top: 1%;
    right: 90%;
 }
  97% {
    top: -9%;
    right: 95%; }
  100% {
    top: -14%;
    right: 96%;
} 
  }
    .vision-section .background-line .i-bg-white {
      top: -15%;
      right: 97%;
      width: 100%;
      height: 500px;
      background-color: #fff;
      z-index: 2; }
      .vision-section .background-line .i-bg-white.go {
        animation: a_rocket_bg 2s linear; }
@keyframes a_rocket_bg {
  0% {
    top: 77%;
    right: -120px; }
  13% {
    top: 2%;
    right: 10%; }
  18% {
    top: -8%;
    right: 15%; }
  23% {
    top: -14%;
    right: 20%; }
  28% {
    top: -18%;
    right: 25%; }
  33% {
    top: -21%;
    right: 30%; }
  43% {
    top: -18%;
    right: 40%; }
  53% {
    top: -10%;
    right: 50%; }
  62% {
    top: 2%;
    right: 60%; }
  72% {
    top: 12%;
    right: 70%; }
  82% {
    top: 14%;
    right: 80%; }
  87% {
    top: 10%;
    right: 85%; }
  92% {
    top: 1%;
    right: 90%; }
  97% {
    top: -9%;
    right: 95%; }
  100% {
    top: -15%;
    right: 97%; } }
    .vision-section .background-line .i-balloon {
      top: -2%;
      right: 12%;
      width: 8.5%;
      z-index: 3; }
      .vision-section .background-line .i-balloon.go {
        transition-property: all;
        transition-duration: 0.8s;
        transition-delay: 0s;
        -webkit-animation-name: tada;
        animation-name: tada;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
    .vision-section .background-line .i-star {
      top: -3%;
      right: 21%;
      width: 2.4%;
      opacity: 0;
      visibility: hidden; }
      .vision-section .background-line .i-star.go {
        opacity: 1;
        visibility: visible;
        transition-property: all;
        transition-duration: 0.8s;
        transition-delay: 0.5s; }
    .vision-section .background-line .i-star-2 {
      top: 21%;
      right: 86%;
      width: 1.6%;
      opacity: 0;
      visibility: hidden; }
      .vision-section .background-line .i-star-2.go {
        opacity: 1;
        visibility: visible;
        transition-property: all;
        transition-duration: 0.8s;
        transition-delay: 1.7s; }
  .vision-section .wrapper-vision {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    margin-top: -100px;
    padding-bottom: 135px; }
    @media only screen and (max-width: 767px) {
      .vision-section .wrapper-vision {
        flex-direction: column;
        margin-top: -50px; } }
    .vision-section .wrapper-vision .box-accordion {
      width: 48%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .vision-section .wrapper-vision .box-accordion {
          width: 100%;
          margin-bottom: 30px; } }
      .vision-section .wrapper-vision .box-accordion .accordion {
        border-bottom: 1px solid #90a4ae;
        margin-bottom: 10px; }
        .vision-section .wrapper-vision .box-accordion .accordion .accordion-title {
          padding: 16px 40px 20px 0px;
          margin: 0;
          color: #90a4ae;
          cursor: pointer;
          position: relative;
          font-size: 40px;
          font-weight: 700; }
          @media only screen and (max-width: 1199px) {
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-title {
              font-size: 38px; } }
          @media only screen and (max-width: 767px) {
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-title {
              text-align: center;
              padding: 8px 0;
              font-size: 30px; } }
          .vision-section .wrapper-vision .box-accordion .accordion .accordion-title.active {
            color: #2576b9; }
            @media only screen and (max-width: 767px) {
              .vision-section .wrapper-vision .box-accordion .accordion .accordion-title.active {
                padding-bottom: 28px; } }
        .vision-section .wrapper-vision .box-accordion .accordion .accordion-content {
          max-width: 450px;
          position: relative;
          margin: 0;
          padding: 8px 8px 39px 8px;
          display: none;
          margin: 0;
          color: #2576b9;
          font-size: 40px;
          font-weight: 700;
          line-height: 129%;
          text-shadow: #ffd95c 9px 0px 0px, #ffd95c 8.9445px 0.997944px 0px, #ffd95c 8.77869px 1.98358px 0px, #ffd95c 8.50461px 2.94475px 0px, #ffd95c 8.12565px 3.86961px 0px, #ffd95c 7.64647px 4.74674px 0px, #ffd95c 7.07299px 5.56533px 0px, #ffd95c 6.41227px 6.31528px 0px, #ffd95c 5.67248px 6.98735px 0px, #ffd95c 4.86272px 7.57324px 0px, #ffd95c 3.99299px 8.06573px 0px, #ffd95c 3.07402px 8.45875px 0px, #ffd95c 2.11714px 8.74744px 0px, #ffd95c 1.13414px 8.92825px 0px, #ffd95c 0.137162px 8.99895px 0px, #ffd95c -0.861512px 8.95867px 0px, #ffd95c -1.84956px 8.8079px 0px, #ffd95c -2.8148px 8.5485px 0px, #ffd95c -3.74532px 8.18368px 0px, #ffd95c -4.62965px 7.71792px 0px, #ffd95c -5.45689px 7.15698px 0px, #ffd95c -6.21682px 6.50777px 0px, #ffd95c -6.90009px 5.77831px 0px, #ffd95c -7.49825px 4.97757px 0px, #ffd95c -8.00394px 4.11545px 0px, #ffd95c -8.41092px 3.20258px 0px, #ffd95c -8.71416px 2.2502px 0px, #ffd95c -8.90993px 1.27008px 0px, #ffd95c -8.99582px 0.274291px 0px, #ffd95c -8.97076px -0.72488px 0px, #ffd95c -8.83507px -1.71511px 0px, #ffd95c -8.59041px -2.68419px 0px, #ffd95c -8.23981px -3.62017px 0px, #ffd95c -7.78758px -4.51149px 0px, #ffd95c -7.23931px -5.34718px 0px, #ffd95c -6.60176px -6.11692px 0px, #ffd95c -5.88279px -6.81122px 0px, #ffd95c -5.09127px -7.42152px 0px, #ffd95c -4.23696px -7.94029px 0px, #ffd95c -3.33039px -8.36113px 0px, #ffd95c -2.38275px -8.67885px 0px, #ffd95c -1.40572px -8.88954px 0px, #ffd95c -0.411357px -8.99059px 0px, #ffd95c 0.58808px -8.98077px 0px, #ffd95c 1.58026px -8.86018px 0px, #ffd95c 2.55296px -8.63032px 0px, #ffd95c 3.49417px -8.29402px 0px, #ffd95c 4.39229px -7.85543px 0px, #ffd95c 5.23623px -7.31996px 0px, #ffd95c 6.0156px -6.69422px 0px, #ffd95c 6.72078px -5.98591px 0px, #ffd95c 7.34307px -5.20378px 0px, #ffd95c 7.87479px -4.35748px 0px, #ffd95c 8.3094px -3.45743px 0px, #ffd95c 8.64153px -2.51474px 0px, #ffd95c 8.86709px -1.54104px 0px, #ffd95c 8.98328px -0.548328px 0px; }
          @media only screen and (max-width: 1199px) {
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-content {
              font-size: 38px; } }
          @media only screen and (max-width: 767px) {
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-content {
              font-size: 30px;
              text-align: center;
              line-height: 40px;
              padding-bottom: 35px; } }
          .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .text-bg {
            position: absolute;
            content: "";
            top: 23px;
            left: 14px;
            width: calc(100% - 16px);
            margin: 0 auto;
            color: #ffd95c;
            z-index: -1;
            text-shadow: #ffd95c 9px 0px 0px, #ffd95c 8.9445px 0.997944px 0px, #ffd95c 8.77869px 1.98358px 0px, #ffd95c 8.50461px 2.94475px 0px, #ffd95c 8.12565px 3.86961px 0px, #ffd95c 7.64647px 4.74674px 0px, #ffd95c 7.07299px 5.56533px 0px, #ffd95c 6.41227px 6.31528px 0px, #ffd95c 5.67248px 6.98735px 0px, #ffd95c 4.86272px 7.57324px 0px, #ffd95c 3.99299px 8.06573px 0px, #ffd95c 3.07402px 8.45875px 0px, #ffd95c 2.11714px 8.74744px 0px, #ffd95c 1.13414px 8.92825px 0px, #ffd95c 0.137162px 8.99895px 0px, #ffd95c -0.861512px 8.95867px 0px, #ffd95c -1.84956px 8.8079px 0px, #ffd95c -2.8148px 8.5485px 0px, #ffd95c -3.74532px 8.18368px 0px, #ffd95c -4.62965px 7.71792px 0px, #ffd95c -5.45689px 7.15698px 0px, #ffd95c -6.21682px 6.50777px 0px, #ffd95c -6.90009px 5.77831px 0px, #ffd95c -7.49825px 4.97757px 0px, #ffd95c -8.00394px 4.11545px 0px, #ffd95c -8.41092px 3.20258px 0px, #ffd95c -8.71416px 2.2502px 0px, #ffd95c -8.90993px 1.27008px 0px, #ffd95c -8.99582px 0.274291px 0px, #ffd95c -8.97076px -0.72488px 0px, #ffd95c -8.83507px -1.71511px 0px, #ffd95c -8.59041px -2.68419px 0px, #ffd95c -8.23981px -3.62017px 0px, #ffd95c -7.78758px -4.51149px 0px, #ffd95c -7.23931px -5.34718px 0px, #ffd95c -6.60176px -6.11692px 0px, #ffd95c -5.88279px -6.81122px 0px, #ffd95c -5.09127px -7.42152px 0px, #ffd95c -4.23696px -7.94029px 0px, #ffd95c -3.33039px -8.36113px 0px, #ffd95c -2.38275px -8.67885px 0px, #ffd95c -1.40572px -8.88954px 0px, #ffd95c -0.411357px -8.99059px 0px, #ffd95c 0.58808px -8.98077px 0px, #ffd95c 1.58026px -8.86018px 0px, #ffd95c 2.55296px -8.63032px 0px, #ffd95c 3.49417px -8.29402px 0px, #ffd95c 4.39229px -7.85543px 0px, #ffd95c 5.23623px -7.31996px 0px, #ffd95c 6.0156px -6.69422px 0px, #ffd95c 6.72078px -5.98591px 0px, #ffd95c 7.34307px -5.20378px 0px, #ffd95c 7.87479px -4.35748px 0px, #ffd95c 8.3094px -3.45743px 0px, #ffd95c 8.64153px -2.51474px 0px, #ffd95c 8.86709px -1.54104px 0px, #ffd95c 8.98328px -0.548328px 0px; }
            @media only screen and (max-width: 767px) {
              .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .text-bg {
                top: 16px;
                left: 12px; } }
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .text-bg ul li:before {
              display: none; }
          .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .shadow-bg {
            position: absolute;
            content: attr(data-char);
            top: 23px;
            left: 18px;
            width: calc(100% - 16px);
            margin: 0 auto;
            padding: 0;
            color: #cfd8dc;
            z-index: -2;
            text-shadow: rgba(207, 216, 220, 0.5) 13px 0px 0px, rgba(207, 216, 220, 0.5) 12.9616px 0.999014px 0px, rgba(207, 216, 220, 0.5) 12.8465px 1.99212px 0px, rgba(207, 216, 220, 0.5) 12.6554px 2.97344px 0px, rgba(207, 216, 220, 0.5) 12.3895px 3.93718px 0px, rgba(207, 216, 220, 0.5) 12.0503px 4.87763px 0px, rgba(207, 216, 220, 0.5) 11.6398px 5.78924px 0px, rgba(207, 216, 220, 0.5) 11.1605px 6.66661px 0px, rgba(207, 216, 220, 0.5) 10.6152px 7.50454px 0px, rgba(207, 216, 220, 0.5) 10.0071px 8.2981px 0px, rgba(207, 216, 220, 0.5) 9.3398px 9.04258px 0px, rgba(207, 216, 220, 0.5) 8.61728px 9.73357px 0px, rgba(207, 216, 220, 0.5) 7.8438px 10.367px 0px, rgba(207, 216, 220, 0.5) 7.02393px 10.9391px 0px, rgba(207, 216, 220, 0.5) 6.16252px 11.4465px 0px, rgba(207, 216, 220, 0.5) 5.26466px 11.8863px 0px, rgba(207, 216, 220, 0.5) 4.33566px 12.2557px 0px, rgba(207, 216, 220, 0.5) 3.38103px 12.5526px 0px, rgba(207, 216, 220, 0.5) 2.40639px 12.7753px 0px, rgba(207, 216, 220, 0.5) 1.41753px 12.9225px 0px, rgba(207, 216, 220, 0.5) 0.420279px 12.9932px 0px, rgba(207, 216, 220, 0.5) -0.579456px 12.9871px 0px, rgba(207, 216, 220, 0.5) -1.57576px 12.9041px 0px, rgba(207, 216, 220, 0.5) -2.56275px 12.7449px 0px, rgba(207, 216, 220, 0.5) -3.53458px 12.5103px 0px, rgba(207, 216, 220, 0.5) -4.48551px 12.2016px 0px, rgba(207, 216, 220, 0.5) -5.40991px 11.8209px 0px, rgba(207, 216, 220, 0.5) -6.30231px 11.3702px 0px, rgba(207, 216, 220, 0.5) -7.15744px 10.8522px 0px, rgba(207, 216, 220, 0.5) -7.97024px 10.2701px 0px, rgba(207, 216, 220, 0.5) -8.7359px 9.62725px 0px, rgba(207, 216, 220, 0.5) -9.4499px 8.92745px 0px, rgba(207, 216, 220, 0.5) -10.108px 8.17486px 0px, rgba(207, 216, 220, 0.5) -10.7063px 7.37391px 0px, rgba(207, 216, 220, 0.5) -11.2413px 6.52935px 0px, rgba(207, 216, 220, 0.5) -11.7099px 5.64618px 0px, rgba(207, 216, 220, 0.5) -12.1091px 4.72961px 0px, rgba(207, 216, 220, 0.5) -12.4368px 3.78508px 0px, rgba(207, 216, 220, 0.5) -12.6909px 2.81815px 0px, rgba(207, 216, 220, 0.5) -12.8699px 1.83456px 0px, rgba(207, 216, 220, 0.5) -12.9728px 0.840119px 0px, rgba(207, 216, 220, 0.5) -12.999px -0.159292px 0px, rgba(207, 216, 220, 0.5) -12.9483px -1.15776px 0px, rgba(207, 216, 220, 0.5) -12.8211px -2.14938px 0px, rgba(207, 216, 220, 0.5) -12.618px -3.12829px 0px, rgba(207, 216, 220, 0.5) -12.3403px -4.0887px 0px, rgba(207, 216, 220, 0.5) -11.9896px -5.02492px 0px, rgba(207, 216, 220, 0.5) -11.568px -5.93143px 0px, rgba(207, 216, 220, 0.5) -11.078px -6.80286px 0px, rgba(207, 216, 220, 0.5) -10.5224px -7.63405px 0px, rgba(207, 216, 220, 0.5) -9.90465px -8.42009px 0px, rgba(207, 216, 220, 0.5) -9.2283px -9.15634px 0px, rgba(207, 216, 220, 0.5) -8.49737px -9.83843px 0px, rgba(207, 216, 220, 0.5) -7.71618px -10.4623px 0px, rgba(207, 216, 220, 0.5) -6.88936px -11.0244px 0px, rgba(207, 216, 220, 0.5) -6.0218px -11.5212px 0px, rgba(207, 216, 220, 0.5) -5.11862px -11.9499px 0px, rgba(207, 216, 220, 0.5) -4.18517px -12.3079px 0px, rgba(207, 216, 220, 0.5) -3.22696px -12.5931px 0px, rgba(207, 216, 220, 0.5) -2.24967px -12.8039px 0px, rgba(207, 216, 220, 0.5) -1.25908px -12.9389px 0px, rgba(207, 216, 220, 0.5) -0.261039px -12.9974px 0px, rgba(207, 216, 220, 0.5) 0.738545px -12.979px 0px, rgba(207, 216, 220, 0.5) 1.73376px -12.8839px 0px, rgba(207, 216, 220, 0.5) 2.71872px -12.7125px 0px, rgba(207, 216, 220, 0.5) 3.68761px -12.466px 0px, rgba(207, 216, 220, 0.5) 4.63468px -12.1458px 0px, rgba(207, 216, 220, 0.5) 5.55435px -11.7537px 0px, rgba(207, 216, 220, 0.5) 6.44116px -11.2921px 0px, rgba(207, 216, 220, 0.5) 7.28988px -10.7637px 0px, rgba(207, 216, 220, 0.5) 8.09548px -10.1717px 0px, rgba(207, 216, 220, 0.5) 8.85321px -9.51949px 0px, rgba(207, 216, 220, 0.5) 9.55858px -8.81099px 0px, rgba(207, 216, 220, 0.5) 10.2074px -8.05039px 0px, rgba(207, 216, 220, 0.5) 10.7959px -7.24217px 0px, rgba(207, 216, 220, 0.5) 11.3205px -6.39112px 0px, rgba(207, 216, 220, 0.5) 11.7782px -5.50227px 0px, rgba(207, 216, 220, 0.5) 12.1662px -4.58088px 0px, rgba(207, 216, 220, 0.5) 12.4822px -3.6324px 0px, rgba(207, 216, 220, 0.5) 12.7244px -2.66244px 0px, rgba(207, 216, 220, 0.5) 12.8914px -1.67673px 0px, rgba(207, 216, 220, 0.5) 12.9821px -0.681097px 0px; }
            @media only screen and (max-width: 767px) {
              .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .shadow-bg {
                top: 14px;
                left: 16px; } }
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-content .shadow-bg ul li:before {
              display: none; }
          .vision-section .wrapper-vision .box-accordion .accordion .accordion-content ul {
            list-style: none;
            padding-left: 50px;
            margin-top: 0; }
            .vision-section .wrapper-vision .box-accordion .accordion .accordion-content ul li {
              position: relative;
              text-align: left; }
              .vision-section .wrapper-vision .box-accordion .accordion .accordion-content ul li:before {
                position: absolute;
                content: "";
                top: 10px;
                background-color: #2576b9;
                display: inline-block;
                width: 16px;
                height: 16px;
                margin-left: -1em;
                border-radius: 100%; }
        .vision-section .wrapper-vision .box-accordion .accordion.active .accordion-content {
          margin-top: 24px; }
          @media only screen and (max-width: 767px) {
            .vision-section .wrapper-vision .box-accordion .accordion.active .accordion-content {
              margin-top: 28px; } }
        .vision-section .wrapper-vision .box-accordion .accordion:last-child {
          border-bottom: 0; }
    .vision-section .wrapper-vision .vision-image {
      width: 45%;
      padding-left: 50px; }
      @media only screen and (max-width: 767px) {
        .vision-section .wrapper-vision .vision-image {
          width: 100%;
          padding-left: 0px; } }
      .vision-section .wrapper-vision .vision-image .box-image {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        max-width: 472px;
        margin: 0 auto;
        display: none; }
        @media only screen and (max-width: 767px) {
          .vision-section .wrapper-vision .vision-image .box-image {
            max-width: 300px; } }
        .vision-section .wrapper-vision .vision-image .box-image.active {
          display: block; }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .img-children {
          bottom: 10px; }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .i1 {
          top: 40%;
          left: -11%;
          right: initial;
          transform: rotate(-34deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .i2 {
          top: 9%;
          right: 78%; }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .i3 {
          top: 3%;
          right: -13%;
          left: initial;
          transform: rotate(-45deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .i4 {
          bottom: -5%;
          left: 34%;
          transform: scaleX(-1); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(2) .i5 {
          bottom: 25%;
          left: 91%;
          transform: rotate(22deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(3) .i1 {
          top: 10%;
          right: -10%;
          left: initial; }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(3) .i2 {
          top: -7%;
          right: 27%;
          transform: rotate(40deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(3) .i3 {
          bottom: 14%;
          right: -5%;
          transform: rotate(-46deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(3) .i4 {
          bottom: -12%;
          left: 15%;
          transform: rotate(-25deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(3) .i5 {
          bottom: 5%;
          left: -1%;
          transform: rotate(-9deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(4) .i1 {
          top: 10%;
          left: -10px;
          right: inherit;
          transform: rotate(-50deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(4) .i2 {
          top: 10%;
          right: 4%;
          transform: rotate(58deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(4) .i3 {
          bottom: -6%;
          right: 14%;
          transform: rotate(-35deg); }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(4) .i4 {
          bottom: -8%;
          left: 1%; }
        .vision-section .wrapper-vision .vision-image .box-image:nth-child(4) .i5 {
          bottom: 25%;
          left: -8%; }
        .vision-section .wrapper-vision .vision-image .box-image .box-bg .bg-yellow {
          width: 100%;
          padding-bottom: 100%;
          background-color: #ffd95c;
          border-radius: 50%;
          z-index: -1; }
        .vision-section .wrapper-vision .vision-image .box-image .img-children {
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center; }
        .vision-section .wrapper-vision .vision-image .box-image .i1,
        .vision-section .wrapper-vision .vision-image .box-image .i2,
        .vision-section .wrapper-vision .vision-image .box-image .i3,
        .vision-section .wrapper-vision .vision-image .box-image .i4,
        .vision-section .wrapper-vision .vision-image .box-image .i5 {
          position: absolute;
          content: ""; }
        .vision-section .wrapper-vision .vision-image .box-image .i1 {
          top: -9%;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 24%;
          height: 24%; }
        .vision-section .wrapper-vision .vision-image .box-image .i2 {
          top: 20%;
          right: -2%;
          width: 16.8%; }
        .vision-section .wrapper-vision .vision-image .box-image .i3 {
          bottom: 32%;
          right: -6%;
          width: 22.2%; }
        .vision-section .wrapper-vision .vision-image .box-image .i4 {
          bottom: -6%;
          left: -4%;
          width: 62.4%; }
        .vision-section .wrapper-vision .vision-image .box-image .i5 {
          bottom: 25%;
          left: -13%;
          width: 16%;
          z-index: 2; }
  .vision-section .background-wave-vision {
    display: flex;
    margin-top: 100px;
    margin-bottom: -1px; }
    @media only screen and (max-width: 767px) {
      .vision-section .background-wave-vision {
        margin-top: 35px; } }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

@media only screen and (max-width: 991px) {
  .footer {
    padding: 50px 0; } }
@media only screen and (max-width: 767px) {
  .footer {
    margin-top: 30px; } }
.footer .wrapper-link-footer {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 24px; }
  .footer .wrapper-link-footer .item-link-footer {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 575px) {
      .footer .wrapper-link-footer .item-link-footer {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 27px; }
        .footer .wrapper-link-footer .item-link-footer .item-footer {
          text-align: center; }
          .footer .wrapper-link-footer .item-link-footer .item-footer .logo-footer {
            height: 150px;
            margin: 0 auto; }
          .footer .wrapper-link-footer .item-link-footer .item-footer .link-footer {
            display: flex; }
            .footer .wrapper-link-footer .item-link-footer .item-footer .link-footer .list-link a {
              display: inline-block; }
            .footer .wrapper-link-footer .item-link-footer .item-footer .link-footer .list-social {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%; }
              .footer .wrapper-link-footer .item-link-footer .item-footer .link-footer .list-social a {
                display: inline-block; } }
.footer .box-section {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  background: white; }
  .footer .box-section a {
    color: #3dd0d8;
    text-decoration: none; }
    .footer .box-section a:hover {
      color: #3dd0d8; }
  .footer .box-section .item-footer {
    height: 100%;
    padding: 0 15px; }
    @media only screen and (max-width: 767px) {
      .footer .box-section .item-footer {
        margin-bottom: 30px;
        width: 100%; } }
    .footer .box-section .item-footer .title-footer {
      font-size: 20px;
      font-weight: bold;
      color: #2576b9;
      font-family: "Brauer NeueVN"; }
      @media only screen and (max-width: 767px) {
        .footer .box-section .item-footer .title-footer {
          font-size: 18px; } }
  .footer .box-section .logo-footer {
    margin-bottom: 16px;
    width: 140px;
    justify-content: flex-start; }
    @media only screen and (max-width: 767px) {
      .footer .box-section .logo-footer {
        height: 50px;
        margin-bottom: 15px; } }
  .footer .box-section .list-address {
    margin-bottom: 16px; }
  .footer .box-section .list-social {
    display: flex;
    justify-content: flex-start;
    margin-top: 5px; }
    .footer .box-section .list-social a {
      position: relative;
      display: flex;
      padding: 5px 10px;
      font-size: 20px; }
      .footer .box-section .list-social a:after {
        position: absolute;
        content: "";
        right: 0;
        height: 90%;
        width: 1px;
        background-color: #fff; }
      .footer .box-section .list-social a:last-child:after {
        display: none; }
      .footer .box-section .list-social a:first-child {
        padding-left: 0; }
      .footer .box-section .list-social a i {
        font-size: 29.33px;
        color: #2576b9; }
      .footer .box-section .list-social a img {
        height: 23.04px;
        width: 23.04px; }
  .footer .box-section .link-footer {
    display: flex;
    flex-wrap: wrap; }
    .footer .box-section .link-footer .list-link a {
      display: block;
      margin-bottom: 15px;
      width: 100%;
      color: #2576b9;
      font-size: 20px;
      font-weight: bold;
      font-family: "Brauer NeueVN"; }
      @media only screen and (max-width: 767px) {
        .footer .box-section .link-footer .list-link a {
          width: 50%;
          margin-bottom: 12px; } }
  @media only screen and (max-width: 767px) {
    .footer .box-section .box-link .list-link {
      width: 100%; } }
.footer .register-form {
  font-family: "Brauer NeueVN";
  margin: -80px auto 0 auto;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .footer .register-form {
      display: flex;
      flex-direction: column;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .footer .register-form .register-form-title {
      height: 88px;
      text-align: center;
      width: 100%;
      margin: 0 auto; } }
  .footer .register-form .register-form-title h2 {
    position: relative;
    margin-bottom: 0;
    margin-top: 10px;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .footer .register-form .register-form-title h2 {
        text-align: center;
        width: 100%;
        margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .footer .register-form form {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; } }
  .footer .register-form form .common-btn {
    margin-left: 8px; }
  .section-why-us .animatedParent .wrapper-icon .custom-icon-left{
    left: 10.5%;
  }
  @media only screen and (max-width: 767px) {
    .section-why-us .animatedParent .wrapper-icon .custom-icon-left{
      left: 8.5%;
  } }
  .section-why-us .animatedParent .wrapper-icon .custom-icon-right{
    right: 10.5%;
  }
  @media only screen and (max-width: 767px) {
    .section-why-us .animatedParent .wrapper-icon .custom-icon-right{
      right: 8.5%;
  } }
.section-footer {
  position: relative;
  padding-bottom: 2%;
  z-index: 2; }
  .section-footer.lead-form {
    margin-top: -200px;
    padding-bottom: 5%; }
    .section-footer.lead-form.study-method {
      padding-bottom: 10%; }
    @media only screen and (max-width: 767px) {
      .section-footer.lead-form {
        margin-top: -12%; } }
    @media only screen and (max-width: 480px) {
      .section-footer.lead-form {
        margin-top: 0; } }
  .section-footer .background-footer {
    position: absolute;
    width: 100%;
    padding-top: 102px;
    height: 100%; }
    @media only screen and (max-width: 991px) {
      .section-footer .background-footer {
        padding-top: 0; } }
    .section-footer .background-footer video {
      position: absolute;
      width: 107%;
      top: 100px;
      border-radius: 50%;
      left: -100px;
      right: -100px;
      margin: 0 auto;
      animation-duration: 1s; }
      @media only screen and (max-width: 991px) {
        .section-footer .background-footer video {
          top: 0;
          left: 50%;
          transform: translate(-50%, 0);
          right: initial;
          z-index: 3;
          width: auto;
          height: 150%; } }
      .section-footer .background-footer video.go {
        animation-name: fadeOut;
        animation-delay: 1s; }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
    @media only screen and (max-width: 767px) {
      .section-footer .background-footer.mobile-custom {
        display: none !important; } }
    @media only screen and (max-width: 575px) {
      .section-footer .background-footer.mobile-custom {
        display: block !important; } }
    .section-footer .background-footer.top {
      top: 0;
      z-index: 2; }
    .section-footer .background-footer img {
      width: 100%;
      height: 100%;
      z-index: 2; }
      @media only screen and (max-width: 400px) {
        .section-footer .background-footer img {
          object-fit: cover; } }
      @media only screen and (max-width: 991px) {
        .section-footer .background-footer img {
          display: none; } }
    .section-footer .background-footer .img-desktop {
      display: block; }
      @media only screen and (max-width: 1199px) {
        .section-footer .background-footer .img-desktop {
          display: none; } }
    .section-footer .background-footer .img-ipad {
      display: none; }
      @media only screen and (max-width: 1199px) {
        .section-footer .background-footer .img-ipad {
          display: block; } }
      @media only screen and (max-width: 991px) {
        .section-footer .background-footer .img-ipad {
          display: none; } }
    .section-footer .background-footer .img-mobile {
      display: none; }
      @media only screen and (max-width: 991px) {
        .section-footer .background-footer .img-mobile {
          display: block; } }
  .section-footer .wrapper-icon {
    position: absolute;
    width: 86%; }
    @media only screen and (max-width: 991px) {
      .section-footer .wrapper-icon.desktop {
        display: none !important; } }
    .section-footer .wrapper-icon .animate-rocket {
      position: relative;
      top: 54px; }
      .section-footer .wrapper-icon .animate-rocket .icon-line {
        position: absolute;
        content: ""; }
        @media only screen and (max-width: 1199px) {
          .section-footer .wrapper-icon .animate-rocket .icon-line.animated.fadeIn img {
            width: 70%; } }
        .section-footer .wrapper-icon .animate-rocket .icon-line.line-1 {
          position: relative; }
          .section-footer .wrapper-icon .animate-rocket .icon-line.line-1:after {
            width: 0%;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            background: white;
            height: 100%; }
@keyframes rocket_smoke {
  from {
    width: 100%; }
  to {
    width: 0%; } }
        .section-footer .wrapper-icon .animate-rocket .icon-line.rocket {
          top: 26%;
          left: 98%;
          width: 140px;
          height: 137px;
          transform: rotate(26deg);
          z-index: 9; }
@keyframes rocket_run {
  0% {
    top: 80%;
    left: -10%;
    transform: rotate(-65deg); }
  10% {
    top: 39%;
    left: 1%;
    transform: rotate(-60deg); }
  20% {
    top: 17%;
    left: 12%;
    transform: rotate(-48deg); }
  30% {
    top: 3%;
    left: 23%;
    transform: rotate(-39deg); }
  40% {
    top: -6%;
    left: 34%;
    transform: rotate(-29deg); }
  50% {
    top: -11%;
    transform: rotate(-19deg);
    left: 45%; }
  60% {
    top: -12%;
    transform: rotate(-10deg);
    left: 56%; }
  70% {
    top: -9%;
    transform: rotate(-1deg);
    left: 67%; }
  80% {
    top: -1%;
    transform: rotate(8deg);
    left: 78%; }
  90% {
    top: 10%;
    transform: rotate(17deg);
    left: 89%; }
  100% {
    top: 26%;
    left: 98%;
    transform: rotate(26deg); } }
          @media only screen and (max-width: 991px) {
            @keyframes rocket_run {
              0% {
                top: 45%;
                left: -10%;
                transform: rotate(-65deg); }
              10% {
                top: 25%;
                left: 1%;
                transform: rotate(-60deg); }
              20% {
                top: 5%;
                left: 12%;
                transform: rotate(-50deg); }
              30% {
                top: -6%;
                left: 23%;
                transform: rotate(-39deg); }
              40% {
                top: -14%;
                left: 34%;
                transform: rotate(-29deg); }
              50% {
                top: -17%;
                transform: rotate(-19deg);
                left: 45%; }
              60% {
                top: -14%;
                transform: rotate(-10deg);
                left: 56%; }
              70% {
                top: -9%;
                transform: rotate(-1deg);
                left: 67%; }
              80% {
                top: -1%;
                transform: rotate(8deg);
                left: 78%; }
              90% {
                top: 10%;
                transform: rotate(17deg);
                left: 89%; }
              100% {
                top: 26%;
                left: 98%;
                transform: rotate(26deg); } } }
          @media only screen and (min-width: 1800px) {
            @keyframes rocket_run {
              0% {
                top: 82%;
                left: -10%;
                transform: rotate(-65deg); }
              10% {
                top: 41%;
                left: 1%;
                transform: rotate(-60deg); }
              20% {
                top: 19%;
                left: 12%;
                transform: rotate(-48deg); }
              30% {
                top: 5%;
                left: 23%;
                transform: rotate(-39deg); }
              40% {
                top: -4%;
                left: 34%;
                transform: rotate(-29deg); }
              50% {
                top: -9%;
                transform: rotate(-19deg);
                left: 45%; }
              60% {
                top: -8%;
                transform: rotate(-10deg);
                left: 56%; }
              70% {
                top: -6%;
                transform: rotate(-1deg);
                left: 67%; }
              80% {
                top: -1%;
                transform: rotate(8deg);
                left: 78%; }
              90% {
                top: 10%;
                transform: rotate(17deg);
                left: 89%; }
              100% {
                top: 26%;
                left: 98%;
                transform: rotate(26deg); } } }
          @media only screen and (max-width: 1199px) {
            .section-footer .wrapper-icon .animate-rocket .icon-line.rocket img {
              top: 29%;
              width: 85%; } }
          @media only screen and (max-width: 991px) {
            .section-footer .wrapper-icon .animate-rocket .icon-line.rocket img {
              top: 29%;
              width: 80%; } }
          .section-footer .wrapper-icon .animate-rocket .icon-line.rocket.go {
            animation: rocket_run 1.7s;
            animation-timing-function: linear; }
            .section-footer .wrapper-icon .animate-rocket .icon-line.rocket.go ~ .line-1:after {
              animation: rocket_smoke 1.7s;
              animation-timing-function: linear; }
      .section-footer .wrapper-icon .animate-rocket .start-bg > img {
        opacity: 0; }
      .section-footer .wrapper-icon .animate-rocket .start-bg .start-1 {
        top: 48%; }
      .section-footer .wrapper-icon .animate-rocket .start-bg .start-2 {
        top: 44%;
        left: 22%; }
      .section-footer .wrapper-icon .animate-rocket .start-bg .start-3 {
        top: 27%;
        left: 69%; }
      .section-footer .wrapper-icon .animate-rocket .start-bg .start-4 {
        top: 2%;
        left: 94%; }
      .section-footer .wrapper-icon .animate-rocket .line-2 {
        width: 80%;
        position: absolute;
        margin: 0 0 0 62px;
        left: 0;
        right: 0;
        top: -40px; }
        @media only screen and (min-width: 1600px) {
          .section-footer .wrapper-icon .animate-rocket .line-2 {
            top: -50px; } }
        @media only screen and (max-width: 1199px) {
          .section-footer .wrapper-icon .animate-rocket .line-2 {
            top: -28px; } }
  .section-footer .wrapper-content-footer {
    position: relative;
    z-index: 3;
    top: 164px;
    max-width: 1024px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .section-footer .wrapper-content-footer {
        padding: 0 20px;
        top: 64px; } }
    @media only screen and (max-width: 400px) {
      .section-footer .wrapper-content-footer {
        padding: 0 15px; } }
    .section-footer .wrapper-content-footer .box-footer-main {
      display: flex;
      flex-direction: column; }
      .section-footer .wrapper-content-footer .box-footer-main .box-item {
        display: flex;
        justify-content: center;
        width: 100%;
        position: relative;
        z-index: 4; }
        .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          z-index: 3; }
          @media only screen and (max-width: 767px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child {
              align-items: center; } }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child {
              top: -20px; } }
          @media only screen and (max-width: 400px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child {
              top: -25px; } }
          @media only screen and (max-width: 342px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child {
              top: -50px; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child .content {
            position: relative;
            overflow: hidden; }
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child .content span:first-child {
              opacity: 0; }
            .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child .content span:last-child.go {
              position: absolute;
              left: 0;
              bottom: 0%;
              width: 100%;
              height: 100%;
              animation-name: trans_text_top; }
@keyframes trans_text_top {
  from {
    bottom: -110%; }
  to {
    bottom: 0%; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child .image {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 16px 0 32px 0; }
            @media only screen and (max-width: 767px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item:first-child .image {
                margin-top: 10px; } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(2) {
          margin-bottom: 80px; }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(2) {
              margin-bottom: 50px; } }
          @media only screen and (max-width: 400px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(2) {
              top: -36px; } }
        @media only screen and (max-width: 400px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(3) {
            top: -70px; } }
        @media only screen and (max-width: 480px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(3) .box-half.half-left {
            margin-right: 15%; } }
        @media only screen and (max-width: 400px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(3) .box-half.half-left .content {
            max-width: 90%; } }
        @media only screen and (max-width: 480px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(3) .box-half.half-right {
            margin-left: 15%; } }
        @media only screen and (max-width: 400px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item:nth-child(3) .box-half.half-right .content {
            max-width: 90%; } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half {
          width: 50%;
          display: flex;
          align-items: flex-end; }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half {
              flex-direction: column;
              width: 100%; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half .content {
            position: relative;
            overflow: hidden; }
            .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half .content span:first-child {
              opacity: 0; }
            @media only screen and (max-width: 1199px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half .content {
                max-width: 60%; } }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half .content {
                max-width: 100%; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left {
            text-align: right;
            align-items: flex-end;
            margin-right: 20%;
            flex-direction: row-reverse;
            margin-right: 15%; }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left {
                padding: 0 !important;
                flex-direction: column;
                text-align: left;
                margin-right: 28.5%; } }
            .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left .content {
              text-align: right;
              margin-right: 16px; }
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left .content span:last-child.go {
                position: absolute;
                top: 0;
                right: 0%;
                width: 100%;
                height: 100%;
                animation-name: trans_text_left; }
@keyframes trans_text_left {
  from {
    right: -100%; }
  to {
    right: 0%; } }
              @media only screen and (max-width: 480px) {
                .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left .content {
                  margin-right: 0; } }
            .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-left .image {
              display: flex;
              justify-content: flex-end; }
          .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right {
            justify-content: flex-start;
            padding-left: 2%;
            margin-left: 15%; }
            @media only screen and (max-width: 767px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right {
                padding: 0; } }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right {
                align-items: flex-start;
                margin-left: 28.5%; } }
            .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right .content {
              text-align: left;
              margin-left: 16px; }
              .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right .content span:last-child.go {
                position: absolute;
                top: 0;
                left: 0%;
                width: 100%;
                height: 100%;
                animation-name: trans_text_right; }
@keyframes trans_text_right {
  from {
    left: -100%; }
  to {
    left: 0%; } }
              @media only screen and (max-width: 480px) {
                .section-footer .wrapper-content-footer .box-footer-main .box-item .box-half.half-right .content {
                  margin-left: 0; } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item .content {
          max-width: 250px;
          color: white;
          font-size: 20px;
          font-weight: 700;
          text-align: center;
          margin: 0; }
          @media only screen and (max-width: 991px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item .content {
              font-size: 18px; } }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item .content {
              max-width: 20%;
              font-size: 14px;
              line-height: 19.6px;
              letter-spacing: 0.15px;
              text-align: center; } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item .image {
          z-index: 3; }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item .image img {
              width: 70% !important; } }
      .section-footer .wrapper-content-footer .box-footer-main .box-item-circle {
        position: absolute;
        width: 440px;
        height: 440px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0%;
        right: 0%;
        top: 15%;
        margin: 0 auto; }
        @media only screen and (max-width: 480px) {
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle {
            width: calc(100vw - 90px);
            height: calc(100vw - 90px); } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: white;
          border-radius: 50%; }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.go {
            animation-name: scale_circle_bg; }
@keyframes scale_circle_bg {
  from {
    transform: translate(-50%, -50%) scale(0); }
  to {
    transform: translate(-50%, -50%) scale(1); } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-1 {
            opacity: 5%; }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-2 {
            width: 90%;
            height: 90%;
            opacity: 15%; }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-2 {
                width: 89.5;
                height: 89.5; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-3 {
            width: 80%;
            height: 80%;
            opacity: 20%; }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-3 {
                width: 78%;
                height: 78%; } }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-4 {
            width: 70%;
            height: 70%;
            opacity: 20%; }
            @media only screen and (max-width: 480px) {
              .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item.item-4 {
                width: 66.5%;
                height: 66.5%; } }
        .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item-image {
          width: 60%;
          height: 60%;
          margin: 0 auto;
          z-index: 3; }
          .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item-image.go {
            animation-name: scale_circle; }
@keyframes scale_circle {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
          @media only screen and (max-width: 480px) {
            .section-footer .wrapper-content-footer .box-footer-main .box-item-circle .item-image {
              width: 55%;
              height: 55%; } }
  .section-footer .no-form {
    margin-top: 252px; }
    @media only screen and (max-width: 767px) {
      .section-footer .no-form {
        margin-top: 19%; } }
    @media only screen and (max-width: 480px) {
      .section-footer .no-form {
        margin-top: 20%; } }
    @media only screen and (max-width: 400px) {
      .section-footer .no-form {
        margin-top: 5%; } }
  .section-footer .control-form {
    background: white;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 1024px;
    border: 1px solid #2576b9;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    box-shadow: 8px 8px 0 0 rgba(96, 125, 139, 0.5);
    overflow: hidden;
    z-index: 3;
    position: relative;
    margin-top: 252px; }
    @media only screen and (max-width: 991px) {
      .section-footer .control-form {
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .section-footer .control-form {
        margin-top: 19%; } }
    @media only screen and (max-width: 480px) {
      .section-footer .control-form {
        margin-top: 20%; } }
    @media only screen and (max-width: 400px) {
      .section-footer .control-form {
        margin-top: 5%; } }
    .section-footer .control-form .control-form-title {
      position: relative; }
      @media only screen and (max-width: 1199px) {
        .section-footer .control-form .control-form-title {
          width: 25%; } }
      @media only screen and (max-width: 991px) {
        .section-footer .control-form .control-form-title {
          width: 100%;
          position: relative;
          top: 11px; } }
      @media only screen and (max-width: 991px) {
        .section-footer .control-form .control-form-title {
          top: 0; } }
      .section-footer .control-form .control-form-title .title-content {
        text-transform: uppercase;
        margin: 0 auto;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 0.25px;
        line-height: 42px;
        color: white;
        position: relative;
        z-index: 2;
        text-transform: uppercase;
        text-align: center;
        max-width: 690px;
        text-align: center;
        color: #fff;
        text-shadow: #2576b9 9px 0px 0px, #2576b9 8.9445px 0.997944px 0px, #2576b9 8.77869px 1.98358px 0px, #2576b9 8.50461px 2.94475px 0px, #2576b9 8.12565px 3.86961px 0px, #2576b9 7.64647px 4.74674px 0px, #2576b9 7.07299px 5.56533px 0px, #2576b9 6.41227px 6.31528px 0px, #2576b9 5.67248px 6.98735px 0px, #2576b9 4.86272px 7.57324px 0px, #2576b9 3.99299px 8.06573px 0px, #2576b9 3.07402px 8.45875px 0px, #2576b9 2.11714px 8.74744px 0px, #2576b9 1.13414px 8.92825px 0px, #2576b9 0.137162px 8.99895px 0px, #2576b9 -0.861512px 8.95867px 0px, #2576b9 -1.84956px 8.8079px 0px, #2576b9 -2.8148px 8.5485px 0px, #2576b9 -3.74532px 8.18368px 0px, #2576b9 -4.62965px 7.71792px 0px, #2576b9 -5.45689px 7.15698px 0px, #2576b9 -6.21682px 6.50777px 0px, #2576b9 -6.90009px 5.77831px 0px, #2576b9 -7.49825px 4.97757px 0px, #2576b9 -8.00394px 4.11545px 0px, #2576b9 -8.41092px 3.20258px 0px, #2576b9 -8.71416px 2.2502px 0px, #2576b9 -8.90993px 1.27008px 0px, #2576b9 -8.99582px 0.274291px 0px, #2576b9 -8.97076px -0.72488px 0px, #2576b9 -8.83507px -1.71511px 0px, #2576b9 -8.59041px -2.68419px 0px, #2576b9 -8.23981px -3.62017px 0px, #2576b9 -7.78758px -4.51149px 0px, #2576b9 -7.23931px -5.34718px 0px, #2576b9 -6.60176px -6.11692px 0px, #2576b9 -5.88279px -6.81122px 0px, #2576b9 -5.09127px -7.42152px 0px, #2576b9 -4.23696px -7.94029px 0px, #2576b9 -3.33039px -8.36113px 0px, #2576b9 -2.38275px -8.67885px 0px, #2576b9 -1.40572px -8.88954px 0px, #2576b9 -0.411357px -8.99059px 0px, #2576b9 0.58808px -8.98077px 0px, #2576b9 1.58026px -8.86018px 0px, #2576b9 2.55296px -8.63032px 0px, #2576b9 3.49417px -8.29402px 0px, #2576b9 4.39229px -7.85543px 0px, #2576b9 5.23623px -7.31996px 0px, #2576b9 6.0156px -6.69422px 0px, #2576b9 6.72078px -5.98591px 0px, #2576b9 7.34307px -5.20378px 0px, #2576b9 7.87479px -4.35748px 0px, #2576b9 8.3094px -3.45743px 0px, #2576b9 8.64153px -2.51474px 0px, #2576b9 8.86709px -1.54104px 0px, #2576b9 8.98328px -0.548328px 0px; }
        @media only screen and (max-width: 991px) {
          .section-footer .control-form .control-form-title .title-content {
            margin: 40px auto; } }
        .section-footer .control-form .control-form-title .title-content span {
          color: #ffd95c; }
        .section-footer .control-form .control-form-title .title-content .text-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          color: #2576b9;
          top: 5px;
          left: 4px;
          z-index: -1;
          text-shadow: #2576b9 13px 0px 0px, #2576b9 12.9616px 0.999014px 0px, #2576b9 12.8465px 1.99212px 0px, #2576b9 12.6554px 2.97344px 0px, #2576b9 12.3895px 3.93718px 0px, #2576b9 12.0503px 4.87763px 0px, #2576b9 11.6398px 5.78924px 0px, #2576b9 11.1605px 6.66661px 0px, #2576b9 10.6152px 7.50454px 0px, #2576b9 10.0071px 8.2981px 0px, #2576b9 9.3398px 9.04258px 0px, #2576b9 8.61728px 9.73357px 0px, #2576b9 7.8438px 10.367px 0px, #2576b9 7.02393px 10.9391px 0px, #2576b9 6.16252px 11.4465px 0px, #2576b9 5.26466px 11.8863px 0px, #2576b9 4.33566px 12.2557px 0px, #2576b9 3.38103px 12.5526px 0px, #2576b9 2.40639px 12.7753px 0px, #2576b9 1.41753px 12.9225px 0px, #2576b9 0.420279px 12.9932px 0px, #2576b9 -0.579456px 12.9871px 0px, #2576b9 -1.57576px 12.9041px 0px, #2576b9 -2.56275px 12.7449px 0px, #2576b9 -3.53458px 12.5103px 0px, #2576b9 -4.48551px 12.2016px 0px, #2576b9 -5.40991px 11.8209px 0px, #2576b9 -6.30231px 11.3702px 0px, #2576b9 -7.15744px 10.8522px 0px, #2576b9 -7.97024px 10.2701px 0px, #2576b9 -8.7359px 9.62725px 0px, #2576b9 -9.4499px 8.92745px 0px, #2576b9 -10.108px 8.17486px 0px, #2576b9 -10.7063px 7.37391px 0px, #2576b9 -11.2413px 6.52935px 0px, #2576b9 -11.7099px 5.64618px 0px, #2576b9 -12.1091px 4.72961px 0px, #2576b9 -12.4368px 3.78508px 0px, #2576b9 -12.6909px 2.81815px 0px, #2576b9 -12.8699px 1.83456px 0px, #2576b9 -12.9728px 0.840119px 0px, #2576b9 -12.999px -0.159292px 0px, #2576b9 -12.9483px -1.15776px 0px, #2576b9 -12.8211px -2.14938px 0px, #2576b9 -12.618px -3.12829px 0px, #2576b9 -12.3403px -4.0887px 0px, #2576b9 -11.9896px -5.02492px 0px, #2576b9 -11.568px -5.93143px 0px, #2576b9 -11.078px -6.80286px 0px, #2576b9 -10.5224px -7.63405px 0px, #2576b9 -9.90465px -8.42009px 0px, #2576b9 -9.2283px -9.15634px 0px, #2576b9 -8.49737px -9.83843px 0px, #2576b9 -7.71618px -10.4623px 0px, #2576b9 -6.88936px -11.0244px 0px, #2576b9 -6.0218px -11.5212px 0px, #2576b9 -5.11862px -11.9499px 0px, #2576b9 -4.18517px -12.3079px 0px, #2576b9 -3.22696px -12.5931px 0px, #2576b9 -2.24967px -12.8039px 0px, #2576b9 -1.25908px -12.9389px 0px, #2576b9 -0.261039px -12.9974px 0px, #2576b9 0.738545px -12.979px 0px, #2576b9 1.73376px -12.8839px 0px, #2576b9 2.71872px -12.7125px 0px, #2576b9 3.68761px -12.466px 0px, #2576b9 4.63468px -12.1458px 0px, #2576b9 5.55435px -11.7537px 0px, #2576b9 6.44116px -11.2921px 0px, #2576b9 7.28988px -10.7637px 0px, #2576b9 8.09548px -10.1717px 0px, #2576b9 8.85321px -9.51949px 0px, #2576b9 9.55858px -8.81099px 0px, #2576b9 10.2074px -8.05039px 0px, #2576b9 10.7959px -7.24217px 0px, #2576b9 11.3205px -6.39112px 0px, #2576b9 11.7782px -5.50227px 0px, #2576b9 12.1662px -4.58088px 0px, #2576b9 12.4822px -3.6324px 0px, #2576b9 12.7244px -2.66244px 0px, #2576b9 12.8914px -1.67673px 0px, #2576b9 12.9821px -0.681097px 0px; }
        .section-footer .control-form .control-form-title .title-content .text-shadow {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 9px;
          left: 9px;
          z-index: -2;
          color: white;
          text-shadow: #90a4ae 13px 0px 0px, #90a4ae 12.9616px 0.999014px 0px, #90a4ae 12.8465px 1.99212px 0px, #90a4ae 12.6554px 2.97344px 0px, #90a4ae 12.3895px 3.93718px 0px, #90a4ae 12.0503px 4.87763px 0px, #90a4ae 11.6398px 5.78924px 0px, #90a4ae 11.1605px 6.66661px 0px, #90a4ae 10.6152px 7.50454px 0px, #90a4ae 10.0071px 8.2981px 0px, #90a4ae 9.3398px 9.04258px 0px, #90a4ae 8.61728px 9.73357px 0px, #90a4ae 7.8438px 10.367px 0px, #90a4ae 7.02393px 10.9391px 0px, #90a4ae 6.16252px 11.4465px 0px, #90a4ae 5.26466px 11.8863px 0px, #90a4ae 4.33566px 12.2557px 0px, #90a4ae 3.38103px 12.5526px 0px, #90a4ae 2.40639px 12.7753px 0px, #90a4ae 1.41753px 12.9225px 0px, #90a4ae 0.420279px 12.9932px 0px, #90a4ae -0.579456px 12.9871px 0px, #90a4ae -1.57576px 12.9041px 0px, #90a4ae -2.56275px 12.7449px 0px, #90a4ae -3.53458px 12.5103px 0px, #90a4ae -4.48551px 12.2016px 0px, #90a4ae -5.40991px 11.8209px 0px, #90a4ae -6.30231px 11.3702px 0px, #90a4ae -7.15744px 10.8522px 0px, #90a4ae -7.97024px 10.2701px 0px, #90a4ae -8.7359px 9.62725px 0px, #90a4ae -9.4499px 8.92745px 0px, #90a4ae -10.108px 8.17486px 0px, #90a4ae -10.7063px 7.37391px 0px, #90a4ae -11.2413px 6.52935px 0px, #90a4ae -11.7099px 5.64618px 0px, #90a4ae -12.1091px 4.72961px 0px, #90a4ae -12.4368px 3.78508px 0px, #90a4ae -12.6909px 2.81815px 0px, #90a4ae -12.8699px 1.83456px 0px, #90a4ae -12.9728px 0.840119px 0px, #90a4ae -12.999px -0.159292px 0px, #90a4ae -12.9483px -1.15776px 0px, #90a4ae -12.8211px -2.14938px 0px, #90a4ae -12.618px -3.12829px 0px, #90a4ae -12.3403px -4.0887px 0px, #90a4ae -11.9896px -5.02492px 0px, #90a4ae -11.568px -5.93143px 0px, #90a4ae -11.078px -6.80286px 0px, #90a4ae -10.5224px -7.63405px 0px, #90a4ae -9.90465px -8.42009px 0px, #90a4ae -9.2283px -9.15634px 0px, #90a4ae -8.49737px -9.83843px 0px, #90a4ae -7.71618px -10.4623px 0px, #90a4ae -6.88936px -11.0244px 0px, #90a4ae -6.0218px -11.5212px 0px, #90a4ae -5.11862px -11.9499px 0px, #90a4ae -4.18517px -12.3079px 0px, #90a4ae -3.22696px -12.5931px 0px, #90a4ae -2.24967px -12.8039px 0px, #90a4ae -1.25908px -12.9389px 0px, #90a4ae -0.261039px -12.9974px 0px, #90a4ae 0.738545px -12.979px 0px, #90a4ae 1.73376px -12.8839px 0px, #90a4ae 2.71872px -12.7125px 0px, #90a4ae 3.68761px -12.466px 0px, #90a4ae 4.63468px -12.1458px 0px, #90a4ae 5.55435px -11.7537px 0px, #90a4ae 6.44116px -11.2921px 0px, #90a4ae 7.28988px -10.7637px 0px, #90a4ae 8.09548px -10.1717px 0px, #90a4ae 8.85321px -9.51949px 0px, #90a4ae 9.55858px -8.81099px 0px, #90a4ae 10.2074px -8.05039px 0px, #90a4ae 10.7959px -7.24217px 0px, #90a4ae 11.3205px -6.39112px 0px, #90a4ae 11.7782px -5.50227px 0px, #90a4ae 12.1662px -4.58088px 0px, #90a4ae 12.4822px -3.6324px 0px, #90a4ae 12.7244px -2.66244px 0px, #90a4ae 12.8914px -1.67673px 0px, #90a4ae 12.9821px -0.681097px 0px; }
      .section-footer .control-form .control-form-title::after {
        position: absolute;
        content: "";
        height: 370px;
        width: 370px;
        background: #ffd95c;
        border-radius: 50%;
        top: -76%;
        left: -40%;
        z-index: 1; }
        @media only screen and (max-width: 991px) {
          .section-footer .control-form .control-form-title::after {
            width: 106%;
            top: -140%;
            left: -3%;
            height: 343px; } }
        @media only screen and (max-width: 767px) {
          .section-footer .control-form .control-form-title::after {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            background: #ffd95c;
            border-radius: 0;
            top: 0;
            left: 0;
            z-index: 1; } }
        @media only screen and (max-width: 575px) {
          .section-footer .control-form .control-form-title::after {
            border-radius: 50%;
            top: -257px;
            left: -10%;
            height: 250%;
            width: 120%; } }
      .section-footer .control-form .control-form-title.form-add-ace::after {
        position: absolute;
        content: "";
        height: 600px;
        width: 600px;
        background: #ffd95c;
        border-radius: 50%;
        top: 50%;
        left: -145%;
        z-index: 1;
        transform: translateY(-50%); }
        @media only screen and (max-width: 1199px) {
          .section-footer .control-form .control-form-title.form-add-ace::after {
            left: -133%; } }
        @media screen and (max-width: 1040px) {
          .section-footer .control-form .control-form-title.form-add-ace::after {
            left: -150%; } }
        @media only screen and (max-width: 991px) {
          .section-footer .control-form .control-form-title.form-add-ace::after {
            width: 106%;
            top: -10%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 320px; } }
        @media only screen and (max-width: 767px) {
          .section-footer .control-form .control-form-title.form-add-ace::after {
            top: 10%; } }
        @media screen and (max-width: 400px) {
          .section-footer .control-form .control-form-title.form-add-ace::after {
            top: 20%;
            width: 120%;
            height: 300px; } }
      .section-footer .control-form .control-form-title.form-add-ace.en::after {
        left: -115%; }
    .section-footer .control-form form {
      width: 100%;
      max-width: 600px;
      margin-left: 40px;
      padding: 20px 0; }
      @media only screen and (max-width: 767px) {
        .section-footer .control-form form {
          width: 100%;
          margin: 0;
          padding: 0 24px;
          margin-top: 65px; } }
      .section-footer .control-form form .content {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.25px;
        color: #2576b9;
        margin-bottom: 24px;
        display: none; }
        .section-footer .control-form form .content.active {
          display: block; }
      .section-footer .control-form form .group-btn {
        display: none; }
        .section-footer .control-form form .group-btn.active {
          display: flex;
          justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .section-footer .control-form form .group-btn {
            flex-direction: column; } }
        .section-footer .control-form form .group-btn .btn {
          color: #2576b9;
          background-color: #ffd95c;
          border-radius: 100px;
          padding: 8px 0 0;
          height: 48px;
          text-align: center;
          text-decoration: none;
          font-size: 30px;
          line-height: 120%;
          font-weight: 700; }
          @media only screen and (max-width: 767px) {
            .section-footer .control-form form .group-btn .btn {
              margin-bottom: 24px; } }
          .section-footer .control-form form .group-btn .btn.btn-no {
            width: 230px; }
            @media only screen and (max-width: 767px) {
              .section-footer .control-form form .group-btn .btn.btn-no {
                width: 100%; } }
          .section-footer .control-form form .group-btn .btn.btn-yes {
            width: 342px; }
            @media only screen and (max-width: 767px) {
              .section-footer .control-form form .group-btn .btn.btn-yes {
                width: 100%; } }
      .section-footer .control-form form .group-add-person {
        display: none; }
        .section-footer .control-form form .group-add-person.active {
          display: block; }
        .section-footer .control-form form .group-add-person .group-input {
          display: block; }
          .section-footer .control-form form .group-add-person .group-input:first-child {
            margin-top: 40px; }
        .section-footer .control-form form .group-add-person form {
          margin-left: 0;
          padding: 0; }
          @media only screen and (max-width: 767px) {
            .section-footer .control-form form .group-add-person form {
              width: 100%;
              margin: 0;
              padding: 0; } }
        .section-footer .control-form form .group-add-person .title-group {
          font-size: 20px;
          line-height: 140%;
          letter-spacing: 0.15px;
          color: #2576b9;
          font-weight: 700;
          margin-bottom: 8px; }
        .section-footer .control-form form .group-add-person .btn-send {
          width: 124px;
          height: 40px;
          background: #ffd95c;
          border-radius: 100px;
          text-align: center;
          padding: 8px 0px 0px;
          font-size: 20px;
          line-height: 140%;
          color: #2576b9;
          letter-spacing: 0.15px;
          font-weight: 700;
          margin-top: 16px;
          margin-left: auto; }
    .section-footer .control-form .form-control {
      width: 100%;
      border-bottom: 1px solid #607d8b;
      position: relative; }
      .section-footer .control-form .form-control small {
        font-family: "Montserrat";
        color: #f3392f;
        font-size: 14px;
        font-weight: 400;
        position: absolute;
        top: 105%;
        left: 0; }
      .section-footer .control-form .form-control input {
        outline: none;
        height: 100%;
        width: 100%;
        font-size: 18px;
        letter-spacing: 0.25px;
        font-family: "Montserrat";
        border: none;
        padding-bottom: 8px; }
        .section-footer .control-form .form-control input:focus {
          outline: none;
          border: 0;
          box-shadow: none !important; }
        .section-footer .control-form .form-control input::placeholder {
          font-size: 18px;
          font-weight: 400;
          color: #607d8b; }
      .section-footer .control-form .form-control select {
        outline: none;
        height: 100%;
        width: 100%;
        font-size: 18px;
        letter-spacing: 0.25px;
        font-family: "Montserrat";
        border: none;
        font-weight: 400;
        color: #607d8b;
        padding-left: 0;
        background-image: url(/landings/home/assets/images/icons/select-arrow-down.svg);
        background-size: 12px;
        padding-bottom: 8px; }
        .section-footer .control-form .form-control select:focus {
          outline: none;
          border: 0;
          box-shadow: none !important; }
    .section-footer .control-form .group-input {
      margin: 24px 0;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .section-footer .control-form .group-input {
          flex-direction: column; } }
      .section-footer .control-form .group-input.group-input-asp {
        margin-top: 0; }
      .section-footer .control-form .group-input .form-control:first-child {
        margin-right: 32px; }
        @media only screen and (max-width: 767px) {
          .section-footer .control-form .group-input .form-control:first-child {
            margin-right: 0;
            margin-bottom: 24px; } }
    .section-footer .control-form .box-btn-submit {
      width: 100%;
      background: #ffd95c;
      border-radius: 100px;
      text-align: center; }
      .section-footer .control-form .box-btn-submit.hidden {
        display: none; }
      @media only screen and (max-width: 767px) {
        .section-footer .control-form .box-btn-submit {
          margin-bottom: 24px; } }
      .section-footer .control-form .box-btn-submit .btn-submit {
        padding: 10px 0;
        font-size: 30px;
        font-weight: 700;
        color: #2576b9;
        display: block;
        text-decoration: none;
        text-transform: uppercase; }
        @supports (-webkit-touch-callout: none) {
          .section-footer .control-form .box-btn-submit .btn-submit {
            padding: 14px 0 6px; } }
  .section-footer .wrapper-footer {
    position: relative;
    padding-top: 40px;
    z-index: 4;
    max-width: 1024px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .section-footer .wrapper-footer {
        padding: 0;
        margin-top: 40px; } }
    .section-footer .wrapper-footer .footer-bottom {
      display: flex;
      justify-content: space-between;
      padding-top: 16px;
      border-top: 1px solid #eceff1; }
      @media only screen and (max-width: 767px) {
        .section-footer .wrapper-footer .footer-bottom {
          flex-direction: column; } }
      .section-footer .wrapper-footer .footer-bottom .footer-about {
        display: flex; }
        @media only screen and (max-width: 767px) {
          .section-footer .wrapper-footer .footer-bottom .footer-about {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            width: 100%; } }
        .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer {
          display: flex;
          flex-direction: column;
          margin-left: 24px; }
          @media only screen and (max-width: 767px) {
            .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer:last-of-type .title-footer {
              margin-bottom: 5px; } }
          .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer a {
            text-decoration: none;
            cursor: pointer; }
          .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer .title-footer {
            font-size: 18px;
            font-weight: 700;
            color: white;
            margin-bottom: 4px; }
            @media only screen and (max-width: 767px) {
              .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer .title-footer {
                margin-bottom: 16px; } }
          .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer .box-social {
            display: flex;
            margin-top: 5px;
            justify-content: flex-end; }
            @media only screen and (max-width: 767px) {
              .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer .box-social {
                justify-content: center; } }
            .section-footer .wrapper-footer .footer-bottom .footer-about .item-footer .box-social img {
              width: 24px;
              margin: 0 4px; }
      @media only screen and (max-width: 767px) {
        .section-footer .wrapper-footer .footer-bottom .item-footer-logo {
          width: 202px;
          margin: 0 auto 16px auto; } }
    @media only screen and (max-width: 767px) {
      .section-footer .wrapper-footer .dcma {
        width: 202px;
        margin: 16px auto 16px auto; } }
    .section-footer .wrapper-footer .copy-right {
      font-size: 14px;
      display: flex;
      font-family: "Montserrat";
      font-weight: 400;
      color: white;
      padding-top: 16px; }
      @media only screen and (max-width: 767px) {
        .section-footer .wrapper-footer .copy-right {
          padding: 16px 0 50px 0;
          flex-direction: column;
          justify-content: center;
          text-align: center; } }
      .section-footer .wrapper-footer .copy-right p {
        margin: 0; }
  .section-footer .section-form-mobile {
    position: relative;
    top: 377px; }
    .section-footer .section-form-mobile .control-form {
      display: block;
      position: absolute;
      top: 40px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .section-footer .section-form-mobile .control-form .control-form-title {
        font-size: 30px;
        font-weight: 700; }
        .section-footer .section-form-mobile .control-form .control-form-title::after {
          top: -284%;
          left: 50%;
          transform: translate(-50%); }
      .section-footer .section-form-mobile .control-form form {
        margin: 100px 0 0 0;
        padding: 0 24px;
        width: auto; }
        .section-footer .section-form-mobile .control-form form .group-input {
          display: flex;
          flex-direction: column; }
          .section-footer .section-form-mobile .control-form form .group-input .form-control {
            margin: 0 0 24px 0; }
            .section-footer .section-form-mobile .control-form form .group-input .form-control:last-child {
              margin-bottom: 0; }
      .section-footer .section-form-mobile .control-form .box-btn-submit {
        margin-bottom: 24px; }
  .section-footer .footer-space {
    margin: 0 auto;
    margin-top: 252px; }
    @media only screen and (max-width: 575px) {
      .section-footer .footer-space {
        margin-top: 150px; } }
    @media only screen and (max-width: 480px) {
      .section-footer .footer-space {
        margin-top: 100px; } }
    @media only screen and (max-width: 400px) {
      .section-footer .footer-space {
        margin-top: 0; } }

.wrapper-icon-mobile {
  padding-top: 30px;
  position: relative;
  height: 90px; }
  @media only screen and (max-width: 991px) {
    .wrapper-icon-mobile.mobile {
      display: block !important; } }
  .wrapper-icon-mobile .icon-line-mobile {
    position: absolute;
    top: 50%;
    height: 100%;
    left: 0;
    z-index: 3; }
  .wrapper-icon-mobile .line-rocket {
    z-index: 1;
    width: 73%; }
    .wrapper-icon-mobile .line-rocket:after {
      width: 0%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: white;
      height: 100%; }
@keyframes mb_rocket_smoke {
  from {
    width: 100%; }
  to {
    width: 0%; } }
  .wrapper-icon-mobile .icon-line-rocket {
    position: absolute;
    left: 70%;
    top: 0;
    z-index: 2;
    background: white; }
    .wrapper-icon-mobile .icon-line-rocket img {
      width: 140%;
      max-width: 140%; }
      @media only screen and (max-width: 575px) {
        .wrapper-icon-mobile .icon-line-rocket img {
          width: 100%;
          max-width: 100%; } }
    @media only screen and (max-width: 575px) {
      .wrapper-icon-mobile .icon-line-rocket {
        top: 17%; } }
    .wrapper-icon-mobile .icon-line-rocket.go {
      animation: mb_rocket_run 1s;
      animation-timing-function: linear; }
      .wrapper-icon-mobile .icon-line-rocket.go ~ .line-rocket:after {
        animation: mb_rocket_smoke 1s;
        animation-timing-function: linear; }
@keyframes mb_rocket_run {
  0% {
    top: 48%;
    left: -18%;
    transform: rotate(-39deg); }
  25% {
    top: 17%;
    left: 4%;
    transform: rotate(-25deg); }
  50% {
    top: 4%;
    transform: rotate(-15deg);
    left: 26%; }
  75% {
    top: 5%;
    transform: rotate(-10deg);
    left: 48%; }
  100% {
    top: 17%;
    left: 70%; } }
    @media only screen and (min-width: 400px) {
      .wrapper-icon-mobile .icon-line-rocket {
        left: 63%; }
      @keyframes mb_rocket_run {
        0% {
          top: 48%;
          left: -18%;
          transform: rotate(-39deg); }
        25% {
          top: 17%;
          left: 4%;
          transform: rotate(-25deg); }
        50% {
          top: 4%;
          transform: rotate(-15deg);
          left: 26%; }
        75% {
          top: 5%;
          transform: rotate(-10deg);
          left: 48%; }
        100% {
          top: 17%;
          left: 63%; } } }
  .wrapper-icon-mobile .start-1 {
    top: 12%;
    left: 10%; }
  .wrapper-icon-mobile .start-2 {
    top: 10%;
    left: 55%; }

.section-footer-init {
  overflow: hidden; }

body.mac .section-footer .control-form .box-btn-submit .btn-submit {
  padding: 14px 0 6px; }

.delay-1100 {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.delay-1200 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.delay-1300 {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.delay-1400 {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.delay-1500 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay-1600 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.delay-1700 {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  animation-delay: 1.7s; }

.delay-1800 {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.delay-1900 {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -o-animation-delay: 1.9s;
  animation-delay: 1.9s; }

.delay-2000 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }

.delay-2100 {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -o-animation-delay: 2.1s;
  animation-delay: 2.1s; }

.delay-2200 {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -o-animation-delay: 2.2s;
  animation-delay: 2.2s; }

.delay-2300 {
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -o-animation-delay: 2.3s;
  animation-delay: 2.3s; }

.delay-2400 {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -o-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.delay-2500 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.delay-2600 {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -o-animation-delay: 2.6s;
  animation-delay: 2.6s; }

.delay-2700 {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  -o-animation-delay: 2.7s;
  animation-delay: 2.7s; }

.delay-2800 {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -o-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.delay-2900 {
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -o-animation-delay: 2.9s;
  animation-delay: 2.9s; }

.delay-3000 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s; }

.delay-2750 {
  -webkit-animation-delay: 2.75s;
  -moz-animation-delay: 2.75s;
  -o-animation-delay: 2.75s;
  animation-delay: 2.75s; }

.delay-3100 {
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  -o-animation-delay: 3.1s;
  animation-delay: 3.1s; }

.delay-3200 {
  -webkit-animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
  -o-animation-delay: 3.2s;
  animation-delay: 3.2s; }

.delay-3250 {
  -webkit-animation-delay: 3.25s;
  -moz-animation-delay: 3.25s;
  -o-animation-delay: 3.25s;
  animation-delay: 3.25s; }

.delay-3300 {
  -webkit-animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
  -o-animation-delay: 3.3s;
  animation-delay: 3.3s; }

.delay-3400 {
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  -o-animation-delay: 3.4s;
  animation-delay: 3.4s; }

.delay-3500 {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.delay-3600 {
  -webkit-animation-delay: 3.6s;
  -moz-animation-delay: 3.6s;
  -o-animation-delay: 3.6s;
  animation-delay: 3.6s; }

.delay-3750 {
  -webkit-animation-delay: 3.75s;
  -moz-animation-delay: 3.75s;
  -o-animation-delay: 3.75s;
  animation-delay: 3.75s; }

.delay-3800 {
  -webkit-animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  -o-animation-delay: 3.8s;
  animation-delay: 3.8s; }

.delay-4400 {
  -webkit-animation-delay: 4.4s;
  -moz-animation-delay: 4.4s;
  -o-animation-delay: 4.4s;
  animation-delay: 4.4s; }

.delay-4800 {
  -webkit-animation-delay: 4.8s;
  -moz-animation-delay: 4.8s;
  -o-animation-delay: 4.8s;
  animation-delay: 4.8s; }

.delay-6100 {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  -o-animation-delay: 6.1s;
  animation-delay: 6.1s; }

.delay-6200 {
  -webkit-animation-delay: 6.2s;
  -moz-animation-delay: 6.2s;
  -o-animation-delay: 6.2s;
  animation-delay: 6.2s; }

.delay-6250 {
  -webkit-animation-delay: 6.25s;
  -moz-animation-delay: 6.25s;
  -o-animation-delay: 6.25s;
  animation-delay: 6.25s; }

.delay-6300 {
  -webkit-animation-delay: 6.3s;
  -moz-animation-delay: 6.3s;
  -o-animation-delay: 6.3s;
  animation-delay: 6.3s; }

.delay-6400 {
  -webkit-animation-delay: 6.4s;
  -moz-animation-delay: 6.4s;
  -o-animation-delay: 6.4s;
  animation-delay: 6.4s; }

.delay-6500 {
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  -o-animation-delay: 6.5s;
  animation-delay: 6.5s; }

.delay-6600 {
  -webkit-animation-delay: 6.6s;
  -moz-animation-delay: 6.6s;
  -o-animation-delay: 6.6s;
  animation-delay: 6.6s; }

.delay-6750 {
  -webkit-animation-delay: 6.75s;
  -moz-animation-delay: 6.75s;
  -o-animation-delay: 6.75s;
  animation-delay: 6.75s; }

.delay-6800 {
  -webkit-animation-delay: 6.8s;
  -moz-animation-delay: 6.8s;
  -o-animation-delay: 6.8s;
  animation-delay: 6.8s; }

.delay-7400 {
  -webkit-animation-delay: 7.4s;
  -moz-animation-delay: 7.4s;
  -o-animation-delay: 7.4s;
  animation-delay: 7.4s; }

.delay-7800 {
  -webkit-animation-delay: 7.8s;
  -moz-animation-delay: 7.8s;
  -o-animation-delay: 7.8s;
  animation-delay: 7.8s; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

.infrastructure-section {
  position: relative;
  background: #fff;
  z-index: 3;
  overflow: hidden; }
  @media only screen and (max-width: 575px) {
    .infrastructure-section {
      height: auto; } }
  .infrastructure-section .animate-flying {
    position: absolute;
    top: 315px;
    width: 100%;
    height: max-content;
    z-index: 0; }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .animate-flying .desktop-line {
        display: none; } }
    .infrastructure-section .animate-flying .mb-line {
      display: none; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .animate-flying .mb-line {
          display: block; } }
  .infrastructure-section .rocket-animated {
    position: absolute;
    width: 8.2%;
    transform: rotate(185deg);
    opacity: 1;
    top: 77%;
    left: 100%;
    transition: all 0.3s ease-in-out;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .rocket-animated {
        width: 12%; } }
    .infrastructure-section .rocket-animated.go {
      animation: Fly 1.5s;
      animation-timing-function: linear; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .rocket-animated.go {
          animation: mobile-fly 1.5s;
          animation-timing-function: linear; } }
    .infrastructure-section .rocket-animated img {
      width: 100%; }
  .infrastructure-section .overlay-background {
    width: 100%;
    height: 800px;
    background-color: #fff;
    position: absolute;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    top: 0;
    right: -100%; }
    .infrastructure-section .overlay-background.go {
      animation: Back 1.7s;
      animation-timing-function: linear; }
@keyframes Back {
  from {
    left: 0%; }
  to {
    left: 100%; } }
@keyframes Fly {
  0% {
    transform: rotate(193deg);
    top: -11%;
    left: -3%; }
  5% {
    transform: rotate(181deg);
    top: 17%;
    left: 5%; }
  10% {
    transform: rotate(178deg);
    top: 29%;
    left: 10%; }
  15% {
    transform: rotate(160deg);
    top: 38%;
    left: 15%; }
  20% {
    transform: rotate(143deg);
    top: 40%;
    left: 20%; }
  25% {
    transform: rotate(122deg);
    top: 35%;
    left: 25%; }
  30% {
    transform: rotate(116deg);
    top: 26%;
    left: 30%; }
  35% {
    transform: rotate(128deg);
    top: 16%;
    left: 35%; }
  40% {
    transform: rotate(175deg);
    top: 23%;
    left: 40%; }
  45% {
    transform: rotate(187deg);
    top: 35%;
    left: 45%; }
  50% {
    transform: rotate(183deg);
    top: 50%;
    left: 50%; }
  55% {
    transform: rotate(179deg);
    top: 63%;
    left: 55%; }
  60% {
    transform: rotate(173deg);
    top: 74%;
    left: 60%; }
  65% {
    transform: rotate(140deg);
    top: 79%;
    left: 65%; }
  70% {
    transform: rotate(114deg);
    top: 72%;
    left: 70%; }
  80% {
    transform: rotate(45deg);
    top: 46%;
    left: 70%; }
  85% {
    transform: rotate(105deg);
    top: 21%;
    left: 72%; }
  88% {
    transform: rotate(169deg);
    top: 26%;
    left: 77%; }
  90% {
    transform: rotate(178deg);
    top: 37%;
    left: 83%; }
  95% {
    transform: rotate(181deg);
    top: 52%;
    left: 88%; }
  98% {
    transform: rotate(182deg);
    top: 61%;
    left: 92%; }
  99% {
    transform: rotate(180deg);
    top: 67.5%;
    left: 95%; }
  100% {
    transform: rotate(183deg);
    top: 71%;
    left: 97%; } }
@keyframes mobile-fly {
  0% {
    transform: rotate(193deg);
    top: -11%;
    left: -3%; }
  20% {
    top: 29%;
    left: 20%;
    transform: rotate(161deg); }
  40% {
    top: 5%;
    left: 40%;
    transform: rotate(128deg); }
  60% {
    top: 38%;
    left: 60%;
    transform: rotate(185deg); }
  80% {
    top: 71%;
    left: 80%;
    transform: rotate(143deg); }
  100% {
    top: -11%;
    left: 100%;
    transform: rotate(76deg); } }
  .infrastructure-section .wrapper-infrast .vecter-wave-white {
    height: max-content;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3; }
  .infrastructure-section .wrapper-infrast .box-title-main {
    margin-top: 164px;
    margin-bottom: 42px; }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .box-title-main {
        margin-top: 114px;
        margin-bottom: 28px; } }
  .infrastructure-section .wrapper-infrast .trophy-container {
    position: absolute;
    width: 7.3%;
    height: 7.3%;
    top: 22.5%;
    left: 8.9%; }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .trophy-container {
        width: 60px; } }
    .infrastructure-section .wrapper-infrast .trophy-container .small-bluestar {
      width: 10%;
      position: absolute;
      left: 10.33%;
      right: 79.74%;
      top: 7.01%;
      bottom: 82.99%; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .wrapper-infrast .trophy-container .small-bluestar {
          width: 6px; } }
    .infrastructure-section .wrapper-infrast .trophy-container .big-bluestar {
      width: 21%;
      position: absolute;
      left: 1.19%;
      right: 78.1%;
      top: 29.58%;
      bottom: 49.58%; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .wrapper-infrast .trophy-container .big-bluestar {
          width: 12px; } }
    .infrastructure-section .wrapper-infrast .trophy-container .trophy {
      position: absolute;
      left: 15.82%;
      right: 0.01%;
      top: 0%;
      bottom: -0.01%; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .wrapper-infrast .trophy-container .trophy {
          width: 51,34px;
          height: 60,01px; } }
    @media only screen and (max-width: 1199px) {
      .infrastructure-section .wrapper-infrast .trophy-container {
        left: 3%; } }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .trophy-container {
        top: 7.6%;
        left: 13%; } }
  .infrastructure-section .wrapper-infrast .red-cup {
    position: absolute;
    width: 5%;
    height: 8.3%;
    bottom: 20.7%;
    right: 7.4%; }
    .infrastructure-section .wrapper-infrast .red-cup img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 1199px) {
      .infrastructure-section .wrapper-infrast .red-cup {
        right: 3%; } }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .red-cup {
        width: 55px;
        height: 65px;
        bottom: 6.2%;
        right: 7.5%; } }
  .infrastructure-section .wrapper-infrast .small-star1 {
    position: absolute;
    width: 1.5%;
    left: 12.6%;
    top: 41.4%; }
    .infrastructure-section .wrapper-infrast .small-star1 img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 1199px) {
      .infrastructure-section .wrapper-infrast .small-star1 {
        top: 44%;
        left: 8%; } }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .small-star1 {
        width: 14px;
        height: 14px;
        left: 14.7%;
        top: 18.8%; } }
  .infrastructure-section .wrapper-infrast .small-star2 {
    position: absolute;
    width: 1.9%;
    right: 11.4%;
    top: 42.2%; }
    .infrastructure-section .wrapper-infrast .small-star2 img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 1199px) {
      .infrastructure-section .wrapper-infrast .small-star2 {
        right: 8%; } }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .small-star2 {
        width: 24px;
        height: 24px;
        right: 7%;
        top: 11.8%; } }
  .infrastructure-section .wrapper-infrast .images-infrast {
    position: relative;
    z-index: 1;
    max-width: 78%;
    height: max-content;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .infrastructure-section .wrapper-infrast .images-infrast {
        max-width: 100%;
        padding: 0 1px;
        margin: 0 auto; } }
    .infrastructure-section .wrapper-infrast .images-infrast .slick-track {
      display: flex;
      align-items: center; }
    .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider {
      padding-bottom: 16px; }
      .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure {
        cursor: pointer;
        position: absolute;
        width: 23px;
        height: 41px;
        top: 50%; }
        @media only screen and (max-width: 767px) {
          .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure {
            width: 16px;
            height: 29px;
            top: 114%; } }
        @media only screen and (max-width: 575px) {
          .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure {
            width: 16px;
            height: 29px;
            top: 115%; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-prev {
          left: -50px;
          -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-prev {
              left: 10%; } }
          @media only screen and (max-width: 480px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-prev {
              left: 1%; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-next {
          right: -50px;
          -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-next {
              right: 10%; } }
          @media only screen and (max-width: 480px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .btn-arrow-infrastructure.btn-next {
              right: 1%; } }
      .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img {
        width: 100%;
        height: 432px; }
        @media only screen and (max-width: 767px) {
          .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img {
            width: 343px;
            height: 343px;
            margin: 0 auto; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img .desktop-img {
          border-radius: 10px;
          object-fit: cover;
          width: 100%;
          height: 100%;
          border-radius: 10px; }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img .desktop-img {
              object-fit: initial;
              display: none; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img .mobile-img {
          width: 100%;
          height: 100%;
          border-radius: 10px;
          display: none;
          object-fit: cover; }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-slider .slider-item .slider-img .mobile-img {
              display: block; } }
    .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider {
      margin-bottom: 68px;
      box-sizing: border-box; }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider {
          max-width: 70%;
          margin: 0 auto;
          margin-bottom: 111px; } }
      @media only screen and (max-width: 480px) {
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider {
          max-width: 90%;
          margin: 0 auto;
          margin-bottom: 111px; } }
      @media only screen and (max-width: 767px) {
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item.slick-center .slider-img {
          max-width: 104px;
          height: 104px;
          margin: 0 auto; }
          .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item.slick-center .slider-img img {
            border-radius: 10px;
            border: 4px solid #2576b9; } }
      .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item.slick-center img {
        border: 8px solid #2576b9; }
      .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img {
        max-width: 100%;
        height: 128px;
        padding: 0 6px; }
        @media only screen and (max-width: 767px) {
          .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img {
            max-width: 80px;
            height: 80px;
            margin: 0 auto;
            padding: 0 1px; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img .desktop-img {
          cursor: pointer;
          border-radius: 10px;
          object-fit: cover;
          width: 100%;
          height: 100%; }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img .desktop-img {
              display: none; } }
        .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img .mobile-img {
          width: 100%;
          border-radius: 10px;
          display: none; }
          @media only screen and (max-width: 767px) {
            .infrastructure-section .wrapper-infrast .images-infrast .infrastructure-dots-slider .slider-item .slider-img .mobile-img {
              display: block; } }

.section-teachers {
  position: relative;
  background: #bcdaf2;
  z-index: 3; }
  .section-teachers button {
    border: 0;
    position: relative; }
  .section-teachers button::before,
  .section-teachers button::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%; }
  .section-teachers .circle {
    border-radius: 100%;
    box-shadow: none; }
  .section-teachers .circle::before,
  .section-teachers .circle::after {
    border-radius: 100%; }
  .section-teachers .wrapper-infrast .spin::before,
  .section-teachers .wrapper-infrast .spin::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 100%; }
  .section-teachers .wrapper-infrast .spin::before {
    border: 8px solid transparent; }
  .section-teachers .wrapper-infrast .spin::after {
    border: 0 solid transparent; }
  .section-teachers .wrapper-infrast.go .spin:before {
    border-top-color: #2576b9;
    border-right-color: #2576b9;
    border-bottom-color: #2576b9;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; }
  .section-teachers .wrapper-infrast.go .spin:after {
    border-top: 8px solid #2576b9;
    border-left-width: 8px;
    border-right-width: 8px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }
  .section-teachers .wrapper-infrast .box-title-main {
    margin-top: 68px;
    margin-bottom: 58px; }
    @media only screen and (max-width: 767px) {
      .section-teachers .wrapper-infrast .box-title-main {
        margin: 0 auto;
        margin-top: 74px;
        margin-bottom: 64px;
        max-width: 208px;
        padding: 0; }
        .section-teachers .wrapper-infrast .box-title-main .title-main {
          font-size: 30px; } }
  .section-teachers .icon-wrapper img {
    opacity: 0.5; }
  .section-teachers .icon-wrapper.go .pen {
    opacity: 1;
    animation: 1s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .pencil {
    opacity: 1;
    animation: 1.25s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .glass {
    opacity: 1;
    animation: 1.5s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .hat {
    opacity: 1;
    animation: 3.5s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .book {
    opacity: 1;
    animation: 4s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .s-star1 {
    opacity: 1;
    animation: 2.5s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .s-star2 {
    opacity: 1;
    animation: 1.75s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .big-star1 {
    opacity: 1;
    animation: 2s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .big-star2 {
    opacity: 1;
    animation: 2.25s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .big-star3 {
    opacity: 1;
    animation: 3.25s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .big-star4 {
    opacity: 1;
    animation: 2.75s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .big-star5 {
    opacity: 1;
    animation: 3.75s ease 0s normal forwards 1 fadein; }
  .section-teachers .icon-wrapper.go .meteor {
    opacity: 1;
    animation: 3s ease 0s normal forwards 1 fadein; }
@keyframes fadein {
  0% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .section-teachers .icon-wrapper .pen {
    opacity: 0;
    top: 13.5%;
    left: 14.5%;
    width: 103.53px;
    height: 138.68px;
    position: absolute; }
    .section-teachers .icon-wrapper .pen img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .pen {
        width: 31.72px;
        height: 42.49px;
        top: 12.2%;
        left: 8.5%; } }
  .section-teachers .icon-wrapper .pencil {
    opacity: 0;
    position: absolute;
    width: 51.5px;
    height: 69.03px;
    bottom: 28.5%;
    left: 9%; }
    .section-teachers .icon-wrapper .pencil img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .pencil {
        width: 36px;
        height: 48px;
        left: 3.2%;
        bottom: 27.5%; } }
  .section-teachers .icon-wrapper .glass {
    opacity: 0;
    bottom: 6%;
    left: 14.9%;
    position: absolute;
    width: 88.18px; }
    .section-teachers .icon-wrapper .glass img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .glass {
        width: 50px;
        bottom: 5.7%;
        left: 12.8%; } }
  .section-teachers .icon-wrapper .hat {
    opacity: 0;
    bottom: 12%;
    right: 6%;
    position: absolute;
    width: 100px;
    height: 72px; }
    .section-teachers .icon-wrapper .hat img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .hat {
        width: 53px;
        height: 38px;
        bottom: 16.5%;
        right: 9.1%; } }
  .section-teachers .icon-wrapper .book {
    opacity: 0;
    top: 7%;
    right: 11.4%;
    position: absolute;
    width: 116.63px;
    height: 105.12px; }
    .section-teachers .icon-wrapper .book img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .book {
        top: 15.4%;
        right: 5.4%;
        width: 43px;
        height: 39px; } }
  .section-teachers .icon-wrapper .s-star1 {
    opacity: 0;
    width: 25, 1px;
    top: 3.2%;
    left: 30%;
    position: absolute; }
    .section-teachers .icon-wrapper .s-star1 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .s-star1 {
        width: 12px;
        top: 2.5%;
        left: 31%; } }
  .section-teachers .icon-wrapper .s-star2 {
    opacity: 0;
    position: absolute;
    max-width: 38, 31px;
    bottom: 11.2%;
    left: 30%; }
    .section-teachers .icon-wrapper .s-star2 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .s-star2 {
        bottom: 22%;
        width: 12px;
        left: 33%; } }
  .section-teachers .icon-wrapper .big-star1 {
    opacity: 0;
    width: 34px;
    bottom: 40.7%;
    left: 36.5%;
    position: absolute;
    transform: rotate(14deg); }
    .section-teachers .icon-wrapper .big-star1 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .big-star1 {
        width: 14px;
        height: 13px;
        left: 19.3%;
        bottom: 44.6%; } }
  .section-teachers .icon-wrapper .big-star2 {
    opacity: 0;
    width: 34px;
    bottom: 64.3%;
    left: 40.7%;
    position: absolute; }
    .section-teachers .icon-wrapper .big-star2 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .big-star2 {
        width: 16px;
        bottom: 69%;
        left: 16%; } }
  .section-teachers .icon-wrapper .big-star3 {
    opacity: 0;
    width: 34px;
    bottom: 8.2%;
    right: 35.7%;
    position: absolute;
    transform: rotate(30deg); }
    .section-teachers .icon-wrapper .big-star3 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .big-star3 {
        bottom: 7.5%;
        right: 20.5%;
        width: 10px; } }
  .section-teachers .icon-wrapper .big-star4 {
    opacity: 0;
    width: 34px;
    top: 6.3%;
    right: 37.4%;
    position: absolute;
    transform: rotate(35deg); }
    .section-teachers .icon-wrapper .big-star4 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .big-star4 {
        width: 17px;
        top: 3.5%;
        right: 18.5%; } }
  .section-teachers .icon-wrapper .big-star5 {
    opacity: 0;
    width: 34px;
    top: 28.7%;
    right: 13.4%;
    position: absolute; }
    .section-teachers .icon-wrapper .big-star5 img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .big-star5 {
        width: 14px;
        top: 33.5%;
        right: 11%; } }
  .section-teachers .icon-wrapper .meteor {
    opacity: 0;
    width: 90px;
    height: 54px;
    top: 54.8%;
    right: 34.3%;
    position: absolute; }
    .section-teachers .icon-wrapper .meteor img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .section-teachers .icon-wrapper .meteor {
        width: 47px;
        height: 28px;
        top: 58%;
        right: 8.5%; } }
  .section-teachers .teachers-slider {
    max-width: 79%;
    margin: 0 auto;
    padding-bottom: 92px; }
    @media only screen and (max-width: 767px) {
      .section-teachers .teachers-slider {
        padding-bottom: 130px; } }
    .section-teachers .teachers-slider .btn-arrow-infrastructure {
      cursor: pointer;
      position: absolute;
      width: 23px;
      height: 41px;
      top: 35%; }
      @media only screen and (max-width: 767px) {
        .section-teachers .teachers-slider .btn-arrow-infrastructure {
          width: 16px;
          height: 23px; } }
      .section-teachers .teachers-slider .btn-arrow-infrastructure.btn-prev {
        left: -70px;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
        @media only screen and (max-width: 767px) {
          .section-teachers .teachers-slider .btn-arrow-infrastructure.btn-prev {
            left: -30px; } }
      .section-teachers .teachers-slider .btn-arrow-infrastructure.btn-next {
        right: -70px;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
        @media only screen and (max-width: 767px) {
          .section-teachers .teachers-slider .btn-arrow-infrastructure.btn-next {
            right: -30px; } }
    .section-teachers .teachers-slider .slider-item {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding: 0 16px;
      opacity: 1; }
      @media only screen and (max-width: 767px) {
        .section-teachers .teachers-slider .slider-item {
          padding: 0; } }
      .section-teachers .teachers-slider .slider-item .border-animated {
        position: relative;
        box-shadow: none;
        position: relative;
        width: 208px;
        height: 208px; }
        .section-teachers .teachers-slider .slider-item .border-animated .teacher-img {
          position: relative;
          width: 100%;
          height: 100%;
          padding: 5px;
          border-radius: 100%;
          overflow: hidden;
          z-index: 1; }
          .section-teachers .teachers-slider .slider-item .border-animated .teacher-img.go::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background: linear-gradient(325.63deg, #81bde8 20.71%, #bcdaf2 77.7%);
            display: block;
            padding: 5px;
            z-index: 5; }
          .section-teachers .teachers-slider .slider-item .border-animated .teacher-img img {
            width: 100%;
            height: auto;
            position: relative;
            z-index: 6;
            border-radius: 50%; }
      .section-teachers .teachers-slider .slider-item .desc {
        display: flex;
        align-items: center;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        text-align: center; }
        .section-teachers .teachers-slider .slider-item .desc.go {
          opacity: 1;
          visibility: visible; }
        .section-teachers .teachers-slider .slider-item .desc .teacher-name {
          font-weight: bold;
          font-size: 30px;
          line-height: 120%;
          color: #2576b9;
          margin-top: 16px; }
        .section-teachers .teachers-slider .slider-item .desc .role {
          font-size: 20px;
          line-height: 120%;
          letter-spacing: 0.25px;
          color: #2576b9;
          font-family: Montserrat;
          margin-top: 8px; }
        .section-teachers .teachers-slider .slider-item .desc .teacher-description {
          max-width: 282.67px;
          font-size: 14px;
          line-height: 140%;
          letter-spacing: 0.25px;
          font-family: Montserrat;
          margin-top: 16px; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

@media only screen and (max-width: 767px) {
  .desktop {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } }

.xs {
  display: none !important; }
  @media only screen and (max-width: 575px) {
    .xs {
      display: block !important; } }

body {
  position: relative;
  font-size: 16px;
  font-family: "Brauer NeueVN";
  font-weight: normal;
  color: #263238;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto !important;
  overflow-x: hidden; }
  @media only screen and (max-width: 1199px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    body {
      font-size: 13px; } }

*,
::after,
::before {
  box-sizing: border-box; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  border-color: rgba(242, 126, 127, 0.6) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important; }

body.fixed .header {
  background-color: #00b140;
  position: fixed;
  display: flex; }
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  body.fixed .box-section {
    padding-top: 30px; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/landings/home/assets/images/icons/select-arrow.svg);
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 10px;
  padding-right: 18px !important; }

a:hover {
  text-decoration: none; }

ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.container912 {
  max-width: 912px;
  margin: 0 auto; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fefefe; }

.color-main {
  color: #3dd0d8; }

.y-box-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden; }

.y-box-img .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.y-box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.y-box-zoom {
  transition: all 0.6s;
  width: 100%;
  height: 100%;
  position: absolute; }

.y-box-zoom:hover {
  transform: scale(1.05); }

.box-zoom {
  overflow: hidden; }

.box-zoom img {
  width: 100%;
  transition: transform 0.8s; }

.box-zoom:hover img {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2); }

.box-img-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.box-img-flex.y-img-left {
  justify-content: flex-start; }

.box-img-flex img {
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.y-text-editor {
  max-width: 100%;
  font-family: "Montserrat"; }
  .y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic; }
  .y-text-editor p {
    margin-bottom: 10px; }
  .y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px; }
  .y-text-editor iframe {
    max-width: 100%; }
  .y-text-editor table {
    width: 100%; }
  .y-text-editor i {
    font-style: italic; }
  .y-text-editor u {
    text-decoration: underline; }
  .y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none; }
  .y-text-editor b,
  .y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"; }
  .y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc; }
  .y-text-editor ul li {
    display: list-item; }
  .y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal; }
  .y-text-editor ol li {
    display: list-item; }

.box-title-main {
  position: relative;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 40px;
  z-index: 5; }
  @media only screen and (max-width: XL) {
    .box-title-main {
      margin-bottom: 36px; } }
  @media only screen and (max-width: 767px) {
    .box-title-main {
      margin-bottom: 20px; } }
  .box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0; }
    @media only screen and (max-width: 1500px) {
      .box-title-main .title-main {
        font-size: 46px; } }
    @media only screen and (max-width: 991px) {
      .box-title-main .title-main {
        font-size: 44px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px; }
        .box-title-main .title-main br {
          display: none; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .title-main {
        font-size: 30px; } }
    .box-title-main .title-main span {
      color: #e94286; }
  .box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px; }
    @media only screen and (max-width: 1199px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .box-title-main .desc-main {
        font-size: 15px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main {
        font-size: 14px; } }
    @media only screen and (max-width: 575px) {
      .box-title-main .desc-main br {
        display: none; } }

.box-btn-main {
  position: relative;
  width: max-content;
  text-align: center;
  overflow-y: hidden; }
  .box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px; }
    @media only screen and (max-width: 991px) {
      .box-btn-main .btn-main {
        padding: 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px; } }
    .box-btn-main .btn-main:hover {
      background-color: #00ddff; }
    .box-btn-main .btn-main.btn-2 {
      background-color: #292845;
      color: #fff; }
      .box-btn-main .btn-main.btn-2 img {
        max-width: 16px;
        height: 16px; }
    .box-btn-main .btn-main span {
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1; }
    .box-btn-main .btn-main img {
      max-width: 18px;
      height: 24px;
      padding-left: 8px; }

.form-item {
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 238.67px;
  margin: 0 7px; }
  .form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px; }
    .form-item input ::placeholder {
      color: #607d8b;
      font-weight: lighter; }
  .form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em; }

.common-btn {
  border-radius: 100px;
  text-align: center;
  background-color: #2576b9;
  padding: 14.5px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  max-width: 190px; }

.goto-section-btn {
  border-radius: 50%;
  text-decoration: none;
  width: 70px;
  height: 70px;
  font-size: 35px;
  font-weight: bolder;
  color: #fff;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .goto-section-btn:hover {
    color: #fff; }

.padding-section {
  padding: 60px 0; }
  @media only screen and (max-width: 991px) {
    .padding-section {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .padding-section {
      padding: 30px 0; } }

.box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .box-row .box-left {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-left {
        width: 100%; } }
  .box-row .box-right {
    width: 50%;
    padding: 0 12px; }
    @media only screen and (max-width: 767px) {
      .box-row .box-right {
        width: 100%; } }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

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

.show-desktop {
  display: block; }
  @media only screen and (max-width: 991px) {
    .show-desktop {
      display: none; } }

.show-mobile {
  display: none; }
  @media only screen and (max-width: 991px) {
    .show-mobile {
      display: block; } }

.slick-slider .slick-list .slick-slide:focus {
  outline: none; }

body.mac .btn-return {
  padding: 12.5px 32px 6.5px !important; }
body.mac:not(.section-form-event) .form-newletter .submit-form button {
  padding: 12.5px 0 6.5px !important; }
body.mac .wrap-load-more a {
  padding: 13px 56px 8px !important; }
body.mac .blog-footer a,
body.mac .blog-desc a {
  padding: 12.5px 32px 6.5px !important; }

.header-section {
  width: 100%;
  height: 188px;
  background-image: url(/landings/home/assets/images/pages/events/mangxanh.png);
  background-size: 100% 188px;
  background-repeat: no-repeat;
  padding: 30px 0;
  position: relative;
  z-index: 9; }
  @media only screen and (max-width: 991px) {
    .header-section {
      height: 100px;
      background-size: 100% 100px; } }
  @media only screen and (max-width: 767px) {
    .header-section {
      height: 120px;
      background-size: 100% 92px;
      background-image: url(/landings/home/assets/images/pages/events/mangxanh-mobile.png); } }
  .header-section .container {
    max-width: 1248px; }

.banner-blog-detail {
  margin-top: -28px;
  position: relative; }
  @media only screen and (max-width: 991px) {
    .banner-blog-detail {
      margin-top: -18px; } }
  @media only screen and (max-width: 767px) {
    .banner-blog-detail {
      margin-top: -48px; } }
  .banner-blog-detail .wrap-btn {
    background-image: url(/landings/home/assets/images/pages/events/mangtrang.png);
    background-size: 100% 88px;
    height: 88px;
    width: 100%;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .banner-blog-detail .wrap-btn {
        background-size: 100% 58px; } }
    @media only screen and (max-width: 767px) {
      .banner-blog-detail .wrap-btn {
        background-size: 100% 56px;
        bottom: -60px;
        background-image: url(/landings/home/assets/images/pages/events/mangtrang-mobile.png); } }
    .banner-blog-detail .wrap-btn.register-event-banner a {
      margin-top: -15px;
      font-size: 30px;
      padding: 14px 60px;
      line-height: 36px;
      background: #ffd95c;
      box-shadow: 4px 4px 0px rgba(69, 90, 100, 0.5); }
      @supports (-webkit-touch-callout: none) {
        .banner-blog-detail .wrap-btn.register-event-banner a {
          padding: 17px 60px 11px; } }
      @supports not (-webkit-touch-callout: none) {
        .banner-blog-detail .wrap-btn.register-event-banner a {
          padding: 14px 60px; } }

.section-blog-parents {
  position: relative; }
  .section-blog-parents .animated-rocket {
    position: relative;
    width: 90%;
    height: 100%;
    max-width: 1330px;
    max-height: 315px;
    margin-left: auto;
    z-index: 1;
    margin-top: 170px; }
    .section-blog-parents .animated-rocket.mobile {
      margin-top: 70px;
      width: 70%; }
      @media only screen and (max-width: 480px) {
        .section-blog-parents .animated-rocket.mobile {
          width: 80%; } }
      .section-blog-parents .animated-rocket.mobile .rocket {
        width: max-content;
        left: -14%;
        top: -21%; }
        .section-blog-parents .animated-rocket.mobile .rocket.go {
          animation: rocket_blog_mb 1s !important;
          animation-timing-function: linear; }
          @media only screen and (max-width: 480px) {
            .section-blog-parents .animated-rocket.mobile .rocket.go {
              animation: rocket_blog_mb_2 1s !important; } }
@keyframes rocket_blog_mb {
  0% {
    left: 105%;
    top: 30%; }
  10% {
    left: 93%;
    top: 13%;
    transform: rotate(-3deg); }
  20% {
    left: 81%;
    top: -7%;
    transform: rotate(9deg); }
  30% {
    left: 69%;
    top: -20%;
    transform: rotate(-23deg); }
  40% {
    left: 57%;
    top: -21%;
    transform: rotate(-39deg); }
  50% {
    left: 45%;
    top: -13%;
    transform: rotate(-43deg); }
  60% {
    left: 33%;
    top: -4%;
    transform: rotate(-50deg); }
  70% {
    left: 21%;
    top: 7%;
    transform: rotate(-43deg); }
  80% {
    left: 9%;
    top: 12%;
    transform: rotate(-23deg); }
  90% {
    left: -3%;
    top: 1%;
    transform: rotate(-13deg); }
  100% {
    left: -14%;
    top: -21%;
    transform: rotate(-5deg); } }
@keyframes rocket_blog_mb_2 {
  0% {
    left: 105%;
    top: 30%; }
  10% {
    left: 93%;
    top: 3%;
    transform: rotate(-3deg); }
  20% {
    left: 81%;
    top: -13%;
    transform: rotate(9deg); }
  30% {
    left: 69%;
    top: -34%;
    transform: rotate(-23deg); }
  40% {
    left: 57%;
    top: -34%;
    transform: rotate(-39deg); }
  50% {
    left: 45%;
    top: -34%;
    transform: rotate(-43deg); }
  60% {
    left: 33%;
    top: -23%;
    transform: rotate(-50deg); }
  70% {
    left: 21%;
    top: -12%;
    transform: rotate(-43deg); }
  80% {
    left: 9%;
    top: -6%;
    transform: rotate(-23deg); }
  90% {
    left: -3%;
    top: -1%;
    transform: rotate(-13deg); }
  100% {
    left: -14%;
    top: -21%;
    transform: rotate(-5deg); } }
      .section-blog-parents .animated-rocket.mobile .balloon {
        width: max-content;
        height: max-content;
        bottom: 60%;
        right: 10%; }
      .section-blog-parents .animated-rocket.mobile .blue-star {
        bottom: 105%;
        right: 25%; }
      .section-blog-parents .animated-rocket.mobile .s-star {
        width: max-content;
        left: 10%;
        bottom: 85%; }
    @media only screen and (max-width: 991px) {
      .section-blog-parents .animated-rocket {
        margin-top: 3%; } }
    @media only screen and (max-width: 767px) {
      .section-blog-parents .animated-rocket {
        display: none; } }
    .section-blog-parents .animated-rocket img {
      width: 100%;
      height: auto; }
    .section-blog-parents .animated-rocket .line {
      position: relative;
      z-index: 0; }
    .section-blog-parents .animated-rocket .rocket {
      width: 9.5%;
      position: absolute;
      left: -4%;
      top: 17.5%;
      transform: rotate(-5deg);
      z-index: 1; }
      .section-blog-parents .animated-rocket .rocket.go {
        animation: rocket-page 1s;
        animation-timing-function: linear; }
    .section-blog-parents .animated-rocket .fill-backgrounded {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      top: 0;
      margin-right: 5%;
      left: -100%;
      margin-left: 1.5%;
      background-color: #fff; }
      .section-blog-parents .animated-rocket .fill-backgrounded.go {
        animation: background-filled 1s;
        animation-timing-function: linear; }
    .section-blog-parents .animated-rocket .balloon {
      position: absolute;
      width: 4.3%;
      height: 23.2%;
      bottom: 7.39%;
      right: 5%;
      z-index: 1; }
    .section-blog-parents .animated-rocket .blue-star {
      position: absolute;
      bottom: 24.39%;
      right: 9.5%;
      z-index: 1; }
    .section-blog-parents .animated-rocket .s-star {
      position: absolute;
      left: 11%;
      bottom: 17%;
      z-index: 1;
      width: 1.2%; }
@keyframes background-filled {
  0% {
    left: 0%; }
  100% {
    left: -100%; } }
@keyframes rocket-page {
  0% {
    left: 100%;
    top: -31%;
    transform: rotate(-7deg); }
  10% {
    left: 90%;
    top: -8%;
    transform: rotate(-3deg); }
  20% {
    left: 80%;
    top: 29%;
    transform: rotate(9deg); }
  30% {
    left: 70%;
    top: 47%;
    transform: rotate(19deg); }
  40% {
    left: 60%;
    top: 50%;
    transform: rotate(27deg); }
  50% {
    left: 50%;
    top: 38%;
    transform: rotate(34deg); }
  60% {
    left: 40%;
    top: 16%;
    transform: rotate(39deg); }
  70% {
    left: 30%;
    top: -10%;
    transform: rotate(36deg); }
  80% {
    left: 20%;
    top: -28%;
    transform: rotate(31deg); }
  90% {
    left: 10%;
    top: -28%;
    transform: rotate(19deg); }
  100% {
    left: -4%;
    top: 17.5%;
    transform: rotate(-5deg); } }
  @media only screen and (max-width: 767px) {
    .section-blog-parents .wrap-blog-highlight {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .section-blog-parents .sub-blog-container > .section-title {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .section-blog-parents .sub-blog-content .content {
      order: 2; } }
  .section-blog-parents .sub-blog-content .content .section-title {
    padding: 10px 0 32px 0;
    display: none; }
    @media only screen and (max-width: 767px) {
      .section-blog-parents .sub-blog-content .content .section-title {
        display: block; } }
  @media only screen and (max-width: 767px) {
    .section-blog-parents .sub-blog-content .wrap-sider {
      order: 1;
      padding: 0; } }
  .section-blog-parents > .blog-start {
    position: absolute;
    bottom: 35%;
    left: 96%; }
    @media only screen and (max-width: 1300px) {
      .section-blog-parents > .blog-start {
        bottom: 5%; } }
    @media only screen and (max-width: 767px) {
      .section-blog-parents > .blog-start {
        display: none; } }

.section-parents .wrap-load-more {
  padding: 32px 0;
  text-align: center;
  display: none; }
  @media only screen and (max-width: 767px) {
    .section-parents .wrap-load-more {
      display: block; } }
  .section-parents .wrap-load-more.hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden; }
  .section-parents .wrap-load-more .btn-load-more {
    text-decoration: none;
    background: white;
    display: inline-block;
    padding: 11px 56px;
    border-radius: 50px;
    color: #2576b9;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25.2px;
    border: 1px solid #2576b9;
    letter-spacing: 0.15px; }
    @supports (-webkit-touch-callout: none) {
      .section-parents .wrap-load-more .btn-load-more {
        padding: 13px 56px 8px; } }
    @supports not (-webkit-touch-callout: none) {
      .section-parents .wrap-load-more .btn-load-more {
        padding: 11px 56px; } }

.blog-container {
  position: relative;
  margin-top: 8px;
  padding: 32px 0; }
  @media only screen and (max-width: 767px) {
    .blog-container {
      margin-top: 0;
      padding: 0 0 32px 0; } }
  .blog-container .section-title {
    margin: 0;
    color: #2576b9;
    padding-bottom: 32px;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-weight: 700; }
    @media only screen and (max-width: 1199px) {
      .blog-container .section-title {
        font-size: 35px; } }
    @media only screen and (max-width: 767px) {
      .blog-container .section-title {
        text-align: center; } }
    @media only screen and (max-width: 480px) {
      .blog-container .section-title {
        font-size: 30px; } }
  .blog-container .wrap-blog {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 32px; }
    @media only screen and (max-width: 991px) {
      .blog-container .wrap-blog {
        gap: 15px; } }
    @media only screen and (max-width: 767px) {
      .blog-container .wrap-blog {
        flex-direction: column;
        gap: 32px; } }
    .blog-container .wrap-blog .blog-item {
      position: relative;
      flex: 0 calc(33.333333% - 22px);
      display: flex;
      flex-direction: column;
      transition: 0.2s ease; }
      @media only screen and (max-width: 991px) {
        .blog-container .wrap-blog .blog-item {
          flex: 0 calc(33.333333% - 10px); } }
      .blog-container .wrap-blog .blog-item .blog-head {
        border-radius: 16px;
        height: 216px;
        min-height: 216px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .blog-container .wrap-blog .blog-item .blog-head {
            height: calc(50vw - 15px);
            min-height: calc(50vw - 15px); } }
        @media only screen and (max-width: 480px) {
          .blog-container .wrap-blog .blog-item .blog-head {
            height: 230px;
            min-height: 230px; } }
        .blog-container .wrap-blog .blog-item .blog-head a {
          display: block;
          height: 100%; }
        .blog-container .wrap-blog .blog-item .blog-head img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .blog-container .wrap-blog .blog-item .blog-body {
        height: 100%;
        display: flex;
        flex-direction: column; }
        .blog-container .wrap-blog .blog-item .blog-body .blog-title {
          padding: 24px 0 8px 0; }
          .blog-container .wrap-blog .blog-item .blog-body .blog-title h3 {
            margin: 0; }
            .blog-container .wrap-blog .blog-item .blog-body .blog-title h3 a {
              text-decoration: none;
              color: black;
              font-size: 20px;
              line-height: 28px;
              font-weight: 700;
              letter-spacing: 0.15px;
              transition: 0.2s ease-in-out;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
              @media only screen and (max-width: 767px) {
                .blog-container .wrap-blog .blog-item .blog-body .blog-title h3 a {
                  font-size: 30px;
                  line-height: 36px; } }
              .blog-container .wrap-blog .blog-item .blog-body .blog-title h3 a:hover {
                color: #2576b9; }
        .blog-container .wrap-blog .blog-item .blog-body .blog-desc {
          font-weight: 400;
          font-family: "Montserrat";
          font-size: 14px;
          line-height: 19.6px;
          letter-spacing: 0.25px;
          margin-top: auto;
          color: black;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
          @media only screen and (max-width: 767px) {
            .blog-container .wrap-blog .blog-item .blog-body .blog-desc {
              display: -webkit-box;
              margin-top: 8px;
              font-size: 18px;
              line-height: 28px; } }
  .blog-container .wrap-load-more {
    padding-top: 32px;
    text-align: center; }
    .blog-container .wrap-load-more .btn-load-more {
      text-decoration: none;
      background: #2576b9;
      display: inline-block;
      padding: 11px 56px;
      border-radius: 50px;
      color: white;
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 34px; }
      @supports (-webkit-touch-callout: none) {
        .blog-container .wrap-load-more .btn-load-more {
          padding: 13px 56px 8px; } }
      @supports not (-webkit-touch-callout: none) {
        .blog-container .wrap-load-more .btn-load-more {
          padding: 11px 56px; } }
  .blog-container .blog-start {
    position: absolute;
    bottom: 19%;
    right: -8%; }
    @media only screen and (max-width: 1365px) {
      .blog-container .blog-start {
        bottom: 10%;
        right: 8%; } }
    @media only screen and (max-width: 767px) {
      .blog-container .blog-start {
        display: none; } }
  .blog-container .hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden; }

.sub-blog-container {
  position: relative;
  margin-top: 30px;
  padding: 32px 0; }
  @media only screen and (max-width: 767px) {
    .sub-blog-container {
      margin-top: 0; } }
  .sub-blog-container .section-title {
    margin: 0;
    color: #2576b9;
    padding-bottom: 32px;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-weight: 700; }
    @media only screen and (max-width: 1199px) {
      .sub-blog-container .section-title {
        font-size: 35px; } }
    @media only screen and (max-width: 767px) {
      .sub-blog-container .section-title {
        text-align: center; } }
    @media only screen and (max-width: 480px) {
      .sub-blog-container .section-title {
        font-size: 30px; } }
  .sub-blog-container .sub-blog-content {
    display: flex; }
    @media only screen and (max-width: 1199px) {
      .sub-blog-container .sub-blog-content {
        display: flex;
        flex-direction: column; } }
    .sub-blog-container .sub-blog-content .content {
      flex: 0 67%; }
      .sub-blog-container .sub-blog-content .content .wrap-sub-blog {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        row-gap: 69px;
        padding-right: 32px; }
        @media only screen and (max-width: 1199px) {
          .sub-blog-container .sub-blog-content .content .wrap-sub-blog {
            padding-right: 0;
            padding-bottom: 32px; } }
        @media only screen and (max-width: 991px) {
          .sub-blog-container .sub-blog-content .content .wrap-sub-blog {
            gap: 15px; } }
        @media only screen and (max-width: 767px) {
          .sub-blog-container .sub-blog-content .content .wrap-sub-blog {
            flex-direction: column;
            gap: 64px; } }
        .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item {
          position: relative;
          flex: 0 calc(50% - 16px);
          display: flex;
          flex-direction: column;
          transition: 0.2s ease; }
          .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-head {
            border-radius: 16px;
            height: 216px;
            min-height: 216px;
            overflow: hidden; }
            @media only screen and (max-width: 767px) {
              .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-head {
                height: calc(50vw - 15px);
                min-height: calc(50vw - 15px); } }
            @media only screen and (max-width: 480px) {
              .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-head {
                height: 230px;
                min-height: 230px; } }
            .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-head a {
              display: block;
              height: 100%; }
            .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-head img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body {
            height: 100%;
            display: flex;
            flex-direction: column; }
            .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-title {
              padding: 24px 0 8px 0; }
              .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-title h3 {
                margin: 0; }
                .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-title h3 a {
                  text-decoration: none;
                  color: black;
                  font-size: 20px;
                  line-height: 30px;
                  font-weight: 700;
                  letter-spacing: 0.15px;
                  transition: 0.2s ease-in-out;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical; }
                  @media only screen and (max-width: 767px) {
                    .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-title h3 a {
                      font-size: 30px;
                      line-height: 36px; } }
                  .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-title h3 a:hover {
                    color: #2576b9; }
            .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc {
              font-weight: 400;
              font-family: "Montserrat";
              font-size: 14px;
              line-height: 19.6px;
              letter-spacing: 0.25px;
              margin-top: auto;
              color: black;
              display: flex;
              justify-content: space-between;
              align-items: center;
              overflow: hidden;
              text-overflow: ellipsis;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
              @media only screen and (max-width: 767px) {
                .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc {
                  display: -webkit-box;
                  font-size: 18px;
                  line-height: 28px; } }
              .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc a {
                text-decoration: none;
                display: inline-block;
                border: 1px solid #2576b9;
                border-radius: 30px;
                color: #2576b9;
                padding: 9.5px 32px;
                font-size: 18px;
                letter-spacing: 0.25px;
                text-transform: uppercase;
                font-weight: 700;
                font-family: "Brauer NeueVN"; }
                @supports (-webkit-touch-callout: none) {
                  .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc a {
                    padding: 12.5px 32px 6.5px; } }
                @supports not (-webkit-touch-callout: none) {
                  .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc a {
                    padding: 9.5px 32px; } }
              .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc p {
                display: none;
                margin: 0; }
                @media only screen and (max-width: 767px) {
                  .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc p {
                    display: block; } }
              @media only screen and (max-width: 767px) {
                .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc span,
                .sub-blog-container .sub-blog-content .content .wrap-sub-blog .blog-item .blog-body .blog-desc a {
                  display: none; } }
  .sub-blog-container .wrap-load-more {
    padding-top: 32px;
    text-align: center; }
    @media only screen and (max-width: 1199px) {
      .sub-blog-container .wrap-load-more {
        padding-top: 0;
        padding-bottom: 32px; } }
    .sub-blog-container .wrap-load-more .btn-load-more {
      text-decoration: none;
      background: #2576b9;
      display: inline-block;
      padding: 11px 56px;
      border-radius: 50px;
      color: white;
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 34px; }
      @supports (-webkit-touch-callout: none) {
        .sub-blog-container .wrap-load-more .btn-load-more {
          padding: 13px 56px 8px; } }
      @supports not (-webkit-touch-callout: none) {
        .sub-blog-container .wrap-load-more .btn-load-more {
          padding: 11px 56px; } }
  .sub-blog-container .blog-start {
    position: absolute;
    bottom: 72%;
    right: -8%; }
    @media only screen and (max-width: 1365px) {
      .sub-blog-container .blog-start {
        bottom: 10%;
        right: 8%; } }
    @media only screen and (max-width: 767px) {
      .sub-blog-container .blog-start {
        display: none; } }
  .sub-blog-container .hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden; }

.sticky-sider.sticky-sider-blog-detail {
  width: 33%; }
  @media only screen and (max-width: 1199px) {
    .sticky-sider.sticky-sider-blog-detail {
      width: 100%; } }
.sticky-sider .wrap-sider {
  position: -webkit-sticky;
  position: sticky;
  top: 10px; }

.wrap-sider {
  flex: 0 33%;
  padding-left: 32px;
  border-left: 1px solid #90a4ae; }
  @media only screen and (max-width: 1199px) {
    .wrap-sider {
      padding-left: 0;
      padding-top: 32px;
      border-top: 1px solid #90a4ae;
      border-left: 0;
      display: flex;
      gap: 32px; } }
  @media only screen and (max-width: 767px) {
    .wrap-sider {
      border-top: 0;
      display: block; } }
  .wrap-sider .form-newletter {
    position: relative;
    background: #ffffff;
    border: 1px solid #2576b9;
    box-sizing: border-box;
    box-shadow: 4px 4px 0px rgba(96, 125, 139, 0.3);
    border-radius: 10px;
    overflow: hidden;
    padding: 32px 24px; }
    @media only screen and (max-width: 1199px) {
      .wrap-sider .form-newletter {
        flex: 0 50%; } }
    .wrap-sider .form-newletter .title-form {
      position: relative;
      font-size: 30px;
      margin: 0;
      line-height: 36px;
      font-weight: 700;
      color: white;
      text-shadow: #2576b9 6px 0px 0px, #2576b9 5.91686px 0.995377px 0px, #2576b9 5.66974px 1.96317px 0px, #2576b9 5.2655px 2.87655px 0px, #2576b9 4.71532px 3.71022px 0px, #2576b9 4.03447px 4.44106px 0px, #2576b9 3.24181px 5.04883px 0px, #2576b9 2.35931px 5.51667px 0px, #2576b9 1.41143px 5.83163px 0px, #2576b9 0.424423px 5.98497px 0px, #2576b9 -0.574341px 5.97245px 0px, #2576b9 -1.55719px 5.79441px 0px, #2576b9 -2.49688px 5.45578px 0px, #2576b9 -3.36738px 4.96596px 0px, #2576b9 -4.14455px 4.33852px 0px, #2576b9 -4.80686px 3.59083px 0px, #2576b9 -5.33596px 2.74364px 0px, #2576b9 -5.71718px 1.8204px 0px, #2576b9 -5.93995px 0.84672px 0px, #2576b9 -5.99811px -0.150428px 0px, #2576b9 -5.89004px -1.14341px 0px, #2576b9 -5.61874px -2.1047px 0px, #2576b9 -5.19172px -3.00766px 0px, #2576b9 -4.62082px -3.82727px 0px, #2576b9 -3.92186px -4.54081px 0px, #2576b9 -3.11421px -5.12852px 0px, #2576b9 -2.22026px -5.57409px 0px, #2576b9 -1.26477px -5.86518px 0px, #2576b9 -0.274238px -5.99373px 0px, #2576b9 0.723898px -5.95617px 0px, #2576b9 1.70197px -5.75355px 0px, #2576b9 2.63288px -5.39147px 0px, #2576b9 3.49082px -4.87998px 0px, #2576b9 4.25202px -4.23324px 0px, #2576b9 4.89538px -3.46919px 0px, #2576b9 5.40307px -2.60899px 0px, #2576b9 5.76102px -1.67649px 0px, #2576b9 5.95932px -0.697531px 0px;
      text-transform: uppercase;
      text-align: center;
      padding: 0 0 23px; }
      .wrap-sider .form-newletter .title-form:after {
        position: absolute;
        content: "";
        width: 140%;
        height: 199%;
        top: -90%;
        left: -20%;
        z-index: 0;
        background: #ffd95c;
        border-radius: 50%; }
      .wrap-sider .form-newletter .title-form span {
        position: relative;
        z-index: 2;
        display: inline-block; }
        .wrap-sider .form-newletter .title-form span.yellow {
          color: #ffd95c; }
        .wrap-sider .form-newletter .title-form span:before {
          content: attr(data-char);
          position: absolute;
          width: 100%;
          height: 100%;
          top: 4px;
          left: 4px;
          z-index: -1;
          text-shadow: #cbb666 6px 0px 0px, #cbb666 5.91686px 0.995377px 0px, #cbb666 5.66974px 1.96317px 0px, #cbb666 5.2655px 2.87655px 0px, #cbb666 4.71532px 3.71022px 0px, #cbb666 4.03447px 4.44106px 0px, #cbb666 3.24181px 5.04883px 0px, #cbb666 2.35931px 5.51667px 0px, #cbb666 1.41143px 5.83163px 0px, #cbb666 0.424423px 5.98497px 0px, #cbb666 -0.574341px 5.97245px 0px, #cbb666 -1.55719px 5.79441px 0px, #cbb666 -2.49688px 5.45578px 0px, #cbb666 -3.36738px 4.96596px 0px, #cbb666 -4.14455px 4.33852px 0px, #cbb666 -4.80686px 3.59083px 0px, #cbb666 -5.33596px 2.74364px 0px, #cbb666 -5.71718px 1.8204px 0px, #cbb666 -5.93995px 0.84672px 0px, #cbb666 -5.99811px -0.150428px 0px, #cbb666 -5.89004px -1.14341px 0px, #cbb666 -5.61874px -2.1047px 0px, #cbb666 -5.19172px -3.00766px 0px, #cbb666 -4.62082px -3.82727px 0px, #cbb666 -3.92186px -4.54081px 0px, #cbb666 -3.11421px -5.12852px 0px, #cbb666 -2.22026px -5.57409px 0px, #cbb666 -1.26477px -5.86518px 0px, #cbb666 -0.274238px -5.99373px 0px, #cbb666 0.723898px -5.95617px 0px, #cbb666 1.70197px -5.75355px 0px, #cbb666 2.63288px -5.39147px 0px, #cbb666 3.49082px -4.87998px 0px, #cbb666 4.25202px -4.23324px 0px, #cbb666 4.89538px -3.46919px 0px, #cbb666 5.40307px -2.60899px 0px, #cbb666 5.76102px -1.67649px 0px, #cbb666 5.95932px -0.697531px 0px; }
    .wrap-sider .form-newletter .desc-form {
      margin: 0;
      padding-top: 15px;
      font-family: "Montserrat";
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 28px;
      text-align: center;
      color: black; }
    .wrap-sider .form-newletter .input-group {
      padding: 24px 0;
      position: relative; }
      .wrap-sider .form-newletter .input-group input {
        font-family: "Montserrat";
        font-size: 18px;
        line-height: 28px;
        color: #000;
        width: 100%;
        padding: 16px;
        text-align: center;
        background: #ffffff;
        border: none;
        box-sizing: border-box;
        border-bottom: 1px solid #90a4ae;
        outline: none;
        border-radius: 4px; }
        .wrap-sider .form-newletter .input-group input::placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group input:focus {
          text-align: left; }
        .wrap-sider .form-newletter .input-group input::-webkit-input-placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group input::-ms-input-placeholder {
          color: #90a4ae; }
    /* 1 */
    .custom{
      position: relative;
      height: 15px;
      background-color: white;
      bottom: 8px;
      z-index: 3;
    }
    .wrap-sider .form-newletter .input-group-corner-share {
      padding: 24px 0;
      position: relative; }
      .wrap-sider .form-newletter .input-group-corner-share input {
        font-family: "Montserrat";
        font-size: 18px;
        line-height: 28px;
        color: #000;
        width: 100%;
        padding: 16px;
        text-align: left;
        background: #ffffff;
        border: none;
        border-bottom: 1px solid #90a4ae;
        box-sizing: border-box;
        outline: none;
        border-radius: 0; 
      }
        .wrap-sider .form-newletter .input-group-corner-share input::placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group-corner-share input::-webkit-input-placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group-corner-share input::-ms-input-placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group-corner-share input:focus {
          text-align: left;
          border-bottom: 1px solid #90a4ae;
        }
        .wrap-sider .form-newletter .input-group-corner-share small {
          font-family: "Montserrat";
          color: #f3392f;
          font-size: 14px;
          font-weight: 400;
        }
    /* 2 */
    .wrap-sider .form-newletter .input-group {
      padding: 24px 0;
      position: relative; }
      .wrap-sider .form-newletter .input-group input {
        font-family: "Montserrat";
        font-size: 18px;
        line-height: 28px;
        color: #000;
        width: 100%;
        padding: 16px;
        text-align: center;
        background: #ffffff;
        border: 1px solid #90a4ae;
        box-sizing: border-box;
        border-radius: 4px; }
        .wrap-sider .form-newletter .input-group input::placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group input::-webkit-input-placeholder {
          color: #90a4ae; }
        .wrap-sider .form-newletter .input-group input::-ms-input-placeholder {
          color: #90a4ae; }
    .wrap-sider .form-newletter .submit-form button {
      width: 100%;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 18px;
      text-align: center;
      padding: 9.5px 0;
      background: #ffd95c;
      color: #2576b9;
      border-radius: 30px;
      border: 0;
      font-family: "Brauer NeueVN";
      letter-spacing: 0.15px;
      line-height: 25.2px; }
  @media only screen and (max-width: 1199px) {
    .wrap-sider .wrap-blog-highlight {
      flex: 0 50%; } }
  @media only screen and (max-width: 767px) {
    .wrap-sider .wrap-blog-highlight {
      padding: 32px 0; } }
  .wrap-sider .wrap-blog-highlight .title {
    padding: 32px 0 20px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px; }
    @media only screen and (max-width: 1199px) {
      .wrap-sider .wrap-blog-highlight .title {
        padding: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .wrap-sider .wrap-blog-highlight .title {
        text-align: center;
        padding: 32px 0;
        color: #2576b9; } }
  .wrap-sider .wrap-blog-highlight .wrap-blogs {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 16px; }
    @media only screen and (max-width: 767px) {
      .wrap-sider .wrap-blog-highlight .wrap-blogs {
        row-gap: 64px;
        margin-bottom: 32px; } }
    .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-item {
      display: flex;
      column-gap: 8px; }
      @media only screen and (max-width: 767px) {
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-item {
          display: block; } }
    .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-image {
      width: 96px;
      height: 96px;
      border-radius: 16px;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-image {
          width: 100%;
          height: calc(50vw - 15px);
          min-height: calc(50vw - 15px); } }
      @media only screen and (max-width: 480px) {
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-image {
          height: 230px;
          min-height: 230px; } }
      .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-time {
      font-size: 14px;
      font-family: "Montserrat"; }
      @media only screen and (max-width: 767px) {
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-time {
          display: none; } }
    .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-title h3 {
      margin: 0; }
      .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-title h3 a {
        display: block;
        text-decoration: none;
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        transition: 0.2s ease-in-out;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media only screen and (max-width: 767px) {
          .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-title h3 a {
            font-size: 30px;
            line-height: 36px;
            margin-top: 24px; } }
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-title h3 a:hover {
          color: #2576b9; }
    .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-desc {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.25px;
      font-family: "Montserrat";
      margin-top: 8px;
      display: none; }
      @media only screen and (max-width: 767px) {
        .wrap-sider .wrap-blog-highlight .wrap-blogs .blog-desc {
          display: block; } }
  .wrap-sider .wrap-blog-highlight .wrap-load-more {
    display: none; }
    @media only screen and (max-width: 767px) {
      .wrap-sider .wrap-blog-highlight .wrap-load-more {
        display: block; } }

.wave-blog-detail {
  margin-top: 11%;
  position: relative;
  z-index: 9;
  width: 100%; }
  @media only screen and (max-width: 1199px) {
    .wave-blog-detail {
      margin-top: 15%; } }
  @media only screen and (max-width: 480px) {
    .wave-blog-detail {
      margin-top: 20%; } }
  .wave-blog-detail .wave-top {
    position: absolute;
    width: 100%;
    content: ""; }
    .wave-blog-detail .wave-top.desktop {
      top: -160px;
      left: 0; }
      .wave-blog-detail .wave-top.desktop img {
        height: 188px !important; }
        @media only screen and (max-width: 1199px) {
          .wave-blog-detail .wave-top.desktop img {
            height: 208px !important; } }
        @media only screen and (max-width: 991px) {
          .wave-blog-detail .wave-top.desktop img {
            height: 188px !important; } }
    @media only screen and (max-width: 767px) {
      .wave-blog-detail .wave-top.mobile {
        display: block;
        left: 0;
        top: -112px; } }
  @media only screen and (max-width: 767px) and (max-width: 480px) {
    .wave-blog-detail .wave-top.mobile {
      top: -90px; } }
    @media only screen and (max-width: 767px) {
        .wave-blog-detail .wave-top.mobile img {
          height: 145px !important; } }
    @media only screen and (max-width: 767px) and (max-width: 480px) {
      .wave-blog-detail .wave-top.mobile img {
        height: 100px !important; } }

  .wave-blog-detail .wave-bottom {
    position: absolute;
    width: 100%;
    content: ""; }
    .wave-blog-detail .wave-bottom.desktop {
      bottom: -28px;
      left: 0; }
    @media only screen and (max-width: 767px) {
      .wave-blog-detail .wave-bottom.mobile {
        left: 0;
        bottom: -55px; } }
    @media only screen and (max-width: 575px) {
      .wave-blog-detail .wave-bottom.mobile {
        bottom: -50px; } }
    @media only screen and (max-width: 480px) {
      .wave-blog-detail .wave-bottom.mobile {
        bottom: -45px; } }

.blog-detail-container {
  position: relative;
  margin-top: 38px;
  padding: 32px 0; }
  @media only screen and (max-width: 767px) {
    .blog-detail-container {
      margin-top: 0; } }
  .blog-detail-container .blog-detail-content {
    display: flex; }
    @media only screen and (max-width: 1199px) {
      .blog-detail-container .blog-detail-content {
        display: block; } }
    .blog-detail-container .blog-detail-content .content {
      width: 67%;
      padding-right: 32px; }
      @media only screen and (max-width: 1199px) {
        .blog-detail-container .blog-detail-content .content {
          padding-right: 0;
          width: 100%; } }
      .blog-detail-container .blog-detail-content .content .blog-title {
        color: #2576b9;
        font-weight: bold;
        font-size: 40px;
        letter-spacing: 0.25px;
        margin: 0;
        line-height: 48px; }
        @media only screen and (max-width: 767px) {
          .blog-detail-container .blog-detail-content .content .blog-title {
            font-size: 30px;
            line-height: 36px; } }
      .blog-detail-container .blog-detail-content .content .blog-desc {
        font-family: "Montserrat";
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        letter-spacing: 0.25px;
        margin-bottom: 24px; }
      .blog-detail-container .blog-detail-content .content .blog-image {
        overflow: hidden;
        height: 425px;
        border-radius: 16px; }
        .blog-detail-container .blog-detail-content .content .blog-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .blog-detail-container .blog-detail-content .content .blog-content {
        padding: 14px 0;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.25px;
        font-family: "Montserrat";
        overflow: hidden; }
    .blog-detail-container .blog-detail-content .return {
      display: flex;
      justify-content: flex-end; }
      @media only screen and (max-width: 1199px) {
        .blog-detail-container .blog-detail-content .return {
          padding-bottom: 24px; } }
      @media only screen and (max-width: 767px) {
        .blog-detail-container .blog-detail-content .return {
          padding-bottom: 32px; } }
      .blog-detail-container .blog-detail-content .return a {
        text-decoration: none;
        padding: 9.5px 32px;
        color: #2576b9;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        letter-spacing: 0.15px;
        border: 1px solid #2576b9;
        box-sizing: border-box;
        border-radius: 100px; }
    @media only screen and (max-width: 767px) {
      .blog-detail-container .blog-detail-content .wrap-blog-highlight {
        display: none; } }
  .blog-detail-container .hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden; }

.blog-another-container {
  position: relative;
  padding: 32px 0; }
  @media only screen and (max-width: 767px) {
    .blog-another-container {
      margin-top: 0; } }
  .blog-another-container .section-title {
    margin: 0;
    color: #2576b9;
    padding-bottom: 32px;
    line-height: 48px;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-weight: 700; }
    @media only screen and (max-width: 1199px) {
      .blog-another-container .section-title {
        font-size: 35px; } }
    @media only screen and (max-width: 767px) {
      .blog-another-container .section-title {
        text-align: center; } }
    @media only screen and (max-width: 480px) {
      .blog-another-container .section-title {
        font-size: 30px; } }
  .blog-another-container .wrap-blog {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 54.25px; }
    @media only screen and (max-width: 991px) {
      .blog-another-container .wrap-blog {
        gap: 15px;
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .blog-another-container .wrap-blog {
        flex-direction: column;
        gap: 37.5px; } }
    .blog-another-container .wrap-blog .blog-item {
      position: relative;
      flex: 0 calc(33.333333% - 37px);
      display: flex;
      flex-direction: column;
      transition: 0.2s ease; }
      @media only screen and (max-width: 991px) {
        .blog-another-container .wrap-blog .blog-item {
          flex: 0 calc(33.333333% - 10px); } }
      .blog-another-container .wrap-blog .blog-item .blog-head {
        border-radius: 16px;
        height: 216px;
        min-height: 216px;
        overflow: hidden; }
        @media only screen and (max-width: 991px) {
          .blog-another-container .wrap-blog .blog-item .blog-head {
            height: calc(50vw - 15px);
            min-height: calc(50vw - 15px); } }
        @media only screen and (max-width: 480px) {
          .blog-another-container .wrap-blog .blog-item .blog-head {
            height: 230px;
            min-height: 230px; } }
        .blog-another-container .wrap-blog .blog-item .blog-head a {
          display: block;
          height: 100%; }
        .blog-another-container .wrap-blog .blog-item .blog-head img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .blog-another-container .wrap-blog .blog-item .blog-body {
        height: 100%;
        display: flex;
        flex-direction: column; }
        .blog-another-container .wrap-blog .blog-item .blog-body .blog-title {
          padding: 24px 0 18px 0; }
          .blog-another-container .wrap-blog .blog-item .blog-body .blog-title h3 {
            margin: 0; }
            .blog-another-container .wrap-blog .blog-item .blog-body .blog-title h3 a {
              text-transform: uppercase;
              text-decoration: none;
              color: black;
              font-size: 20px;
              line-height: 28px;
              font-weight: 700;
              letter-spacing: 0.15px;
              transition: 0.2s ease-in-out;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
              @media only screen and (max-width: 767px) {
                .blog-another-container .wrap-blog .blog-item .blog-body .blog-title h3 a {
                  font-size: 30px;
                  line-height: 36px; } }
              .blog-another-container .wrap-blog .blog-item .blog-body .blog-title h3 a:hover {
                color: #2576b9; }
        .blog-another-container .wrap-blog .blog-item .blog-body .blog-desc {
          font-weight: 400;
          font-family: "Montserrat";
          font-size: 14px;
          line-height: 19.6px;
          letter-spacing: 0.25px;
          color: black;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          margin-bottom: 8px;
          display: -webkit-box; }
          @media only screen and (max-width: 767px) {
            .blog-another-container .wrap-blog .blog-item .blog-body .blog-desc {
              margin-top: 8px;
              font-size: 18px;
              line-height: 28px; } }
      .blog-another-container .wrap-blog .blog-item .blog-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        letter-spacing: 0.25px;
        color: #90a4ae;
        font-family: "Montserrat";
        font-weight: 400;
        margin-top: auto; }
        .blog-another-container .wrap-blog .blog-item .blog-footer a {
          text-decoration: none;
          display: inline-block;
          font-weight: bold;
          font-size: 18px;
          text-align: center;
          letter-spacing: 0.15px;
          text-transform: uppercase;
          color: #2576b9;
          padding: 9.5px 32px;
          border: 1px solid #2576b9;
          box-sizing: border-box;
          border-radius: 100px;
          line-height: 25.2px;
          font-family: "Brauer NeueVN"; }
          @supports (-webkit-touch-callout: none) {
            .blog-another-container .wrap-blog .blog-item .blog-footer a {
              padding: 12.5px 32px 6.5px; } }
          @supports not (-webkit-touch-callout: none) {
            .blog-another-container .wrap-blog .blog-item .blog-footer a {
              padding: 9.5px 32px; } }
  .blog-another-container .wrap-load-more {
    padding-top: 24px;
    text-align: center; }
    .blog-another-container .wrap-load-more .btn-load-more {
      text-decoration: none;
      background: #2576b9;
      display: inline-block;
      padding: 11px 56px;
      border-radius: 50px;
      color: white;
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 34px; }
      @supports (-webkit-touch-callout: none) {
        .blog-another-container .wrap-load-more .btn-load-more {
          padding: 13px 56px 8px; } }
      @supports not (-webkit-touch-callout: none) {
        .blog-another-container .wrap-load-more .btn-load-more {
          padding: 11px 56px; } }
  .blog-another-container .blog-start {
    position: absolute;
    bottom: 19%;
    right: -8%; }
    @media only screen and (max-width: 1365px) {
      .blog-another-container .blog-start {
        bottom: 10%;
        right: 8%; } }
    @media only screen and (max-width: 767px) {
      .blog-another-container .blog-start {
        display: none; } }
  .blog-another-container .hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden; }

.section-news {
  position: relative;
  padding-bottom: 57px; }
  @media only screen and (max-width: 767px) {
    .section-news {
      padding-bottom: 37px; } }
  .section-news .box-title-main {
    margin-bottom: 28px; }
    @media only screen and (max-width: 767px) {
      .section-news .box-title-main {
        padding-top: 16px;
        margin-bottom: 32px; } }
  .section-news .blog-news-container {
    display: flex;
    gap: 24px; }
    @media only screen and (max-width: 991px) {
      .section-news .blog-news-container {
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .section-news .blog-news-container {
        gap: 32px; } }
    .section-news .blog-news-container .main-blog {
      width: 70%; }
      @media only screen and (max-width: 991px) {
        .section-news .blog-news-container .main-blog {
          width: 100%; } }
      .section-news .blog-news-container .main-blog .blog-img {
        width: 100%;
        max-height: 431px;
        border-radius: 16px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .section-news .blog-news-container .main-blog .blog-img {
            height: calc(50vw - 15px);
            min-height: calc(50vw - 15px); } }
        @media only screen and (max-width: 480px) {
          .section-news .blog-news-container .main-blog .blog-img {
            height: 216px;
            max-height: 216px; } }
        .section-news .blog-news-container .main-blog .blog-img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .section-news .blog-news-container .main-blog .blog-title {
        margin-top: 24px;
        font-weight: bold;
        font-size: 30px;
        line-height: 120%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media only screen and (max-width: 767px) {
          .section-news .blog-news-container .main-blog .blog-title {
            font-size: 20px;
            letter-spacing: 0.15px; } }
        .section-news .blog-news-container .main-blog .blog-title a {
          text-decoration: none;
          color: #000;
          transition: all 0.3s;
          line-height: 1.5; }
          .section-news .blog-news-container .main-blog .blog-title a:hover {
            color: #2576b9; }
      .section-news .blog-news-container .main-blog .sub-title {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.25px;
        font-family: Montserrat;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
        @media only screen and (max-width: 767px) {
          .section-news .blog-news-container .main-blog .sub-title {
            font-size: 14px;
            line-height: 140%;
            letter-spacing: 0.25px; } }
    .section-news .blog-news-container .side-blog {
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media only screen and (max-width: 991px) {
        .section-news .blog-news-container .side-blog {
          width: 100%; } }
      .section-news .blog-news-container .side-blog .list-blog {
        display: flex;
        flex-direction: column;
        gap: 16px; }
        @media only screen and (max-width: 991px) {
          .section-news .blog-news-container .side-blog .list-blog {
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between; } }
        @media only screen and (max-width: 767px) {
          .section-news .blog-news-container .side-blog .list-blog {
            flex-direction: column; } }
        .section-news .blog-news-container .side-blog .list-blog .blog-item {
          display: flex;
          gap: 8px; }
          @media only screen and (max-width: 991px) {
            .section-news .blog-news-container .side-blog .list-blog .blog-item {
              width: 45%; } }
          @media only screen and (max-width: 767px) {
            .section-news .blog-news-container .side-blog .list-blog .blog-item {
              width: 100%; } }
          .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-img {
            width: 100%;
            max-width: 144px;
            max-height: 144px;
            border-radius: 16px;
            overflow: hidden; }
            .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-img img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-desc {
            width: 100%; }
            .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-desc .date {
              font-family: Montserrat;
              font-size: 14px;
              line-height: 140%;
              color: #90a4ae;
              letter-spacing: 0.25px; }
            .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-desc .title {
              font-weight: bold;
              font-size: 18px;
              line-height: 140%;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical; }
              .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-desc .title a {
                text-decoration: none;
                color: #000;
                transition: all 0.3s;
                display: block;
                padding-left: 0 !important; }
                .section-news .blog-news-container .side-blog .list-blog .blog-item .blog-desc .title a:hover {
                  color: #2576b9; }
      .section-news .blog-news-container .side-blog .more-btn {
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border: 1px solid #2576b9;
        border-radius: 30px;
        color: #2576b9;
        padding: 9.5px 32px;
        font-size: 18px;
        letter-spacing: 0.25px;
        text-transform: uppercase;
        font-weight: 700; }
        @media only screen and (max-width: 991px) {
          .section-news .blog-news-container .side-blog .more-btn {
            margin: 42px auto 0; } }
        @media only screen and (max-width: 767px) {
          .section-news .blog-news-container .side-blog .more-btn {
            margin-top: 24px; } }
        @media only screen and (max-width: 480px) {
          .section-news .blog-news-container .side-blog .more-btn {
            width: 100%; } }

.section-news-blog {
  position: relative;
  overflow: hidden; }
  .section-news-blog .animated-rocket {
    margin-top: 5%; }
  .section-news-blog .sub-blog-container {
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .section-news-blog .sub-blog-container {
        padding: 37px 0; }
        .section-news-blog .sub-blog-container .wrap-load-more {
          padding: 0; } }
    .section-news-blog .sub-blog-container .wrap-sider {
      margin-bottom: 32px; }
    @media only screen and (max-width: 767px) {
      .section-news-blog .sub-blog-container .wrap-sub-blog {
        gap: 32px !important; } }
    .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-title h3 {
      height: 100%; }
      @media only screen and (max-width: 767px) {
        .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-title h3 a {
          line-height: 140% !important;
          font-size: 20px !important; } }
    .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .sub-title {
      margin-bottom: 8px;
      font-family: Montserrat;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0.25px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-desc span {
      color: #90a4ae; }
      @media only screen and (max-width: 767px) {
        .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-desc span {
          display: inline-block !important; } }
    @media only screen and (max-width: 767px) {
      .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-desc {
        display: flex !important; }
        .section-news-blog .sub-blog-container .wrap-sub-blog .blog-item .blog-body .blog-desc a {
          display: inline-block !important; } }

.calendar-event-custom {
  box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  padding: 24px;
  margin-top: 32px; }
  @media only screen and (max-width: 991px) {
    .calendar-event-custom {
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .calendar-event-custom {
      margin-top: 32px; } }
  @media only screen and (max-width: 767px) {
    .calendar-event-custom .calendar {
      max-width: 100%; } }
  .calendar-event-custom .calendar .body-calendar {
    margin-top: 24px; }
  .calendar-event-custom .calendar .days > div {
    margin-top: 30px; }
  .calendar-event-custom .event-container {
    width: 100%; }
    .calendar-event-custom .event-container h3 {
      margin: 0;
      font-weight: bold;
      font-size: 30px;
      line-height: 130%;
      color: #000000;
      text-transform: uppercase; }
    .calendar-event-custom .event-container .event.no-event {
      font-weight: bold;
      font-size: 18px;
      line-height: 140%;
      letter-spacing: 0.15px;
      color: #90a4ae;
      margin-top: 8px; }
      .calendar-event-custom .event-container .event.no-event p {
        margin-bottom: 49px; }
    .calendar-event-custom .event-container .event:not(.current-date) {
      display: none; }
    .calendar-event-custom .event-container .event.show {
      display: flex;
      gap: 8px; }
    .calendar-event-custom .event-container .event.hide {
      display: none; }
    .calendar-event-custom .event-container .event .event-image {
      width: 100%;
      max-width: 122px;
      max-height: 74px;
      overflow: hidden;
      border-radius: 8px;
      margin-top: 8px; }
      .calendar-event-custom .event-container .event .event-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .calendar-event-custom .event-container .event .event-title h3 {
      margin: 8px 0 0; }
      .calendar-event-custom .event-container .event .event-title h3 a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease;
        color: #2576b9;
        font-weight: bold;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0.15px;
        text-transform: uppercase; }

.section-blog-detail-copy .blog-detail-container {
  margin: 0;
  padding-top: 16px; }
  @media only screen and (max-width: 767px) {
    .section-blog-detail-copy .blog-detail-container {
      padding: 0 0 37px; }
      .section-blog-detail-copy .blog-detail-container .return {
        justify-content: center;
        padding: 0; } }
    @media only screen and (max-width: 767px) and (max-width: 480px) {
      .section-blog-detail-copy .blog-detail-container .return a {
        width: 100%; } }

  .section-blog-detail-copy .blog-detail-container .sticky-sider {
    border-left: 1px solid #90a4ae; }
    .section-blog-detail-copy .blog-detail-container .sticky-sider .wrap-sider {
      border-left: 0; }
    @media only screen and (max-width: 1199px) {
      .section-blog-detail-copy .blog-detail-container .sticky-sider {
        border-left: 0; } }

button {
  cursor: pointer; }

@media only screen and (max-width: 575px) {
  .blog-detail-container .blog-detail-content .content figure.table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0; } }

@media only screen and (max-width: 767px) {
  .banner-section {
    background-size: unset; } }
.banner-section.page {
  background-position: top center;
  min-height: 241px;
  height: 100px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex; }
  @media only screen and (max-width: 1440px) and (max-height: 900px) {
    #new-landing-page .banner-section.page {
        background-position: top center;
        min-height: 220px;
        height: 100px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        display: flex;
    }
}
  @media only screen and (max-width: 991px) {
    .banner-section.page {
      min-height: 190px; } }
  @media only screen and (max-width: 767px) {
    .banner-section.page {
      min-height: 160px; } }
  @media only screen and (max-width: 480px) {
    .banner-section.page {
      min-height: 140px;
      height: 100px; } }
  .banner-section.page.page-banner {
    height: auto; }
    .banner-section.page.page-banner .wave-blog-detail img {
      margin-bottom: -100px; }
  @media only screen and (max-width: 1199px) {
    .banner-section.page .container {
      top: 70px; } }
  @media only screen and (max-width: 767px) {
    .banner-section.page .container {
      top: 40px; } }
  @media only screen and (max-width: 480px) {
    .banner-section.page .container {
      top: 30px; } }
  .banner-section.page .header {
    padding-top: 0; }
.banner-section.banner-section-special {
  background: none;
  min-height: auto;
  height: auto; }
  .banner-section.banner-section-special.no-wave::before {
    content: "";
    background-image: url(/landings/home/assets/images/index/banner-background.webp);
    background-position: top center;
    min-height: 180px;
    height: 100px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1199px) {
      .banner-section.banner-section-special.no-wave::before {
        min-height: 200px; } }
    @media only screen and (max-width: 991px) {
      .banner-section.banner-section-special.no-wave::before {
        min-height: 170px; } }
    @media only screen and (max-width: 991px) {
      .banner-section.banner-section-special.no-wave::before {
        min-height: 170px; } }
    @media only screen and (max-width: 767px) {
      .banner-section.banner-section-special.no-wave::before {
        min-height: unset;
        height: 90px; } }
  .banner-section.banner-section-special::before {
    content: "";
    background-image: url(/landings/home/assets/images/index/banner-background.webp);
    background-position: top center;
    min-height: 241px;
    height: 100px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
  .banner-section.banner-section-special .container {
    z-index: 11; }
.banner-section .wave .wave-desktop {
  bottom: -1px;
  left: 0;
  position: absolute; }
  @media only screen and (max-width: 767px) {
    .banner-section .wave .wave-desktop {
      display: none; } }
.banner-section .wave .wave-mobile {
  display: none;
  position: absolute;
  bottom: -1px;
  left: 0; }
  @media only screen and (max-width: 767px) {
    .banner-section .wave .wave-mobile {
      display: block; } }

.section-parents {
  padding-top: 11px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .section-parents {
      padding-top: 3px; } }
  .section-parents .parents-container {
    display: flex;
    gap: 77px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .section-parents .parents-container {
        flex-direction: column; } }
    @media only screen and (max-width: 991px) {
      .section-parents .parents-container {
        gap: 33px; } }
    @media only screen and (max-width: 767px) {
      .section-parents .parents-container {
        gap: 32px;
        margin-bottom: 0; } }
    .section-parents .parents-container .tabs-sidebar {
      width: 100%;
      max-width: 384px; }
      @media only screen and (max-width: 991px) {
        .section-parents .parents-container .tabs-sidebar {
          text-align: center;
          margin: 0 auto; } }
      @media only screen and (max-width: 767px) {
        .section-parents .parents-container .tabs-sidebar {
          text-align: center;
          margin: 0 auto;
          padding: 0 33px 0 32px; } }
      .section-parents .parents-container .tabs-sidebar .tabs {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        .section-parents .parents-container .tabs-sidebar .tabs > li {
          border-bottom: 2px solid #90a4ae;
          font-weight: bold;
          font-size: 30px;
          line-height: 120%;
          padding-bottom: 24px;
          margin-bottom: 24px;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .section-parents .parents-container .tabs-sidebar .tabs > li {
              padding-bottom: 7px;
              margin-bottom: 7px; } }
          .section-parents .parents-container .tabs-sidebar .tabs > li:hover .sub-tabs {
            display: block; }
          .section-parents .parents-container .tabs-sidebar .tabs > li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0; }
          .section-parents .parents-container .tabs-sidebar .tabs > li.active a {
            color: #2576b9; }
          .section-parents .parents-container .tabs-sidebar .tabs > li a {
            text-decoration: none;
            color: #90a4ae; }
            .section-parents .parents-container .tabs-sidebar .tabs > li a:hover {
              color: #2576b9; }
          .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs {
            padding: 24px 0 0 32px;
            display: none; }
            .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs > li:first-child {
              padding-bottom: 24px; }
              @media only screen and (max-width: 767px) {
                .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs > li:first-child {
                  padding-bottom: 7px; } }
            .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs > li a:hover {
              color: #c03a78; }
            @media only screen and (max-width: 991px) {
              .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs {
                text-align: center;
                padding-left: 0; } }
            @media only screen and (max-width: 767px) {
              .section-parents .parents-container .tabs-sidebar .tabs > li .sub-tabs {
                padding-left: 0;
                padding-top: 7px; } }
    .section-parents .parents-container .tabs-content {
      width: 100%;
      display: flex;
      gap: 24px; }
      @media only screen and (max-width: 991px) {
        .section-parents .parents-container .tabs-content {
          margin: 0 auto;
          max-width: 739px; } }
      @media only screen and (max-width: 767px) {
        .section-parents .parents-container .tabs-content {
          min-width: 100%;
          flex-direction: column;
          gap: 64px; } }
      .section-parents .parents-container .tabs-content .main-content {
        width: 486px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px; }
        @media only screen and (max-width: 767px) {
          .section-parents .parents-container .tabs-content .main-content {
            width: 100%; } }
        .section-parents .parents-container .tabs-content .main-content .content-img {
          width: 100%;
          height: 100%;
          max-height: 326px;
          border-radius: 10px;
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            .section-parents .parents-container .tabs-content .main-content .content-img {
              width: 100%;
              height: calc(50vw - 15px);
              min-height: calc(50vw - 15px); } }
          @media only screen and (max-width: 480px) {
            .section-parents .parents-container .tabs-content .main-content .content-img {
              height: 230px;
              max-height: 230px; } }
          .section-parents .parents-container .tabs-content .main-content .content-img img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .section-parents .parents-container .tabs-content .main-content .content-title h3 {
          margin: 0;
          padding-top: 24px; }
          .section-parents .parents-container .tabs-content .main-content .content-title h3 a {
            text-decoration: none;
            font-weight: bold;
            font-size: 30px;
            line-height: 120%;
            color: black;
            transition: all 0.2s ease-in-out;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
            .section-parents .parents-container .tabs-content .main-content .content-title h3 a:hover {
              color: #2576b9; }
        .section-parents .parents-container .tabs-content .main-content .sub-title {
          margin-top: 8px;
          font-size: 18px;
          line-height: 28px;
          font-family: Montserrat;
          letter-spacing: 0.25px;
          font-weight: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
      .section-parents .parents-container .tabs-content .side-content {
        max-width: 229px;
        display: flex;
        flex-direction: column;
        gap: 24px; }
        @media only screen and (max-width: 767px) {
          .section-parents .parents-container .tabs-content .side-content {
            max-width: 100%;
            gap: 64px; } }
        .section-parents .parents-container .tabs-content .side-content .list-side-img {
          width: 100%;
          height: max-content; }
          .section-parents .parents-container .tabs-content .side-content .list-side-img.hidden {
            display: none;
            opacity: 0;
            visibility: hidden; }
          @media only screen and (max-width: 767px) {
            .section-parents .parents-container .tabs-content .side-content .list-side-img {
              height: 100%; } }
          .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img {
            border-radius: 10px;
            overflow: hidden; }
            .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img .show-mobile {
              display: none; }
              @media only screen and (max-width: 767px) {
                .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img .show-mobile {
                  display: block; } }
            .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img .show-desktop {
              display: block; }
              @media only screen and (max-width: 767px) {
                .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img .show-desktop {
                  display: none; } }
            .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
            @media only screen and (max-width: 767px) {
              .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 100%;
                height: calc(50vw - 15px);
                min-height: calc(50vw - 15px); } }
            @media only screen and (max-width: 480px) {
              .section-parents .parents-container .tabs-content .side-content .list-side-img .content-img {
                height: 230px;
                max-height: 230px; } }
          .section-parents .parents-container .tabs-content .side-content .list-side-img .content {
            display: none; }
            @media only screen and (max-width: 767px) {
              .section-parents .parents-container .tabs-content .side-content .list-side-img .content {
                display: block; } }
            .section-parents .parents-container .tabs-content .side-content .list-side-img .content .content-title h3 {
              margin: 0;
              padding-top: 24px; }
              .section-parents .parents-container .tabs-content .side-content .list-side-img .content .content-title h3 a {
                text-decoration: none;
                font-weight: bold;
                font-size: 30px;
                line-height: 120%;
                color: black;
                transition: all 0.2s ease-in-out;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
                .section-parents .parents-container .tabs-content .side-content .list-side-img .content .content-title h3 a:hover {
                  color: #2576b9; }
            .section-parents .parents-container .tabs-content .side-content .list-side-img .content .sub-title {
              margin-top: 8px;
              font-size: 18px;
              line-height: 28px;
              font-family: Montserrat;
              letter-spacing: 0.25px;
              font-weight: normal;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }

body.mac .wave-event .register-event-banner button {
  padding: 17px 60px 11px !important; }
body.mac .register-event-btn a {
  padding: 16px 56px 10px; }
  @media only screen and (max-width: 767px) {
    body.mac .register-event-btn a {
      padding: 16px 32px 10px; } }
body.mac .section-form-event .form-newletter .submit-form button {
  padding: 12.5px 82px 6.5px !important; }

.wrap-btn {
  text-align: center; }
  .wrap-btn a {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #2576b9;
    border-radius: 50px;
    border: 0;
    font-family: "Brauer NeueVN";
    text-decoration: none; }

.wave-event {
  margin-bottom: 62px;
  margin-top: 160px; }
  @media only screen and (max-width: 767px) {
    .wave-event {
      margin-top: 100px; } }
  .wave-event .register-event-banner {
    width: 100%;
    bottom: -116px;
    position: absolute;
    left: 0;
    right: 0; }
    .wave-event .register-event-banner a {
      font-size: 30px;
      padding: 14px 60px;
      line-height: 36px;
      background: #ffd95c;
      box-shadow: 4px 4px 0px rgba(69, 90, 100, 0.5); }
      @supports (-webkit-touch-callout: none) {
        .wave-event .register-event-banner a {
          padding: 17px 60px 11px; } }
      @supports not (-webkit-touch-callout: none) {
        .wave-event .register-event-banner a {
          padding: 14px 60px; } }

.section-event-detail {
  padding: 132px 10px 32px; }
  .section-event-detail .event-title h2 {
    margin: 0;
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    color: #2576b9; }
    @media only screen and (max-width: 767px) {
      .section-event-detail .event-title h2 {
        font-size: 30px;
        line-height: 36px; } }
  .section-event-detail .event-time {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 0; }
    @media only screen and (max-width: 767px) {
      .section-event-detail .event-time {
        padding: 28px 0 10px; } }
    .section-event-detail .event-time span {
      display: inline-block;
      letter-spacing: 0.25px;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      font-family: "Montserrat"; }
      .section-event-detail .event-time span:first-child {
        margin-right: 8px; }
  .section-event-detail .event-content {
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px; }
  .section-event-detail .register-event-btn {
    margin-top: 24px; }
    .section-event-detail .register-event-btn a {
      font-weight: bold;
      font-size: 30px;
      line-height: 36px;
      border: 1px solid #2576b9;
      box-sizing: border-box;
      border-radius: 100px;
      padding: 13px 56px; }
      @supports (-webkit-touch-callout: none) {
        .section-event-detail .register-event-btn a {
          padding: 16px 56px 10px; } }
      @media only screen and (max-width: 767px) {
        .section-event-detail .register-event-btn a {
          padding: 13px 32px; }
          @supports (-webkit-touch-callout: none) {
            .section-event-detail .register-event-btn a {
              padding: 16px 32px 10px; } } }

.section-form-event {
  padding: 32px 10px 64px;
  display: flex;
  gap: 32px; }
  @media only screen and (max-width: 767px) {
    .section-form-event {
      padding: 32px 10px; } }
  @media only screen and (max-width: 991px) {
    .section-form-event {
      display: block; } }
  .section-form-event .form-newletter {
    position: relative;
    background: #ffffff;
    border: 1px solid #2576b9;
    box-sizing: border-box;
    box-shadow: 4px 4px 0px rgba(96, 125, 139, 0.3);
    border-radius: 10px;
    overflow: hidden;
    padding: 32px 24px; }
    @media only screen and (max-width: 1199px) {
      .section-form-event .form-newletter {
        flex: 0 50%; } }
    .section-form-event .form-newletter .title-form {
      position: relative;
      font-size: 30px;
      margin: 0;
      line-height: 36px;
      font-weight: 700;
      color: white;
      text-shadow: #2576b9 6px 0px 0px, #2576b9 5.91686px 0.995377px 0px, #2576b9 5.66974px 1.96317px 0px, #2576b9 5.2655px 2.87655px 0px, #2576b9 4.71532px 3.71022px 0px, #2576b9 4.03447px 4.44106px 0px, #2576b9 3.24181px 5.04883px 0px, #2576b9 2.35931px 5.51667px 0px, #2576b9 1.41143px 5.83163px 0px, #2576b9 0.424423px 5.98497px 0px, #2576b9 -0.574341px 5.97245px 0px, #2576b9 -1.55719px 5.79441px 0px, #2576b9 -2.49688px 5.45578px 0px, #2576b9 -3.36738px 4.96596px 0px, #2576b9 -4.14455px 4.33852px 0px, #2576b9 -4.80686px 3.59083px 0px, #2576b9 -5.33596px 2.74364px 0px, #2576b9 -5.71718px 1.8204px 0px, #2576b9 -5.93995px 0.84672px 0px, #2576b9 -5.99811px -0.150428px 0px, #2576b9 -5.89004px -1.14341px 0px, #2576b9 -5.61874px -2.1047px 0px, #2576b9 -5.19172px -3.00766px 0px, #2576b9 -4.62082px -3.82727px 0px, #2576b9 -3.92186px -4.54081px 0px, #2576b9 -3.11421px -5.12852px 0px, #2576b9 -2.22026px -5.57409px 0px, #2576b9 -1.26477px -5.86518px 0px, #2576b9 -0.274238px -5.99373px 0px, #2576b9 0.723898px -5.95617px 0px, #2576b9 1.70197px -5.75355px 0px, #2576b9 2.63288px -5.39147px 0px, #2576b9 3.49082px -4.87998px 0px, #2576b9 4.25202px -4.23324px 0px, #2576b9 4.89538px -3.46919px 0px, #2576b9 5.40307px -2.60899px 0px, #2576b9 5.76102px -1.67649px 0px, #2576b9 5.95932px -0.697531px 0px;
      text-transform: uppercase;
      text-align: center;
      padding: 0 0 23px; }
      .section-form-event .form-newletter .title-form:after {
        position: absolute;
        content: "";
        width: 140%;
        height: 199%;
        top: -90%;
        left: -20%;
        z-index: 0;
        background: #ffd95c;
        border-radius: 50%; }
      .section-form-event .form-newletter .title-form span {
        position: relative;
        z-index: 2;
        display: inline-block; }
        .section-form-event .form-newletter .title-form span.yellow {
          color: #ffd95c; }
        .section-form-event .form-newletter .title-form span:before {
          content: attr(data-char);
          position: absolute;
          width: 100%;
          height: 100%;
          top: 4px;
          left: 4px;
          z-index: -1;
          text-shadow: #cbb666 6px 0px 0px, #cbb666 5.91686px 0.995377px 0px, #cbb666 5.66974px 1.96317px 0px, #cbb666 5.2655px 2.87655px 0px, #cbb666 4.71532px 3.71022px 0px, #cbb666 4.03447px 4.44106px 0px, #cbb666 3.24181px 5.04883px 0px, #cbb666 2.35931px 5.51667px 0px, #cbb666 1.41143px 5.83163px 0px, #cbb666 0.424423px 5.98497px 0px, #cbb666 -0.574341px 5.97245px 0px, #cbb666 -1.55719px 5.79441px 0px, #cbb666 -2.49688px 5.45578px 0px, #cbb666 -3.36738px 4.96596px 0px, #cbb666 -4.14455px 4.33852px 0px, #cbb666 -4.80686px 3.59083px 0px, #cbb666 -5.33596px 2.74364px 0px, #cbb666 -5.71718px 1.8204px 0px, #cbb666 -5.93995px 0.84672px 0px, #cbb666 -5.99811px -0.150428px 0px, #cbb666 -5.89004px -1.14341px 0px, #cbb666 -5.61874px -2.1047px 0px, #cbb666 -5.19172px -3.00766px 0px, #cbb666 -4.62082px -3.82727px 0px, #cbb666 -3.92186px -4.54081px 0px, #cbb666 -3.11421px -5.12852px 0px, #cbb666 -2.22026px -5.57409px 0px, #cbb666 -1.26477px -5.86518px 0px, #cbb666 -0.274238px -5.99373px 0px, #cbb666 0.723898px -5.95617px 0px, #cbb666 1.70197px -5.75355px 0px, #cbb666 2.63288px -5.39147px 0px, #cbb666 3.49082px -4.87998px 0px, #cbb666 4.25202px -4.23324px 0px, #cbb666 4.89538px -3.46919px 0px, #cbb666 5.40307px -2.60899px 0px, #cbb666 5.76102px -1.67649px 0px, #cbb666 5.95932px -0.697531px 0px; }
    .section-form-event .form-newletter .desc-form {
      margin: 0;
      padding-top: 30px;
      font-family: "Montserrat";
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.25px;
      line-height: 28px;
      text-align: center;
      color: black; }
    .section-form-event .form-newletter .input-group {
      padding: 24px 0;
      position: relative; }
      .section-form-event .form-newletter .input-group input {
        font-family: "Montserrat";
        font-size: 18px;
        line-height: 28px;
        color: #90a4ae;
        width: 100%;
        padding: 16px;
        text-align: center;
        background: #ffffff;
        border: 1px solid #90a4ae;
        box-sizing: border-box;
        border-radius: 4px; }
        .section-form-event .form-newletter .input-group input::placeholder {
          color: #90a4ae; }
        .section-form-event .form-newletter .input-group input::-webkit-input-placeholder {
          color: #90a4ae; }
        .section-form-event .form-newletter .input-group input::-ms-input-placeholder {
          color: #90a4ae; }
    .section-form-event .form-newletter .submit-form {
      text-align: center; }
      .section-form-event .form-newletter .submit-form button {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        padding: 9.5px 82px;
        background: #ffd95c;
        color: #2576b9;
        border-radius: 30px;
        border: 0;
        font-family: "Brauer NeueVN";
        letter-spacing: 0.15px;
        line-height: 25.2px; }
        @supports (-webkit-touch-callout: none) {
          .section-form-event .form-newletter .submit-form button {
            padding: 12.5px 82px 9.5px !important; } }
  .section-form-event .form {
    flex: 486px; }
    @media only screen and (max-width: 1199px) {
      .section-form-event .form {
        flex: 400px; } }
  .section-form-event .calendar-event {
    flex: 0 calc(100% - 463px);
    box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    gap: 28px;
    padding: 24px; }
    @media only screen and (max-width: 1199px) {
      .section-form-event .calendar-event {
        flex: 0 calc(100% - 350px); } }
    @media only screen and (max-width: 767px) {
      .section-form-event .calendar-event {
        margin-top: 32px;
        flex-direction: column;
        gap: 64px; } }
    .section-form-event .calendar-event .event-container {
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .section-form-event .calendar-event .event-container {
          padding: 0 10px; } }
      .section-form-event .calendar-event .event-container h3 {
        margin: 0;
        font-weight: bold;
        font-size: 30px;
        line-height: 130%;
        color: #000000;
        text-transform: uppercase; }
      .section-form-event .calendar-event .event-container .event.no-event {
        font-weight: bold;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0.15px;
        color: #90a4ae;
        margin-top: 8px; }
        .section-form-event .calendar-event .event-container .event.no-event p {
          margin: 0; }
      .section-form-event .calendar-event .event-container .event:not(.current-date) {
        display: none; }
      .section-form-event .calendar-event .event-container .event.show {
        display: block; }
      .section-form-event .calendar-event .event-container .event.hide {
        display: none; }
      .section-form-event .calendar-event .event-container .event .event-image {
        width: 147px;
        height: 89px;
        overflow: hidden;
        border-radius: 8px;
        margin-top: 8px; }
        .section-form-event .calendar-event .event-container .event .event-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .section-form-event .calendar-event .event-container .event .event-title h3 {
        margin: 8px 0 0; }
        .section-form-event .calendar-event .event-container .event .event-title h3 a {
          display: inline-block;
          text-decoration: none;
          transition: all 0.2s ease;
          color: #2576b9;
          font-weight: bold;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.15px;
          text-transform: uppercase; }

.modal.modal-register-event .modal-dialog {
  max-width: 719px;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    .modal.modal-register-event .modal-dialog {
      max-width: 565px; } }
  @media only screen and (max-width: 575px) {
    .modal.modal-register-event .modal-dialog {
      margin: 0 5px; } }
.modal.modal-register-event form {
  min-width: 716px;
  position: relative;
  background: #ffffff;
  border: 1px solid #2576b9;
  box-sizing: border-box;
  box-shadow: 4px 4px 0px rgba(96, 125, 139, 0.3);
  border-radius: 10px;
  overflow: hidden;
  padding: 32px 24px; }
  @media only screen and (max-width: 1199px) {
    .modal.modal-register-event form {
      flex: 0 50%; } }
  @media only screen and (max-width: 767px) {
    .modal.modal-register-event form {
      width: 100%;
      max-width: 560px;
      min-width: 560px; } }
  @media only screen and (max-width: 575px) {
    .modal.modal-register-event form {
      min-width: unset;
      width: 100%; } }
  .modal.modal-register-event form .title-form {
    position: relative;
    font-size: 30px;
    margin: 0;
    line-height: 36px;
    font-weight: 700;
    color: white;
    text-shadow: #2576b9 6px 0px 0px, #2576b9 5.91686px 0.995377px 0px, #2576b9 5.66974px 1.96317px 0px, #2576b9 5.2655px 2.87655px 0px, #2576b9 4.71532px 3.71022px 0px, #2576b9 4.03447px 4.44106px 0px, #2576b9 3.24181px 5.04883px 0px, #2576b9 2.35931px 5.51667px 0px, #2576b9 1.41143px 5.83163px 0px, #2576b9 0.424423px 5.98497px 0px, #2576b9 -0.574341px 5.97245px 0px, #2576b9 -1.55719px 5.79441px 0px, #2576b9 -2.49688px 5.45578px 0px, #2576b9 -3.36738px 4.96596px 0px, #2576b9 -4.14455px 4.33852px 0px, #2576b9 -4.80686px 3.59083px 0px, #2576b9 -5.33596px 2.74364px 0px, #2576b9 -5.71718px 1.8204px 0px, #2576b9 -5.93995px 0.84672px 0px, #2576b9 -5.99811px -0.150428px 0px, #2576b9 -5.89004px -1.14341px 0px, #2576b9 -5.61874px -2.1047px 0px, #2576b9 -5.19172px -3.00766px 0px, #2576b9 -4.62082px -3.82727px 0px, #2576b9 -3.92186px -4.54081px 0px, #2576b9 -3.11421px -5.12852px 0px, #2576b9 -2.22026px -5.57409px 0px, #2576b9 -1.26477px -5.86518px 0px, #2576b9 -0.274238px -5.99373px 0px, #2576b9 0.723898px -5.95617px 0px, #2576b9 1.70197px -5.75355px 0px, #2576b9 2.63288px -5.39147px 0px, #2576b9 3.49082px -4.87998px 0px, #2576b9 4.25202px -4.23324px 0px, #2576b9 4.89538px -3.46919px 0px, #2576b9 5.40307px -2.60899px 0px, #2576b9 5.76102px -1.67649px 0px, #2576b9 5.95932px -0.697531px 0px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 23px;
    margin-bottom: 34px; }
    .modal.modal-register-event form .title-form:after {
      position: absolute;
      content: "";
      width: 140%;
      height: 199%;
      top: -90%;
      left: -20%;
      z-index: 0;
      background: #ffd95c;
      border-radius: 50%; }
    .modal.modal-register-event form .title-form span {
      position: relative;
      z-index: 2;
      display: inline-block; }
      .modal.modal-register-event form .title-form span.yellow {
        color: #ffd95c; }
      .modal.modal-register-event form .title-form span:before {
        content: attr(data-char);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 4px;
        left: 4px;
        z-index: -1;
        text-shadow: #cbb666 6px 0px 0px, #cbb666 5.91686px 0.995377px 0px, #cbb666 5.66974px 1.96317px 0px, #cbb666 5.2655px 2.87655px 0px, #cbb666 4.71532px 3.71022px 0px, #cbb666 4.03447px 4.44106px 0px, #cbb666 3.24181px 5.04883px 0px, #cbb666 2.35931px 5.51667px 0px, #cbb666 1.41143px 5.83163px 0px, #cbb666 0.424423px 5.98497px 0px, #cbb666 -0.574341px 5.97245px 0px, #cbb666 -1.55719px 5.79441px 0px, #cbb666 -2.49688px 5.45578px 0px, #cbb666 -3.36738px 4.96596px 0px, #cbb666 -4.14455px 4.33852px 0px, #cbb666 -4.80686px 3.59083px 0px, #cbb666 -5.33596px 2.74364px 0px, #cbb666 -5.71718px 1.8204px 0px, #cbb666 -5.93995px 0.84672px 0px, #cbb666 -5.99811px -0.150428px 0px, #cbb666 -5.89004px -1.14341px 0px, #cbb666 -5.61874px -2.1047px 0px, #cbb666 -5.19172px -3.00766px 0px, #cbb666 -4.62082px -3.82727px 0px, #cbb666 -3.92186px -4.54081px 0px, #cbb666 -3.11421px -5.12852px 0px, #cbb666 -2.22026px -5.57409px 0px, #cbb666 -1.26477px -5.86518px 0px, #cbb666 -0.274238px -5.99373px 0px, #cbb666 0.723898px -5.95617px 0px, #cbb666 1.70197px -5.75355px 0px, #cbb666 2.63288px -5.39147px 0px, #cbb666 3.49082px -4.87998px 0px, #cbb666 4.25202px -4.23324px 0px, #cbb666 4.89538px -3.46919px 0px, #cbb666 5.40307px -2.60899px 0px, #cbb666 5.76102px -1.67649px 0px, #cbb666 5.95932px -0.697531px 0px; }
    .modal.modal-register-event form .title-form .content-form {
      position: relative;
      z-index: 1;
      text-shadow: none;
      color: #000;
      font-family: "Montserrat";
      text-transform: none;
      font-size: 20px;
      line-height: 120%;
      font-weight: normal;
      letter-spacing: 0.25px;
      padding: 0 30px; }
      @media only screen and (max-width: 575px) {
        .modal.modal-register-event form .title-form .content-form {
          font-size: 16px;
          line-height: 140%; } }
  .modal.modal-register-event form .desc-form {
    margin: 0;
    padding-top: 15px;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 28px;
    text-align: center;
    color: black; }
  .modal.modal-register-event form .input-group {
    padding: 0 0 24px;
    position: relative; }
    .modal.modal-register-event form .input-group input {
      font-family: "Montserrat";
      font-size: 18px;
      line-height: 28px;
      color: #90a4ae;
      width: 100%;
      padding: 16px;
      background: #ffffff;
      border: 1px solid #90a4ae;
      box-sizing: border-box;
      border-radius: 4px; }
      .modal.modal-register-event form .input-group input::placeholder {
        color: #90a4ae; }
      .modal.modal-register-event form .input-group input::-webkit-input-placeholder {
        color: #90a4ae; }
      .modal.modal-register-event form .input-group input::-ms-input-placeholder {
        color: #90a4ae; }
    .modal.modal-register-event form .input-group select {
      outline: none;
      line-height: 28px;
      width: 100%;
      font-size: 18px;
      letter-spacing: 0.25px;
      font-family: "Montserrat";
      border: 1px solid #90a4ae;
      border-radius: 4px;
      font-weight: 400;
      color: #000000;
      padding: 16px;
      background-image: url(/landings/home/assets/images/icons/select-arrow-down.svg);
      background-size: 12px; }
      .modal.modal-register-event form .input-group select::-webkit-scrollbar {
        width: 4px; }
      .modal.modal-register-event form .input-group select::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .modal.modal-register-event form .input-group select::-webkit-scrollbar-thumb {
        background: #888; }
      .modal.modal-register-event form .input-group select::-webkit-scrollbar-thumb:hover {
        background: #555; }
      .modal.modal-register-event form .input-group select:focus {
        border-color: #90a4ae !important;
        background-image: unset;
        background-size: unset;
        padding: 0; }
      .modal.modal-register-event form .input-group select option {
        padding: 6px 0px;
        color: #000000;
        cursor: pointer; }
        .modal.modal-register-event form .input-group select option.hiden {
          display: none; }
        .modal.modal-register-event form .input-group select option:hover {
          background-color: #fcfcfc; }
      .modal.modal-register-event form .input-group select optgroup {
        padding: 6px 20px; }
        .modal.modal-register-event form .input-group select optgroup[label] {
          font-weight: normal;
          color: #2576b9; }
      .modal.modal-register-event form .input-group select.temp-select {
        display: none; }
        .modal.modal-register-event form .input-group select.temp-select.active {
          display: block; }
      .modal.modal-register-event form .input-group select:disabled {
        border: 1px solid #90a4ae;
        color: #90a4ae;
        opacity: 1; }
      .modal.modal-register-event form .input-group select.group-select {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .modal.modal-register-event form .input-group select.group-select {
            width: 100%; } }
    .modal.modal-register-event form .input-group [type="radio"]:checked,
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px; }
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) + label {
      color: #90a4ae; }
    .modal.modal-register-event form .input-group [type="radio"]:checked + label,
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      display: inline-block; }
    .modal.modal-register-event form .input-group [type="radio"]:checked + label:before,
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      border: 3px solid #1e5796;
      border-radius: 100%;
      background: #fff; }
    .modal.modal-register-event form .input-group [type="radio"]:checked + label:after,
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) + label:after {
      content: "";
      width: 12px;
      height: 12px;
      background: #1e5796;
      position: absolute;
      top: 6px;
      left: 6px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .modal.modal-register-event form .input-group [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .modal.modal-register-event form .input-group [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .modal.modal-register-event form .input-group [type="checkbox"]:checked,
    .modal.modal-register-event form .input-group [type="checkbox"]:not(:checked) {
      position: absolute;
      left: -9999px; }
    .modal.modal-register-event form .input-group [type="checkbox"]:checked + label,
    .modal.modal-register-event form .input-group [type="checkbox"]:not(:checked) + label {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      display: inline-block; }
    .modal.modal-register-event form .input-group [type="checkbox"]:checked + label:before,
    .modal.modal-register-event form .input-group [type="checkbox"]:not(:checked) + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      border: 3px solid #1e5796;
      border-radius: 100%;
      background: #fff; }
    .modal.modal-register-event form .input-group [type="checkbox"]:checked + label:after,
    .modal.modal-register-event form .input-group [type="checkbox"]:not(:checked) + label:after {
      content: "";
      width: 12px;
      height: 12px;
      background: #1e5796;
      position: absolute;
      top: 6px;
      left: 6px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .modal.modal-register-event form .input-group [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .modal.modal-register-event form .input-group [type="checkbox"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .modal.modal-register-event form .err {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.25px;
    color: #f3392f;
    padding-left: 16px;
    padding-top: 2px;
    display: none; }
    .modal.modal-register-event form .err.active {
      display: block; }
  .modal.modal-register-event form .group-radio {
    text-align: left;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .modal.modal-register-event form .group-radio {
        flex-direction: column;
        gap: 24px; } }
    .modal.modal-register-event form .group-radio .input-group {
      padding: 0;
      width: 50%;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .modal.modal-register-event form .group-radio .input-group {
          width: 100%;
          display: block; } }
      .modal.modal-register-event form .group-radio .input-group input {
        display: inline-block;
        width: auto;
        margin-right: 8px; }
      .modal.modal-register-event form .group-radio .input-group label {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.25px;
        font-family: "Montserrat";
        color: black; }
  .modal.modal-register-event form .submit-form {
    padding-top: 24px;
    text-align: center; }
    .modal.modal-register-event form .submit-form button {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 30px;
      text-align: center;
      padding: 13px 56px !important;
      background: #ffd95c;
      color: #2576b9;
      border-radius: 30px;
      border: 0;
      font-family: "Brauer NeueVN";
      line-height: 36px; }

@media only screen and (max-width: 991px) {
  .blog-another-event .wrap-blog {
    gap: 32px; } }
@media only screen and (max-width: 767px) {
  .blog-another-event .wrap-blog {
    gap: 37.5px !important; } }
@media only screen and (max-width: 767px) {
  .blog-another-event .wrap-blog .blog-title {
    padding: 24px 0 8px !important; } }
@media only screen and (max-width: 767px) {
  .blog-another-event .wrap-blog .blog-title a {
    font-size: 20px !important;
    line-height: 28px !important; } }
@media only screen and (max-width: 767px) {
  .blog-another-event .wrap-blog .blog-desc {
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 19.6px !important; } }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 997;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out; }
  .modal .modal-presential {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998; }
  .modal .modal-close {
    position: absolute;
    top: 32px;
    right: 24px;
    z-index: 2;
    cursor: pointer; }
  .modal .modal-content {
    position: relative;
    z-index: 999;
    transition: all 0.2s ease-in-out;
    transform: scale(0);
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px; }
    .modal .modal-content::-webkit-scrollbar {
      width: 3px; }
    .modal .modal-content::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .modal .modal-content::-webkit-scrollbar-thumb {
      background: #888; }
    .modal .modal-content::-webkit-scrollbar-thumb:hover {
      background: #555; }
  .modal.show {
    opacity: 1;
    visibility: visible; }
    .modal.show .modal-content {
      transform: scale(1); }
  .modal.hide {
    opacity: 0;
    visibility: hidden; }
    .modal.hide .modal-content {
      transform: scale(0); }

.calendar {
  max-width: 400px; }
  @media only screen and (max-width: 767px) {
    .calendar {
      max-width: 100%; } }
  .calendar .month {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px; }
    .calendar .month .prev,
    .calendar .month .next {
      display: inline-block;
      cursor: pointer; }
    .calendar .month .date {
      margin: 0;
      font-weight: bold;
      font-size: 30px;
      line-height: 120%;
      color: #000000; }
  .calendar .body-calendar {
    height: 296px;
    overflow-y: scroll;
    margin-top: 14px; }
    .calendar .body-calendar::-webkit-scrollbar {
      width: 3px; }
    .calendar .body-calendar::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .calendar .body-calendar::-webkit-scrollbar-thumb {
      background: #888; }
    .calendar .body-calendar::-webkit-scrollbar-thumb:hover {
      background: #555; }
  .calendar .weekdays {
    display: flex;
    align-items: center; }
    .calendar .weekdays div {
      width: calc(100% / 7);
      font-weight: bold;
      font-size: 18px;
      line-height: 140%;
      text-align: center;
      letter-spacing: 0.15px;
      color: #90a4ae; }
  .calendar .days {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .calendar .days > div {
      width: calc(100% / 7);
      text-align: center;
      margin-top: 13px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      cursor: pointer; }
      .calendar .days > div:hover span, .calendar .days > div.active span {
        border: 1px solid #bcdaf2;
        background: #e3f0f9; }
      .calendar .days > div span {
        width: 32px;
        height: 32px;
        border: 1px solid #bcdaf2;
        border-radius: 100px;
        font-weight: 400;
        font-family: "Montserrat";
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        transition: all 0.4 ease;
        cursor: pointer; }
      .calendar .days > div .event-icon {
        position: absolute;
        top: -65%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 32px;
        height: 32px;
        display: none; }
    .calendar .days .today:hover span, .calendar .days .today.active span {
      background: #1e5796; }
    .calendar .days .today span {
      color: white;
      background: #2576b9; }
    .calendar .days .have-event span {
      border: 1px solid #eb9cc3 !important; }
    .calendar .days .have-event .event-icon {
      display: inline-block; }
    .calendar .days .have-event:hover span, .calendar .days .have-event.active span {
      background: #eb9cc3 !important; }
    .calendar .days .prev-date span,
    .calendar .days .next-date span {
      border: 1px solid #cfd8dc; }

#popup-lien-he {
  display: flex !important;
  background-color: rgba(0, 0, 0, 0.7); }
  #popup-lien-he .modal-dialog {
    width: 90%;
    max-width: 955px;
    margin: 0 auto;
    max-height: 450px; }
    @media only screen and (max-width: 767px) {
      #popup-lien-he .modal-dialog {
        max-height: 715px; } }
    #popup-lien-he .modal-dialog .modal-content {
      background-color: white;
      height: 90vh;
      display: flex;
      flex-wrap: wrap;
      max-height: 450px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #popup-lien-he .modal-dialog .modal-content {
          max-height: 715px; } }
      #popup-lien-he .modal-dialog .modal-content .popup-banner {
        background-color: #bcdaf2;
        position: relative;
        width: 45%;
        height: 100%;
        display: flex;
        align-items: center; }
        #popup-lien-he .modal-dialog .modal-content .popup-banner .title-content {
          text-transform: uppercase;
          margin: 0 auto;
          font-size: 40px;
          font-weight: 700;
          letter-spacing: 0.25px;
          line-height: 52px;
          color: white;
          position: relative;
          z-index: 2;
          text-transform: uppercase;
          text-align: center;
          max-width: 300px;
          text-align: center;
          color: #fff;
          text-shadow: #2576b9 9px 0px 0px, #2576b9 8.9445px 0.997944px 0px, #2576b9 8.77869px 1.98358px 0px, #2576b9 8.50461px 2.94475px 0px, #2576b9 8.12565px 3.86961px 0px, #2576b9 7.64647px 4.74674px 0px, #2576b9 7.07299px 5.56533px 0px, #2576b9 6.41227px 6.31528px 0px, #2576b9 5.67248px 6.98735px 0px, #2576b9 4.86272px 7.57324px 0px, #2576b9 3.99299px 8.06573px 0px, #2576b9 3.07402px 8.45875px 0px, #2576b9 2.11714px 8.74744px 0px, #2576b9 1.13414px 8.92825px 0px, #2576b9 0.137162px 8.99895px 0px, #2576b9 -0.861512px 8.95867px 0px, #2576b9 -1.84956px 8.8079px 0px, #2576b9 -2.8148px 8.5485px 0px, #2576b9 -3.74532px 8.18368px 0px, #2576b9 -4.62965px 7.71792px 0px, #2576b9 -5.45689px 7.15698px 0px, #2576b9 -6.21682px 6.50777px 0px, #2576b9 -6.90009px 5.77831px 0px, #2576b9 -7.49825px 4.97757px 0px, #2576b9 -8.00394px 4.11545px 0px, #2576b9 -8.41092px 3.20258px 0px, #2576b9 -8.71416px 2.2502px 0px, #2576b9 -8.90993px 1.27008px 0px, #2576b9 -8.99582px 0.274291px 0px, #2576b9 -8.97076px -0.72488px 0px, #2576b9 -8.83507px -1.71511px 0px, #2576b9 -8.59041px -2.68419px 0px, #2576b9 -8.23981px -3.62017px 0px, #2576b9 -7.78758px -4.51149px 0px, #2576b9 -7.23931px -5.34718px 0px, #2576b9 -6.60176px -6.11692px 0px, #2576b9 -5.88279px -6.81122px 0px, #2576b9 -5.09127px -7.42152px 0px, #2576b9 -4.23696px -7.94029px 0px, #2576b9 -3.33039px -8.36113px 0px, #2576b9 -2.38275px -8.67885px 0px, #2576b9 -1.40572px -8.88954px 0px, #2576b9 -0.411357px -8.99059px 0px, #2576b9 0.58808px -8.98077px 0px, #2576b9 1.58026px -8.86018px 0px, #2576b9 2.55296px -8.63032px 0px, #2576b9 3.49417px -8.29402px 0px, #2576b9 4.39229px -7.85543px 0px, #2576b9 5.23623px -7.31996px 0px, #2576b9 6.0156px -6.69422px 0px, #2576b9 6.72078px -5.98591px 0px, #2576b9 7.34307px -5.20378px 0px, #2576b9 7.87479px -4.35748px 0px, #2576b9 8.3094px -3.45743px 0px, #2576b9 8.64153px -2.51474px 0px, #2576b9 8.86709px -1.54104px 0px, #2576b9 8.98328px -0.548328px 0px; }
          @media only screen and (max-width: 991px) {
            #popup-lien-he .modal-dialog .modal-content .popup-banner .title-content {
              margin: 40px auto; } }
          #popup-lien-he .modal-dialog .modal-content .popup-banner .title-content span {
            color: #ffd95c; }
          #popup-lien-he .modal-dialog .modal-content .popup-banner .title-content .text-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            color: #2576b9;
            top: 5px;
            left: 4px;
            z-index: -1;
            text-shadow: #2576b9 13px 0px 0px, #2576b9 12.9616px 0.999014px 0px, #2576b9 12.8465px 1.99212px 0px, #2576b9 12.6554px 2.97344px 0px, #2576b9 12.3895px 3.93718px 0px, #2576b9 12.0503px 4.87763px 0px, #2576b9 11.6398px 5.78924px 0px, #2576b9 11.1605px 6.66661px 0px, #2576b9 10.6152px 7.50454px 0px, #2576b9 10.0071px 8.2981px 0px, #2576b9 9.3398px 9.04258px 0px, #2576b9 8.61728px 9.73357px 0px, #2576b9 7.8438px 10.367px 0px, #2576b9 7.02393px 10.9391px 0px, #2576b9 6.16252px 11.4465px 0px, #2576b9 5.26466px 11.8863px 0px, #2576b9 4.33566px 12.2557px 0px, #2576b9 3.38103px 12.5526px 0px, #2576b9 2.40639px 12.7753px 0px, #2576b9 1.41753px 12.9225px 0px, #2576b9 0.420279px 12.9932px 0px, #2576b9 -0.579456px 12.9871px 0px, #2576b9 -1.57576px 12.9041px 0px, #2576b9 -2.56275px 12.7449px 0px, #2576b9 -3.53458px 12.5103px 0px, #2576b9 -4.48551px 12.2016px 0px, #2576b9 -5.40991px 11.8209px 0px, #2576b9 -6.30231px 11.3702px 0px, #2576b9 -7.15744px 10.8522px 0px, #2576b9 -7.97024px 10.2701px 0px, #2576b9 -8.7359px 9.62725px 0px, #2576b9 -9.4499px 8.92745px 0px, #2576b9 -10.108px 8.17486px 0px, #2576b9 -10.7063px 7.37391px 0px, #2576b9 -11.2413px 6.52935px 0px, #2576b9 -11.7099px 5.64618px 0px, #2576b9 -12.1091px 4.72961px 0px, #2576b9 -12.4368px 3.78508px 0px, #2576b9 -12.6909px 2.81815px 0px, #2576b9 -12.8699px 1.83456px 0px, #2576b9 -12.9728px 0.840119px 0px, #2576b9 -12.999px -0.159292px 0px, #2576b9 -12.9483px -1.15776px 0px, #2576b9 -12.8211px -2.14938px 0px, #2576b9 -12.618px -3.12829px 0px, #2576b9 -12.3403px -4.0887px 0px, #2576b9 -11.9896px -5.02492px 0px, #2576b9 -11.568px -5.93143px 0px, #2576b9 -11.078px -6.80286px 0px, #2576b9 -10.5224px -7.63405px 0px, #2576b9 -9.90465px -8.42009px 0px, #2576b9 -9.2283px -9.15634px 0px, #2576b9 -8.49737px -9.83843px 0px, #2576b9 -7.71618px -10.4623px 0px, #2576b9 -6.88936px -11.0244px 0px, #2576b9 -6.0218px -11.5212px 0px, #2576b9 -5.11862px -11.9499px 0px, #2576b9 -4.18517px -12.3079px 0px, #2576b9 -3.22696px -12.5931px 0px, #2576b9 -2.24967px -12.8039px 0px, #2576b9 -1.25908px -12.9389px 0px, #2576b9 -0.261039px -12.9974px 0px, #2576b9 0.738545px -12.979px 0px, #2576b9 1.73376px -12.8839px 0px, #2576b9 2.71872px -12.7125px 0px, #2576b9 3.68761px -12.466px 0px, #2576b9 4.63468px -12.1458px 0px, #2576b9 5.55435px -11.7537px 0px, #2576b9 6.44116px -11.2921px 0px, #2576b9 7.28988px -10.7637px 0px, #2576b9 8.09548px -10.1717px 0px, #2576b9 8.85321px -9.51949px 0px, #2576b9 9.55858px -8.81099px 0px, #2576b9 10.2074px -8.05039px 0px, #2576b9 10.7959px -7.24217px 0px, #2576b9 11.3205px -6.39112px 0px, #2576b9 11.7782px -5.50227px 0px, #2576b9 12.1662px -4.58088px 0px, #2576b9 12.4822px -3.6324px 0px, #2576b9 12.7244px -2.66244px 0px, #2576b9 12.8914px -1.67673px 0px, #2576b9 12.9821px -0.681097px 0px; }
          #popup-lien-he .modal-dialog .modal-content .popup-banner .title-content .text-shadow {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 9px;
            left: 9px;
            z-index: -2;
            color: white;
            text-shadow: #90A4AE 13px 0px 0px, #90A4AE 12.9616px 0.999014px 0px, #90A4AE 12.8465px 1.99212px 0px, #90A4AE 12.6554px 2.97344px 0px, #90A4AE 12.3895px 3.93718px 0px, #90A4AE 12.0503px 4.87763px 0px, #90A4AE 11.6398px 5.78924px 0px, #90A4AE 11.1605px 6.66661px 0px, #90A4AE 10.6152px 7.50454px 0px, #90A4AE 10.0071px 8.2981px 0px, #90A4AE 9.3398px 9.04258px 0px, #90A4AE 8.61728px 9.73357px 0px, #90A4AE 7.8438px 10.367px 0px, #90A4AE 7.02393px 10.9391px 0px, #90A4AE 6.16252px 11.4465px 0px, #90A4AE 5.26466px 11.8863px 0px, #90A4AE 4.33566px 12.2557px 0px, #90A4AE 3.38103px 12.5526px 0px, #90A4AE 2.40639px 12.7753px 0px, #90A4AE 1.41753px 12.9225px 0px, #90A4AE 0.420279px 12.9932px 0px, #90A4AE -0.579456px 12.9871px 0px, #90A4AE -1.57576px 12.9041px 0px, #90A4AE -2.56275px 12.7449px 0px, #90A4AE -3.53458px 12.5103px 0px, #90A4AE -4.48551px 12.2016px 0px, #90A4AE -5.40991px 11.8209px 0px, #90A4AE -6.30231px 11.3702px 0px, #90A4AE -7.15744px 10.8522px 0px, #90A4AE -7.97024px 10.2701px 0px, #90A4AE -8.7359px 9.62725px 0px, #90A4AE -9.4499px 8.92745px 0px, #90A4AE -10.108px 8.17486px 0px, #90A4AE -10.7063px 7.37391px 0px, #90A4AE -11.2413px 6.52935px 0px, #90A4AE -11.7099px 5.64618px 0px, #90A4AE -12.1091px 4.72961px 0px, #90A4AE -12.4368px 3.78508px 0px, #90A4AE -12.6909px 2.81815px 0px, #90A4AE -12.8699px 1.83456px 0px, #90A4AE -12.9728px 0.840119px 0px, #90A4AE -12.999px -0.159292px 0px, #90A4AE -12.9483px -1.15776px 0px, #90A4AE -12.8211px -2.14938px 0px, #90A4AE -12.618px -3.12829px 0px, #90A4AE -12.3403px -4.0887px 0px, #90A4AE -11.9896px -5.02492px 0px, #90A4AE -11.568px -5.93143px 0px, #90A4AE -11.078px -6.80286px 0px, #90A4AE -10.5224px -7.63405px 0px, #90A4AE -9.90465px -8.42009px 0px, #90A4AE -9.2283px -9.15634px 0px, #90A4AE -8.49737px -9.83843px 0px, #90A4AE -7.71618px -10.4623px 0px, #90A4AE -6.88936px -11.0244px 0px, #90A4AE -6.0218px -11.5212px 0px, #90A4AE -5.11862px -11.9499px 0px, #90A4AE -4.18517px -12.3079px 0px, #90A4AE -3.22696px -12.5931px 0px, #90A4AE -2.24967px -12.8039px 0px, #90A4AE -1.25908px -12.9389px 0px, #90A4AE -0.261039px -12.9974px 0px, #90A4AE 0.738545px -12.979px 0px, #90A4AE 1.73376px -12.8839px 0px, #90A4AE 2.71872px -12.7125px 0px, #90A4AE 3.68761px -12.466px 0px, #90A4AE 4.63468px -12.1458px 0px, #90A4AE 5.55435px -11.7537px 0px, #90A4AE 6.44116px -11.2921px 0px, #90A4AE 7.28988px -10.7637px 0px, #90A4AE 8.09548px -10.1717px 0px, #90A4AE 8.85321px -9.51949px 0px, #90A4AE 9.55858px -8.81099px 0px, #90A4AE 10.2074px -8.05039px 0px, #90A4AE 10.7959px -7.24217px 0px, #90A4AE 11.3205px -6.39112px 0px, #90A4AE 11.7782px -5.50227px 0px, #90A4AE 12.1662px -4.58088px 0px, #90A4AE 12.4822px -3.6324px 0px, #90A4AE 12.7244px -2.66244px 0px, #90A4AE 12.8914px -1.67673px 0px, #90A4AE 12.9821px -0.681097px 0px; }
        @media only screen and (max-width: 767px) {
          #popup-lien-he .modal-dialog .modal-content .popup-banner {
            width: 100%;
            height: 40%; } }
      #popup-lien-he .modal-dialog .modal-content .popup-form {
        padding: 40px 56px;
        width: 55%;
        height: 100%;
        overflow-y: auto; }
        @media only screen and (max-width: 767px) {
          #popup-lien-he .modal-dialog .modal-content .popup-form {
            width: 100%;
            height: 60%;
            padding: 24px 12px; } }
        #popup-lien-he .modal-dialog .modal-content .popup-form .information .office span {
          color: #2576b9;
          font-size: 24px; }
        #popup-lien-he .modal-dialog .modal-content .popup-form .information .office p {
          font-family: "Montserrat";
          font-size: 18px;
          letter-spacing: 0.25px;
          margin-top: 5px; }
        #popup-lien-he .modal-dialog .modal-content .popup-form .information .lience {
          font-family: "Montserrat";
          font-size: 18px;
          letter-spacing: 0.25px;
          display: flex;
          flex-direction: column;
          padding-bottom: 16px;
          position: relative; }
          #popup-lien-he .modal-dialog .modal-content .popup-form .information .lience::after {
            content: '';
            width: 50%;
            height: 1px;
            background-color: black;
            position: absolute;
            left: 0;
            bottom: 0; }
        #popup-lien-he .modal-dialog .modal-content .popup-form .information .contact {
          margin-top: 16px;
          font-family: "Montserrat";
          font-size: 18px;
          letter-spacing: 0.25px; }
      #popup-lien-he .modal-dialog .modal-content .close-popup-btn {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #d22329;
        border: none;
        width: 40px;
        height: 40px;
        color: white;
        font-size: 40px;
        font-weight: lighter; }
        #popup-lien-he .modal-dialog .modal-content .close-popup-btn span {
          margin-top: -5px;
          display: block; }

.feedback-section {
  background-color: #bcdaf2;
  position: relative;
  padding: 10px 0 72px 0;
}
  .feedback-section .wave {
    position: absolute;
    bottom: 98%;
    width: 100%;
    z-index: 9; }
    .feedback-section .wave img {
      width: 100%; }
  .feedback-section .wrapper-feedback {
    max-width: 942px;
    margin: 0 auto;
    padding: 0 15px; }
    .feedback-section .wrapper-feedback .wrapper-vector-wave {
      position: absolute;
      height: max-content;
      top: 0;
      left: 0;
      right: 0;
      width: 100%; }
    .feedback-section .wrapper-feedback .feedback-slider {
      padding: 0; }
      .feedback-section .wrapper-feedback .feedback-slider .btn-arrow {
        position: absolute;
        left: -60px;
        top: 42%;
        transform: translate(0%, -50%);
        width: 23px;
        height: 41px; }
        @media only screen and (max-width: 767px) {
          .feedback-section .wrapper-feedback .feedback-slider .btn-arrow {
            left: 0;
            top: 116%; } }
      .feedback-section .wrapper-feedback .feedback-slider .btn-next {
        left: initial;
        right: -60px; }
        @media only screen and (max-width: 767px) {
          .feedback-section .wrapper-feedback .feedback-slider .btn-next {
            right: 0;
            top: 116%; } }
      .feedback-section .wrapper-feedback .feedback-slider .item {
        position: relative;
        overflow: visible;
        margin-bottom: 24px; }
        .feedback-section .wrapper-feedback .feedback-slider .item .box-content {
          margin-top: 4%;
          padding: 72px 32px;
          display: flex;
          flex-wrap: wrap;
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
          border-radius: 16px;
          background-color: #fff;
          font-family: "Montserrat";
          font-size: 18px;
          font-weight: 400;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .feedback-section .wrapper-feedback .feedback-slider .item .box-content {
              padding: 64px 32px;
              font-size: 14px;
              letter-spacing: 0.25px; } }
        .feedback-section .wrapper-feedback .feedback-slider .item .avatar {
          width: 30%;
          display: flex;
          align-items: center; }
          .feedback-section .wrapper-feedback .feedback-slider .item .avatar img {
            border-radius: 16px; }
        .feedback-section .wrapper-feedback .feedback-slider .item .quote {
          width: 100px;
          position: absolute;
          left: 44.5px; }
          @media only screen and (max-width: 767px) {
            .feedback-section .wrapper-feedback .feedback-slider .item .quote {
              width: 63px; } }
          .feedback-section .wrapper-feedback .feedback-slider .item .quote img {
            width: 100%; }
    .feedback-section .wrapper-feedback .list-feedback-slider .item {
      padding: 0px;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 200px; }
      .feedback-section .wrapper-feedback .list-feedback-slider .item .box-image {
        width: 128px; }
      .feedback-section .wrapper-feedback .list-feedback-slider .item .name {
        font-size: 20px;
        text-align: center;
        color: #2576b9;
        margin: 16px 0 4px 0;
        font-weight: 700;
        display: none;
        overflow: visible; }
      .feedback-section .wrapper-feedback .list-feedback-slider .item .local {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0.25px;
        color: #2576b9;
        display: none; }
    .feedback-section .wrapper-feedback .list-feedback-slider .slick-center {
      width: 245px; }
      .feedback-section .wrapper-feedback .list-feedback-slider .slick-center .box-image {
        width: 208px;
        border-radius: 50%;
        border: 6px solid #2576b9; }
        @media only screen and (max-width: 767px) {
          .feedback-section .wrapper-feedback .list-feedback-slider .slick-center .box-image {
            width: 128px; } }
      .feedback-section .wrapper-feedback .list-feedback-slider .slick-center .name,
      .feedback-section .wrapper-feedback .list-feedback-slider .slick-center .local {
        display: block; }
      .feedback-section .wrapper-feedback .list-feedback-slider .slick-center .name {
        width: max-content; }
    .feedback-section .wrapper-feedback .list-feedback-slider .slick-track {
      display: flex;
      align-items: center; }
    .feedback-section .wrapper-feedback .box-feedback-slider {
      position: relative; }
    .feedback-section .wrapper-feedback .item-highlight {
      display: flex;
      align-items: center;
      border: 1px solid #bcdaf2;
      box-sizing: border-box;
      border-radius: 16px;
      padding: 32px;
      width: 100%; }
      .feedback-section .wrapper-feedback .item-highlight .img-highlight {
        width: 140px;
        height: 140px; }
      .feedback-section .wrapper-feedback .item-highlight .desc-highlight {
        width: calc(100% - 140px);
        font-family: "Brauer NeueVN";
        font-size: 20px;
        padding-left: 40px;
        color: #263238;
        height: 46px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        .feedback-section .wrapper-feedback .item-highlight .desc-highlight span {
          color: #2576b9; }
  .feedback-section .box-title-main {
    margin-top: 0;
    margin-bottom: 4.6%; }
    .feedback-section .box-title-main .title-main {
      font-weight: 700;
      color: #2576b9;
      text-transform: uppercase;
      margin: 0 auto; }
      @media only screen and (max-width: 991px) {
        .feedback-section .box-title-main .title-main {
          max-width: 450px; } }
      @media only screen and (max-width: 767px) {
        .feedback-section .box-title-main .title-main {
          max-width: 405px; } }
      @media only screen and (max-width: 575px) {
        .feedback-section .box-title-main .title-main {
          max-width: 310px; } }
      .feedback-section .box-title-main .title-main p {
        margin: 0;
        font-weight: inherit;
        font-size: inherit;
        color: inherit; }
  .feedback-section .icon-meteor {
    position: absolute;
    width: 80px;
    top: 55%;
    left: 97px;
    z-index: -1; }
    @media only screen and (max-width: 991px) {
      .feedback-section .icon-meteor {
        left: 70px; } }
    @media only screen and (max-width: 767px) {
      .feedback-section .icon-meteor {
        width: 56px;
        top: 80%;
        left: 15px; } }
  .feedback-section .icon-smile {
    position: absolute;
    width: 80px;
    top: 50%;
    right: 137px;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .feedback-section .icon-smile {
        width: 32px;
        top: 80%;
        right: 15px; } }
    @media only screen and (max-width: 991px) {
      .feedback-section .icon-smile {
        right: 70px; } }
  .feedback-section .butterfly {
    width: 439px;
    position: absolute;
    left: 0;
    bottom: 80px;
    z-index: 5; }
    @media only screen and (max-width: 1500px) {
      .feedback-section .butterfly {
        left: -115px; } }
    @media only screen and (max-width: 1199px) {
      .feedback-section .butterfly {
        left: -200px; } }
    @media only screen and (max-width: 991px) {
      .feedback-section .butterfly {
        top: 91%; } }
    @media only screen and (max-width: 767px) {
      .feedback-section .butterfly {
        width: 230px;
        top: 95%;
        left: -20px; } }
    @media only screen and (max-width: 575px) {
      .feedback-section .butterfly {
        display: none; } }
    .feedback-section .butterfly .smokeVector {
      width: 100%;
      position: relative; }
      .feedback-section .butterfly .smokeVector img {
        width: 100%;
        position: absolute;
        left: -152px;
        z-index: 1; }
      .feedback-section .butterfly .smokeVector .background-hidden {
        width: 0%;
        background-color: #bcdaf2;
        height: 185px;
        position: absolute;
        top: -61px;
        right: 20%;
        z-index: 2; }
        .feedback-section .butterfly .smokeVector .background-hidden.go {
          animation-name: hiddenBackground;
          animation-duration: 2s;
          animation-delay: 0.1s; }
@keyframes hiddenBackground {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }
        @media only screen and (max-width: 1700px) {
          .feedback-section .butterfly .smokeVector .background-hidden {
            height: 180px; } }
        @media only screen and (max-width: 1500px) {
          .feedback-section .butterfly .smokeVector .background-hidden {
            height: 160px; } }
        @media only screen and (max-width: 1199px) {
          .feedback-section .butterfly .smokeVector .background-hidden {
            height: 150px; } }
        @media only screen and (max-width: 991px) {
          .feedback-section .butterfly .smokeVector .background-hidden {
            height: 140px; } }
        @media only screen and (max-width: 767px) {
          .feedback-section .butterfly .smokeVector .background-hidden {
            top: -45px;
            height: 70px; }
            .feedback-section .butterfly .smokeVector .background-hidden.go {
              animation-delay: 0.5s;
              animation-duration: 3s; } }
    .feedback-section .butterfly .butterflyVector {
      width: 100%;
      position: relative; }
      .feedback-section .butterfly .butterflyVector img {
        width: 100%;
        position: absolute;
        z-index: 3;
        width: 15%;
        right: 20%;
        top: -40px; }
        .feedback-section .butterfly .butterflyVector img.go {
          animation-name: butterflyEffect;
          animation-duration: 2s; }
@keyframes butterflyEffect {
  0% {
    right: 120%;
    top: 100px; }
  100% {
    right: 20%;
    top: -40px; } }
        @media only screen and (max-width: 767px) {
          .feedback-section .butterfly .butterflyVector img {
            right: 54%;
            top: -21px; }
          @keyframes butterflyEffect {
            0% {
              right: 120%;
              top: 40px; }
            100% {
              right: 54%;
              top: -21px; } } }
  .feedback-section .wave-jouney {
    position: absolute;
    top: 96%;
    width: 100%; }
    .feedback-section .wave-jouney img {
      width: 100%; }
    @media only screen and (max-width: 991px) {
      .feedback-section .wave-jouney {
        top: 98%; } }
    @media only screen and (max-width: 767px) {
      .feedback-section .wave-jouney {
        top: 99%; } }

.jouney-section {
  position: relative;
}
  @media only screen and (max-width: 767px) {
    .jouney-section {
      padding-top: 88px; }
      .jouney-section .container {
        padding: 0 27px; } }
  .jouney-section .plant-jouney {
    position: absolute;
    width: 130px;
    right: 5%;
    top: 4%; }
    @media only screen and (max-width: 1500px) {
      .jouney-section .plant-jouney {
        width: 120px;
        top: 0%; } }
    @media only screen and (max-width: 1199px) {
      .jouney-section .plant-jouney {
        width: 110px;
        top: -2%; } }
    @media only screen and (max-width: 991px) {
      .jouney-section .plant-jouney {
        width: 100px; } }
    @media only screen and (max-width: 767px) {
      .jouney-section .plant-jouney {
        width: 60px;
        top: 0%; } }
    @media only screen and (max-width: 575px) {
      .jouney-section .plant-jouney {
        display: none; } }
    @media only screen and (max-width: 480px) {
      .jouney-section .plant-jouney {
        width: 60px;
        top: -2%; } }
    .jouney-section .plant-jouney .starVector {
      width: 100%;
      position: relative; }
      .jouney-section .plant-jouney .starVector img {
        width: 100%;
        position: absolute;
        z-index: 1;
        width: 20%;
        right: 30%;
        top: -40px; }
        @media only screen and (max-width: 767px) {
          .jouney-section .plant-jouney .starVector img {
            top: -10px; } }
    .jouney-section .plant-jouney .planetVector {
      width: 100%;
      position: relative; }
      .jouney-section .plant-jouney .planetVector img {
        width: 100%;
        position: absolute;
        z-index: 3;
        width: 100%;
        right: 20%;
        top: 15px; }
@keyframes planetEffect {
  0% {
    right: -120%;
    top: 100px; }
  100% {
    right: 20%;
    top: 15px; } }
        .jouney-section .plant-jouney .planetVector img.go {
          animation-name: planetEffect;
          animation-duration: 2s; }
  /* .jouney-section::after {
    position: absolute;
    content: "";
    background: #bcdaf2;
    width: 75%;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; } */
  .jouney-section .wrapper-jouney .wrapper-tabs-learning {
    display: flex;
    flex-wrap: wrap; }
    .wrapper-tabs-learning_title_tab{
      width: 100%;
      display: flex;
      padding: 0 30px;
      justify-content: space-between;
    }
    .wrapper-tabs-learning_title_tab p {
      margin: 0;
      padding: 0;
      font-family: "Montserrat";
      font-weight: 500;
      font-size: 16px;
      color: #000000;
      margin-left: -55px;
    }
    @media only screen and (max-width: 767px) {
      .list-tab, .wrapper-tabs-learning_title_tab {
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden;
      }
      .wrapper-tabs-learning_title_tab {
        overflow-x: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-left: 51px;
        scroll-behavior: smooth;
      } 
      .wrapper-tabs-learning_title_tab p {
        margin-right: 64px;
        min-width: 100px;
        text-align: center;
      } 
    }
    .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab {
      width: 100%;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 40px;
      overflow-x: auto; }
      .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab::-webkit-scrollbar{
        width: 6px;
        height: 6px;
      }
      @media only screen and (max-width: 1500px) {
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab {
          padding-bottom: 30px; } }
      @media only screen and (max-width: 767px) {
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab {
          margin-bottom: 45px;
          padding-bottom: 20px; } }
      .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item {
        font-size: 20px;
        border-radius: 100%;
        /* padding: 16px 32px; */
        cursor: pointer;
        /* color: #2576b9; */
        border: 1px solid #90a4ae;
        transition: 0.5s ease;
        position: relative;
        /* min-width: 118px; */
        min-width: 25px;
        height: 25px;
        margin: 0 30px;
        text-align: center; }
        @media only screen and (max-width: 1199px) {
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item {
            margin-right: 40px;
            min-width: 150px; } }
        @media only screen and (max-width: 767px) {
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item {
            width: 19.3px;
            height: 19.22px;
            padding: 0px 0px;
            min-width: 20px;
            margin-right: 60px; } }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item::after {
          transition: 2s;
          content: "";
          height: 1px;
          background-color: #90a4ae;
          width: 200px;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: -2;
          left: -84%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item::before {
          position: absolute;
          border-radius: 40px;
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
          animation-duration: 1s;
          animation-delay: 0.1s;
          background-color: white; 
        }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.hiddenLeftToRight::before {
          background: linear-gradient(to left, #FFD85C 50%, white 50%);
          background-position: left bottom;
          background-size: 200% 101%;
          animation-name: backgroundSideOutRight; }
@keyframes backgroundSideOutRight {
  0% {
    background-position: right bottom; }
  100% {
    background-position: left bottom; } }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.activeLeftToRight {
          color: #ffd95c; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.activeLeftToRight::before {
            background: linear-gradient(to right, #FFD85C 50%, white 50%);
            /* background-color: #FFD85C; */
            background-position: left bottom;
            background-size: 200% 101%;
            animation-name: backgroundSideInRight; }
@keyframes backgroundSideInRight {
  0% {
    background-position: right bottom; }
  100% {
    background-position: left bottom; } }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.hiddenRightToLeft::before {
          background: linear-gradient(to Right, #FFD85C 50%, white 50%);
          background-color: #FFD85C;
          background-position: Right bottom;
          background-size: 200% 101%;
          animation-name: backgroundSideOutLeft; }
@keyframes backgroundSideOutLeft {
  0% {
    background-position: left bottom; }
  100% {
    background-position: right bottom; } }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.activeRightToLeft {
          color: #ffd95c; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item.activeRightToLeft::before {
            background: linear-gradient(to left, #FFD85C 50%, white 50%);
            /* background-color: #FFD85C; */
            background-position: right bottom;
            background-size: 200% 101%;
            animation-name: backgroundSideInLeft; }
@keyframes backgroundSideInLeft {
  0% {
    background-position: left bottom; }
  100% {
    background-position: right bottom; } }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .list-tab .tab-item:last-child::after {
          display: none; }
    .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content {
      width: 100%;
      margin: 0 auto;
      position: relative; }
      /* @media only screen and (max-width: 991px) {
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content {
          min-height: 670px; } } */
      .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        position: relative; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image {
          width: 50%;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image {
              width: 100%; } }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .image-content {
            width: 100%;
            position: relative;
            padding: 0 30px; }
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .image-content .tongquan-img {
              position: absolute;
              bottom: 4px;
              right: 2px; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .trophy-jouney,
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .star-jouney,
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .lightbulb-jouney {
            position: absolute; }
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .trophy-jouney img,
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .star-jouney img,
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .lightbulb-jouney img {
              width: 100%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .lightbulb-jouney {
            width: 18%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .star-jouney {
            width: 12%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-image .trophy-jouney {
            width: 12%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab1 .lightbulb-jouney {
          top: 0;
          left: 6%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab1 .star-jouney {
          top: -5%;
          right: 28%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab1 .trophy-jouney {
          top: 20%;
          right: 2%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab2 .lightbulb-jouney {
          top: 90px;
          left: -2%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab2 .star-jouney {
          top: 2%;
          right: 5%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab2 .trophy-jouney {
          top: 65%;
          right: 0%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .lightbulb-jouney {
          top: 9px;
          left: 75%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .star-jouney {
          top: 2%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .star-jouney img {
            transform: scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .trophy-jouney {
          top: 65%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab3 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .lightbulb-jouney {
          top: 70%;
          left: 88%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .star-jouney {
          top: 0%;
          right: 15%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .star-jouney img {
            transform: rotate(30deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .trophy-jouney {
          top: 50%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab4 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .lightbulb-jouney {
          top: 70%;
          left: 88%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .star-jouney {
          top: 0%;
          right: 15%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .star-jouney img {
            transform: rotate(30deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .trophy-jouney {
          top: 50%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab5 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .lightbulb-jouney {
          top: 40%;
          left: 88%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .star-jouney {
          top: 4%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .star-jouney img {
            transform: rotate(20deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .trophy-jouney {
          top: 60%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab6 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab7 .lightbulb-jouney {
          top: 60%;
          right: 90%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab7 .star-jouney {
          top: 4%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab7 .star-jouney img {
            transform: rotate(20deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab7 .trophy-jouney {
          top: 40%;
          left: 88%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .lightbulb-jouney {
          top: 70%;
          left: 88%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .star-jouney {
          top: 0%;
          right: 15%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .star-jouney img {
            transform: rotate(30deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .trophy-jouney {
          top: 50%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab8 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab9 .lightbulb-jouney {
          top: 60%;
          right: 90%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab9 .star-jouney {
          top: 4%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab9 .star-jouney img {
            transform: rotate(20deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab9 .trophy-jouney {
          top: 40%;
          left: 88%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .lightbulb-jouney {
          top: 40%;
          left: 88%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .lightbulb-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .star-jouney {
          top: 4%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .star-jouney img {
            transform: rotate(20deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .trophy-jouney {
          top: 60%;
          right: 90%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab10 .trophy-jouney img {
            transform: scaleX(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content {
          width: 45%;
          position: relative;
          top: 0;
          right: 0; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab11 .lightbulb-jouney {
          top: 60%;
          right: 90%; }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab11 .star-jouney {
          top: 4%;
          right: 80%; }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab11 .star-jouney img {
            transform: rotate(20deg) scaleY(-1); }
        .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab.tab11 .trophy-jouney {
          top: 40%;
          left: 88%; }
          @media only screen and (max-width: 767px) {
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content {
              width: 100%;
              position: static; } }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content .title-content {
            margin-bottom: 47px;
            position: relative;
            font-size: 50px;
            line-height: 120%;
            font-weight: 700;
            letter-spacing: -0.5px;
            color: white;
            text-shadow: #eb9cc3 3px 0px 0px, #eb9cc3 2.83487px 0.981584px 0px, #eb9cc3 2.35766px 1.85511px 0px, #eb9cc3 1.62091px 2.52441px 0px, #eb9cc3 0.705713px 2.91581px 0px, #eb9cc3 -0.287171px 2.98622px 0px, #eb9cc3 -1.24844px 2.72789px 0px, #eb9cc3 -2.07227px 2.16926px 0px, #eb9cc3 -2.66798px 1.37182px 0px, #eb9cc3 -2.96998px 0.42336px 0px, #eb9cc3 -2.94502px -0.571704px 0px, #eb9cc3 -2.59586px -1.50383px 0px, #eb9cc3 -1.96093px -2.27041px 0px, #eb9cc3 -1.11013px -2.78704px 0px, #eb9cc3 -0.137119px -2.99686px 0px, #eb9cc3 0.850987px -2.87677px 0px, #eb9cc3 1.74541px -2.43999px 0px, #eb9cc3 2.44769px -1.73459px 0px, #eb9cc3 2.88051px -0.838247px 0px;
          }
            @media only screen and (max-width: 767px) {
              .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content .title-content {
                margin-top: 21px;
                margin-bottom: 22px;
                font-size: 20px;
                text-align: center; 
                text-shadow: #eb9cc3 3px 0px 0px, #eb9cc3 2.83487px 0.981584px 0px, #eb9cc3 2.35766px 1.85511px 0px, #eb9cc3 1.62091px 2.52441px 0px, #eb9cc3 0.705713px 2.91581px 0px, #eb9cc3 -0.287171px 2.98622px 0px, #eb9cc3 -1.24844px 2.72789px 0px, #eb9cc3 -2.07227px 2.16926px 0px, #eb9cc3 -2.66798px 1.37182px 0px, #eb9cc3 -2.96998px 0.42336px 0px, #eb9cc3 -2.94502px -0.571704px 0px, #eb9cc3 -2.59586px -1.50383px 0px, #eb9cc3 -1.96093px -2.27041px 0px, #eb9cc3 -1.11013px -2.78704px 0px, #eb9cc3 -0.137119px -2.99686px 0px, #eb9cc3 0.850987px -2.87677px 0px, #eb9cc3 1.74541px -2.43999px 0px, #eb9cc3 2.44769px -1.73459px 0px, #eb9cc3 2.88051px -0.838247px 0px;} }
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content .title-content:after {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              color: #eb9cc3;
              top: 7px;
              left: 4px;
              z-index: -1;
              text-shadow: #eb9cc3 3px 0px 0px, #eb9cc3 2.83487px 0.981584px 0px, #eb9cc3 2.35766px 1.85511px 0px, #eb9cc3 1.62091px 2.52441px 0px, #eb9cc3 0.705713px 2.91581px 0px, #eb9cc3 -0.287171px 2.98622px 0px, #eb9cc3 -1.24844px 2.72789px 0px, #eb9cc3 -2.07227px 2.16926px 0px, #eb9cc3 -2.66798px 1.37182px 0px, #eb9cc3 -2.96998px 0.42336px 0px, #eb9cc3 -2.94502px -0.571704px 0px, #eb9cc3 -2.59586px -1.50383px 0px, #eb9cc3 -1.96093px -2.27041px 0px, #eb9cc3 -1.11013px -2.78704px 0px, #eb9cc3 -0.137119px -2.99686px 0px, #eb9cc3 0.850987px -2.87677px 0px, #eb9cc3 1.74541px -2.43999px 0px, #eb9cc3 2.44769px -1.73459px 0px, #eb9cc3 2.88051px -0.838247px 0px;
            }
            .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content .title-content:before {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              top: 11px;
              left: 10px;
              z-index: -1;
              text-shadow: #eb9cc3 3px 0px 0px, #eb9cc3 2.83487px 0.981584px 0px, #eb9cc3 2.35766px 1.85511px 0px, #eb9cc3 1.62091px 2.52441px 0px, #eb9cc3 0.705713px 2.91581px 0px, #eb9cc3 -0.287171px 2.98622px 0px, #eb9cc3 -1.24844px 2.72789px 0px, #eb9cc3 -2.07227px 2.16926px 0px, #eb9cc3 -2.66798px 1.37182px 0px, #eb9cc3 -2.96998px 0.42336px 0px, #eb9cc3 -2.94502px -0.571704px 0px, #eb9cc3 -2.59586px -1.50383px 0px, #eb9cc3 -1.96093px -2.27041px 0px, #eb9cc3 -1.11013px -2.78704px 0px, #eb9cc3 -0.137119px -2.99686px 0px, #eb9cc3 0.850987px -2.87677px 0px, #eb9cc3 1.74541px -2.43999px 0px, #eb9cc3 2.44769px -1.73459px 0px, #eb9cc3 2.88051px -0.838247px 0px;
            }
          .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .tab .wrapper-content .typogaphic {
            font-family: "Montserrat";
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 0.25px;
            text-align: left;
            line-height: 28px;
            color: black; }
      .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content [data-tab-content] {
        display: none; }
      .jouney-section .wrapper-jouney .wrapper-tabs-learning .tabs-content .active[data-tab-content] {
        display: flex; }
    .jouney-section .wrapper-jouney .wrapper-tabs-learning .icon-rocket {
      position: absolute;
      top: 50px;
      left: 130px;
      height: 120px;
      width: 120px;
      opacity: 30%; }
  .jouney-section .wrapper-jouney .box-title-main {
    max-width: 866px;
    margin: 0 auto; }
    .jouney-section .wrapper-jouney .box-title-main .title-main {
      line-height: 54px; }
  .jouney-section .btn-direct-group {
    position: absolute;
    max-width: 1200px;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    left: -50%;
    right: -50%;
    margin: 0 auto;
}
    @media only screen and (max-width: 1199px) {
      .jouney-section .btn-direct-group {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .jouney-section .btn-direct-group {
        top: 0;
        margin-top: 200px; } }
    .jouney-section .btn-direct-group a img {
      width: 10px; }

.message-section {
  margin-bottom: 30px;
  position: relative; }
  .message-section .rocket-animation {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto auto;
    display: flex;
    align-items: center;
    z-index: -2; }
  .message-section .bg {
    position: absolute;
    width: 100vw;
    height: 350px;
    top: 0;
    left: 101%;
    z-index: 0;
    background: white; }
@keyframes bgLine {
  0% {
    left: 0%; }
  100% {
    left: 101%; } }
    .message-section .bg.go {
      animation-name: bgLine;
      animation-duration: 2.5s; }
  .message-section .content-message {
    min-height: 328px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .message-section .content-message .title-content {
      position: relative;
      font-size: 48px;
      line-height: 60px;
      font-weight: 700;
      max-width: 690px;
      text-align: center;
      color: #2576b9;
      text-shadow: #ffd95c 9px 0px 0px, #ffd95c 8.9445px 0.997944px 0px, #ffd95c 8.77869px 1.98358px 0px, #ffd95c 8.50461px 2.94475px 0px, #ffd95c 8.12565px 3.86961px 0px, #ffd95c 7.64647px 4.74674px 0px, #ffd95c 7.07299px 5.56533px 0px, #ffd95c 6.41227px 6.31528px 0px, #ffd95c 5.67248px 6.98735px 0px, #ffd95c 4.86272px 7.57324px 0px, #ffd95c 3.99299px 8.06573px 0px, #ffd95c 3.07402px 8.45875px 0px, #ffd95c 2.11714px 8.74744px 0px, #ffd95c 1.13414px 8.92825px 0px, #ffd95c 0.137162px 8.99895px 0px, #ffd95c -0.861512px 8.95867px 0px, #ffd95c -1.84956px 8.8079px 0px, #ffd95c -2.8148px 8.5485px 0px, #ffd95c -3.74532px 8.18368px 0px, #ffd95c -4.62965px 7.71792px 0px, #ffd95c -5.45689px 7.15698px 0px, #ffd95c -6.21682px 6.50777px 0px, #ffd95c -6.90009px 5.77831px 0px, #ffd95c -7.49825px 4.97757px 0px, #ffd95c -8.00394px 4.11545px 0px, #ffd95c -8.41092px 3.20258px 0px, #ffd95c -8.71416px 2.2502px 0px, #ffd95c -8.90993px 1.27008px 0px, #ffd95c -8.99582px 0.274291px 0px, #ffd95c -8.97076px -0.72488px 0px, #ffd95c -8.83507px -1.71511px 0px, #ffd95c -8.59041px -2.68419px 0px, #ffd95c -8.23981px -3.62017px 0px, #ffd95c -7.78758px -4.51149px 0px, #ffd95c -7.23931px -5.34718px 0px, #ffd95c -6.60176px -6.11692px 0px, #ffd95c -5.88279px -6.81122px 0px, #ffd95c -5.09127px -7.42152px 0px, #ffd95c -4.23696px -7.94029px 0px, #ffd95c -3.33039px -8.36113px 0px, #ffd95c -2.38275px -8.67885px 0px, #ffd95c -1.40572px -8.88954px 0px, #ffd95c -0.411357px -8.99059px 0px, #ffd95c 0.58808px -8.98077px 0px, #ffd95c 1.58026px -8.86018px 0px, #ffd95c 2.55296px -8.63032px 0px, #ffd95c 3.49417px -8.29402px 0px, #ffd95c 4.39229px -7.85543px 0px, #ffd95c 5.23623px -7.31996px 0px, #ffd95c 6.0156px -6.69422px 0px, #ffd95c 6.72078px -5.98591px 0px, #ffd95c 7.34307px -5.20378px 0px, #ffd95c 7.87479px -4.35748px 0px, #ffd95c 8.3094px -3.45743px 0px, #ffd95c 8.64153px -2.51474px 0px, #ffd95c 8.86709px -1.54104px 0px, #ffd95c 8.98328px -0.548328px 0px; }
      @media only screen and (max-width: 480px) {
        .message-section .content-message .title-content {
          font-size: 30px;
          line-height: 40px;
          max-width: 250px; } }
      .message-section .content-message .title-content .text-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        color: #ffd95c;
        top: 0px;
        left: 0px;
        z-index: -1;
        text-shadow: #ffd95c 13px 0px 0px, #ffd95c 12.9616px 0.999014px 0px, #ffd95c 12.8465px 1.99212px 0px, #ffd95c 12.6554px 2.97344px 0px, #ffd95c 12.3895px 3.93718px 0px, #ffd95c 12.0503px 4.87763px 0px, #ffd95c 11.6398px 5.78924px 0px, #ffd95c 11.1605px 6.66661px 0px, #ffd95c 10.6152px 7.50454px 0px, #ffd95c 10.0071px 8.2981px 0px, #ffd95c 9.3398px 9.04258px 0px, #ffd95c 8.61728px 9.73357px 0px, #ffd95c 7.8438px 10.367px 0px, #ffd95c 7.02393px 10.9391px 0px, #ffd95c 6.16252px 11.4465px 0px, #ffd95c 5.26466px 11.8863px 0px, #ffd95c 4.33566px 12.2557px 0px, #ffd95c 3.38103px 12.5526px 0px, #ffd95c 2.40639px 12.7753px 0px, #ffd95c 1.41753px 12.9225px 0px, #ffd95c 0.420279px 12.9932px 0px, #ffd95c -0.579456px 12.9871px 0px, #ffd95c -1.57576px 12.9041px 0px, #ffd95c -2.56275px 12.7449px 0px, #ffd95c -3.53458px 12.5103px 0px, #ffd95c -4.48551px 12.2016px 0px, #ffd95c -5.40991px 11.8209px 0px, #ffd95c -6.30231px 11.3702px 0px, #ffd95c -7.15744px 10.8522px 0px, #ffd95c -7.97024px 10.2701px 0px, #ffd95c -8.7359px 9.62725px 0px, #ffd95c -9.4499px 8.92745px 0px, #ffd95c -10.108px 8.17486px 0px, #ffd95c -10.7063px 7.37391px 0px, #ffd95c -11.2413px 6.52935px 0px, #ffd95c -11.7099px 5.64618px 0px, #ffd95c -12.1091px 4.72961px 0px, #ffd95c -12.4368px 3.78508px 0px, #ffd95c -12.6909px 2.81815px 0px, #ffd95c -12.8699px 1.83456px 0px, #ffd95c -12.9728px 0.840119px 0px, #ffd95c -12.999px -0.159292px 0px, #ffd95c -12.9483px -1.15776px 0px, #ffd95c -12.8211px -2.14938px 0px, #ffd95c -12.618px -3.12829px 0px, #ffd95c -12.3403px -4.0887px 0px, #ffd95c -11.9896px -5.02492px 0px, #ffd95c -11.568px -5.93143px 0px, #ffd95c -11.078px -6.80286px 0px, #ffd95c -10.5224px -7.63405px 0px, #ffd95c -9.90465px -8.42009px 0px, #ffd95c -9.2283px -9.15634px 0px, #ffd95c -8.49737px -9.83843px 0px, #ffd95c -7.71618px -10.4623px 0px, #ffd95c -6.88936px -11.0244px 0px, #ffd95c -6.0218px -11.5212px 0px, #ffd95c -5.11862px -11.9499px 0px, #ffd95c -4.18517px -12.3079px 0px, #ffd95c -3.22696px -12.5931px 0px, #ffd95c -2.24967px -12.8039px 0px, #ffd95c -1.25908px -12.9389px 0px, #ffd95c -0.261039px -12.9974px 0px, #ffd95c 0.738545px -12.979px 0px, #ffd95c 1.73376px -12.8839px 0px, #ffd95c 2.71872px -12.7125px 0px, #ffd95c 3.68761px -12.466px 0px, #ffd95c 4.63468px -12.1458px 0px, #ffd95c 5.55435px -11.7537px 0px, #ffd95c 6.44116px -11.2921px 0px, #ffd95c 7.28988px -10.7637px 0px, #ffd95c 8.09548px -10.1717px 0px, #ffd95c 8.85321px -9.51949px 0px, #ffd95c 9.55858px -8.81099px 0px, #ffd95c 10.2074px -8.05039px 0px, #ffd95c 10.7959px -7.24217px 0px, #ffd95c 11.3205px -6.39112px 0px, #ffd95c 11.7782px -5.50227px 0px, #ffd95c 12.1662px -4.58088px 0px, #ffd95c 12.4822px -3.6324px 0px, #ffd95c 12.7244px -2.66244px 0px, #ffd95c 12.8914px -1.67673px 0px, #ffd95c 12.9821px -0.681097px 0px; }
      .message-section .content-message .title-content .text-shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 8px;
        left: 8px;
        z-index: -2;
        color: #607d8b;
        opacity: 0.3;
        text-shadow: #607d8b 13px 0px 0px, #607d8b 12.9616px 0.999014px 0px, #607d8b 12.8465px 1.99212px 0px, #607d8b 12.6554px 2.97344px 0px, #607d8b 12.3895px 3.93718px 0px, #607d8b 12.0503px 4.87763px 0px, #607d8b 11.6398px 5.78924px 0px, #607d8b 11.1605px 6.66661px 0px, #607d8b 10.6152px 7.50454px 0px, #607d8b 10.0071px 8.2981px 0px, #607d8b 9.3398px 9.04258px 0px, #607d8b 8.61728px 9.73357px 0px, #607d8b 7.8438px 10.367px 0px, #607d8b 7.02393px 10.9391px 0px, #607d8b 6.16252px 11.4465px 0px, #607d8b 5.26466px 11.8863px 0px, #607d8b 4.33566px 12.2557px 0px, #607d8b 3.38103px 12.5526px 0px, #607d8b 2.40639px 12.7753px 0px, #607d8b 1.41753px 12.9225px 0px, #607d8b 0.420279px 12.9932px 0px, #607d8b -0.579456px 12.9871px 0px, #607d8b -1.57576px 12.9041px 0px, #607d8b -2.56275px 12.7449px 0px, #607d8b -3.53458px 12.5103px 0px, #607d8b -4.48551px 12.2016px 0px, #607d8b -5.40991px 11.8209px 0px, #607d8b -6.30231px 11.3702px 0px, #607d8b -7.15744px 10.8522px 0px, #607d8b -7.97024px 10.2701px 0px, #607d8b -8.7359px 9.62725px 0px, #607d8b -9.4499px 8.92745px 0px, #607d8b -10.108px 8.17486px 0px, #607d8b -10.7063px 7.37391px 0px, #607d8b -11.2413px 6.52935px 0px, #607d8b -11.7099px 5.64618px 0px, #607d8b -12.1091px 4.72961px 0px, #607d8b -12.4368px 3.78508px 0px, #607d8b -12.6909px 2.81815px 0px, #607d8b -12.8699px 1.83456px 0px, #607d8b -12.9728px 0.840119px 0px, #607d8b -12.999px -0.159292px 0px, #607d8b -12.9483px -1.15776px 0px, #607d8b -12.8211px -2.14938px 0px, #607d8b -12.618px -3.12829px 0px, #607d8b -12.3403px -4.0887px 0px, #607d8b -11.9896px -5.02492px 0px, #607d8b -11.568px -5.93143px 0px, #607d8b -11.078px -6.80286px 0px, #607d8b -10.5224px -7.63405px 0px, #607d8b -9.90465px -8.42009px 0px, #607d8b -9.2283px -9.15634px 0px, #607d8b -8.49737px -9.83843px 0px, #607d8b -7.71618px -10.4623px 0px, #607d8b -6.88936px -11.0244px 0px, #607d8b -6.0218px -11.5212px 0px, #607d8b -5.11862px -11.9499px 0px, #607d8b -4.18517px -12.3079px 0px, #607d8b -3.22696px -12.5931px 0px, #607d8b -2.24967px -12.8039px 0px, #607d8b -1.25908px -12.9389px 0px, #607d8b -0.261039px -12.9974px 0px, #607d8b 0.738545px -12.979px 0px, #607d8b 1.73376px -12.8839px 0px, #607d8b 2.71872px -12.7125px 0px, #607d8b 3.68761px -12.466px 0px, #607d8b 4.63468px -12.1458px 0px, #607d8b 5.55435px -11.7537px 0px, #607d8b 6.44116px -11.2921px 0px, #607d8b 7.28988px -10.7637px 0px, #607d8b 8.09548px -10.1717px 0px, #607d8b 8.85321px -9.51949px 0px, #607d8b 9.55858px -8.81099px 0px, #607d8b 10.2074px -8.05039px 0px, #607d8b 10.7959px -7.24217px 0px, #607d8b 11.3205px -6.39112px 0px, #607d8b 11.7782px -5.50227px 0px, #607d8b 12.1662px -4.58088px 0px, #607d8b 12.4822px -3.6324px 0px, #607d8b 12.7244px -2.66244px 0px, #607d8b 12.8914px -1.67673px 0px, #607d8b 12.9821px -0.681097px 0px; }
    .message-section .content-message .lightbulb {
      position: absolute;
      width: 100px;
      height: 8.3%;
      bottom: 20%;
      right: 15%; }
      .message-section .content-message .lightbulb img {
        width: 100%;
        height: auto; }
      @media only screen and (max-width: 991px) {
        .message-section .content-message .lightbulb {
          width: 90px;
          bottom: 10%;
          right: 3%; } }
    .message-section .content-message .ballon {
      position: absolute;
      width: 50px;
      height: 8.3%;
      top: 18%;
      right: 19%; }
      .message-section .content-message .ballon img {
        width: 100%;
        height: auto; }
      @media only screen and (max-width: 991px) {
        .message-section .content-message .ballon {
          width: 40px;
          height: 8.3%;
          top: 3%;
          right: 8%; } }
    .message-section .content-message .red-cup {
      position: absolute;
      width: 70px;
      height: 8.3%;
      bottom: 20%;
      left: 18%; }
      .message-section .content-message .red-cup img {
        width: 100%;
        height: auto; }
      @media only screen and (max-width: 991px) {
        .message-section .content-message .red-cup {
          width: 50px;
          bottom: 15%;
          left: 3%; } }
    .message-section .content-message .trophy-container {
      position: absolute;
      width: 70px;
      height: 7.3%;
      top: 8%;
      left: 18%; }
      .message-section .content-message .trophy-container .small-bluestar {
        width: 10%;
        position: absolute;
        left: 10%;
        top: 50%; }
        @media only screen and (max-width: 575px) {
          .message-section .content-message .trophy-container .small-bluestar {
            left: -7%; } }
      .message-section .content-message .trophy-container .big-bluestar {
        width: 21%;
        position: absolute;
        left: 7%;
        bottom: -90%; }
        @media only screen and (max-width: 991px) {
          .message-section .content-message .trophy-container .big-bluestar {
            width: 12px; } }
        @media only screen and (max-width: 575px) {
          .message-section .content-message .trophy-container .big-bluestar {
            left: -20%; } }
      .message-section .content-message .trophy-container .trophy {
        position: absolute;
        left: 15.82%;
        right: 0.01%;
        top: 0%;
        bottom: -0.01%; }
      @media only screen and (max-width: 991px) {
        .message-section .content-message .trophy-container {
          width: 50px;
          top: 8%;
          left: 7%; } }

.copyright-section {
  display: none;
  border-top: 1px solid #eceff1;
  height: 57px;
  padding: 24px 0;
  background-color: white; }
  .copyright-section .box-left {
    width: 60%; }
    @media only screen and (max-width: 767px) {
      .copyright-section .box-left {
        text-align: center;
        width: 100%;
        margin-bottom: 12px; } }
  .copyright-section .box-right {
    width: 40%; }
  .copyright-section .copyright {
    text-align: center;
    font-size: 12px;
    color: #63ace7; }
    @media only screen and (max-width: 767px) {
      .copyright-section .copyright {
        text-align: center;
        width: 100%; } }

.gameplay-modal .modal-dialog {
  max-width: 900px; }
.gameplay-modal .modal-body {
  padding: 10px; }
.gameplay-modal .close {
  position: absolute;
  top: -20px;
  right: -15px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  opacity: 1;
  font-size: 40px;
  background-color: #2f2477;
  border-radius: 100%; }
  @media only screen and (max-width: 767px) {
    .gameplay-modal .close {
      right: -10px; } }
.gameplay-modal .box-iframe {
  position: relative;
  padding-bottom: 56.25%; }
  .gameplay-modal .box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.breadcrumb-section {
  display: block;
  background-color: #292845;
  padding: 50px 15px;
  font-family: "BigNoodleTitling";
  letter-spacing: 4px;
  font-size: 64px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 80px; }
  @media only screen and (max-width: 1199px) {
    .breadcrumb-section {
      font-size: 56px;
      margin-bottom: 60px; } }
  @media only screen and (max-width: 991px) {
    .breadcrumb-section {
      font-size: 48px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumb-section {
      font-size: 40px; } }
  @media only screen and (max-width: 575px) {
    .breadcrumb-section {
      font-size: 36px; } }

.box-search-blog {
  max-width: 776px;
  margin: 0 auto; }
  .box-search-blog .search-blog {
    position: relative; }
    .box-search-blog .search-blog input {
      background: #292845;
      border-radius: 8px;
      width: 100%;
      border: 0;
      color: #fff;
      height: 64px;
      padding: 0 24px; }
    .box-search-blog .search-blog .btn-search {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 40px; }
      .box-search-blog .search-blog .btn-search i {
        color: #3dd0d8; }

.cta-fixed .item {
  position: fixed;
  bottom: 110px;
  right: 18px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #bcdaf2;
  width: 64px;
  height: 64px;
  background-color: #198be1;
  transition: all 0.5s;
  cursor: pointer; }
  .cta-fixed .item.back-top-top {
    bottom: 200px; }
  .cta-fixed .item.hotline a {
    color: #fff;
    font-family: "Brauer NeueVN";
    font-size: 32px;
    margin-left: 10px;
    text-decoration: none;
    padding-top: 5px;
    display: flex;
    align-items: center; }
  .cta-fixed .item.noti {
    top: calc(20% + 80px); }
    .cta-fixed .item.noti .number {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      background-color: #ffd95c;
      border-radius: 50%;
      font-family: "Brauer NeueVN"; }
  .cta-fixed .item .box-icon {
    display: flex;
    height: 26px;
    font-size: 25px; }
  .cta-fixed .item .icon-phone {
    color: white; }
.cta-fixed .has-sub.active {
  width: max-content;
  transition: all 0.5s;
  padding: 0 30px;
  border-radius: 60px; }
  .cta-fixed .has-sub.active .sub {
    width: initial;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s; }
.cta-fixed .has-sub .sub {
  width: 0;
  opacity: 0;
  visibility: hidden; }
.chatbox-mobile{
  display: none;
}
.chatbox-mobile.active{
  display: block;
}
.chatbox {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 50; }
  .chatbox.active .chatbox-content {
    display: block; }
  .chatbox .chatbox-content {
    position: absolute;
    bottom: 60px;
    right: 0;
    width: max-content;
    display: none; }
  
.de-active {
  z-index: -99 !important;
  position: absolute; }
/* new footer */
.footer-rewarm{
  position: relative;
  width: 100%;
  background-color: #D4EDFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-rewarm_new_form{
  background: linear-gradient(to bottom, #09549b, #8dbfe7);
  width: 1200px;
  z-index: 3;
  border-radius: 16px;
  margin-top: -150px;
  display: flex;
  justify-content: space-between;
}
.footer-rewarm_new_form.page{
  margin-top: 0;
}
@media only screen and (max-width: 1200px){
  .footer-rewarm_new_form{
    width: calc(100% - 355px);
  }
  .footer-rewarm_form h3{
    font-size: 29px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px){
  .footer-rewarm.page{
    height: 1190px;
  }
  .footer-rewarm_new_form{
    width: calc(100% - 30px);
    margin-top: -140px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .footer-rewarm_new_form.page{
    margin-top: 0;
  }
}
.footer-rewarm_form{
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 50%;
}
.footer-rewarm_img{
  width: 50%;
  margin: 20px;
}
.footer-rewarm_form h3{
  font-family: "Brauer NeueVN";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 35px;
  line-height: 56px;
  letter-spacing: .15px;
  color: #FFC62A;
  margin: 20px;
}
.footer-rewarm_form_input{
  width: calc(100% - 20px);
  margin: 20px 0;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_form_input{
    width: calc(100% - 100px);
  }
}
.footer-rewarm_form_input_style{
    width: 100%;
    height: 50px;
    background-color: white;
    border-radius: 61px;
    padding: 4px 0px 4px 20px; 
    border: none; 
    font-size: 16px; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.footer-rewarm_form_input_style::placeholder{
  color: #999;
}
.footer-rewarm_form_register{
  width: calc(100% - 20px);
  background-color: #FFD95C;
  text-align: center;
  color: #2576B9;
  height: 50px;
  border-radius: 61px;
  border: none;
  font-family: "Brauer NeueVN";
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: .15px;
  padding-top: 5px;
  text-transform: uppercase;
}
.footer-rewarm_new_form_link{
  margin-bottom: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  width: 1200px;
}

@media only screen and (max-width: 1430px){
  .footer-rewarm_form h3{
    font-size: 35px;
    margin: 10px;
  }
}
@media only screen and (max-width: 1300px){
  .footer-rewarm_form_input{
    margin: 0;
  }
  .footer-rewarm_form h3{
    font-size: 30px;
    margin: 10px;
  }
}
@media only screen and (max-width: 767px){
  .footer-rewarm_form {
    width: 120%;
  }
  .footer-rewarm_form h3 {
    font-size: 30px;
    width: calc(100% - 190px);
    line-height: 45px;
  }
  .footer-rewarm_img{
    width: 92%;
  }
  .footer-rewarm_new_form_link{
    width: calc(100% - 30px);
  }
  .footer-rewarm_new_form_link.page{
    margin-bottom: 65px;
  }
  .footer-rewarm_form_register{
    width: calc(100% - 100px);
  }
}
.footer-rewarm_new_form_link_line{
  width: 100%;
  height: 1px;
  background-color: #2376BC;
  margin-top: 50px;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_new_form_link_line{
    margin-top: 0;
  }
}
.footer-rewarm_new_form_link_content{
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_new_form_link_content{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.footer-rewarm_new_form_link_content_logo img{
  width: 161px;
  height: 133px;
}
.footer-rewarm_new_form_link_content_href{
  display: flex;
  justify-content: space-between;
  width: 70%;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_new_form_link_content_logo{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-rewarm_new_form_link_content_logo img{
    width: 70%;
    height: auto;
  }
  .footer-rewarm_new_form_link_content_href{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.footer-rewarm_new_form_link_content_href a {
  margin-right: 15px;
  text-decoration: none;
  color: #2576B9;
  font-family: "Brauer NeueVN";
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 1px;
}
.footer-rewarm_new_form_link_content_social{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 15%;
}
.logo_ih{
  width: 130px;
  height: 40px;
  margin-right: 380px;
}
.footer-rewarm_new_form_link_content_social p {
  margin: 0;
  color: #2576B9;
  font-family: "Brauer NeueVN";
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: .15px;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_new_form_link_content_social{
    width: 100%;
  }
  .footer-rewarm_new_form_link_content_social p{
    margin: 15px 0 0 0;
  }
  .footer-rewarm_new_form_link_content_href a{
    margin-right: 0;
    margin-top: 15px;
  }
  .logo_ih{
    margin: 0;
  }
  .footer-rewarm_new_form_link_content_href{
    width: 100%;
  }
}
.footer-rewarm_new_form_link_content_social_icon{
  display: flex;
  justify-content: center;
}
.footer-rewarm_new_form_link_content_social_icon a img{
  width: 27px;
  height: 27px;
  margin-right: 5px;
}
.footer-rewarm_end{
  width: max-content;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.footer-rewarm_end a{
  margin-left: auto;
}
.footer-rewarm_end a img{
  width: 60px;
  height: 12px;
}
.footer-rewarm_new_form_copyRight{
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: .25px;
  color: #2376BC;
  margin: 0;
}
@media only screen and (max-width: 767px){
  .footer-rewarm_end a {
    margin-left: 0;
  }
  .footer-rewarm_end{
    position: relative;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }
  .footer-rewarm_new_form_copyRight{
    width: calc(100% - 150px);
    text-align: center;
    position: relative;
    margin-top: 10px;
  }
}
.footer-rewarm-mobile{
  position: relative;
  width: 100%;
  height: 800px;
  background-color: #D4EDFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-rewarm_img_icon img{
  width: 58px;
  height: 58px;
  position: absolute;
  right: 0;
  margin-top: -70px;
  margin-right: -15px;
}
.footer-rewarm_icon_left img{
  position: absolute;
    width: 115px;
    height: 92px;
    left: 0;
    top: 0;
    margin-left: 50px;
}
.footer-rewarm_icon_right img{
  position: absolute;
  width: 96px;
  height: 105px;
  right: 0;
  top: 0;
  margin-right: 50px;
}
.footer-rewarm_form_input_container{
  margin-bottom: 16px;
  width: 100%;
}

.footer-rewarm_form_input_container > small{
  color: rgb(239 68 68 / 1);
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  align-items: left;
  text-align: 22px;
  bottom: -14px;
  display: block;
  align-items: left;
  text-align: left;
  margin-left: 21px;
  margin-top: 6px;
}
.policy_submit{
  font-family: "Montserrat";
  color: #fff;
  font-size: 10px;
}
@media only screen and (max-width: 767px){
  .policy_submit{
    font-size: 8px;
  }
}
/* end new footer */
/*# sourceMappingURL=style.css.map */