@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; } }

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("../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: 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; } }

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("../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: 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; }

.section-message-thanks {
  background: #bcdaf2;
  position: relative; }
  .section-message-thanks p {
    padding: 50px 15px 70px;
    margin: 0;
    width: 100%;
    max-width: 780px;
    margin: auto;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    color: #000000;
    text-align: center; }
    .section-message-thanks p span {
      font-weight: 700;
      color: #2576b9; }
    @media only screen and (max-width: 991px) {
      .section-message-thanks p {
        padding-bottom: 16px; } }
  .section-message-thanks .icon {
    position: absolute; }
    .section-message-thanks .icon.i1 {
      top: 5%;
      left: 10%; }
      @media only screen and (max-width: 1199px) {
        .section-message-thanks .icon.i1 {
          top: 0;
          left: 5%; } }
      @media only screen and (max-width: 991px) {
        .section-message-thanks .icon.i1 {
          top: -6px;
          left: 2%; }
          .section-message-thanks .icon.i1 img {
            width: 65px; } }
      @media only screen and (max-width: 767px) {
        .section-message-thanks .icon.i1 {
          left: 5px;
          top: -2px; }
          .section-message-thanks .icon.i1 img {
            width: 46px; } }
    .section-message-thanks .icon.i2 {
      bottom: 10%;
      right: 10%; }
      @media only screen and (max-width: 1199px) {
        .section-message-thanks .icon.i2 {
          bottom: 5%;
          right: 5%; } }
      @media only screen and (max-width: 991px) {
        .section-message-thanks .icon.i2 {
          bottom: 0;
          right: 2%; }
          .section-message-thanks .icon.i2 img {
            width: 50px; } }
      @media only screen and (max-width: 767px) {
        .section-message-thanks .icon.i2 {
          right: 5px;
          bottom: unset;
          top: 3px; }
          .section-message-thanks .icon.i2 img {
            width: 38px; } }

.section-form-leadtool {
  background: #bcdaf2;
  position: relative;
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .section-form-leadtool {
      padding-bottom: 30px; } }
  .section-form-leadtool .wrap-line {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 0;
    width: 100%; }
    @media screen and (max-width: 1440px) {
      .section-form-leadtool .wrap-line {
        top: 50px; } }
    @media only screen and (max-width: 991px) {
      .section-form-leadtool .wrap-line {
        display: none; } }
    .section-form-leadtool .wrap-line .line {
      position: relative; }
      .section-form-leadtool .wrap-line .line .img-absolute .star {
        position: absolute; }
        .section-form-leadtool .wrap-line .line .img-absolute .star1 {
          width: 22px;
          top: 36%;
          left: 16%; }
        .section-form-leadtool .wrap-line .line .img-absolute .star2 {
          bottom: 0;
          left: 17%; }
        .section-form-leadtool .wrap-line .line .img-absolute .star3 {
          top: 15%;
          right: 5%; }
  .section-form-leadtool .lead-form {
    position: relative;
    z-index: 1; }
    .section-form-leadtool .lead-form .control-form {
      max-width: 1091px;
      opacity: 0;
      -webkit-transform: translateX(400px);
      transform: translateX(400px);
      -webkit-animation-duration: 0.7s;
      animation-duration: 0.7s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-delay: 0.25s;
      -moz-animation-delay: 0.25s;
      -o-animation-delay: 0.25s;
      animation-delay: 0.25s;
      animation-name: bounceInLeft; }
      @media only screen and (max-width: 480px) {
        .section-form-leadtool .lead-form .control-form {
          margin-top: 0 !important; } }
      .section-form-leadtool .lead-form .control-form .title-content {
        text-transform: initial;
        font-size: 40px;
        line-height: 48px; }
        @media only screen and (max-width: 991px) {
          .section-form-leadtool .lead-form .control-form .title-content {
            font-size: 30px;
            line-height: 36px; } }
      .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
        left: -65%; }
        @media only screen and (max-width: 1199px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -100%; } }
        @media only screen and (max-width: 1140px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -115%; } }
        @media only screen and (max-width: 1120px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -120%; } }
        @media only screen and (max-width: 1100px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -125%; } }
        @media only screen and (max-width: 1080px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -130%; } }
        @media only screen and (max-width: 1060px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: -135%; } }
        @media only screen and (max-width: 991px) {
          .section-form-leadtool .lead-form .control-form .control-form-title.form-add-ace::after {
            left: 50%; } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px); }
  60% {
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.section-message-result {
  width: 100%;
  position: relative;
  background-color: #bcdaf2;
  padding: 80px 0 110px;
  display: none; }
  .section-message-result.active {
    display: block; }
  .section-message-result.thank-you-referral {
    padding-bottom: 200px; }
  @media only screen and (max-width: 767px) {
    .section-message-result {
      padding: 80px 0 100px; } }
  @media only screen and (max-width: 575px) {
    .section-message-result {
      padding: 50px 0; } }
  .section-message-result .box-message {
    width: 672px;
    margin: auto;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    padding: 32px;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .section-message-result .box-message {
        width: 90%;
        padding: 32px 0; } }
    .section-message-result .box-message .planet {
      position: absolute;
      content: "";
      top: -24%;
      right: -11%; }
      @media only screen and (max-width: 991px) {
        .section-message-result .box-message .planet {
          top: -22%;
          right: 1%;
          width: 10%; } }
      @media only screen and (max-width: 767px) {
        .section-message-result .box-message .planet {
          width: 55.2px;
          top: -16%; } }
      @media only screen and (max-width: 480px) {
        .section-message-result .box-message .planet {
          top: -10%; } }
    .section-message-result .box-message .bigstar {
      position: absolute;
      content: "";
      bottom: -14%;
      left: -4%; }
      @media only screen and (max-width: 991px) {
        .section-message-result .box-message .bigstar {
          bottom: -20%;
          left: 1%;
          width: 9%; } }
      @media only screen and (max-width: 767px) {
        .section-message-result .box-message .bigstar {
          bottom: -10%;
          width: 38.64px; } }
      @media only screen and (max-width: 480px) {
        .section-message-result .box-message .bigstar {
          bottom: -6%; } }
    .section-message-result .box-message .box-title-main {
      margin-bottom: 24px; }
    .section-message-result .box-message .title-message {
      position: relative;
      color: #ffffff;
      text-shadow: #f095c3 9px 0px 0px, #f095c3 8.9445px 0.997944px 0px, #f095c3 8.77869px 1.98358px 0px, #f095c3 8.50461px 2.94475px 0px, #f095c3 8.12565px 3.86961px 0px, #f095c3 7.64647px 4.74674px 0px, #f095c3 7.07299px 5.56533px 0px, #f095c3 6.41227px 6.31528px 0px, #f095c3 5.67248px 6.98735px 0px, #f095c3 4.86272px 7.57324px 0px, #f095c3 3.99299px 8.06573px 0px, #f095c3 3.07402px 8.45875px 0px, #f095c3 2.11714px 8.74744px 0px, #f095c3 1.13414px 8.92825px 0px, #f095c3 0.137162px 8.99895px 0px, #f095c3 -0.861512px 8.95867px 0px, #f095c3 -1.84956px 8.8079px 0px, #f095c3 -2.8148px 8.5485px 0px, #f095c3 -3.74532px 8.18368px 0px, #f095c3 -4.62965px 7.71792px 0px, #f095c3 -5.45689px 7.15698px 0px, #f095c3 -6.21682px 6.50777px 0px, #f095c3 -6.90009px 5.77831px 0px, #f095c3 -7.49825px 4.97757px 0px, #f095c3 -8.00394px 4.11545px 0px, #f095c3 -8.41092px 3.20258px 0px, #f095c3 -8.71416px 2.2502px 0px, #f095c3 -8.90993px 1.27008px 0px, #f095c3 -8.99582px 0.274291px 0px, #f095c3 -8.97076px -0.72488px 0px, #f095c3 -8.83507px -1.71511px 0px, #f095c3 -8.59041px -2.68419px 0px, #f095c3 -8.23981px -3.62017px 0px, #f095c3 -7.78758px -4.51149px 0px, #f095c3 -7.23931px -5.34718px 0px, #f095c3 -6.60176px -6.11692px 0px, #f095c3 -5.88279px -6.81122px 0px, #f095c3 -5.09127px -7.42152px 0px, #f095c3 -4.23696px -7.94029px 0px, #f095c3 -3.33039px -8.36113px 0px, #f095c3 -2.38275px -8.67885px 0px, #f095c3 -1.40572px -8.88954px 0px, #f095c3 -0.411357px -8.99059px 0px, #f095c3 0.58808px -8.98077px 0px, #f095c3 1.58026px -8.86018px 0px, #f095c3 2.55296px -8.63032px 0px, #f095c3 3.49417px -8.29402px 0px, #f095c3 4.39229px -7.85543px 0px, #f095c3 5.23623px -7.31996px 0px, #f095c3 6.0156px -6.69422px 0px, #f095c3 6.72078px -5.98591px 0px, #f095c3 7.34307px -5.20378px 0px, #f095c3 7.87479px -4.35748px 0px, #f095c3 8.3094px -3.45743px 0px, #f095c3 8.64153px -2.51474px 0px, #f095c3 8.86709px -1.54104px 0px, #f095c3 8.98328px -0.548328px 0px; }
      .section-message-result .box-message .title-message::before {
        position: absolute;
        content: attr(data-char);
        z-index: -1;
        width: 100%;
        top: 5px;
        left: 4px;
        color: #aec6cf;
        text-shadow: #aec6cf 9px 0px 0px, #aec6cf 8.9445px 0.997944px 0px, #aec6cf 8.77869px 1.98358px 0px, #aec6cf 8.50461px 2.94475px 0px, #aec6cf 8.12565px 3.86961px 0px, #aec6cf 7.64647px 4.74674px 0px, #aec6cf 7.07299px 5.56533px 0px, #aec6cf 6.41227px 6.31528px 0px, #aec6cf 5.67248px 6.98735px 0px, #aec6cf 4.86272px 7.57324px 0px, #aec6cf 3.99299px 8.06573px 0px, #aec6cf 3.07402px 8.45875px 0px, #aec6cf 2.11714px 8.74744px 0px, #aec6cf 1.13414px 8.92825px 0px, #aec6cf 0.137162px 8.99895px 0px, #aec6cf -0.861512px 8.95867px 0px, #aec6cf -1.84956px 8.8079px 0px, #aec6cf -2.8148px 8.5485px 0px, #aec6cf -3.74532px 8.18368px 0px, #aec6cf -4.62965px 7.71792px 0px, #aec6cf -5.45689px 7.15698px 0px, #aec6cf -6.21682px 6.50777px 0px, #aec6cf -6.90009px 5.77831px 0px, #aec6cf -7.49825px 4.97757px 0px, #aec6cf -8.00394px 4.11545px 0px, #aec6cf -8.41092px 3.20258px 0px, #aec6cf -8.71416px 2.2502px 0px, #aec6cf -8.90993px 1.27008px 0px, #aec6cf -8.99582px 0.274291px 0px, #aec6cf -8.97076px -0.72488px 0px, #aec6cf -8.83507px -1.71511px 0px, #aec6cf -8.59041px -2.68419px 0px, #aec6cf -8.23981px -3.62017px 0px, #aec6cf -7.78758px -4.51149px 0px, #aec6cf -7.23931px -5.34718px 0px, #aec6cf -6.60176px -6.11692px 0px, #aec6cf -5.88279px -6.81122px 0px, #aec6cf -5.09127px -7.42152px 0px, #aec6cf -4.23696px -7.94029px 0px, #aec6cf -3.33039px -8.36113px 0px, #aec6cf -2.38275px -8.67885px 0px, #aec6cf -1.40572px -8.88954px 0px, #aec6cf -0.411357px -8.99059px 0px, #aec6cf 0.58808px -8.98077px 0px, #aec6cf 1.58026px -8.86018px 0px, #aec6cf 2.55296px -8.63032px 0px, #aec6cf 3.49417px -8.29402px 0px, #aec6cf 4.39229px -7.85543px 0px, #aec6cf 5.23623px -7.31996px 0px, #aec6cf 6.0156px -6.69422px 0px, #aec6cf 6.72078px -5.98591px 0px, #aec6cf 7.34307px -5.20378px 0px, #aec6cf 7.87479px -4.35748px 0px, #aec6cf 8.3094px -3.45743px 0px, #aec6cf 8.64153px -2.51474px 0px, #aec6cf 8.86709px -1.54104px 0px, #aec6cf 8.98328px -0.548328px 0px; }
        @media only screen and (max-width: 767px) {
          .section-message-result .box-message .title-message::before {
            top: 9px; } }
    .section-message-result .box-message .content-message {
      font-family: Montserrat;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.25px;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .section-message-result .box-message .content-message {
          padding: 0 12px; } }
    .section-message-result .box-message .content-result {
      font-family: "Montserrat";
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.25px;
      color: #000000;
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 991px) {
        .section-message-result .box-message .content-result {
          padding: 0 12px;
          flex-direction: column; } }
      .section-message-result .box-message .content-result .list-star {
        display: flex; }
  .section-message-result .btn {
    width: 100%;
    text-align: center;
    margin-top: 50px; }
    .section-message-result .btn button {
      padding: 10px 56px 10px;
      background: #ffd95c;
      box-shadow: 4px 4px 0px rgba(69, 90, 100, 0.5);
      border-radius: 100px;
      border: 0;
      outline: 0;
      font-family: "Brauer NeueVN";
      font-weight: 700;
      font-size: 30px;
      line-height: 36px;
      color: #2576b9; }
  .section-message-result .icon-star-1,
  .section-message-result .icon-star-2,
  .section-message-result .icon-star-3,
  .section-message-result .icon-star-4,
  .section-message-result .icon-star-5,
  .section-message-result .icon-star-6,
  .section-message-result .icon-star-7 {
    position: absolute;
    content: ""; }
    @media only screen and (max-width: 991px) {
      .section-message-result .icon-star-1,
      .section-message-result .icon-star-2,
      .section-message-result .icon-star-3,
      .section-message-result .icon-star-4,
      .section-message-result .icon-star-5,
      .section-message-result .icon-star-6,
      .section-message-result .icon-star-7 {
        display: none; } }
  .section-message-result .icon-star-1 {
    bottom: 16%;
    left: 7%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-1 {
        bottom: 15%;
        left: 3%;
        width: 2%; } }
  .section-message-result .icon-star-2 {
    bottom: 21%;
    right: 9%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-2 {
        bottom: 31%;
        right: 4%;
        width: 5%; } }
  .section-message-result .icon-star-3 {
    top: 18%;
    right: 6%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-3 {
        right: 2%;
        width: 1.5%; } }
  .section-message-result .icon-star-4 {
    top: 9%;
    left: 10%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-4 {
        left: 8%;
        width: 2%; } }
  .section-message-result .icon-star-5 {
    top: 47%;
    left: 17%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-5 {
        left: 9%;
        width: 2%; } }
  .section-message-result .icon-star-6 {
    bottom: 5%;
    left: 35%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-6 {
        left: 30%;
        width: 2%; } }
  .section-message-result .icon-star-7 {
    bottom: 20%;
    right: 41%; }
    @media only screen and (max-width: 1199px) {
      .section-message-result .icon-star-7 {
        right: 36%;
        width: 3%; } }

.section-lead-tool {
  padding-top: 50px;
  padding-bottom: 180px;
  background: #bcdaf2; }
  .section-lead-tool.hidden {
    display: none; }
  .section-lead-tool .lead-tool-title {
    width: 100%;
    max-width: 1016px;
    margin: auto; }
    .section-lead-tool .lead-tool-title .content-title {
      max-width: calc(100% - 479px);
      font-weight: bold;
      font-size: 40px;
      line-height: 48px;
      letter-spacing: 0.25px;
      color: #fff;
      position: relative;
      z-index: 0;
      margin-bottom: 16px; }
      @media only screen and (max-width: 991px) {
        .section-lead-tool .lead-tool-title .content-title {
          max-width: unset;
          text-align: center;
          font-size: 30px;
          line-height: 36px; } }
      .section-lead-tool .lead-tool-title .content-title .bg {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        color: #eb9cc3;
        text-shadow: #eb9cc3 9px 0px 0px, #eb9cc3 8.9445px 0.997944px 0px, #eb9cc3 8.77869px 1.98358px 0px, #eb9cc3 8.50461px 2.94475px 0px, #eb9cc3 8.12565px 3.86961px 0px, #eb9cc3 7.64647px 4.74674px 0px, #eb9cc3 7.07299px 5.56533px 0px, #eb9cc3 6.41227px 6.31528px 0px, #eb9cc3 5.67248px 6.98735px 0px, #eb9cc3 4.86272px 7.57324px 0px, #eb9cc3 3.99299px 8.06573px 0px, #eb9cc3 3.07402px 8.45875px 0px, #eb9cc3 2.11714px 8.74744px 0px, #eb9cc3 1.13414px 8.92825px 0px, #eb9cc3 0.137162px 8.99895px 0px, #eb9cc3 -0.861512px 8.95867px 0px, #eb9cc3 -1.84956px 8.8079px 0px, #eb9cc3 -2.8148px 8.5485px 0px, #eb9cc3 -3.74532px 8.18368px 0px, #eb9cc3 -4.62965px 7.71792px 0px, #eb9cc3 -5.45689px 7.15698px 0px, #eb9cc3 -6.21682px 6.50777px 0px, #eb9cc3 -6.90009px 5.77831px 0px, #eb9cc3 -7.49825px 4.97757px 0px, #eb9cc3 -8.00394px 4.11545px 0px, #eb9cc3 -8.41092px 3.20258px 0px, #eb9cc3 -8.71416px 2.2502px 0px, #eb9cc3 -8.90993px 1.27008px 0px, #eb9cc3 -8.99582px 0.274291px 0px, #eb9cc3 -8.97076px -0.72488px 0px, #eb9cc3 -8.83507px -1.71511px 0px, #eb9cc3 -8.59041px -2.68419px 0px, #eb9cc3 -8.23981px -3.62017px 0px, #eb9cc3 -7.78758px -4.51149px 0px, #eb9cc3 -7.23931px -5.34718px 0px, #eb9cc3 -6.60176px -6.11692px 0px, #eb9cc3 -5.88279px -6.81122px 0px, #eb9cc3 -5.09127px -7.42152px 0px, #eb9cc3 -4.23696px -7.94029px 0px, #eb9cc3 -3.33039px -8.36113px 0px, #eb9cc3 -2.38275px -8.67885px 0px, #eb9cc3 -1.40572px -8.88954px 0px, #eb9cc3 -0.411357px -8.99059px 0px, #eb9cc3 0.58808px -8.98077px 0px, #eb9cc3 1.58026px -8.86018px 0px, #eb9cc3 2.55296px -8.63032px 0px, #eb9cc3 3.49417px -8.29402px 0px, #eb9cc3 4.39229px -7.85543px 0px, #eb9cc3 5.23623px -7.31996px 0px, #eb9cc3 6.0156px -6.69422px 0px, #eb9cc3 6.72078px -5.98591px 0px, #eb9cc3 7.34307px -5.20378px 0px, #eb9cc3 7.87479px -4.35748px 0px, #eb9cc3 8.3094px -3.45743px 0px, #eb9cc3 8.64153px -2.51474px 0px, #eb9cc3 8.86709px -1.54104px 0px, #eb9cc3 8.98328px -0.548328px 0px; }
      .section-lead-tool .lead-tool-title .content-title .shadow {
        position: absolute;
        width: 100%;
        top: 4px;
        left: 4px;
        z-index: -2;
        color: #aec6cf;
        text-shadow: #aec6cf 9px 0px 0px, #aec6cf 8.9445px 0.997944px 0px, #aec6cf 8.77869px 1.98358px 0px, #aec6cf 8.50461px 2.94475px 0px, #aec6cf 8.12565px 3.86961px 0px, #aec6cf 7.64647px 4.74674px 0px, #aec6cf 7.07299px 5.56533px 0px, #aec6cf 6.41227px 6.31528px 0px, #aec6cf 5.67248px 6.98735px 0px, #aec6cf 4.86272px 7.57324px 0px, #aec6cf 3.99299px 8.06573px 0px, #aec6cf 3.07402px 8.45875px 0px, #aec6cf 2.11714px 8.74744px 0px, #aec6cf 1.13414px 8.92825px 0px, #aec6cf 0.137162px 8.99895px 0px, #aec6cf -0.861512px 8.95867px 0px, #aec6cf -1.84956px 8.8079px 0px, #aec6cf -2.8148px 8.5485px 0px, #aec6cf -3.74532px 8.18368px 0px, #aec6cf -4.62965px 7.71792px 0px, #aec6cf -5.45689px 7.15698px 0px, #aec6cf -6.21682px 6.50777px 0px, #aec6cf -6.90009px 5.77831px 0px, #aec6cf -7.49825px 4.97757px 0px, #aec6cf -8.00394px 4.11545px 0px, #aec6cf -8.41092px 3.20258px 0px, #aec6cf -8.71416px 2.2502px 0px, #aec6cf -8.90993px 1.27008px 0px, #aec6cf -8.99582px 0.274291px 0px, #aec6cf -8.97076px -0.72488px 0px, #aec6cf -8.83507px -1.71511px 0px, #aec6cf -8.59041px -2.68419px 0px, #aec6cf -8.23981px -3.62017px 0px, #aec6cf -7.78758px -4.51149px 0px, #aec6cf -7.23931px -5.34718px 0px, #aec6cf -6.60176px -6.11692px 0px, #aec6cf -5.88279px -6.81122px 0px, #aec6cf -5.09127px -7.42152px 0px, #aec6cf -4.23696px -7.94029px 0px, #aec6cf -3.33039px -8.36113px 0px, #aec6cf -2.38275px -8.67885px 0px, #aec6cf -1.40572px -8.88954px 0px, #aec6cf -0.411357px -8.99059px 0px, #aec6cf 0.58808px -8.98077px 0px, #aec6cf 1.58026px -8.86018px 0px, #aec6cf 2.55296px -8.63032px 0px, #aec6cf 3.49417px -8.29402px 0px, #aec6cf 4.39229px -7.85543px 0px, #aec6cf 5.23623px -7.31996px 0px, #aec6cf 6.0156px -6.69422px 0px, #aec6cf 6.72078px -5.98591px 0px, #aec6cf 7.34307px -5.20378px 0px, #aec6cf 7.87479px -4.35748px 0px, #aec6cf 8.3094px -3.45743px 0px, #aec6cf 8.64153px -2.51474px 0px, #aec6cf 8.86709px -1.54104px 0px, #aec6cf 8.98328px -0.548328px 0px; }
  .section-lead-tool .lead-tool {
    width: 100%;
    max-width: 1016px;
    display: flex;
    gap: 79px;
    margin: auto; }
    @media only screen and (max-width: 991px) {
      .section-lead-tool .lead-tool {
        flex-direction: column;
        gap: 30px; } }
    @media only screen and (max-width: 991px) {
      .section-lead-tool .lead-tool .content {
        order: 2; } }
    .section-lead-tool .lead-tool .content-main {
      font-family: "Montserrat";
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.25px;
      margin-bottom: 30px; }
      .section-lead-tool .lead-tool .content-main p {
        margin: 0 0 16px; }
        @media only screen and (max-width: 991px) {
          .section-lead-tool .lead-tool .content-main p {
            text-align: center; } }
      .section-lead-tool .lead-tool .content-main ul {
        padding-left: 25px;
        list-style: disc; }
    .section-lead-tool .lead-tool .content-btn {
      background: #ffd95c;
      box-shadow: 4px 4px 0px rgba(69, 90, 100, 0.5);
      border-radius: 100px;
      padding: 14px 56px 8px;
      width: max-content; }
      @media only screen and (max-width: 991px) {
        .section-lead-tool .lead-tool .content-btn {
          margin: auto; } }
      .section-lead-tool .lead-tool .content-btn a {
        text-decoration: none;
        font-weight: bold;
        font-size: 30px;
        line-height: 36px;
        color: #2576b9; }
    .section-lead-tool .lead-tool .img {
      margin-top: -96px;
      width: 400px;
      flex-shrink: 0; }
      @media only screen and (max-width: 991px) {
        .section-lead-tool .lead-tool .img {
          order: 1;
          margin-top: 0;
          width: 100%;
          text-align: center; }
          .section-lead-tool .lead-tool .img img {
            width: auto !important; } }

.minigame {
  background: #bcdaf2;
  position: relative;
  display: none; }
  .minigame.active {
    display: block; }
  .minigame .wrap-title {
    text-align: center;
    margin-bottom: 16px; }
    .minigame .wrap-title .title {
      font-weight: bold;
      font-size: 40px;
      line-height: 48px;
      letter-spacing: 0.25px;
      color: #2576b9;
      position: relative;
      z-index: 0;
      margin-bottom: 16px; }
      @media only screen and (max-width: 991px) {
        .minigame .wrap-title .title {
          font-size: 30px;
          line-height: 36px;
          margin-bottom: 24px; } }
      .minigame .wrap-title .title .bg {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        color: #ffd95c;
        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; }
      .minigame .wrap-title .title .shadow {
        position: absolute;
        width: 100%;
        top: 4px;
        left: 4px;
        z-index: -2;
        color: #aec6cf;
        text-shadow: #aec6cf 9px 0px 0px, #aec6cf 8.9445px 0.997944px 0px, #aec6cf 8.77869px 1.98358px 0px, #aec6cf 8.50461px 2.94475px 0px, #aec6cf 8.12565px 3.86961px 0px, #aec6cf 7.64647px 4.74674px 0px, #aec6cf 7.07299px 5.56533px 0px, #aec6cf 6.41227px 6.31528px 0px, #aec6cf 5.67248px 6.98735px 0px, #aec6cf 4.86272px 7.57324px 0px, #aec6cf 3.99299px 8.06573px 0px, #aec6cf 3.07402px 8.45875px 0px, #aec6cf 2.11714px 8.74744px 0px, #aec6cf 1.13414px 8.92825px 0px, #aec6cf 0.137162px 8.99895px 0px, #aec6cf -0.861512px 8.95867px 0px, #aec6cf -1.84956px 8.8079px 0px, #aec6cf -2.8148px 8.5485px 0px, #aec6cf -3.74532px 8.18368px 0px, #aec6cf -4.62965px 7.71792px 0px, #aec6cf -5.45689px 7.15698px 0px, #aec6cf -6.21682px 6.50777px 0px, #aec6cf -6.90009px 5.77831px 0px, #aec6cf -7.49825px 4.97757px 0px, #aec6cf -8.00394px 4.11545px 0px, #aec6cf -8.41092px 3.20258px 0px, #aec6cf -8.71416px 2.2502px 0px, #aec6cf -8.90993px 1.27008px 0px, #aec6cf -8.99582px 0.274291px 0px, #aec6cf -8.97076px -0.72488px 0px, #aec6cf -8.83507px -1.71511px 0px, #aec6cf -8.59041px -2.68419px 0px, #aec6cf -8.23981px -3.62017px 0px, #aec6cf -7.78758px -4.51149px 0px, #aec6cf -7.23931px -5.34718px 0px, #aec6cf -6.60176px -6.11692px 0px, #aec6cf -5.88279px -6.81122px 0px, #aec6cf -5.09127px -7.42152px 0px, #aec6cf -4.23696px -7.94029px 0px, #aec6cf -3.33039px -8.36113px 0px, #aec6cf -2.38275px -8.67885px 0px, #aec6cf -1.40572px -8.88954px 0px, #aec6cf -0.411357px -8.99059px 0px, #aec6cf 0.58808px -8.98077px 0px, #aec6cf 1.58026px -8.86018px 0px, #aec6cf 2.55296px -8.63032px 0px, #aec6cf 3.49417px -8.29402px 0px, #aec6cf 4.39229px -7.85543px 0px, #aec6cf 5.23623px -7.31996px 0px, #aec6cf 6.0156px -6.69422px 0px, #aec6cf 6.72078px -5.98591px 0px, #aec6cf 7.34307px -5.20378px 0px, #aec6cf 7.87479px -4.35748px 0px, #aec6cf 8.3094px -3.45743px 0px, #aec6cf 8.64153px -2.51474px 0px, #aec6cf 8.86709px -1.54104px 0px, #aec6cf 8.98328px -0.548328px 0px; }
  .minigame .wrap-line {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 0; }
    @media only screen and (max-width: 991px) {
      .minigame .wrap-line {
        top: 40%;
        transform: translateY(-50%); } }
    .minigame .wrap-line .line {
      position: relative; }
      .minigame .wrap-line .line .img-absolute .star {
        position: absolute; }
        .minigame .wrap-line .line .img-absolute .star1 {
          width: 22px;
          top: 36%;
          left: 16%; }
        .minigame .wrap-line .line .img-absolute .star2 {
          bottom: 0;
          left: 17%; }
        .minigame .wrap-line .line .img-absolute .star3 {
          top: 15%;
          right: 5%; }
      @media only screen and (max-width: 991px) {
        .minigame .wrap-line .line .img-absolute {
          display: none; } }
  .minigame .wrap-list {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 50px; }
    @media only screen and (max-width: 991px) {
      .minigame .wrap-list {
        padding-top: 0; } }
    .minigame .wrap-list .list-animals {
      width: 100%;
      max-width: 986px;
      margin: auto;
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      gap: 62px;
      column-gap: 62px;
      -webkit-column-gap: 62px;
      -moz-column-gap: 62px; }
      @media only screen and (max-width: 991px) {
        .minigame .wrap-list .list-animals {
          flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          gap: 24px;
          column-gap: 24px;
          -webkit-column-gap: 24px;
          -moz-column-gap: 24px; } }
      .minigame .wrap-list .list-animals .item {
        flex-basis: 100%;
        text-align: center; }
        @media only screen and (max-width: 991px) {
          .minigame .wrap-list .list-animals .item {
            flex-basis: calc(50% - 12px); } }
        .minigame .wrap-list .list-animals .item .label-control {
          cursor: pointer; }
          .minigame .wrap-list .list-animals .item .label-control .wrap-label {
            position: relative;
            width: max-content; }
            @media only screen and (max-width: 991px) {
              .minigame .wrap-list .list-animals .item .label-control .wrap-label {
                width: max-content;
                margin: auto;
                max-width: 100%; } }
            @media only screen and (max-width: 480px) {
              .minigame .wrap-list .list-animals .item .label-control .wrap-label {
                width: unset;
                margin: unset;
                max-width: unset; } }
            .minigame .wrap-list .list-animals .item .label-control .wrap-label::before {
              position: absolute;
              content: "";
              background: #ffffff;
              border: 3px solid #4caf50;
              width: 42px;
              height: 42px;
              border-radius: 50%;
              top: 0;
              right: 0;
              visibility: hidden; }
            .minigame .wrap-list .list-animals .item .label-control .wrap-label::after {
              position: absolute;
              content: "";
              border-right: 3px solid #4caf50;
              border-bottom: 3px solid #4caf50;
              width: 12px;
              height: 21px;
              transform: rotate(45deg);
              top: 8px;
              right: 15px;
              visibility: hidden; }
          @media only screen and (max-width: 991px) {
            .minigame .wrap-list .list-animals .item .label-control img {
              width: auto; } }
        .minigame .wrap-list .list-animals .item h3 {
          margin: 0;
          margin-top: 16px;
          font-weight: 700;
          font-size: 30px;
          line-height: 36px;
          color: #2576b9; }
          @media only screen and (max-width: 991px) {
            .minigame .wrap-list .list-animals .item h3 {
              font-size: 24px;
              line-height: 34px; } }
        .minigame .wrap-list .list-animals .item .input-control {
          position: absolute;
          opacity: 0;
          cursor: pointer; }
        .minigame .wrap-list .list-animals .item .input-control:checked ~ .label-control .wrap-label::before {
          visibility: visible; }
        .minigame .wrap-list .list-animals .item .input-control:checked ~ .label-control .wrap-label::after {
          visibility: visible; }
    .minigame .wrap-list .btn {
      margin-top: 70px;
      padding: 10px 56px 10px;
      background: #2576b9;
      border-radius: 100px;
      outline: 0;
      border: 0;
      box-shadow: none;
      font-family: "Brauer NeueVN";
      font-weight: 700;
      font-size: 30px;
      line-height: 36px;
      color: #ffffff;
      cursor: pointer; }
      @media only screen and (max-width: 991px) {
        .minigame .wrap-list .btn {
          margin-top: 40px; } }

.penguin,
.dolphin,
.butterfly,
.panda {
  padding: 50px 0 200px;
  background: #bcdaf2;
  position: relative;
  display: none; }
  .penguin.active,
  .dolphin.active,
  .butterfly.active,
  .panda.active {
    display: block; }
  .penguin .img-absolute,
  .dolphin .img-absolute,
  .butterfly .img-absolute,
  .panda .img-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 0; }
    .penguin .img-absolute img,
    .dolphin .img-absolute img,
    .butterfly .img-absolute img,
    .panda .img-absolute img {
      width: auto; }
    @media only screen and (max-width: 991px) {
      .penguin .img-absolute,
      .dolphin .img-absolute,
      .butterfly .img-absolute,
      .panda .img-absolute {
        display: none; } }
  .penguin .container,
  .dolphin .container,
  .butterfly .container,
  .panda .container {
    position: relative;
    z-index: 1; }

.question {
  width: 100%;
  max-width: 1112px;
  margin: auto;
  gap: 72px;
  display: none; }
  @media only screen and (max-width: 991px) {
    .question {
      flex-direction: column;
      gap: 24px;
      padding: 0 15px; } }
  .question.active {
    display: flex; }
  .question .img {
    width: 400px;
    flex-shrink: 0;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .question .img {
        max-width: 100%;
        text-align: center;
        width: max-content;
        margin: auto; }
        .question .img > img {
          width: auto; } }
    .question .img .icon {
      position: absolute;
      width: auto; }
      @media only screen and (max-width: 991px) {
        .question .img .icon.i1 {
          width: 55px; }
        .question .img .icon.i2 {
          width: 40px; }
        .question .img .icon.i3 {
          width: 55px; } }
  .question1 .img .icon.i1 {
    bottom: 12%;
    left: -12%; }
  .question1 .img .icon.i2 {
    top: 18%;
    right: -5%; }
  .question1 .img .icon.i3 {
    top: -6%;
    left: 15%; }
  .question2 .img .icon.i1 {
    top: 12%;
    left: -12%; }
  .question2 .img .icon.i2 {
    bottom: 18%;
    right: -5%; }
  .question2 .img .icon.i3 {
    top: -6%;
    right: 15%; }
  .question3 .img .icon.i1 {
    top: -10%;
    left: 15%; }
  .question3 .img .icon.i2 {
    bottom: 8%;
    right: -5%; }
  .question3 .img .icon.i3 {
    top: 6%;
    right: -5%; }
  .question4 .img .icon.i1 {
    top: -10%;
    right: 15%; }
  .question4 .img .icon.i2 {
    top: 18%;
    left: -5%; }
  .question4 .img .icon.i3 {
    bottom: 18%;
    right: -5%; }
  .question5 .img .icon.i1 {
    top: -10%;
    left: 40%; }
  .question5 .img .icon.i2 {
    bottom: 18%;
    left: -5%; }
  .question5 .img .icon.i3 {
    top: 25%;
    right: -3%; }
  .question6 .img .icon.i1 {
    bottom: 20%;
    right: -5%; }
  .question6 .img .icon.i2 {
    top: -6%;
    left: 12%; }
  .question6 .img .icon.i3 {
    bottom: 10%;
    left: -10%; }
  @media only screen and (max-width: 991px) {
    .question .content {
      text-align: center; } }
  .question .content h3 {
    margin: 0;
    margin-bottom: 36px;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.25px;
    color: #2576b9; }
    @media only screen and (max-width: 991px) {
      .question .content h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 24px; } }
  .question .content .list-question {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 36px; }
    @media only screen and (max-width: 991px) {
      .question .content .list-question {
        row-gap: 8px; } }
    .question .content .list-question .item {
      width: 50%;
      display: flex;
      align-items: flex-start;
      gap: 16px; }
      @media only screen and (max-width: 991px) {
        .question .content .list-question .item {
          width: 100%; } }
      .question .content .list-question .item label {
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
        color: #263238;
        cursor: pointer;
        display: flex;
        flex-direction: row-reverse;
        gap: 16px; }
        @media only screen and (max-width: 991px) {
          .question .content .list-question .item label {
            font-size: 24px;
            line-height: 34px; } }
        .question .content .list-question .item label.dragged {
          user-select: none;
          cursor: default;
          color: #90a4ae; }
      .question .content .list-question .item .checkmark {
        width: 26px;
        height: 26px;
        border: 3px solid #2576b9;
        border-radius: 50%;
        cursor: pointer;
        position: relative;
        flex-shrink: 0;
        margin-top: 4px; }
        .question .content .list-question .item .checkmark::before {
          position: absolute;
          content: "";
          width: 13px;
          height: 13px;
          background-color: #2576b9;
          top: 50%;
          left: 50%;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          visibility: hidden; }
      .question .content .list-question .item input {
        position: absolute;
        opacity: 0;
        cursor: pointer; }
      .question .content .list-question .item input:checked ~ .checkmark::before {
        visibility: visible; }
  .question .content .ans {
    display: flex;
    gap: 56px;
    margin-bottom: 36px; }
    @media only screen and (max-width: 991px) {
      .question .content .ans {
        justify-content: center;
        gap: 32px; } }
    .question .content .ans .item {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px; }
      @media only screen and (max-width: 991px) {
        .question .content .ans .item {
          gap: 8px; } }
      .question .content .ans .item:not(:first-child) span {
        position: relative; }
        .question .content .ans .item:not(:first-child) span::before {
          position: absolute;
          content: url(../images/leadtool/arrrow-disable.svg);
          left: -44px;
          top: 50%;
          transform: translateY(-50%);
          height: 32px; }
          @media only screen and (max-width: 991px) {
            .question .content .ans .item:not(:first-child) span::before {
              left: -32px;
              transform: translateY(-50%) scale(0.8); } }
        .question .content .ans .item:not(:first-child) span.drag::before {
          content: url(../images/leadtool/arrrow.svg); }
      .question .content .ans .item:not(:first-child) input:focus ~ span::before {
        content: url(../images/leadtool/arrrow.svg); }
      .question .content .ans .item span {
        order: 1;
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
        color: #90a4ae; }
        .question .content .ans .item span.drag {
          color: #2576b9; }
        @media only screen and (max-width: 991px) {
          .question .content .ans .item span {
            font-size: 24px;
            line-height: 34px; } }
      .question .content .ans .item input {
        order: 2;
        width: 60px;
        height: 60px;
        background: #ffffff;
        border: 3px solid #90a4ae;
        border-radius: 8px;
        outline: 0;
        box-shadow: none;
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        color: #263238;
        padding: 0 12px; }
        .question .content .ans .item input.drag {
          border: 3px solid #2576b9; }
        .question .content .ans .item input:focus {
          border: 3px solid #2576b9 !important; }
          @media only screen and (max-width: 991px) {
            .question .content .ans .item input:focus {
              border-width: 2px !important; } }
        @media only screen and (max-width: 1199px) {
          .question .content .ans .item input {
            width: 50px;
            height: 50px;
            padding: 0 10px; } }
        @media only screen and (max-width: 991px) {
          .question .content .ans .item input {
            width: 32px;
            height: 32px;
            border-width: 2px;
            font-size: 18px;
            line-height: 25px;
            padding: 0 8px; } }
      .question .content .ans .item input:focus ~ span {
        color: #2576b9; }
  .question .content button {
    margin-top: 36px;
    padding: 10px 56px 10px;
    background: #2576b9;
    border-radius: 100px;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    cursor: pointer; }
    @media only screen and (max-width: 991px) {
      .question .content button {
        margin-top: 24px; } }

#answerModal .modal-dialog {
  width: 100%; }
#answerModal .modal-content {
  background-color: #ffffff; }
#answerModal .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;
  margin-top: 34px; }
  @media only screen and (max-width: 575px) {
    #answerModal .title-form {
      margin-top: 15px;
      margin-bottom: 15px; } }
  #answerModal .title-form:after {
    position: absolute;
    content: "";
    width: 140%;
    height: 199%;
    top: -90%;
    left: -20%;
    z-index: 0;
    background: #eb9cc3;
    border-radius: 50%; }
  #answerModal .title-form span {
    position: relative;
    z-index: 2;
    display: inline-block; }
    #answerModal .title-form span.yellow {
      color: #eb9cc3; }
#answerModal .title-content {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.15px;
  color: #2576b9;
  margin-bottom: 16px;
  padding: 0 24px; }
  @media only screen and (max-width: 575px) {
    #answerModal .title-content {
      font-size: 20px;
      line-height: 28px;
      text-align: center;
      margin-bottom: 4px; } }
#answerModal .content-form {
  position: relative;
  z-index: 1;
  text-shadow: none;
  color: #000;
  font-family: "Montserrat";
  text-transform: none;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.25px;
  padding: 0 24px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  gap: 24px;
  column-gap: 24px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px; }
  @media only screen and (max-width: 575px) {
    #answerModal .content-form {
      flex-direction: column;
      gap: 0px;
      column-gap: 0px;
      -webkit-column-gap: 0px;
      -moz-column-gap: 0px; } }
  #answerModal .content-form .img {
    width: 214px;
    flex-shrink: 0;
    text-align: center; }
    @media only screen and (max-width: 575px) {
      #answerModal .content-form .img {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        #answerModal .content-form .img img {
          width: 200px; } }
    #answerModal .content-form .img span {
      margin-top: 16px;
      font-family: "Brauer NeueVN";
      font-weight: 700;
      font-size: 30px;
      line-height: 36px;
      color: #263238; }
      @media only screen and (max-width: 575px) {
        #answerModal .content-form .img span {
          margin-top: 8px;
          font-size: 24px;
          line-height: 34px; } }
  #answerModal .content-form p {
    margin: 0; }
    @media only screen and (max-width: 575px) {
      #answerModal .content-form p {
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden; }
        #answerModal .content-form p::-webkit-scrollbar {
          width: 6px; }
        #answerModal .content-form p::-webkit-scrollbar-thumb {
          background: #90a4ae;
          border-radius: 8px; }
        #answerModal .content-form p::-webkit-scrollbar-track {
          background: #cfd8dc;
          border-radius: 8px; } }
    #answerModal .content-form p span {
      font-weight: 700;
      color: #2576b9; }
#answerModal .btn {
  width: 100%;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 38px; }
  @media only screen and (max-width: 575px) {
    #answerModal .btn {
      margin-top: 4px;
      margin-bottom: 24px; } }
  #answerModal .btn button {
    padding: 9px 32px 6px;
    background: #ffd95c;
    border-radius: 100px;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.15px;
    color: #2576b9; }

#endGameModal .modal-dialog {
  width: 100%;
  max-width: 576px; }
#endGameModal .modal-content {
  background-color: #ffffff;
  padding: 32px 24px; }
  #endGameModal .modal-content .content-form {
    text-align: center;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.25px;
    color: #000; }
    #endGameModal .modal-content .content-form p {
      margin: 0; }
  #endGameModal .modal-content .btn {
    margin-top: 24px;
    width: 100%;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 991px) {
      #endGameModal .modal-content .btn {
        flex-direction: column;
        gap: 16px; } }
    #endGameModal .modal-content .btn button {
      padding: 9px 32px 6px;
      background: #ffd95c;
      border-radius: 100px;
      border: 0;
      outline: 0;
      box-shadow: none;
      font-family: "Brauer NeueVN";
      font-weight: 700;
      font-size: 18px;
      line-height: 25px;
      letter-spacing: 0.15px;
      color: #2576b9; }
    #endGameModal .modal-content .btn #result {
      background: transparent;
      border: 1px solid #2576b9; }

.modal-register .modal-dialog {
  max-width: 576px;
  margin: auto;
  width: 100%; }
.modal-register form {
  min-width: 576px;
  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-register form {
      flex: 0 50%; } }
  @media only screen and (max-width: 767px) {
    .modal-register form {
      width: 100%;
      max-width: 560px;
      min-width: 560px; } }
  @media only screen and (max-width: 575px) {
    .modal-register form {
      min-width: unset;
      width: 100%; } }
  .modal-register form .title-form {
    margin: 0 auto;
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 0.25px;
    color: white;
    position: relative;
    z-index: 2;
    text-align: center;
    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;
    padding: 0 0 23px;
    margin-bottom: 34px; }
    @media only screen and (max-width: 991px) {
      .modal-register form .title-form {
        font-size: 30px;
        line-height: 44px; } }
    .modal-register form .title-form:after {
      position: absolute;
      content: "";
      width: 140%;
      height: 199%;
      top: -90%;
      left: -20%;
      z-index: -3;
      background: #ffd95c;
      border-radius: 50%; }
    .modal-register form .title-form span {
      color: #ffd95c; }
    .modal-register form .title-form .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; }
    .modal-register form .title-form .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; }
    .modal-register 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-register form .title-form .content-form {
          font-size: 16px;
          line-height: 140%; } }
  .modal-register 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-register form .input-group {
    padding: 0 0 24px;
    position: relative; }
    .modal-register 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-register form .input-group input::placeholder {
        color: #90a4ae; }
      .modal-register form .input-group input::-webkit-input-placeholder {
        color: #90a4ae; }
      .modal-register form .input-group input::-ms-input-placeholder {
        color: #90a4ae; }
    .modal-register 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(../images/icons/select-arrow-down.svg);
      background-size: 12px; }
      .modal-register form .input-group select::-webkit-scrollbar {
        width: 4px; }
      .modal-register form .input-group select::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .modal-register form .input-group select::-webkit-scrollbar-thumb {
        background: #888; }
      .modal-register form .input-group select::-webkit-scrollbar-thumb:hover {
        background: #555; }
      .modal-register form .input-group select:focus {
        border-color: #90a4ae !important;
        background-image: unset;
        background-size: unset;
        padding: 0; }
      .modal-register form .input-group select option {
        padding: 6px 0px;
        color: #000000;
        cursor: pointer; }
        .modal-register form .input-group select option.hiden {
          display: none; }
        .modal-register form .input-group select option:hover {
          background-color: #fcfcfc; }
      .modal-register form .input-group select optgroup {
        padding: 6px 20px; }
        .modal-register form .input-group select optgroup[label] {
          font-weight: normal;
          color: #2576b9; }
      .modal-register form .input-group select.temp-select {
        display: none; }
        .modal-register form .input-group select.temp-select.active {
          display: block; }
      .modal-register form .input-group select:disabled {
        border: 1px solid #90a4ae;
        color: #90a4ae;
        opacity: 1; }
      .modal-register form .input-group select.group-select {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .modal-register form .input-group select.group-select {
            width: 100%; } }
    .modal-register form .input-group [type="radio"]:checked,
    .modal-register form .input-group [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px; }
    .modal-register form .input-group [type="radio"]:not(:checked) + label {
      color: #90a4ae; }
    .modal-register form .input-group [type="radio"]:checked + label,
    .modal-register form .input-group [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      display: inline-block; }
    .modal-register form .input-group [type="radio"]:checked + label:before,
    .modal-register 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-register form .input-group [type="radio"]:checked + label:after,
    .modal-register 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-register form .input-group [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .modal-register form .input-group [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .modal-register form .input-group [type="checkbox"]:checked,
    .modal-register form .input-group [type="checkbox"]:not(:checked) {
      position: absolute;
      left: -9999px; }
    .modal-register form .input-group [type="checkbox"]:checked + label,
    .modal-register form .input-group [type="checkbox"]:not(:checked) + label {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      display: inline-block; }
    .modal-register form .input-group [type="checkbox"]:checked + label:before,
    .modal-register 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-register form .input-group [type="checkbox"]:checked + label:after,
    .modal-register 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-register form .input-group [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .modal-register form .input-group [type="checkbox"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .modal-register 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-register form .err.active {
      display: block; }
  .modal-register form .group-radio {
    text-align: left;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .modal-register form .group-radio {
        flex-direction: column;
        gap: 24px; } }
    .modal-register form .group-radio .input-group {
      padding: 0;
      width: 50%;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .modal-register form .group-radio .input-group {
          width: 100%;
          display: block; } }
      .modal-register form .group-radio .input-group input {
        display: inline-block;
        width: auto;
        margin-right: 8px; }
      .modal-register form .group-radio .input-group label {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.25px;
        font-family: "Montserrat";
        color: black; }
  .modal-register form .submit-form {
    padding-top: 24px;
    text-align: center; }
    .modal-register 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; }

.leadtool-thank {
  display: none; }
  .leadtool-thank.active {
    display: block; }

/*# sourceMappingURL=leadtool.css.map */