@charset "UTF-8";
[class^="section-home-"] {
  padding: 80px 0; }

@media (max-width: 991.98px) {
  [class^="section-home-"] {
    padding: 40px 0; } }

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none; } }

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none; } }

.section-home-slider {
  padding: 0; }
  .section-home-slider .slider-item {
    position: relative; }
    .section-home-slider .slider-item:before, .section-home-slider .slider-item:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .section-home-slider .slider-item:after {
      background-image: linear-gradient(130deg, #03132D 0%, #FFFFFF00 100%);
      opacity: 0.85; }
    .section-home-slider .slider-item .slide--content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      z-index: 1; }
      .section-home-slider .slider-item .slide--content .title1 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 4px;
        color: var(--shop-color-main);
        text-transform: uppercase; }
      .section-home-slider .slider-item .slide--content .title2 {
        font-size: 64px;
        line-height: 1.12;
        letter-spacing: -0.7px;
        margin-bottom: 24px;
        font-family: "Avenir Next", sans-serif; }
      .section-home-slider .slider-item .slide--content .desc {
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: -0.2px;
        color: #FAF9F6;
        margin-bottom: 24px; }
      .section-home-slider .slider-item .slide--content .btn-more .button {
        border-radius: 20px;
        padding: 8px 32px;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center; }
        .section-home-slider .slider-item .slide--content .btn-more .button:hover {
          border-color: #fff; }
          .section-home-slider .slider-item .slide--content .btn-more .button:hover svg path {
            stoke: var(--shop-color-button); }
  @media (min-width: 1200px) {
    .section-home-slider .slider-item .content-detail {
      width: 580px; } }
  @media (max-width: 991px) {
    .section-home-slider .slider-item {
      text-align: center; } }
  @media (max-width: 767.98px) {
    .section-home-slider .slider-item .slide--content .title1 {
      font-size: 14px; }
    .section-home-slider .slider-item .slide--content .title2 {
      font-size: 32px; }
    .section-home-slider .slider-item .slide--content .desc {
      font-size: 15px; }
    .section-home-slider .slider-item .slide--content .btn-more .button {
      padding: 8px 16px;
      font-size: 14px; } }
  @media (max-width: 480px) {
    .section-home-slider .slider-item .slide--content .title1 {
      font-size: 12px;
      margin-bottom: 5px; }
    .section-home-slider .slider-item .slide--content .title2 {
      font-size: 24px;
      margin-bottom: 10px; }
    .section-home-slider .slider-item .slide--content .desc {
      font-size: 14px; }
    .section-home-slider .slider-item .slide--content .btn-more {
      margin-top: 15px; }
    .section-home-slider .owl-carousel.owl-style .owl-dots {
      bottom: 8px; }
      .section-home-slider .owl-carousel.owl-style .owl-dots .owl-dot span {
        width: 5px;
        height: 5px; }
      .section-home-slider .owl-carousel.owl-style .owl-dots .owl-dot.active span {
        width: 10px; } }

.section-home-about2 .heading-title {
  max-width: 470px; }
  .section-home-about2 .heading-title .desc {
    color: #696868;
    margin: 0;
    font-weight: 300; }

.section-home-about2 .desc-check {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }
  .section-home-about2 .desc-check p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px; }
    .section-home-about2 .desc-check p span {
      font-family: "Avenir Next";
      font-weight: 600;
      line-height: 1.5;
      /* 150% */
      letter-spacing: -0.2px; }

.section-home-about2 .btn-more {
  margin-top: 32px; }

.section-home-about2 .home-about2-iframe {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .section-home-about2 .home-about2-iframe video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media (max-width: 991.98px) {
  .section-home-about2 {
    text-align: center; }
    .section-home-about2 .heading-title {
      margin: 0 auto 32px;
      max-width: 100%; } }

.section-home-counter {
  position: relative;
  background-size: cover;
  background-position: center;
  color: #333;
  background-color: lightgray;
  background-repeat: no-repeat; }
  .section-home-counter .list-counter {
    justify-content: center; }
    .section-home-counter .list-counter .counter-item .counter-icon {
      margin-bottom: 16px; }
      .section-home-counter .list-counter .counter-item .counter-icon img {
        width: 64px;
        height: 64px;
        aspect-ratio: 1/1; }
    .section-home-counter .list-counter .counter-item .counter-num {
      letter-spacing: -0.04375rem;
      line-height: 1;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      height: 2.5rem;
      font-size: 2.5rem;
      font-weight: 600;
      font-family: "Avenir Next", sans-serif; }
      .section-home-counter .list-counter .counter-item .counter-num > span {
        z-index: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: transform 2s ease;
        transform: translateY(0);
        line-height: 1; }
        .section-home-counter .list-counter .counter-item .counter-num > span span {
          flex: 0 0 100%;
          height: 100%; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(1) > span {
        transition-delay: 0s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(2) > span {
        transition-delay: 0.375s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(3) > span {
        transition-delay: 0.75s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(4) > span {
        transition-delay: 1.125s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(5) > span {
        transition-delay: 1.5s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(6) > span {
        transition-delay: 1.875s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(7) > span {
        transition-delay: 2.25s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(8) > span {
        transition-delay: 2.625s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(9) > span {
        transition-delay: 3s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(10) > span {
        transition-delay: 3.375s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(11) > span {
        transition-delay: 3.75s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(12) > span {
        transition-delay: 4.125s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(13) > span {
        transition-delay: 4.5s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(14) > span {
        transition-delay: 4.875s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(15) > span {
        transition-delay: 5.25s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(16) > span {
        transition-delay: 5.625s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(17) > span {
        transition-delay: 6s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(18) > span {
        transition-delay: 6.375s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(19) > span {
        transition-delay: 6.75s; }
      .section-home-counter .list-counter .counter-item .counter-num:nth-child(20) > span {
        transition-delay: 7.125s; }
    .section-home-counter .list-counter .counter-item .counter-title {
      font-family: "Avenir Next", sans-serif;
      font-weight: 600;
      margin: 0 0;
      letter-spacing: -0.2px; }
  @media (max-width: 991.98px) {
    .section-home-counter .list-counter {
      gap: 32px 0; } }
  @media (max-width: 767.98px) {
    .section-home-counter .list-counter .counter-item .counter-num {
      height: 2.5rem;
      font-size: 2.5rem; }
    .section-home-counter .list-counter .counter-item .counter-title {
      margin: 0px 0 0; } }

.section-home-daotao .container {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  flex-direction: column; }

.section-home-daotao .heading-title {
  max-width: 624px;
  margin: 0 auto; }

.section-home-daotao .list-daotao {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0; }
  .section-home-daotao .list-daotao .item {
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #EBEBEB;
    padding: 32px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 25%;
    max-width: 25%;
    overflow: hidden;
    /* để ẩn phần nền tràn ra ngoài */
    position: relative;
    z-index: 1;
    background-color: #253E80;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .section-home-daotao .list-daotao .item * {
      position: relative;
      z-index: 1;
      transition: color 0.3s ease; }
    .section-home-daotao .list-daotao .item .title {
      font-family: "Avenir Next";
      font-size: 24px;
      font-weight: 600;
      letter-spacing: -0.5px; }
    .section-home-daotao .list-daotao .item .des {
      color: #9A9A9A;
      font-family: 'Lexend';
      font-size: 14px;
      font-weight: 300;
      letter-spacing: -0.1px; }
    .section-home-daotao .list-daotao .item .action a {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      font-family: 'Lexend';
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.1px;
      align-items: center; }
    @media (min-width: 1200px) {
      .section-home-daotao .list-daotao .item:before {
        content: '';
        display: block;
        background-color: #fff;
        position: absolute;
        left: -2px;
        top: 0;
        right: -2px;
        bottom: 0;
        z-index: -1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      .section-home-daotao .list-daotao .item:hover:before {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); }
      .section-home-daotao .list-daotao .item:hover .title {
        color: #fff; }
      .section-home-daotao .list-daotao .item:hover .action a {
        color: #fff; }
        .section-home-daotao .list-daotao .item:hover .action a svg path {
          stroke: #fff; } }

.section-home-daotao .viewmore {
  text-align: center; }

@media (max-width: 991.98px) {
  .section-home-daotao .container {
    gap: 32px; }
  .section-home-daotao .list-daotao .item {
    padding: 16px;
    flex: 0 0 50%;
    max-width: 50%;
    background: #fff; } }

.section-home-brand {
  position: relative;
  background-size: cover;
  background-position: center;
  color: #333;
  background-color: #EFF5FF;
  background-repeat: no-repeat; }
  .section-home-brand .home-brand-slider .slick:not(.slick-initialized) {
    display: flex;
    overflow: hidden; }
    .section-home-brand .home-brand-slider .slick:not(.slick-initialized) .slick-slide {
      flex: 0 0 16.6666667%;
      max-width: 16.6666667%; }
  .section-home-brand .home-brand-slider .slick-slide {
    display: flex;
    padding: 8px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }
    .section-home-brand .home-brand-slider .slick-slide .inner {
      padding: 0 16px; }
    .section-home-brand .home-brand-slider .slick-slide img {
      width: 148px;
      height: 50px;
      flex-shrink: 0;
      aspect-ratio: 74/25;
      object-fit: contain; }

.section-home-review {
  padding: 0; }
  .section-home-review .container-fluid {
    padding: 0; }
  .section-home-review .home-review-banner {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: calc((50% / 720) * 525);
    position: relative; }
    .section-home-review .home-review-banner img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .section-home-review .home-review-banner:after {
      background: linear-gradient(289deg, rgba(2, 30, 64, 0) 0%, rgba(2, 30, 64, 0.5) 100%);
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  .section-home-review .home-review-wrap {
    background: #253E80;
    padding: 0 80px;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    flex-shrink: 0; }
  .section-home-review .heading-title {
    margin-bottom: 0px; }
    .section-home-review .heading-title .title2 {
      color: #FAF9F6;
      margin: 0; }
  .section-home-review .review-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch; }
    .section-home-review .review-item .review-item-desc {
      padding: 16px;
      border-radius: 4px 4px 4px 0;
      background: #FAF9F6;
      position: relative;
      margin-bottom: 20px; }
      .section-home-review .review-item .review-item-desc:after {
        position: absolute;
        content: '';
        top: 100%;
        left: 0;
        border-top: 20px solid #FAF9F6;
        border-right: 20px solid transparent; }
    .section-home-review .review-item .review-item-detail {
      display: flex;
      align-items: center;
      gap: 16px; }
      .section-home-review .review-item .review-item-detail .avatar {
        width: 48px;
        height: 48px; }
      .section-home-review .review-item .review-item-detail .review-item-detail-wrap {
        display: flex;
        flex-direction: column; }
        .section-home-review .review-item .review-item-detail .review-item-detail-wrap .name {
          color: #FAF9F6;
          font-family: "Avenir Next";
          font-size: 18px;
          font-weight: 600;
          letter-spacing: -0.2px; }
        .section-home-review .review-item .review-item-detail .review-item-detail-wrap .position {
          color: #FAF9F6;
          font-size: 14px;
          font-weight: 300;
          letter-spacing: -0.1px; }
  .section-home-review .list-review:not(.owl-loaded) {
    display: flex;
    overflow: hidden; }
    .section-home-review .list-review:not(.owl-loaded) .review-item {
      flex: 0 0 100%;
      max-width: 100%; }
  .section-home-review .list-review .owl-item {
    overflow: hidden; }
  .section-home-review .list-review .owl-nav {
    margin-top: 32px;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end; }
    .section-home-review .list-review .owl-nav button {
      display: flex;
      width: 32px;
      height: 32px;
      padding: 8px 32px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 20px;
      background: #ED1C2A; }
  @media (max-width: 991.98px) {
    .section-home-review .home-review-banner {
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: calc((100% / 720) * 525); }
    .section-home-review .home-review-wrap {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 40px; } }

.section-home-faq {
  background: #EFF5FF;
  color: #333; }
  .section-home-faq .home-faq-list {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .section-home-faq .home-faq-list .faq-item {
      border-radius: 4px;
      border: 1px solid #EBEBEB; }
      .section-home-faq .home-faq-list .faq-item .faq-head {
        display: flex;
        padding: 12px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500; }
        .section-home-faq .home-faq-list .faq-item .faq-head .icon-plus {
          width: 14px;
          height: 3px;
          background: #333;
          position: relative;
          transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
          border-radius: 10px; }
          .section-home-faq .home-faq-list .faq-item .faq-head .icon-plus:after {
            content: "";
            width: 14px;
            transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
            transition-delay: 0.1s;
            height: 3px;
            position: absolute;
            opacity: 1;
            background: #333;
            left: 50%;
            transform: translateX(-50%) rotate(90deg);
            border-radius: 10px; }
      .section-home-faq .home-faq-list .faq-item .faq-content {
        margin: 0 12px 12px;
        padding-top: 12px;
        display: none;
        overflow: hidden;
        border-top: 1px solid #EBEBEB; }
      .section-home-faq .home-faq-list .faq-item.faq-open .faq-head .icon-plus {
        transform: rotate(180deg); }
        .section-home-faq .home-faq-list .faq-item.faq-open .faq-head .icon-plus:after {
          opacity: 0; }
  @media (max-width: 991.98px) {
    .section-home-faq .home-faq-list .faq-item .faq-head {
      font-size: 16px; }
    .section-home-faq .home-faq-list .faq-item .faq-content {
      font-size: 14px; } }

.section-home-blog .nav-tabs {
  justify-content: center;
  border: 0;
  gap: 8px;
  margin-bottom: 48px; }
  .section-home-blog .nav-tabs .nav-item .nav-link {
    border-radius: 4px;
    border: 1px solid #253E80;
    color: #253E80;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.1px;
    padding: 8px 16px;
    display: block; }
    .section-home-blog .nav-tabs .nav-item .nav-link.active, .section-home-blog .nav-tabs .nav-item .nav-link:hover {
      background: #253E80;
      color: #fff; }

.section-home-blog .tab-pane .viewmore {
  margin-top: 48px; }

@media (max-width: 991.98px) {
  .section-home-blog .nav-tabs {
    white-space: nowrap;
    overflow: auto;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    justify-content: flex-start;
    margin-bottom: 32px; }
    .section-home-blog .nav-tabs .nav-item {
      display: inline-block; } }

.section-home-form {
  position: relative;
  background-image: url(https://cdn.hstatic.net/files/200000920111/file/12e428e0998316a6841f644e6991b461febcdf80.jpg);
  background-size: cover;
  background-position: center;
  padding: 0; }
  .section-home-form:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #253E80;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-clip: border-box;
    opacity: 0.85; }
  .section-home-form .container {
    position: relative;
    z-index: 9; }
  .section-home-form .home-form-wrap .home-form-banner {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    display: flex; }
    .section-home-form .home-form-wrap .home-form-banner img {
      max-width: 400px;
      margin: 0 auto; }
  .section-home-form .home-form-wrap .home-form-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 80px 0; }
    .section-home-form .home-form-wrap .home-form-content .heading-title .title2 {
      color: #fff; }
    .section-home-form .home-form-wrap .home-form-content .heading-title:after {
      margin: 0;
      background: #fff; }
  @media (max-width: 991.98px) {
    .section-home-form .home-form-wrap .home-form-banner {
      flex: 0 0 100%;
      max-width: 100%; }
    .section-home-form .home-form-wrap .home-form-content {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 32px 0; } }