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

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

.section-breadcrumb {
  position: relative;
  background-image: url(https://cdn.hstatic.net/files/200000920111/file/711abb8cf99c67d0ccc997c6c3ecbf51cfd4c3ca.jpg);
  background-size: cover;
  background-position: center;
  padding: 95px 0; }
  .section-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 41, 77, 0.7); }
  .section-breadcrumb .breadcrumb-shop {
    background: transparent;
    border: none;
    position: relative; }
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      display: flex;
      justify-content: start;
      color: #FAF9F6;
      font-size: 14px;
      letter-spacing: -0.1px;
      padding: 12px 0;
      font-weight: 300; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows span {
        font-weight: 300; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows strong {
        font-weight: 300; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a {
        color: #FAF9F6; }
        .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a:hover {
          color: var(--shop-color-main); }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li:before {
        color: #FAF9F6;
        margin-left: 8px;
        padding: 0; }
  .section-breadcrumb .breadcrumb-content {
    position: relative;
    color: #fff; }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 40px;
      margin-bottom: 0;
      font-weight: 600;
      font-family: "Avenir Next";
      letter-spacing: -0.7px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-breadcrumb {
      padding: 80px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 40px; } }
  @media (max-width: 991px) {
    .section-breadcrumb {
      padding: 60px 0;
      text-align: center; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
        justify-content: center; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 30px; } }
  @media (max-width: 767px) {
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      font-size: 12px; }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 24px; } }

.section-about-us-about1 .heading-title {
  margin-bottom: 16px; }

.section-about-us-about1 .btn-more {
  margin-top: 32px; }

.section-about-us-about1 .desc {
  font-weight: 300; }

.section-about-us-about1 .banner-video {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .section-about-us-about1 .banner-video video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media (min-width: 1200px) {
  .section-about-us-about1 .about-content {
    padding-right: 30px; } }

@media (max-width: 991px) {
  .section-about-us-about1 {
    text-align: center; }
    .section-about-us-about1 .row {
      gap: 20px; } }

.section-about-us-history {
  background: #EFF5FF;
  color: #333; }
  .section-about-us-history .heading-title {
    margin-bottom: 48px; }
  .section-about-us-history .about-us-history-list {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .section-about-us-history .about-us-history-list .history-item {
      border-radius: 4px;
      border: 1px solid #EBEBEB; }
      .section-about-us-history .about-us-history-list .history-item .history-head {
        display: flex;
        padding: 12px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        cursor: pointer;
        font-size: 24px;
        font-family: "Avenir Next";
        font-weight: 600; }
        .section-about-us-history .about-us-history-list .history-item .history-head span {
          display: inline-flex;
          gap: 8px; }
        .section-about-us-history .about-us-history-list .history-item .history-head .year {
          color: #ED1C2A; }
        .section-about-us-history .about-us-history-list .history-item .history-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-about-us-history .about-us-history-list .history-item .history-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-about-us-history .about-us-history-list .history-item .history-content {
        margin: 0 12px 12px;
        padding-top: 12px;
        display: none;
        overflow: hidden;
        border-top: 1px solid #EBEBEB; }
      .section-about-us-history .about-us-history-list .history-item.history-open .history-head .icon-plus {
        transform: rotate(180deg); }
        .section-about-us-history .about-us-history-list .history-item.history-open .history-head .icon-plus:after {
          opacity: 0; }
  @media (max-width: 991.98px) {
    .section-about-us-history .heading-title {
      margin-bottom: 32px; }
    .section-about-us-history .about-us-history-list .history-item .history-head {
      font-size: 18px; }
    .section-about-us-history .about-us-history-list .history-item .history-content {
      font-size: 14px; } }

.section-about-us-about2 {
  color: #ffffff; }
  .section-about-us-about2 .about-us-about2-list {
    border-radius: 8px !important;
    overflow: hidden; }
  .section-about-us-about2 .about-item {
    background: #253E80;
    display: flex;
    flex-wrap: wrap; }
    .section-about-us-about2 .about-item .item-img {
      flex: 0 0 50%;
      max-width: 50%;
      padding-top: calc((50% * 350) / 640);
      position: relative; }
      .section-about-us-about2 .about-item .item-img img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .section-about-us-about2 .about-item .item-detail {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 48px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
      .section-about-us-about2 .about-item .item-detail .icon {
        margin-bottom: 24px;
        background: rgba(250, 249, 246, 0.08);
        padding: 8px;
        width: 64px;
        height: 64px;
        border-radius: 4px;
        position: relative;
        transition: all 0.5s ease; }
        .section-about-us-about2 .about-item .item-detail .icon .icon-nothover {
          transition: all 0.5s ease; }
        .section-about-us-about2 .about-item .item-detail .icon .icon-hover {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: 8px;
          left: 8px;
          width: calc(100% - 16px);
          height: calc(100% - 16px);
          transition: all 0.5s ease; }
      .section-about-us-about2 .about-item .item-detail .title {
        font-family: "Avenir Next";
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 8px; }
      .section-about-us-about2 .about-item .item-detail .desc {
        margin: 0;
        font-weight: 300; }
      .section-about-us-about2 .about-item .item-detail:hover .icon {
        background: #FAF9F6; }
        .section-about-us-about2 .about-item .item-detail:hover .icon .icon-nothover {
          opacity: 0;
          visibility: hidden; }
        .section-about-us-about2 .about-item .item-detail:hover .icon .icon-hover {
          opacity: 1;
          visibility: visible; }
    .section-about-us-about2 .about-item:nth-child(2n+1) {
      flex-direction: row-reverse; }
  @media (max-width: 991px) {
    .section-about-us-about2 .row {
      gap: 20px; } }
  @media (max-width: 767px) {
    .section-about-us-about2 .about-item {
      gap: 15px; }
      .section-about-us-about2 .about-item .item-img {
        flex: 0 0 50px; }
      .section-about-us-about2 .about-item .item-detail .title {
        font-size: 18px;
        margin-bottom: 5px; } }

.section-about-us-blog.section-about-us-blog1 {
  background: #FAF9F6; }

.section-about-us-blog .heading-title {
  margin-bottom: 48px; }

@media (max-width: 991.98px) {
  .section-about-us-blog .heading-title {
    margin-bottom: 32px; } }