[class^="section-choose-"] {
  padding: 80px 0; }

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

@keyframes animateupDown {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes animateupDown {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes animateRotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.mainHeader {
  position: relative; }

@media (max-width: 991px) {
  .mainHeader {
    position: relative; } }

.section-breadcrumb {
  position: relative; }
  .section-breadcrumb .banner-img {
    text-align: center; }
  .section-breadcrumb .breadcrumb-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .section-breadcrumb .title {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 8px; }
  .section-breadcrumb .breadcrumb-shop {
    background: none;
    border: none; }
    .section-breadcrumb .breadcrumb-shop .container {
      padding: 0; }
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      padding: 0;
      justify-content: start;
      align-items: center; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li:before {
        content: "\f178";
        color: var(--shop-color-main); }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li a {
        color: var(--shop-color-main);
        font-weight: 600; }
  @media (max-width: 991px) {
    .section-breadcrumb .title {
      font-size: 40px; } }
  @media (max-width: 767px) {
    .section-breadcrumb .title {
      font-size: 30px; } }

.section-choose-why.has-bg {
  background-image: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose_why_bg_img.jpg?v=24);
  background-size: cover;
  background-position: center; }

.section-choose-why .heading-title .desc {
  color: rgba(29, 61, 50, 0.6);
  margin-top: 10px; }

.section-choose-why .list-content {
  display: flex;
  flex-flow: wrap;
  gap: 24px; }
  .section-choose-why .list-content .item {
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
    position: relative;
    overflow: hidden;
    padding: 0 30px;
    border-radius: 10px;
    min-height: 54px;
    display: flex;
    align-items: center; }
    .section-choose-why .list-content .item:before, .section-choose-why .list-content .item:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color); }
    .section-choose-why .list-content .item:before {
      opacity: 0.1; }
    .section-choose-why .list-content .item:after {
      /*opacity: 0;*/
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: scale(0, 1);
      -moz-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
      -o-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.5s; }
    .section-choose-why .list-content .item .title {
      position: relative;
      z-index: 1;
      font-size: 18px;
      font-weight: 600;
      padding-left: 30px;
      transition: 0.5s; }
      .section-choose-why .list-content .item .title:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 20px;
        height: 20px;
        background: var(--color);
        transition: 0.5s;
        -webkit-mask: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose-icon.png?v=24) center/contain;
        mask: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose-icon.png?v=24) center/contain;
        mask-repeat: no-repeat; }
    .section-choose-why .list-content .item:hover:after {
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .section-choose-why .list-content .item:hover .title {
      color: #fff; }
      .section-choose-why .list-content .item:hover .title:before {
        background: #fff; }

.section-choose-why .why-note {
  position: relative;
  padding-left: 25px;
  margin: 20px 0 0; }
  .section-choose-why .why-note:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: var(--shop-color-main);
    -webkit-mask: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose-star.png?v=24) center/contain;
    mask: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose-star.png?v=24) center/contain;
    mask-repeat: no-repeat; }

.section-choose-why .why-banner {
  position: relative;
  max-width: 505px;
  margin: 0 auto; }
  .section-choose-why .why-banner:before, .section-choose-why .why-banner:after {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat; }
  .section-choose-why .why-banner.has-icon1:before {
    background-image: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose_why_bg_img_1.jpg?v=24);
    width: 65px;
    height: 50px;
    top: 6%;
    left: 45%;
    animation: animateupDown 1.5s ease-in-out 1.8s forwards infinite alternate; }
  .section-choose-why .why-banner.has-icon2:after {
    background-image: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose_why_bg_img_2.jpg?v=24);
    width: 70px;
    height: 70px;
    top: 58%;
    left: 0;
    animation: animateRotateme 8s linear infinite; }
  .section-choose-why .why-banner .why-group {
    display: flex;
    flex-flow: wrap;
    padding-top: 40px; }
    .section-choose-why .why-banner .why-group .img {
      -ms-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%; }
      .section-choose-why .why-banner .why-group .img img {
        position: relative;
        width: 120%;
        max-width: max-content;
        border-radius: 50%;
        border: 10px solid var(--color); }
      .section-choose-why .why-banner .why-group .img--1 img {
        z-index: 2; }
      .section-choose-why .why-banner .why-group .img--2 img {
        z-index: 1;
        top: 15%; }
      .section-choose-why .why-banner .why-group .img--3 img {
        z-index: 3;
        top: -25%;
        left: 40%; }
  .section-choose-why .why-banner .why-num {
    position: absolute;
    bottom: 10%;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 10px 15px 30px;
    border-radius: 12px;
    background: var(--shop-color-bg);
    max-width: 50%;
    animation: animateupDown 1.5s ease-in-out 1.8s forwards infinite alternate; }
    .section-choose-why .why-banner .why-num .icon {
      flex: 0 0 36px; }
      .section-choose-why .why-banner .why-num .icon img {
        max-width: 36px; }
    .section-choose-why .why-banner .why-num .detail .title {
      font-size: 26px;
      font-weight: 600; }
    .section-choose-why .why-banner .why-num .detail .desc {
      color: rgba(29, 61, 50, 0.6); }

@media (min-width: 1200px) {
  .section-choose-why .why-content {
    padding-right: 80px; } }

@media (max-width: 991px) {
  .section-choose-why {
    /*.why-banner{text-align: center;}*/ }
    .section-choose-why .row {
      gap: 30px; }
    .section-choose-why .why-content .heading-title {
      text-align: center; }
      .section-choose-why .why-content .heading-title .title1 {
        justify-content: center; }
    .section-choose-why .why-content .btn-more {
      text-align: center;
      margin-top: 20px; } }

@media (max-width: 767px) {
  .section-choose-why .list-content {
    gap: 10px; }
    .section-choose-why .list-content .item {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0 10px;
      border-radius: 6px; }
      .section-choose-why .list-content .item .title {
        font-size: 14px;
        padding-left: 20px; }
        .section-choose-why .list-content .item .title:before {
          width: 15px;
          height: 15px; }
  .section-choose-why .why-note {
    padding-left: 20px;
    margin: 15px 0 0; }
    .section-choose-why .why-note:before {
      width: 12px;
      height: 12px; }
  .section-choose-why .why-banner.has-icon1:before {
    width: 40px;
    top: 10%; }
  .section-choose-why .why-banner.has-icon2:after {
    width: 45px;
    height: 45px; }
  .section-choose-why .why-banner .why-group .img img {
    border-width: 5px; }
  .section-choose-why .why-banner .why-num {
    gap: 8px;
    padding: 10px 5px 10px 15px; }
    .section-choose-why .why-banner .why-num .icon {
      flex: 0 0 25px; }
      .section-choose-why .why-banner .why-num .icon img {
        max-width: 25px; }
    .section-choose-why .why-banner .why-num .detail .title {
      font-size: 22px; } }

.section-choose-about.has-logo {
  padding-bottom: 0; }

.section-choose-about .about-content {
  padding: 60px; }
  .section-choose-about .about-content.has-bg {
    background-image: url(//cdn.hstatic.net/themes/200001089636/1001449500/14/choose_why_about_img.jpg?v=24);
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 12px; }
  .section-choose-about .about-content .heading-title .title1 {
    display: inline-flex;
    padding: 8px 20px 6px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    margin-bottom: 20px; }
  .section-choose-about .about-content .list-content {
    display: flex;
    flex-flow: wrap;
    gap: 20px; }
    .section-choose-about .about-content .list-content .item {
      padding: 6px 20px;
      background: var(--shop-color-bg);
      border-radius: 60px;
      font-size: 18px; }
      .section-choose-about .about-content .list-content .item .icon svg {
        fill: var(--shop-color-main);
        margin-top: -2px; }

.section-choose-about .counter-item {
  display: flex;
  flex-flow: wrap;
  gap: 24px; }
  .section-choose-about .counter-item > div {
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px); }
  .section-choose-about .counter-item:nth-child(2) {
    margin-top: 24px; }
  .section-choose-about .counter-item .item-banner {
    position: relative;
    overflow: hidden; }
    .section-choose-about .counter-item .item-banner:before {
      content: "";
      position: absolute;
      top: 0;
      left: -75%;
      z-index: 2;
      display: block;
      width: 50%;
      height: 100%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      transform: skewX(-25deg); }
    .section-choose-about .counter-item .item-banner img {
      border-radius: 12px; }
    .section-choose-about .counter-item .item-banner:hover:before {
      animation: animateShine 800ms; }
  .section-choose-about .counter-item .item-detail {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-flow: column;
    justify-content: center; }
    .section-choose-about .counter-item .item-detail:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color);
      opacity: 0.3; }
    .section-choose-about .counter-item .item-detail > div, .section-choose-about .counter-item .item-detail p {
      position: relative;
      z-index: 1; }
    .section-choose-about .counter-item .item-detail .icon {
      width: 90px;
      height: 90px;
      line-height: 90px;
      text-align: center;
      border-radius: 12px;
      background: var(--color); }
      .section-choose-about .counter-item .item-detail .icon img {
        max-width: 40px; }
    .section-choose-about .counter-item .item-detail .counter {
      font-size: 48px;
      font-weight: 600;
      margin: 15px 0 0;
      color: var(--shop-color-main); }

@media (min-width: 992px) {
  .section-choose-about .counter-item:nth-child(2) {
    flex-flow: row-reverse; } }

@media (max-width: 991px) {
  .section-choose-about .row {
    gap: 30px; }
  .section-choose-about .heading-title {
    text-align: center; }
    .section-choose-about .heading-title .title1 {
      justify-content: center; }
  .section-choose-about .btn-more {
    text-align: center;
    margin-top: 20px; }
  .section-choose-about .about-content .list-content {
    justify-content: center; } }

@media (max-width: 767px) {
  .section-choose-about .counter-item {
    gap: 15px; }
    .section-choose-about .counter-item > div {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .section-choose-about .counter-item .item-banner img {
      width: 100%; }
    .section-choose-about .counter-item .item-detail {
      align-items: center;
      text-align: center; }
      .section-choose-about .counter-item .item-detail .counter {
        font-size: 40px; }
      .section-choose-about .counter-item .item-detail .desc {
        text-align: center;
        font-size: 16px; }
  .section-choose-about .about-content {
    padding: 30px 15px; }
    .section-choose-about .about-content .list-content {
      gap: 15px; }
      .section-choose-about .about-content .list-content .item {
        font-size: 14px; } }

.section-choose-logo .logo-item img {
  border-radius: 16px; }

@media (max-width: 991px) {
  .section-choose-logo .heading-title {
    text-align: center; }
    .section-choose-logo .heading-title .title1 {
      justify-content: center; } }