@font-face {
  font-family: font-main;
  src: url("../font/Montserrat-Regular.ttf") format("truetype"); }
@font-face {
  font-family: mont-bold;
  src: url("../font/Montserrat-Bold.ttf") format("truetype"); }
@font-face {
  font-family: simple-line-icon;
  src: url("../font/Simple-Line-Icons.ttf") format("truetype"); }
:root {
  --vinamat-primary: #21338B;
  --vinamat-primary-dark: #16245F;
  --vinamat-primary-light: #E8ECFF;
  --vinamat-accent: #D11E26;
  --vinamat-text: #1F2937;
  --vinamat-muted: #6B7280;
  --vinamat-border: #E5E7EB;
  --vinamat-bg-light: #F5F6FA;
  --vinamat-white: #FFFFFF;
  --vinamat-font-main: 'Roboto', Arial, sans-serif;
  --vinamat-text-xs: 12px;
  --vinamat-text-sm: 14px;
  --vinamat-text-base: 16px;
  --vinamat-text-md: 18px;
  --vinamat-text-lg: 20px;
  --vinamat-h1: clamp(40px, 4.2vw, 64px);
  --vinamat-h2: clamp(32px, 3.2vw, 48px);
  --vinamat-h3: clamp(24px, 2.2vw, 36px);
  --vinamat-h4: 24px;
  --vinamat-lh-tight: 1.15;
  --vinamat-lh-heading: 1.25;
  --vinamat-lh-body: 1.7;
  --vinamat-fw-light: 300;
  --vinamat-fw-regular: 400;
  --vinamat-fw-medium: 500;
  --vinamat-fw-semibold: 700;
  --vinamat-fw-bold: 900; }

* {
  margin: 0;
  padding: 0; }

body {
  overflow-x: hidden;
  font-family: var(--vinamat-font-main); }
  body header {
    position: absolute;
    z-index: 100;
    top: 40px;
    left: 0;
    right: 0; }
    body header .header-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 85%;
      margin: 0 auto; }
      body header .header-wrapper picture {
        overflow: hidden;
        width: 213px;
        height: 55px;
        position: relative;
        display: block; }
        body header .header-wrapper picture img {
          position: absolute;
          height: 100%;
          width: 100%;
          object-fit: contain;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      body header .header-wrapper .tab-menu {
        position: relative;
        display: none; }
        body header .header-wrapper .tab-menu::before {
          position: absolute;
          content: "\e601";
          font-family: simple-line-icon;
          color: #fff;
          font-size: 22px;
          cursor: pointer;
          pointer-events: none; }
        body header .header-wrapper .tab-menu .tab-menu-btn {
          width: 22px;
          background: none;
          border: none;
          height: 100%; }
      body header .header-wrapper .menu {
        display: flex;
        gap: 60px; }
        body header .header-wrapper .menu ul {
          display: flex;
          list-style: none;
          gap: 40px;
          margin: 0; }
          body header .header-wrapper .menu ul li {
            position: relative;
            padding-bottom: 0; }
            body header .header-wrapper .menu ul li:hover .menu-dropdown {
              display: block; }
            body header .header-wrapper .menu ul li span {
              position: relative;
              width: 12px; }
              body header .header-wrapper .menu ul li span::before {
                content: "\e604";
                font-family: simple-line-icon;
                font-size: 12px;
                position: absolute;
                right: -20px;
                color: #fff;
                top: 50%;
                transform: translateY(-50%); }
            body header .header-wrapper .menu ul li .menu-dropdown {
              position: absolute;
              width: 245px;
              display: none;
              left: -25px;
              background-color: #fff;
              border-radius: 10px;
              -webkit-transition: all .6s ease-in-out;
              transition: all .6s ease-in-out; }
              body header .header-wrapper .menu ul li .menu-dropdown li {
                padding: 13px 20px;
                border-bottom: 1px solid rgba(229, 231, 235, 0.55); }
                body header .header-wrapper .menu ul li .menu-dropdown li:last-child {
                  border-bottom: none; }
                body header .header-wrapper .menu ul li .menu-dropdown li::before {
                  display: none; }
                body header .header-wrapper .menu ul li .menu-dropdown li:nth-last-child(1) {
                  display: block; }
                body header .header-wrapper .menu ul li .menu-dropdown li a {
                  color: var(--vinamat-text);
                  font-size: 14px;
                  font-family: var(--vinamat-font-main); }
            body header .header-wrapper .menu ul li a {
              color: #fff;
              font-size: 18px;
              text-decoration: none;
              font-family: var(--vinamat-font-main); }
          body header .header-wrapper .menu ul .active a {
            color: var(--vinamat-accent); }
          body header .header-wrapper .menu ul .search-mobie {
            display: none;
            margin-top: 20px; }
            body header .header-wrapper .menu ul .search-mobie form {
              display: flex;
              gap: 10px;
              background-color: var(--vinamat-bg-light);
              padding: 10px 20px;
              border-radius: 10px; }
              body header .header-wrapper .menu ul .search-mobie form picture {
                width: 24px;
                height: 24px; }
              body header .header-wrapper .menu ul .search-mobie form input {
                outline: none;
                border: none;
                background: none;
                color: var(--vinamat-text);
                font-size: 16px;
                font-family: var(--vinamat-font-main); }
                body header .header-wrapper .menu ul .search-mobie form input::placeholder {
                  color: var(--vinamat-text);
                  font-size: 16px;
                  font-family: var(--vinamat-font-main); }
          body header .header-wrapper .menu ul .language-mobie {
            display: none;
            margin-top: 20px;
            position: relative; }
            body header .header-wrapper .menu ul .language-mobie span {
              font-size: 16px;
              color: var(--vinamat-text);
              font-family: var(--vinamat-font-main);
              cursor: pointer; }
            body header .header-wrapper .menu ul .language-mobie .language-mobie-wrapper {
              display: flex;
              gap: 10px;
              align-items: center; }
              body header .header-wrapper .menu ul .language-mobie .language-mobie-wrapper picture {
                width: 24px;
                height: 24px; }
                body header .header-wrapper .menu ul .language-mobie .language-mobie-wrapper picture img {
                  filter: brightness(0.5); }
            body header .header-wrapper .menu ul .language-mobie .language-mobie-list {
              position: absolute;
              top: 30px;
              left: 35px;
              display: none; }
            body header .header-wrapper .menu ul .language-mobie .show {
              display: block; }
      body header .header-wrapper .language {
        display: flex;
        align-items: center;
        gap: 10px; }
        body header .header-wrapper .language span {
          color: #fff;
          font-size: 18px;
          cursor: pointer;
          font-family: var(--vinamat-font-main); }
          body header .header-wrapper .language span:nth-child(1) {
            position: relative;
            padding-right: 20px; }
        body header .header-wrapper .language .language-drop {
          display: none;
          position: absolute; }
        body header .header-wrapper .language .show {
          display: block; }
        body header .header-wrapper .language .search {
          position: relative; }
          body header .header-wrapper .language .search button {
            border: none;
            background: none;
            cursor: pointer; }
          body header .header-wrapper .language .search form {
            position: absolute;
            left: -60px;
            bottom: -45px;
            display: none; }
            body header .header-wrapper .language .search form input {
              border: none;
              outline: none;
              font-size: 14px;
              font-family: var(--vinamat-font-main);
              padding: 10px;
              border-radius: 10px; }
          body header .header-wrapper .language .search .close-search {
            display: none; }
            body header .header-wrapper .language .search .close-search picture img {
              filter: contrast(0.01);
              width: 20px;
              height: 20px; }
        body header .header-wrapper .language picture {
          width: 24px;
          height: 24px;
          position: relative;
          overflow: hidden;
          display: block; }
          body header .header-wrapper .language picture img {
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            object-fit: contain; }
      body header .header-wrapper .social {
        display: flex;
        gap: 10px; }
        body header .header-wrapper .social picture {
          width: 40px;
          height: 40px;
          position: relative;
          overflow: hidden;
          display: block; }
          body header .header-wrapper .social picture img {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            object-fit: contain; }
        body header .header-wrapper .social a i {
          font-size: 24px; }
      body header .header-wrapper .overlay-header {
        height: 100%;
        background: var(--vinamat-text);
        opacity: 0.8;
        width: 100%;
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 101; }
      body header .header-wrapper .action {
        display: block; }
  body .header_2 {
    position: unset;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px #0000001A; }
    body .header_2 .header-wrapper-2 {
      padding: 10px 0; }
      body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link {
        position: relative;
        padding: 40px 0; }
        body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link:hover .menu-dropdown {
          display: block; }
        body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link .menu-dropdown {
          position: absolute;
          top: 84px;
          width: 220px;
          left: 0;
          background: #FFFFFF;
          display: none;
          z-index: 2;
          padding: 10px 20px; }
          body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link .menu-dropdown li {
            margin-bottom: 10px; }
            body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link .menu-dropdown li:hover a {
              color: var(--vinamat-accent); }
            body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link .menu-dropdown li a {
              color: var(--vinamat-text); }
      body .header_2 .header-wrapper-2 .header-content .md-logo a {
        text-decoration: none; }
        body .header_2 .header-wrapper-2 .header-content .md-logo a picture {
          width: 100%;
          height: 0;
          padding-top: calc(0.421052 * 100%);
          position: relative;
          overflow: hidden;
          display: block; }
          body .header_2 .header-wrapper-2 .header-content .md-logo a picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain; }
  body .header_vx {
    padding: 15px 0;
    position: relative;
    top: 0; }
    body .header_vx .header-top {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body .header_vx .header-top .logo a figure {
        margin: 0; }
      body .header_vx .header-top .content {
        display: flex;
        align-items: center;
        gap: 45px; }
        body .header_vx .header-top .content figure {
          margin: 0; }
        body .header_vx .header-top .content .search {
          padding: 15px 20px;
          display: flex;
          align-items: center;
          gap: 10px;
          border-radius: 10px;
          background: #FFF;
          box-shadow: 0px 36px 72px 0px rgba(0, 0, 0, 0.04);
          width: 395px; }
          body .header_vx .header-top .content .search input {
            border: none;
            outline: none;
            background: none;
            font-size: 14px;
            line-height: 22px;
            color: var(--vinamat-muted);
            width: 100%;
            font-family: var(--vinamat-font-main); }
            body .header_vx .header-top .content .search input::placeholder {
              font-family: var(--vinamat-font-main);
              font-size: 14px;
              line-height: 22px;
              color: var(--vinamat-muted); }
        body .header_vx .header-top .content .address {
          display: flex;
          align-items: center;
          gap: 10px;
          max-width: 340px;
          margin-left: 105px; }
          body .header_vx .header-top .content .address .text p {
            color: var(--vinamat-primary);
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-family: var(--vinamat-font-main); }
        body .header_vx .header-top .content .phone {
          display: flex;
          align-items: center;
          gap: 10px; }
          body .header_vx .header-top .content .phone .text p {
            color: var(--vinamat-primary);
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-family: var(--vinamat-font-main); }
      body .header_vx .header-top .nav-bar-menu {
        display: none;
        position: relative;
        width: 26px;
        height: 24px; }
        body .header_vx .header-top .nav-bar-menu span {
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 1px;
          background: var(--vinamat-text); }
          body .header_vx .header-top .nav-bar-menu span:nth-child(1) {
            top: 0; }
          body .header_vx .header-top .nav-bar-menu span:nth-child(2) {
            top: 50%;
            transform: translateY(-50%); }
          body .header_vx .header-top .nav-bar-menu span:nth-child(3) {
            bottom: 0; }
    body .header_vx .menu-content {
      position: absolute;
      bottom: -35px;
      width: 100%;
      right: 0;
      z-index: 3; }
      body .header_vx .menu-content .menu ul {
        display: flex;
        justify-content: flex-end;
        width: fit-content;
        align-items: center;
        list-style: none;
        margin: 0;
        margin-left: auto;
        padding: 0;
        gap: 100px;
        position: relative; }
        body .header_vx .menu-content .menu ul li {
          position: relative;
          padding: 15px 0; }
          body .header_vx .menu-content .menu ul li:hover .menu-dropdown {
            opacity: 1; }
          body .header_vx .menu-content .menu ul li a {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 18px;
            line-height: 22px;
            text-transform: uppercase;
            font-weight: 400;
            font-family: var(--vinamat-font-main); }
          body .header_vx .menu-content .menu ul li .menu-dropdown {
            position: absolute;
            top: 50px;
            padding: 15px 20px;
            min-width: 250px;
            transition: opacity .25s,visibility .25s;
            z-index: 9;
            opacity: 0;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            gap: 10px;
            background: #FFFFFF;
            align-items: start; }
            body .header_vx .menu-content .menu ul li .menu-dropdown li {
              padding: 0; }
              body .header_vx .menu-content .menu ul li .menu-dropdown li a {
                color: var(--vinamat-text);
                text-transform: capitalize; }
        body .header_vx .menu-content .menu ul .wrap-menu {
          position: absolute;
          left: -90px;
          right: calc((1120px - 100vw)/2);
          top: 0;
          bottom: -20px;
          overflow: hidden;
          pointer-events: none; }
          body .header_vx .menu-content .menu ul .wrap-menu .bg-menu {
            border-radius: 16px 0px 0px 16px;
            background: var(--vinamat-primary);
            width: 500%;
            content: "";
            left: 55px;
            bottom: 20px;
            height: auto;
            right: 1px;
            top: 0;
            position: absolute;
            z-index: -1; }
      body .header_vx .menu-content .close-menu {
        display: none;
        position: absolute;
        top: 20px;
        right: 20px; }
        body .header_vx .menu-content .close-menu span::before {
          content: "\e082";
          font-family: simple-line-icon;
          font-size: 24px;
          color: var(--vinamat-text); }
  body .fixed-menu {
    top: 0;
    position: fixed; }
  body .pockup-email {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    background: #fff;
    width: 670px;
    text-align: center;
    padding: 100px 0;
    box-shadow: 0px 4px 4px 0px #0000000F;
    border-radius: 25px; }
    body .pockup-email h3 {
      font-size: 24px;
      font-family: var(--vinamat-font-main);
      margin: 0;
      color: var(--vinamat-primary-dark); }
    body .pockup-email p {
      font-size: 16px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-primary-dark);
      margin: 15px 0; }
    body .pockup-email form {
      width: 60%;
      margin: 0 auto; }
      body .pockup-email form .wpcf7-form-control-wrap input {
        background: var(--vinamat-bg-light);
        border-radius: 10px;
        color: var(--vinamat-text);
        width: 75%;
        padding: 15px 30px;
        font-size: 16px;
        font-family: var(--vinamat-font-main);
        line-height: 24px;
        border: none;
        outline: none; }
      body .pockup-email form .wpcf7-submit {
        background: var(--vinamat-accent);
        border-radius: 340px;
        color: #fff;
        margin-top: 25px;
        padding: 15px 65px;
        font-size: 16px;
        font-family: var(--vinamat-font-main);
        line-height: 24px;
        border: none;
        outline: none; }
    body .pockup-email .close-pockup {
      position: absolute;
      top: 10%;
      right: 10%;
      cursor: pointer; }
  body .active-pockup {
    display: block; }
  body .answer-search {
    margin: 100px auto; }
    body .answer-search h3 {
      font-size: 32px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-primary-dark);
      margin: 0; }
    body .answer-search .filter {
      display: flex;
      gap: 20px;
      list-style: none;
      margin: 40px auto;
      padding: 0; }
      body .answer-search .filter li {
        font-size: 16px;
        color: #000000;
        font-family: var(--vinamat-font-main);
        text-decoration: none;
        cursor: pointer; }
      body .answer-search .filter .active {
        color: var(--vinamat-accent); }
    body .answer-search .answer-search-wrapper .answer-search-wrapper-child {
      box-shadow: 0px 4px 20px 0px #0000000D;
      border-radius: 10px;
      background: #fff;
      padding: 10px 20px;
      margin-bottom: 20px; }
      body .answer-search .answer-search-wrapper .answer-search-wrapper-child h4 {
        font-size: 20px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        margin-top: 0; }
      body .answer-search .answer-search-wrapper .answer-search-wrapper-child ul {
        list-style: none;
        margin-left: 20px;
        padding: 0;
        margin-top: 20px; }
        body .answer-search .answer-search-wrapper .answer-search-wrapper-child ul li {
          margin-bottom: 15px; }
          body .answer-search .answer-search-wrapper .answer-search-wrapper-child ul li a {
            text-decoration: none;
            color: #000000;
            font-size: 16px;
            font-family: var(--vinamat-font-main);
            width: unset;
            padding: unset;
            text-align: left;
            border: none; }
      body .answer-search .answer-search-wrapper .answer-search-wrapper-child a {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-decoration: none;
        font-size: 18px;
        text-align: center;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        border: 1px solid var(--vinamat-muted);
        border-radius: 30px; }
  body .slide {
    overflow: hidden;
    margin-bottom: 0 !important; }
    body .slide .slider-multiple {
      position: relative; }
      body .slide .slider-multiple picture {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 0;
        padding-top: calc(0.320312 * 100%); }
        body .slide .slider-multiple picture img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      body .slide .slider-multiple .text-slider {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        color: var(--vinamat-primary);
        text-align: start;
        margin-left: 60px; }
        body .slide .slider-multiple .text-slider h3 {
          font-size: 40px;
          line-height: 70px;
          text-transform: uppercase;
          font-family: var(--vinamat-font-main); }
        body .slide .slider-multiple .text-slider h4 {
          font-size: 16px;
          line-height: 43px;
          font-family: var(--vinamat-font-main); }
    body .slide .slick-dots {
      bottom: 45%;
      left: 20%;
      display: flex;
      align-items: center;
      gap: 10px; }
      body .slide .slick-dots li {
        width: unset;
        height: unset; }
        body .slide .slick-dots li button {
          border-radius: 50%;
          background-color: var(--vinamat-primary);
          width: 7.5px;
          height: 7.5px;
          padding: 0; }
          body .slide .slick-dots li button::before {
            content: ""; }
      body .slide .slick-dots .slick-active {
        padding: 3px 8px;
        border: 1px solid var(--vinamat-primary);
        border-radius: 30px; }
        body .slide .slick-dots .slick-active button {
          width: 10px; }
    body .slide .slick-prev {
      left: 60px;
      top: unset;
      bottom: unset;
      top: 45%;
      transform: translateY(-50%);
      z-index: 1; }
      body .slide .slick-prev::before {
        content: "\e605"; }
    body .slide .slick-next {
      right: 60px;
      bottom: unset;
      top: 45%;
      transform: translateY(-50%);
      z-index: 1; }
      body .slide .slick-next::before {
        content: "\e606"; }
    body .slide .slick-prev, body .slide .slick-next {
      width: 50px;
      height: 50px;
      border: 1px solid var(--vinamat-text);
      border-radius: 50%; }
      body .slide .slick-prev::before, body .slide .slick-next::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--vinamat-text);
        font-family: simple-line-icon;
        font-size: 18px; }
  body .slick-slider {
    margin-bottom: 0; }
  body .activity {
    text-align: center;
    margin: 0 auto;
    padding: 50px 0; }
    body .activity h3 {
      font-size: 40px;
      line-height: 50px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-text);
      margin: 0;
      padding-bottom: 20px;
      position: relative;
      text-transform: uppercase; }
      body .activity h3 span {
        color: var(--vinamat-accent);
        position: unset;
        padding-bottom: 0; }
        body .activity h3 span::before {
          display: none; }
      body .activity h3::before {
        content: "";
        width: 100px;
        height: 2px;
        background-color: var(--vinamat-accent);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translatex(-50%); }
    body .activity p {
      width: 50%;
      font-size: 18px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      margin: 30px auto; }
    body .activity .activity-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px; }
      body .activity .activity-wrapper .activity-child {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer; }
        body .activity .activity-wrapper .activity-child:hover::before {
          height: 100%;
          bottom: 0;
          top: unset;
          transition: all .8s ease-in-out; }
        body .activity .activity-wrapper .activity-child:hover img {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05); }
        body .activity .activity-wrapper .activity-child:hover .text {
          bottom: 50%;
          transform: translateY(50%);
          transition: all .8s ease-in-out; }
          body .activity .activity-wrapper .activity-child:hover .text p {
            display: block; }
        body .activity .activity-wrapper .activity-child .text {
          bottom: 45px;
          left: 35px;
          right: 35px;
          position: absolute;
          z-index: 2;
          transition: all .8s ease-in-out; }
          body .activity .activity-wrapper .activity-child .text h4 {
            color: #fff;
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
            font-family: var(--vinamat-font-main); }
          body .activity .activity-wrapper .activity-child .text p {
            width: 100%;
            margin: 10px 0 0;
            color: #fff;
            font-size: 16px;
            font-family: var(--vinamat-font-main);
            display: none; }
        body .activity .activity-wrapper .activity-child::before {
          content: "";
          height: 30%;
          width: 100%;
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: var(--vinamat-text);
          opacity: 0.8;
          pointer-events: none;
          border-radius: 10px;
          transition: all .8s ease-in-out;
          z-index: 1; }
        body .activity .activity-wrapper .activity-child picture {
          display: none;
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 0;
          padding-top: calc(1.193442 * 100%); }
          body .activity .activity-wrapper .activity-child picture:first-child {
            display: block; }
          body .activity .activity-wrapper .activity-child picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all .8s ease-in-out;
            -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
            -o-object-fit: cover; }
  body .company {
    background: url("../img/img%2014.png") no-repeat;
    background-size: contain;
    padding-top: 110px;
    position: relative;
    margin: 50px auto;
    overflow: hidden; }
    body .company .company-content .slider-content {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      margin-left: 50px; }
      body .company .company-content .slider-content picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.603070 * 100%);
        max-width: 912px;
        max-height: 550px;
        border-radius: 10px; }
        body .company .company-content .slider-content picture a::before {
          content: "";
          width: 100px;
          height: 100px;
          background-color: #FFFFFFCC;
          position: absolute;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          z-index: 2;
          border-radius: 50%; }
        body .company .company-content .slider-content picture a::after {
          content: "";
          width: 150px;
          height: 150px;
          background: #FFFFFF80;
          position: absolute;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          z-index: 1;
          border-radius: 50%; }
        body .company .company-content .slider-content picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: cover;
          width: 100%;
          height: 100%;
          border-radius: 10px; }
        body .company .company-content .slider-content picture .icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 50px;
          width: 50%;
          bottom: unset;
          right: unset;
          object-fit: unset;
          z-index: 3; }
      body .company .company-content .slider-content .about-us {
        width: 80%;
        margin: 0 auto; }
        body .company .company-content .slider-content .about-us h3 {
          font-size: 40px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          margin: 0;
          width: 70%;
          line-height: 50px;
          text-transform: uppercase;
          padding-bottom: 20px;
          position: relative; }
          body .company .company-content .slider-content .about-us h3::before {
            content: "";
            width: 100px;
            height: 2px;
            background-color: var(--vinamat-accent);
            position: absolute;
            bottom: 0; }
        body .company .company-content .slider-content .about-us p {
          margin: 0;
          font-size: 18px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          width: 63%;
          padding-top: 20px; }
          body .company .company-content .slider-content .about-us p:first-child {
            font-size: 16px;
            color: var(--vinamat-accent);
            margin-bottom: 5px;
            text-transform: uppercase;
            padding-top: unset; }
    body .company .company-thumb {
      position: absolute;
      bottom: 0;
      right: -80px;
      width: 48%; }
      body .company .company-thumb .slider-thumb {
        margin-right: 20px; }
        body .company .company-thumb .slider-thumb picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.609756 * 100%); }
          body .company .company-thumb .slider-thumb picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            cursor: pointer; }
  body .quality {
    text-align: center; }
    body .quality h3 {
      font-size: 40px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase;
      padding-bottom: 20px;
      position: relative;
      margin: 0; }
      body .quality h3 span {
        color: var(--vinamat-primary); }
      body .quality h3::before {
        content: "";
        width: 100px;
        height: 2px;
        background-color: var(--vinamat-primary);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
    body .quality p {
      width: 50%;
      margin: 0 auto;
      font-size: 18px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      padding-top: 20px; }
    body .quality .quality-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin: 70px auto 0; }
      body .quality .quality-wrapper .quality-text picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.642623 * 100%);
        box-shadow: 2px 4px 30px 0px #0000000F;
        border-radius: 10px; }
        body .quality .quality-wrapper .quality-text picture img {
          position: absolute;
          object-fit: contain;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(0.61); }
      body .quality .quality-wrapper .quality-text h4 {
        font-size: 16px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        width: 90%;
        margin: 0 auto;
        padding: 20px 0 10px;
        position: relative;
        text-transform: uppercase; }
        body .quality .quality-wrapper .quality-text h4::before {
          content: "";
          width: 100px;
          height: 1px;
          background-color: var(--vinamat-accent);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
      body .quality .quality-wrapper .quality-text .pockup-quanlity {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 95%;
        width: 50%;
        z-index: 999;
        overflow: hidden;
        border-radius: 5px;
        display: none; }
        body .quality .quality-wrapper .quality-text .pockup-quanlity picture {
          padding-top: unset;
          height: 100%;
          box-shadow: unset; }
          body .quality .quality-wrapper .quality-text .pockup-quanlity picture img {
            height: 100%;
            width: 100%;
            object-fit: contain;
            position: unset;
            top: unset;
            left: unset;
            transform: unset; }
    body .quality .overlay-quanlity {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--vinamat-text);
      opacity: 0.8;
      z-index: 100;
      display: none; }
      body .quality .overlay-quanlity .close {
        position: fixed;
        top: 4%;
        right: 2%;
        display: block;
        width: 20px;
        height: 20px;
        cursor: pointer; }
        body .quality .overlay-quanlity .close .span-1 {
          width: 20px;
          height: 2px;
          background: #fff;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(45deg); }
        body .quality .overlay-quanlity .close .span-2 {
          width: 20px;
          height: 2px;
          background: #fff;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-45deg); }
  body .partner {
    background: url("../img/img%2014.png") no-repeat;
    background-size: cover;
    padding: 50px 0 50px; }
    body .partner h3 {
      text-align: center;
      font-size: 40px;
      text-transform: uppercase;
      color: var(--vinamat-primary);
      font-family: var(--vinamat-font-main);
      padding-bottom: 20px;
      position: relative; }
      body .partner h3:nth-child(1) {
        display: none; }
      body .partner h3 span {
        color: var(--vinamat-primary); }
      body .partner h3::before {
        content: "";
        width: 100px;
        height: 2px;
        background-color: var(--vinamat-primary);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
    body .partner p {
      margin: 25px auto 30px;
      font-size: 18px;
      color: var(--vinamat-text);
      text-align: center;
      font-family: var(--vinamat-font-main); }
    body .partner picture {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 0;
      border-radius: 5px;
      box-shadow: 2px 4px 30px 0px #0000000F;
      background-color: #fff;
      padding-top: calc(0.642487 * 100%); }
      body .partner picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: contain;
        width: 100%;
        height: 100%;
        transform: scale(0.8); }
    body .partner .slider-partner-one {
      margin-bottom: 20px; }
      body .partner .slider-partner-one .slider-partner-content {
        margin: 0 10px; }
    body .partner .slider-partner-two .slider-partner-content {
      margin: 0 10px; }
    body .partner .slider-partner-two .slick-next {
      right: 47%;
      bottom: -65px;
      top: unset; }
      body .partner .slider-partner-two .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        opacity: 1;
        border: 2px solid var(--vinamat-text);
        border-radius: 50%;
        padding: 9px; }
    body .partner .slider-partner-two .slick-prev {
      left: 46%;
      bottom: -65px;
      top: unset; }
      body .partner .slider-partner-two .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        opacity: 1;
        border: 2px solid var(--vinamat-text);
        border-radius: 50%;
        padding: 9px; }
    body .partner .slider-partner-three .slider-partner-content {
      margin: 0 10px; }
  body .news {
    padding: 50px 0 100px; }
    body .news h3 {
      font-size: 40px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase;
      padding-bottom: 20px;
      position: relative;
      text-align: center; }
      body .news h3::before {
        width: 100px;
        height: 2px;
        position: absolute;
        bottom: 0;
        content: "";
        background-color: var(--vinamat-primary);
        left: 50%;
        transform: translateX(-50%); }
    body .news .slogan {
      display: flex;
      justify-content: center;
      flex-direction: column; }
    body .news p {
      font-family: var(--vinamat-font-main);
      font-size: 18px;
      margin: 20px auto 40px;
      color: var(--vinamat-text);
      text-align: center; }
    body .news .news-wrapper {
      display: grid;
      grid-template-columns: 1fr 32.26%;
      gap: 20px;
      margin-bottom: 20px; }
      body .news .news-wrapper .news-main {
        position: relative; }
        body .news .news-wrapper .news-main picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.590318 * 100%); }
          body .news .news-wrapper .news-main picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 19.27%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
        body .news .news-wrapper .news-main .news-text-main {
          position: absolute;
          bottom: 50px;
          left: 55px;
          color: #fff; }
          body .news .news-wrapper .news-main .news-text-main .date-news {
            display: flex;
            gap: 10px;
            margin-bottom: 10px; }
            body .news .news-wrapper .news-main .news-text-main .date-news picture {
              display: block;
              position: relative;
              overflow: hidden;
              width: 20px;
              height: 20px;
              padding-top: 0; }
              body .news .news-wrapper .news-main .news-text-main .date-news picture img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: none; }
            body .news .news-wrapper .news-main .news-text-main .date-news p {
              font-size: 14px;
              font-family: var(--vinamat-font-main);
              color: #fff;
              margin: 0; }
          body .news .news-wrapper .news-main .news-text-main a {
            text-decoration: none;
            color: #fff; }
            body .news .news-wrapper .news-main .news-text-main a h4 {
              font-size: 20px;
              font-family: var(--vinamat-font-main);
              width: 100%;
              text-transform: uppercase;
              line-height: 150%;
              font-weight: 500;
              position: relative;
              -webkit-line-clamp: 2;
              -moz-line-clamp: 2;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              display: -webkit-box;
              overflow: hidden; }
          body .news .news-wrapper .news-main .news-text-main p {
            color: #FFFFFF;
            font-size: 16px; }
      body .news .news-wrapper .extra-news {
        box-shadow: 0px 4px 20px 0px #0000000D;
        background-color: #fff;
        border-radius: 10px;
        overflow: hidden; }
        body .news .news-wrapper .extra-news picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.647161 * 100%); }
          body .news .news-wrapper .extra-news picture img {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%; }
        body .news .news-wrapper .extra-news .text-extra-news {
          width: 90%;
          margin: 25px auto 15px; }
          body .news .news-wrapper .extra-news .text-extra-news .date-extra-news {
            display: flex;
            gap: 10px;
            align-items: center; }
            body .news .news-wrapper .extra-news .text-extra-news .date-extra-news picture {
              display: block;
              position: relative;
              overflow: hidden;
              width: 20px;
              height: 20px;
              padding-top: 0; }
              body .news .news-wrapper .extra-news .text-extra-news .date-extra-news picture img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%; }
            body .news .news-wrapper .extra-news .text-extra-news .date-extra-news p {
              font-size: 14px;
              color: var(--vinamat-muted);
              font-family: var(--vinamat-font-main);
              margin: 0;
              padding: 0; }
          body .news .news-wrapper .extra-news .text-extra-news a {
            text-decoration: none; }
            body .news .news-wrapper .extra-news .text-extra-news a h5 {
              margin: 0;
              color: var(--vinamat-primary);
              font-size: 16px;
              font-family: var(--vinamat-font-main);
              padding: 10px 0 0 0;
              line-height: 25px;
              -webkit-line-clamp: 3;
              -moz-line-clamp: 3;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              display: -webkit-box;
              overflow: hidden; }
          body .news .news-wrapper .extra-news .text-extra-news p {
            margin: 0;
            padding-top: 10px;
            font-size: 14px;
            line-height: 20px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 4;
            -moz-line-clamp: 4;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box;
            text-align: justify; }
    body .news .other-news {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px; }
      body .news .other-news .orther-news-wrapper picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.642623 * 100%); }
        body .news .other-news .orther-news-wrapper picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 10px; }
      body .news .other-news .orther-news-wrapper .date-news-orther {
        display: flex;
        align-items: center;
        margin-top: 20px;
        gap: 10px; }
        body .news .other-news .orther-news-wrapper .date-news-orther picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 20px;
          height: 20px;
          padding-top: 0; }
          body .news .other-news .orther-news-wrapper .date-news-orther picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: none; }
        body .news .other-news .orther-news-wrapper .date-news-orther p {
          margin: 0;
          color: var(--vinamat-muted);
          font-size: 14px;
          font-family: var(--vinamat-font-main); }
      body .news .other-news .orther-news-wrapper a {
        text-decoration: none; }
        body .news .other-news .orther-news-wrapper a h5 {
          margin: 0;
          padding: 10px 0 0;
          font-size: 16px;
          text-transform: uppercase;
          color: var(--vinamat-primary);
          line-height: 25px;
          font-family: var(--vinamat-font-main);
          font-weight: 700;
          -webkit-line-clamp: 2;
          -moz-line-clamp: 2;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box;
          overflow: hidden; }
      body .news .other-news .orther-news-wrapper p {
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        font-size: 14px; }
    body .news .action a {
      display: block;
      padding: 10px 25px;
      width: fit-content;
      margin: 0 auto;
      background: var(--vinamat-primary);
      border-radius: 10px;
      color: #FFFFFF;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 22px;
      font-family: var(--vinamat-font-main);
      text-decoration: none;
      margin-top: 30px; }
  body .banner {
    position: relative;
    z-index: 1; }
    body .banner picture {
      display: block;
      position: relative;
      width: 100%;
      height: 0;
      padding-top: calc(0.3125 * 100%);
      max-height: 740px;
      overflow: hidden; }
      body .banner picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        filter: brightness(0.5); }
    body .banner .text-banner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      width: 100%;
      max-width: 510px; }
      body .banner .text-banner span, body .banner .text-banner h4 {
        font-size: 22px;
        line-height: 43px;
        font-family: var(--vinamat-font-main);
        margin: 0; }
      body .banner .text-banner a {
        text-decoration: none;
        color: #FFFFFF; }
      body .banner .text-banner h3 {
        font-size: 60px;
        line-height: 76px;
        font-family: var(--vinamat-font-main);
        text-transform: uppercase;
        margin: 20px 0; }
      body .banner .text-banner p {
        margin-top: 20px; }
  body .about-us-company {
    padding: 50px 0; }
    body .about-us-company .slider-about-us {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 25px; }
      body .about-us-company .slider-about-us picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.739062 * 100%);
        border-radius: 10px; }
        body .about-us-company .slider-about-us picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: cover;
          width: 100%;
          height: 100%; }
      body .about-us-company .slider-about-us .text-about-us {
        width: 85%; }
        body .about-us-company .slider-about-us .text-about-us h4 {
          font-size: 40px;
          line-height: 52px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          width: 90%;
          padding-bottom: 30px;
          position: relative;
          margin: 0; }
          body .about-us-company .slider-about-us .text-about-us h4::before {
            content: "";
            position: absolute;
            width: 100px;
            height: 2px;
            background-color: var(--vinamat-accent);
            bottom: 0; }
        body .about-us-company .slider-about-us .text-about-us p {
          font-size: 16px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          margin: 30px 0;
          line-height: 28px; }
          body .about-us-company .slider-about-us .text-about-us p:first-child {
            font-size: 16px;
            margin: 0;
            color: var(--vinamat-accent); }
    body .about-us-company .slick-prev {
      top: unset;
      bottom: 20%;
      left: 0;
      z-index: 1; }
      body .about-us-company .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        border: 1px solid var(--vinamat-text);
        border-radius: 50%;
        color: var(--vinamat-text);
        padding: 6px;
        font-size: 14px; }
    body .about-us-company .slick-next {
      top: unset;
      bottom: 20%;
      left: 40px; }
      body .about-us-company .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        border: 1px solid var(--vinamat-text);
        border-radius: 50%;
        color: var(--vinamat-text);
        padding: 6px;
        font-size: 14px; }
  body .mission {
    text-align: center;
    margin: 100px auto; }
    body .mission h3 {
      font-size: 40px;
      line-height: 50px;
      font-family: var(--vinamat-font-main);
      padding-bottom: 20px;
      position: relative; }
      body .mission h3::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100px;
        height: 2px;
        background-color: var(--vinamat-primary);
        left: 50%;
        transform: translateX(-50%); }
    body .mission .mission-wrapper {
      margin-top: 40px; }
      body .mission .mission-wrapper .mission-child {
        border-radius: 10px;
        padding: 10px 0; }
        body .mission .mission-wrapper .mission-child h5 {
          padding-top: 20px;
          font-size: 18px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
        body .mission .mission-wrapper .mission-child p {
          font-size: 18px;
          font-family: var(--vinamat-font-main);
          margin-top: 15px; }
  body .vision {
    width: 90%;
    margin: 50px auto 50px;
    display: grid;
    grid-template-columns: 1fr 43%;
    gap: 40px; }
    body .vision .vision-img {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; }
      body .vision .vision-img picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(1.836068 * 100%);
        border-radius: 10px; }
        body .vision .vision-img picture:last-child {
          margin-top: 60px; }
        body .vision .vision-img picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    body .vision .vision-text {
      width: 80%;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      body .vision .vision-text h3 {
        font-size: 40px;
        line-height: 50px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        position: relative;
        padding-bottom: 20px;
        margin: 0; }
        body .vision .vision-text h3::before {
          width: 100px;
          height: 2px;
          content: "";
          position: absolute;
          bottom: 0;
          background-color: var(--vinamat-accent); }
      body .vision .vision-text .develop {
        padding-top: 20px;
        width: 80%;
        color: var(--vinamat-text); }
        body .vision .vision-text .develop h4 {
          margin-top: 0;
          font-size: 18px;
          font-family: var(--vinamat-font-main);
          margin-bottom: 15px; }
        body .vision .vision-text .develop p {
          margin: 0;
          font-size: 18px;
          font-family: var(--vinamat-font-main);
          margin-bottom: 10px; }
  body .value {
    background: url("../img/img%2014.png") no-repeat;
    background-size: cover;
    text-align: center;
    margin: 20px auto;
    padding: 100px 0; }
    body .value h3 {
      font-size: 40px;
      line-height: 50px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      position: relative;
      padding-bottom: 20px;
      margin: 0; }
      body .value h3::before {
        width: 100px;
        height: 2px;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: var(--vinamat-accent);
        left: 50%;
        transform: translateX(-50%); }
    body .value .value-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 30px;
      gap: 65px; }
      body .value .value-wrapper .value-child picture {
        position: relative;
        display: block;
        overflow: hidden;
        width: 66.5px;
        height: 66.5px;
        overflow: hidden;
        margin: 0 auto; }
        body .value .value-wrapper .value-child picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: contain; }
      body .value .value-wrapper .value-child .value-text {
        margin-top: 20px;
        color: var(--vinamat-text); }
        body .value .value-wrapper .value-child .value-text h5 {
          font-size: 20px;
          font-family: var(--vinamat-font-main);
          margin-top: 0; }
        body .value .value-wrapper .value-child .value-text p {
          font-size: 20px;
          width: 90%;
          font-family: var(--vinamat-font-main);
          margin: 10px auto 0; }
  body .company-member {
    text-align: center;
    margin: 100px auto; }
    body .company-member h3 {
      font-size: 40px;
      line-height: 50px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      position: relative;
      padding-bottom: 20px;
      margin: 0; }
      body .company-member h3::before {
        width: 100px;
        height: 2px;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: var(--vinamat-accent);
        left: 50%;
        transform: translateX(-50%); }
    body .company-member .slick-slide {
      display: block;
      margin: 0 10px; }
    body .company-member .slider-company-member-one {
      margin: 40px auto; }
    body .company-member .slider-company-member-two .slick-prev {
      left: 47%;
      transform: translatey(-50%);
      z-index: 1;
      bottom: -15%;
      top: unset; }
      body .company-member .slider-company-member-two .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 1px solid var(--vinamat-text);
        border-radius: 50%;
        padding: 6px; }
    body .company-member .slider-company-member-two .slick-next {
      right: 47%;
      transform: translatey(-50%);
      bottom: -15%;
      top: unset; }
      body .company-member .slider-company-member-two .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 1px solid var(--vinamat-text);
        border-radius: 50%;
        padding: 6px; }
    body .company-member .slider-company-child picture {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 0;
      padding-top: calc(0.642623 * 100%);
      box-shadow: 2px 4px 30px 0px #0000000F;
      background-color: #fff;
      border-radius: 10px; }
      body .company-member .slider-company-child picture img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.8);
        object-fit: contain;
        width: 100%;
        height: 100%; }
    body .company-member .slider-company-child h5 {
      font-size: 16px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase;
      padding: 10px 0;
      position: relative; }
      body .company-member .slider-company-child h5::before {
        width: 100px;
        height: 2px;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: var(--vinamat-accent);
        left: 50%;
        transform: translateX(-50%); }
  body .milestones {
    text-align: center;
    background: var(--vinamat-bg-light);
    padding: 120px 0; }
    body .milestones h2,
    body .milestones h3 {
      font-size: 40px;
      line-height: 50px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      position: relative;
      padding-bottom: 20px;
      margin: 0; }
      body .milestones h2::before,
      body .milestones h3::before {
        width: 100px;
        height: 2px;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: var(--vinamat-primary);
        left: 50%;
        transform: translateX(-50%); }
    body .milestones .milestones-list {
      position: relative;
      width: 70%;
      margin: 80px auto 0; }
      body .milestones .milestones-list::before {
        width: 1px;
        height: 100%;
        content: "";
        background-color: var(--vinamat-primary);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 6px; }
      body .milestones .milestones-list .milestone-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 100px;
        margin: 35px auto;
        position: relative; }
        body .milestones .milestones-list .milestone-content::before {
          content: "";
          width: 12px;
          height: 12px;
          border-radius: 50%;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          background-color: var(--vinamat-primary);
          top: 6px; }
        body .milestones .milestones-list .milestone-content::after {
          border: 1px solid var(--vinamat-primary);
          content: "";
          width: 24px;
          height: 24px;
          border-radius: 50%;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
        body .milestones .milestones-list .milestone-content picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.666666 * 100%);
          border-radius: 5px;
          background-color: #fff; }
          body .milestones .milestones-list .milestone-content picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transform: scale(0.8); }
        body .milestones .milestones-list .milestone-content .milestone-text span {
          font-size: 24px;
          color: var(--vinamat-primary);
          font-family: var(--vinamat-font-main); }
        body .milestones .milestones-list .milestone-content .milestone-text h5 {
          font-size: 21px;
          color: #000000;
          font-family: var(--vinamat-font-main);
          margin: 10px 0; }
        body .milestones .milestones-list .milestone-content .milestone-text p {
          font-size: 21px;
          color: #000000;
          font-family: var(--vinamat-font-main);
          font-weight: 600; }
        body .milestones .milestones-list .milestone-content .left {
          text-align: end; }
        body .milestones .milestones-list .milestone-content .right {
          text-align: start; }
  body .sustainable {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 120px auto;
    gap: 15px; }
    body .sustainable .sustainable-text {
      width: 65%;
      display: flex;
      align-items: center;
      margin: 0 auto; }
      body .sustainable .sustainable-text h3 {
        font-size: 40px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        padding-bottom: 20px;
        position: relative; }
        body .sustainable .sustainable-text h3::before {
          content: "";
          width: 110px;
          height: 4px;
          background-color: var(--vinamat-accent);
          bottom: 0;
          position: absolute; }
      body .sustainable .sustainable-text p {
        font-size: 18px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-text);
        margin-top: 20px;
        margin-bottom: 40px; }
      body .sustainable .sustainable-text a {
        text-decoration: none;
        padding: 15px 40px;
        color: #fff;
        background-color: var(--vinamat-accent);
        border-radius: 30px; }
    body .sustainable picture {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 0;
      padding-top: calc(0.790698 * 100%);
      border-radius: 10px; }
      body .sustainable picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body .kindness {
    background: var(--vinamat-bg-light);
    padding: 180px 0; }
    body .kindness .slider-kindness-list .slider-kindness {
      display: grid;
      grid-template-columns: 1fr 35.2%;
      gap: 85px; }
      body .kindness .slider-kindness-list .slider-kindness picture {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.592105 * 100%);
        border-radius: 10px; }
        body .kindness .slider-kindness-list .slider-kindness picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: cover;
          width: 100%;
          height: 100%; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text {
        display: flex;
        align-items: center;
        width: 75%; }
        body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3 {
          font-size: 40px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          padding-bottom: 20px;
          position: relative;
          margin: 0; }
          body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3::before {
            content: "";
            width: 100px;
            height: 2px;
            background-color: var(--vinamat-accent);
            position: absolute;
            bottom: 0; }
        body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text p {
          font-size: 18px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text);
          margin: 20px auto; }
        body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text a {
          text-decoration: none;
          color: var(--vinamat-accent);
          font-size: 16px;
          font-family: var(--vinamat-font-main); }
    body .kindness .slider-kindness-list .slick-next {
      right: 30%;
      bottom: 5%;
      top: unset; }
      body .kindness .slider-kindness-list .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 1px solid var(--vinamat-text);
        padding: 6px;
        border-radius: 50%;
        font-size: 12px; }
    body .kindness .slider-kindness-list .slick-prev {
      right: 33%;
      bottom: 5%;
      top: unset;
      left: unset;
      z-index: 1; }
      body .kindness .slider-kindness-list .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 1px solid var(--vinamat-text);
        padding: 6px;
        border-radius: 50%;
        font-size: 12px; }
  body .why-pick {
    text-align: center;
    margin: 100px auto; }
    body .why-pick h3 {
      font-size: 40px;
      line-height: 50px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-text);
      position: relative;
      padding-bottom: 30px;
      text-transform: uppercase; }
      body .why-pick h3::before {
        content: "";
        width: 100px;
        height: 2px;
        background-color: var(--vinamat-accent);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute; }
    body .why-pick p {
      width: 50%;
      margin: 30px auto;
      font-size: 18px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main); }
    body .why-pick .why-pick-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      width: 80%;
      margin: 0 auto; }
      body .why-pick .why-pick-wrapper .why-pick-child {
        box-shadow: 4px 4px 20px 2px #0000001A;
        border-radius: 10px;
        overflow: hidden; }
        body .why-pick .why-pick-wrapper .why-pick-child picture {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.851612 * 100%); }
          body .why-pick .why-pick-wrapper .why-pick-child picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body .why-pick .why-pick-wrapper .why-pick-child h4 {
          font-size: 18px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          width: 75%;
          margin: 40px auto; }
  body .notification {
    background: rgba(245, 246, 250, 0.85);
    padding: 100px 0; }
    body .notification h3 {
      font-size: 36px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-text); }
    body .notification ul {
      list-style: none;
      display: flex;
      gap: 20px;
      margin: 30px 0 0; }
      body .notification ul li a {
        color: var(--vinamat-text);
        font-size: 20px;
        font-family: var(--vinamat-font-main);
        text-decoration: none; }
      body .notification ul li:first-child a {
        position: relative;
        margin-right: 20px; }
        body .notification ul li:first-child a::before {
          content: "\e605";
          font-family: simple-line-icon;
          position: absolute;
          left: 0;
          border: 1px solid var(--vinamat-text);
          border-radius: 50%;
          padding: 5px 7px;
          font-size: 10px; }
      body .notification ul li:last-child a {
        position: relative; }
        body .notification ul li:last-child a::before {
          content: "\e606";
          font-family: simple-line-icon;
          position: absolute;
          left: 0;
          border: 1px solid var(--vinamat-text);
          border-radius: 50%;
          padding: 5px 7px;
          font-size: 10px; }
    body .notification .form-search form {
      box-shadow: 2px 4px 10px 0px #00000026;
      width: 65%;
      border-radius: 10px;
      background: var(--vinamat-bg-light);
      align-items: center;
      padding: 15px 25px;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin: 25px 0 0; }
      body .notification .form-search form::before {
        content: "";
        height: 100%;
        background-color: #8988881F;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 1.5px; }
      body .notification .form-search form .container-input {
        padding-left: 20px;
        align-items: center;
        display: flex;
        gap: 10px; }
        body .notification .form-search form .container-input input {
          border: none;
          outline: none;
          background: none;
          color: rgba(107, 114, 128, 0.7);
          font-size: 18px;
          font-family: var(--vinamat-font-main); }
        body .notification .form-search form .container-input picture {
          width: 18px;
          height: 18px;
          position: relative;
          overflow: hidden; }
          body .notification .form-search form .container-input picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain; }
      body .notification .form-search form .container-select-btn {
        display: flex;
        gap: 20px;
        align-items: center; }
        body .notification .form-search form .container-select-btn .container-select {
          display: flex;
          gap: 20px; }
          body .notification .form-search form .container-select-btn .container-select .form-select {
            display: flex;
            align-items: center;
            gap: 20px; }
          body .notification .form-search form .container-select-btn .container-select .location-icon {
            position: relative; }
            body .notification .form-search form .container-select-btn .container-select .location-icon::before {
              content: "\e096";
              font-family: simple-line-icon;
              font-size: 18px;
              color: var(--vinamat-muted);
              position: absolute;
              left: -5px;
              top: 0; }
          body .notification .form-search form .container-select-btn .container-select select {
            border: none;
            background: none;
            font-size: 18px;
            color: rgba(107, 114, 128, 0.7);
            font-family: var(--vinamat-font-main);
            padding-right: 60px;
            outline: none; }
        body .notification .form-search form .container-select-btn button {
          font-size: 18px;
          color: #fff;
          font-family: var(--vinamat-font-main);
          padding: 12px 24px;
          background-color: var(--vinamat-primary);
          border-radius: 30px;
          border: none; }
    body .notification .recruit {
      display: flex;
      gap: 20px; }
      body .notification .recruit .recruit-list {
        width: 100%; }
        body .notification .recruit .recruit-list .recruit-child {
          background-color: #fff;
          border-radius: 10px;
          margin: 30px 0;
          padding: 25px 30px; }
          body .notification .recruit .recruit-list .recruit-child a {
            text-decoration: none; }
          body .notification .recruit .recruit-list .recruit-child h4 {
            font-size: 20px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0 0 10px; }
          body .notification .recruit .recruit-list .recruit-child p {
            font-size: 16px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text);
            margin-bottom: 10px; }
          body .notification .recruit .recruit-list .recruit-child .recruit-date {
            display: grid;
            grid-template-columns: repeat(2, 1fr); }
            body .notification .recruit .recruit-list .recruit-child .recruit-date .recruit-time {
              display: flex;
              gap: 20px; }
        body .notification .recruit .recruit-list button {
          margin-top: 20px;
          color: #fff;
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          padding: 10px 40px;
          background: var(--vinamat-accent);
          border-radius: 30px;
          border: none; }
        body .notification .recruit .recruit-list .loadmore .see-more {
          font-family: var(--vinamat-font-main); }
      body .notification .recruit .recruit-form {
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        width: 37%;
        height: 100%;
        margin-top: 30px;
        padding: 30px; }
        body .notification .recruit .recruit-form h4 {
          font-size: 18px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          margin: 5px 0; }
        body .notification .recruit .recruit-form p {
          font-size: 16px;
          color: rgba(107, 114, 128, 0.85);
          margin-bottom: 20px;
          font-family: var(--vinamat-font-main); }
        body .notification .recruit .recruit-form form input, body .notification .recruit .recruit-form form textarea {
          width: 82%;
          padding: 20px 30px;
          color: rgba(107, 114, 128, 0.85);
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          border-radius: 10px;
          border: none;
          background: var(--vinamat-bg-light);
          margin-bottom: 10px;
          outline: none; }
        body .notification .recruit .recruit-form form .wpcf7-submit {
          width: 100%;
          margin-top: 15px;
          padding: 0;
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          color: #fff;
          background: var(--vinamat-primary);
          border-radius: 30px;
          border: none;
          line-height: 45px; }
  body .question-recruit {
    margin: 80px auto; }
    body .question-recruit h3 {
      font-size: 36px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      margin: 0 0 40px; }
    body .question-recruit .question-recruit-list {
      width: 80%; }
      body .question-recruit .question-recruit-list .question-recruit-wrapper {
        display: grid;
        grid-template-columns: 19% 1fr;
        gap: 20px;
        margin: 30px 0; }
        body .question-recruit .question-recruit-list .question-recruit-wrapper picture {
          display: block;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.695431 * 100%);
          border-radius: 10px; }
          body .question-recruit .question-recruit-list .question-recruit-wrapper picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text {
          padding: 10px 0; }
          body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text span {
            font-size: 14px;
            color: var(--vinamat-muted);
            font-family: var(--vinamat-font-main); }
          body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text a {
            text-decoration: none; }
            body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text a h5 {
              font-size: 18px;
              color: var(--vinamat-text);
              font-family: var(--vinamat-font-main);
              margin: 10px 0; }
          body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text p {
            width: 90%;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box;
            font-family: var(--vinamat-font-main);
            font-size: 14px; }
    body .question-recruit ul {
      list-style: none;
      display: flex;
      gap: 20px;
      margin: 40px 0 0; }
      body .question-recruit ul li a {
        color: var(--vinamat-text);
        font-size: 20px;
        font-family: var(--vinamat-font-main);
        text-decoration: none; }
      body .question-recruit ul li .current {
        color: var(--vinamat-accent);
        font-size: 20px;
        font-family: var(--vinamat-font-main);
        text-decoration: none; }
      body .question-recruit ul li:first-child a {
        position: relative;
        margin-right: 20px; }
        body .question-recruit ul li:first-child a::before {
          content: "\e605";
          font-family: simple-line-icon;
          position: absolute;
          left: 0;
          border: 1px solid var(--vinamat-text);
          border-radius: 50%;
          padding: 5px 6px;
          font-size: 10px; }
      body .question-recruit ul li:last-child a {
        position: relative; }
        body .question-recruit ul li:last-child a::before {
          content: "\e606";
          font-family: simple-line-icon;
          position: absolute;
          left: 0;
          border: 1px solid var(--vinamat-text);
          border-radius: 50%;
          padding: 5px 6px;
          font-size: 10px; }
  body .recruit-detail {
    margin: 100px auto; }
    body .recruit-detail h3 {
      font-size: 30px;
      line-height: 42px;
      color: var(--vinamat-primary-dark);
      font-family: var(--vinamat-font-main);
      position: relative;
      padding-bottom: 20px;
      margin: 0; }
      body .recruit-detail h3::before {
        content: "";
        width: 100px;
        height: 1px;
        background-color: var(--vinamat-accent);
        bottom: 0;
        position: absolute; }
    body .recruit-detail .recruitment-details {
      display: flex;
      gap: 20px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper {
        margin-top: 30px;
        width: 100%; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper h4 {
          font-size: 24px;
          color: var(--vinamat-accent);
          font-family: var(--vinamat-font-main);
          margin: 0; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission {
          margin-top: 20px; }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission h5 {
            font-size: 18px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0; }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list {
            display: flex;
            flex-flow: wrap;
            width: 80%;
            gap: 15px;
            margin-top: 15px; }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child {
              width: 30%;
              display: flex;
              gap: 10px;
              align-items: center; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child picture {
                position: relative;
                display: block;
                overflow: hidden;
                width: 24px;
                height: 24px; }
                body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child picture img {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  object-fit: contain; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child p {
                margin: 0;
                font-size: 16px;
                color: var(--vinamat-text);
                font-family: var(--vinamat-font-main); }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission button {
            color: #fff;
            padding: 13px 40px;
            background: var(--vinamat-accent);
            border-radius: 30px;
            border: none;
            font-family: var(--vinamat-font-main);
            font-size: 16px;
            margin-top: 30px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation {
          margin-top: 50px;
          width: 85%; }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation h5 {
            font-size: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child {
            display: flex;
            margin: 10px 0;
            align-items: center;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child:nth-last-child(2) {
              display: block; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child:nth-last-child(2) h6 {
                font-size: 18px; }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child:nth-last-child(1) {
              display: block; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child:nth-last-child(1) h6 {
                font-size: 18px; }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child h6 {
              font-size: 16px;
              font-family: var(--vinamat-font-main);
              margin: 0; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child h6 span {
                font-family: var(--vinamat-font-main); }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child ul {
              list-style: "-";
              margin-left: 5px; }
              body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child ul li {
                padding-left: 5px;
                font-size: 16px;
                font-family: var(--vinamat-font-main); }
      body .recruit-detail .recruitment-details .recruit-form {
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        width: 37%;
        height: 100%;
        margin-top: 30px;
        padding: 30px; }
        body .recruit-detail .recruitment-details .recruit-form h4 {
          font-size: 18px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          margin: 5px 0; }
        body .recruit-detail .recruitment-details .recruit-form p {
          font-size: 16px;
          color: rgba(107, 114, 128, 0.85);
          margin-bottom: 20px;
          font-family: var(--vinamat-font-main); }
        body .recruit-detail .recruitment-details .recruit-form form input, body .recruit-detail .recruitment-details .recruit-form form textarea {
          width: 82%;
          padding: 20px 30px;
          color: rgba(107, 114, 128, 0.85);
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          border-radius: 10px;
          border: none;
          background: var(--vinamat-bg-light);
          margin-bottom: 10px;
          outline: none; }
        body .recruit-detail .recruitment-details .recruit-form form .wpcf7-submit {
          width: 100%;
          margin-top: 15px;
          padding: 0;
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          color: #fff;
          background: var(--vinamat-primary);
          border-radius: 100px;
          border: none;
          display: block;
          line-height: 45px; }
  body .overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(31, 41, 55, 0.6);
    top: 0;
    display: none;
    z-index: 100; }
  body .application {
    max-width: 940px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 4px 4px 0px #0000000F;
    background: #fff;
    border-radius: 25px;
    z-index: 999;
    padding: 60px;
    display: none; }
    body .application h5 {
      font-size: 18px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      margin-top: 0; }
    body .application p {
      font-size: 16px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-text);
      width: 80%; }
      body .application p span {
        color: var(--vinamat-accent);
        font-family: var(--vinamat-font-main); }
    body .application .application-form {
      margin-top: 20px; }
      body .application .application-form h4 {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        color: var(--vinamat-primary);
        font-family: var(--vinamat-font-main); }
      body .application .application-form form {
        margin-top: 20px;
        width: 100%; }
        body .application .application-form form .form-info {
          display: flex;
          margin: 10px 0;
          gap: 5px;
          align-items: center; }
          body .application .application-form form .form-info .wpcf7-form-control-wrap {
            width: 100%;
            overflow: hidden;
            border-radius: 10px; }
          body .application .application-form form .form-info input, body .application .application-form form .form-info textarea {
            width: 100%;
            padding: 15px 20px;
            background: var(--vinamat-bg-light);
            border-radius: 10px;
            border: none;
            outline: none;
            font-size: 16px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
          body .application .application-form form .form-info .input-file {
            position: relative;
            overflow: hidden;
            border-radius: 30px;
            max-width: 250px; }
            body .application .application-form form .form-info .input-file .wpcf7-form-control-wrap {
              overflow: hidden; }
              body .application .application-form form .form-info .input-file .wpcf7-form-control-wrap input {
                background: none;
                width: 100%; }
            body .application .application-form form .form-info .input-file .text-input-file {
              display: flex;
              position: absolute;
              gap: 10px;
              background: var(--vinamat-accent);
              border-radius: 30px;
              padding: 10px 20px;
              align-items: center;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              pointer-events: none;
              width: 100%; }
              body .application .application-form form .form-info .input-file .text-input-file p {
                margin: 0;
                color: #fff;
                font-size: 14px;
                font-family: var(--vinamat-font-main);
                color: #FFFFFF;
                width: 100%; }
                body .application .application-form form .form-info .input-file .text-input-file p:nth-last-child(1) {
                  display: none; }
          body .application .application-form form .form-info .flie-sample {
            display: flex;
            width: 64%;
            justify-content: space-between;
            align-items: center;
            margin-left: 10px; }
            body .application .application-form form .form-info .flie-sample .flie-sample-wrapper {
              display: flex;
              gap: 30px; }
              body .application .application-form form .form-info .flie-sample .flie-sample-wrapper p {
                margin: 0;
                font-family: var(--vinamat-font-main);
                width: unset; }
                body .application .application-form form .form-info .flie-sample .flie-sample-wrapper p:nth-child(2) {
                  display: none; }
                body .application .application-form form .form-info .flie-sample .flie-sample-wrapper p:nth-last-child(1) {
                  display: none; }
              body .application .application-form form .form-info .flie-sample .flie-sample-wrapper a {
                text-decoration: none; }
              body .application .application-form form .form-info .flie-sample .flie-sample-wrapper .download {
                display: flex;
                gap: 15px;
                align-items: center; }
                body .application .application-form form .form-info .flie-sample .flie-sample-wrapper .download p {
                  color: var(--vinamat-accent);
                  flex: 1;
                  font-family: var(--vinamat-font-main); }
            body .application .application-form form .form-info .flie-sample .finish .wpcf7-submit {
              font-size: 16px;
              color: #FFFFFF;
              font-family: var(--vinamat-font-main);
              background: var(--vinamat-primary);
              border-radius: 30px;
              padding: 10px 25px;
              border: none; }
            body .application .application-form form .form-info .flie-sample .finish .wpcf7-spinner {
              display: none; }
            body .application .application-form form .form-info .flie-sample .ajax-loader {
              display: none; }
    body .application .close {
      position: absolute;
      top: 9%;
      right: 6%;
      cursor: pointer; }
  body .new {
    margin: 100px auto; }
    body .new .new-wrapper {
      margin: 50px 0; }
      body .new .new-wrapper .new-left .new-main picture {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: calc(0.491124 * 100%);
        border-radius: 10px; }
        body .new .new-wrapper .new-left .new-main picture img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: cover; }
      body .new .new-wrapper .new-left .new-main .text-new-main {
        margin-top: 30px;
        overflow: hidden; }
        body .new .new-wrapper .new-left .new-main .text-new-main a {
          text-decoration: none; }
          body .new .new-wrapper .new-left .new-main .text-new-main a h2, body .new .new-wrapper .new-left .new-main .text-new-main a h3, body .new .new-wrapper .new-left .new-main .text-new-main a h4, body .new .new-wrapper .new-left .new-main .text-new-main a h5 {
            font-size: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin-bottom: 10px; }
        body .new .new-wrapper .new-left .new-main .text-new-main p {
          font-size: 14px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          line-height: 24px;
          margin-bottom: 10px; }
      body .new .new-wrapper .new-left .new-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; }
        body .new .new-wrapper .new-left .new-list .new-child picture {
          position: relative;
          display: block;
          overflow: hidden;
          width: 100%;
          height: 0;
          padding-top: calc(0.561743 * 100%);
          border-radius: 10px; }
          body .new .new-wrapper .new-left .new-list .new-child picture img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            object-fit: cover; }
        body .new .new-wrapper .new-left .new-list .new-child .text-new-list {
          margin-top: 15px; }
          body .new .new-wrapper .new-left .new-list .new-child .text-new-list a {
            text-decoration: none; }
            body .new .new-wrapper .new-left .new-list .new-child .text-new-list a h4 {
              font-size: 16px;
              color: var(--vinamat-primary);
              font-family: var(--vinamat-font-main);
              font-weight: 500;
              -webkit-line-clamp: 2;
              -moz-line-clamp: 2;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              display: -webkit-box;
              overflow: hidden; }
          body .new .new-wrapper .new-left .new-list .new-child .text-new-list .desc {
            margin: 10px 0;
            font-family: var(--vinamat-font-main);
            font-size: 14px; }
            body .new .new-wrapper .new-left .new-list .new-child .text-new-list .desc p {
              font-size: 14px;
              font-style: normal;
              font-weight: 300;
              line-height: 22px;
              margin: 0;
              font-family: var(--vinamat-font-main);
              -webkit-line-clamp: 2;
              -moz-line-clamp: 2;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              display: -webkit-box;
              overflow: hidden; }
          body .new .new-wrapper .new-left .new-list .new-child .text-new-list .action {
            display: flex;
            align-items: center;
            gap: 20px; }
            body .new .new-wrapper .new-left .new-list .new-child .text-new-list .action .share {
              display: flex;
              gap: 10px; }
              body .new .new-wrapper .new-left .new-list .new-child .text-new-list .action .share figure {
                margin: 0; }
              body .new .new-wrapper .new-left .new-list .new-child .text-new-list .action .share p {
                margin: 0;
                font-size: 14px;
                color: var(--vinamat-muted);
                font-family: var(--vinamat-font-main);
                line-height: 24px; }
          body .new .new-wrapper .new-left .new-list .new-child .text-new-list .date-new {
            display: flex;
            gap: 10px;
            align-items: center; }
            body .new .new-wrapper .new-left .new-list .new-child .text-new-list .date-new picture {
              position: relative;
              display: block;
              overflow: hidden;
              width: 20px;
              height: 20px;
              padding-top: unset; }
              body .new .new-wrapper .new-left .new-list .new-child .text-new-list .date-new picture img {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0; }
            body .new .new-wrapper .new-left .new-list .new-child .text-new-list .date-new p {
              margin: 0;
              font-size: 14px;
              color: var(--vinamat-muted);
              font-family: var(--vinamat-font-main); }
      body .new .new-wrapper .new-left ul {
        list-style: none;
        display: flex;
        gap: 20px;
        margin: 40px 0 0; }
        body .new .new-wrapper .new-left ul li .current {
          color: var(--vinamat-accent);
          font-size: 20px; }
        body .new .new-wrapper .new-left ul li a {
          color: var(--vinamat-text);
          font-size: 20px;
          font-family: var(--vinamat-font-main);
          text-decoration: none; }
      body .new .new-wrapper .new-left .social picture a {
        text-decoration: none; }
      body .new .new-wrapper .new-right .new-hot {
        box-shadow: 0px 4px 20px 0px #0000000D;
        border-radius: 10px;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px; }
        body .new .new-wrapper .new-right .new-hot h4 {
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
          margin: 0;
          color: var(--vinamat-primary);
          font-family: var(--vinamat-font-main); }
        body .new .new-wrapper .new-right .new-hot .new-hot-child {
          display: flex;
          gap: 20px;
          align-items: center; }
          body .new .new-wrapper .new-right .new-hot .new-hot-child .new-hot-date {
            flex: 1; }
            body .new .new-wrapper .new-right .new-hot .new-hot-child .new-hot-date a {
              text-decoration: none; }
              body .new .new-wrapper .new-right .new-hot .new-hot-child .new-hot-date a h5 {
                color: var(--vinamat-primary);
                font-size: 16px;
                font-family: var(--vinamat-font-main);
                -webkit-line-clamp: 2;
                -moz-line-clamp: 2;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                line-height: 28px; }
      body .new .new-wrapper .new-right .form-feedback {
        padding: 30px 35px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); }
        body .new .new-wrapper .new-right .form-feedback .title h3 {
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          margin: 0;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text); }
        body .new .new-wrapper .new-right .form-feedback .title .desc p {
          font-size: 14px;
          font-style: normal;
          font-weight: 300;
          line-height: 22px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          color: var(--vinamat-text); }
        body .new .new-wrapper .new-right .form-feedback form {
          margin-top: 25px;
          display: flex;
          flex-direction: column;
          gap: 10px; }
          body .new .new-wrapper .new-right .form-feedback form .item {
            width: 100%;
            overflow: hidden;
            border-radius: 10px; }
            body .new .new-wrapper .new-right .form-feedback form .item input, body .new .new-wrapper .new-right .form-feedback form .item textarea {
              background: var(--vinamat-bg-light);
              width: 100%;
              padding: 20px 30px;
              font-size: 14px;
              font-style: normal;
              font-weight: 300;
              line-height: 22px;
              outline: none;
              border: none;
              font-family: var(--vinamat-font-main);
              color: var(--vinamat-text); }
            body .new .new-wrapper .new-right .form-feedback form .item button {
              width: 100%;
              padding: 10px 0;
              background: var(--vinamat-primary);
              border-radius: 30px;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 150%;
              font-family: var(--vinamat-font-main);
              color: #FFFFFF;
              border: none; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main h5 {
    font-size: 18px;
    font-family: var(--vinamat-font-main);
    color: var(--vinamat-text); }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main h5:nth-last-child(2) {
      font-family: var(--vinamat-font-main); }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main h5:nth-last-child(4) {
      margin-bottom: 15px; }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main h5:nth-last-child(5) {
      margin-bottom: 20px; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail {
    display: flex;
    gap: 10px;
    align-items: center; }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail p {
      margin: 0;
      font-size: 14px;
      color: var(--vinamat-muted);
      font-family: var(--vinamat-font-main); }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail picture {
      position: relative;
      overflow: hidden;
      width: 20px;
      height: 20px;
      padding-top: unset; }
      body .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new {
    display: flex;
    gap: 20px; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail {
    margin-bottom: 20px; }
    body .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail p {
      font-size: 16px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main); }
  body .new-detail .new-wrapper .new-right form {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px; }
    body .new-detail .new-wrapper .new-right form input {
      width: 100%;
      outline: none;
      border: none;
      padding: 20px 25px;
      background: var(--vinamat-bg-light);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      font-family: var(--vinamat-font-main);
      color: var(--vinamat-text); }
  body .new-detail .slider-new {
    width: 100%; }
    body .new-detail .slider-new h4 {
      font-size: 18px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      margin-bottom: 20px; }
    body .new-detail .slider-new .slider-new-wrapper .slider-new-child {
      margin-right: 20px; }
      body .new-detail .slider-new .slider-new-wrapper .slider-new-child picture {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        width: 100%;
        height: 0;
        padding-top: calc(0.519480 * 100%); }
        body .new-detail .slider-new .slider-new-wrapper .slider-new-child picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          object-fit: contain;
          width: 100%;
          height: 100%; }
      body .new-detail .slider-new .slider-new-wrapper .slider-new-child a {
        text-decoration: none; }
        body .new-detail .slider-new .slider-new-wrapper .slider-new-child a h5 {
          font-size: 14px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          text-transform: uppercase;
          margin: 20px 0;
          -webkit-line-clamp: 2;
          -moz-line-clamp: 2;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box;
          overflow: hidden;
          line-height: 22px; }
    body .new-detail .slider-new .slider-new-wrapper .slick-next {
      transform: translateY(-50%);
      top: 40%;
      right: -15px;
      width: 26px;
      height: 26px; }
      body .new-detail .slider-new .slider-new-wrapper .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 2px solid var(--vinamat-text);
        padding: 8px;
        font-size: 16px;
        border-radius: 50%; }
    body .new-detail .slider-new .slider-new-wrapper .slick-prev {
      transform: translateY(-50%);
      top: 40%;
      left: -50px;
      width: 26px;
      height: 26px; }
      body .new-detail .slider-new .slider-new-wrapper .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        color: var(--vinamat-text);
        border: 2px solid var(--vinamat-text);
        padding: 8px;
        font-size: 16px;
        border-radius: 50%; }
  body .contact {
    margin: 120px auto; }
    body .contact span {
      font-size: 16px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase; }
    body .contact h3 {
      font-size: 40px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase;
      width: 65%;
      margin-top: 10px;
      margin-bottom: 25px; }
    body .contact .contact-wrapper {
      display: grid;
      grid-template-columns: 63% 35%;
      gap: 20px;
      overflow: hidden; }
      body .contact .contact-wrapper .contact-form, body .contact .contact-wrapper .wpcf7 {
        padding: 0;
        overflow: hidden; }
        body .contact .contact-wrapper .contact-form form, body .contact .contact-wrapper .wpcf7 form {
          width: 95%; }
          body .contact .contact-wrapper .contact-form form .contact-form-child, body .contact .contact-wrapper .wpcf7 form .contact-form-child {
            display: flex;
            gap: 25px;
            margin-bottom: 15px; }
            body .contact .contact-wrapper .contact-form form .contact-form-child .wpcf7-form-control-wrap, body .contact .contact-wrapper .wpcf7 form .contact-form-child .wpcf7-form-control-wrap {
              width: 100%; }
              body .contact .contact-wrapper .contact-form form .contact-form-child .wpcf7-form-control-wrap input, body .contact .contact-wrapper .contact-form form .contact-form-child .wpcf7-form-control-wrap textarea, body .contact .contact-wrapper .wpcf7 form .contact-form-child .wpcf7-form-control-wrap input, body .contact .contact-wrapper .wpcf7 form .contact-form-child .wpcf7-form-control-wrap textarea {
                width: 100%;
                border: none;
                background: var(--vinamat-bg-light);
                box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.06);
                border-radius: 15px;
                padding: 15px 0 15px 25px;
                outline: none;
                font-size: 18px;
                color: rgba(107, 114, 128, 0.7);
                font-family: var(--vinamat-font-main); }
              body .contact .contact-wrapper .contact-form form .contact-form-child .wpcf7-form-control-wrap .wpcf7-not-valid-tip, body .contact .contact-wrapper .wpcf7 form .contact-form-child .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
                color: var(--vinamat-accent);
                font-size: 1em;
                display: block;
                margin-top: 10px;
                margin-left: 10px;
                font-family: var(--vinamat-font-main);
                text-transform: none; }
            body .contact .contact-wrapper .contact-form form .contact-form-child .wpcf7-submit, body .contact .contact-wrapper .wpcf7 form .contact-form-child .wpcf7-submit {
              font-size: 16px;
              color: #fff;
              font-family: var(--vinamat-font-main);
              padding: 15px 90px;
              background: var(--vinamat-accent);
              border-radius: 35px;
              border: none; }
      body .contact .contact-wrapper .contact-method {
        background: var(--vinamat-text);
        border-radius: 15px;
        color: #fff;
        padding: 50px 40px 90px; }
        body .contact .contact-wrapper .contact-method h4 {
          font-size: 24px;
          text-transform: uppercase;
          font-family: var(--vinamat-font-main); }
        body .contact .contact-wrapper .contact-method .location, body .contact .contact-wrapper .contact-method .phone {
          display: flex;
          gap: 10px;
          align-items: center;
          margin: 40px 0; }
          body .contact .contact-wrapper .contact-method .location picture, body .contact .contact-wrapper .contact-method .phone picture {
            position: relative;
            overflow: hidden;
            width: 50px;
            height: 50px;
            background-color: #fff;
            border-radius: 50%; }
            body .contact .contact-wrapper .contact-method .location picture img, body .contact .contact-wrapper .contact-method .phone picture img {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
          body .contact .contact-wrapper .contact-method .location .location-text, body .contact .contact-wrapper .contact-method .location .phone-text, body .contact .contact-wrapper .contact-method .phone .location-text, body .contact .contact-wrapper .contact-method .phone .phone-text {
            flex: 1; }
            body .contact .contact-wrapper .contact-method .location .location-text p, body .contact .contact-wrapper .contact-method .location .phone-text p, body .contact .contact-wrapper .contact-method .phone .location-text p, body .contact .contact-wrapper .contact-method .phone .phone-text p {
              margin: 0;
              font-size: 14px;
              font-family: var(--vinamat-font-main); }
            body .contact .contact-wrapper .contact-method .location .location-text h5, body .contact .contact-wrapper .contact-method .location .phone-text h5, body .contact .contact-wrapper .contact-method .phone .location-text h5, body .contact .contact-wrapper .contact-method .phone .phone-text h5 {
              margin: 0;
              font-size: 16px;
              font-family: var(--vinamat-font-main); }
        body .contact .contact-wrapper .contact-method .contact-network picture a {
          text-decoration: none; }
  body .map picture {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: calc(0.338541 * 100%); }
    body .map picture img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover; }
  body .map iframe {
    width: 100%; }
  body .backtotop {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--vinamat-text);
    position: fixed;
    bottom: 100px;
    right: 60px;
    z-index: 11;
    cursor: pointer;
    display: none; }
    body .backtotop::before {
      content: "\e607";
      font-family: simple-line-icon;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff; }
  body .show-backtotop {
    display: block; }
  body .email-icon-pockup {
    cursor: pointer;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: fixed;
    bottom: 160px;
    right: 60px;
    z-index: 11;
    box-shadow: 0px 4px 20px 0px #0000000D;
    background-color: #fff; }
    body .email-icon-pockup picture {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  body .quanlity-detail {
    margin-top: 40px; }
  body .section-news {
    padding: 100px 0; }
    body .section-news .title {
      max-width: 690px;
      margin: 0 auto 50px;
      text-align: center; }
      body .section-news .title h2 {
        position: relative;
        margin: 0;
        padding-bottom: 20px;
        font-size: 40px;
        line-height: 52px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-text);
        text-transform: uppercase; }
        body .section-news .title h2 span {
          display: block;
          color: var(--vinamat-accent); }
        body .section-news .title h2::before {
          width: 100px;
          height: 2px;
          content: "";
          background: var(--vinamat-accent);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
      body .section-news .title .decs {
        margin-top: 30px; }
        body .section-news .title .decs p {
          font-size: 16px;
          line-height: 28px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
    body .section-news .list .list-category {
      box-shadow: 0px 4px 20px 0px #6060601A;
      background: #FFFFFF;
      border-radius: 10px;
      overflow: hidden;
      padding: 25px; }
      body .section-news .list .list-category h3 {
        font-size: 20px;
        line-height: 38px;
        position: relative;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 10px; }
        body .section-news .list .list-category h3::before {
          width: 50px;
          height: 2px;
          background: var(--vinamat-accent);
          content: "";
          position: absolute;
          bottom: 0;
          left: 0; }
      body .section-news .list .list-category nav {
        margin-top: 20px; }
        body .section-news .list .list-category nav h4 {
          padding: 0 25px;
          margin: 0 0 20px;
          font-size: 16px;
          line-height: 22px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
        body .section-news .list .list-category nav .menu-category {
          margin: 0;
          padding: 0;
          list-style: none; }
          body .section-news .list .list-category nav .menu-category .child {
            border-radius: 10px;
            overflow: hidden; }
            body .section-news .list .list-category nav .menu-category .child .name-category {
              padding: 15px 25px;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              body .section-news .list .list-category nav .menu-category .child .name-category a {
                text-decoration: none;
                font-size: 16px;
                line-height: 24px;
                color: var(--vinamat-text);
                font-family: var(--vinamat-font-main); }
              body .section-news .list .list-category nav .menu-category .child .name-category .bars {
                width: 20px;
                height: 20px;
                position: relative;
                transform: rotate(90deg);
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out; }
                body .section-news .list .list-category nav .menu-category .child .name-category .bars span {
                  width: 10px;
                  height: 2px;
                  background: var(--vinamat-text);
                  display: block;
                  position: absolute;
                  left: 50%; }
                  body .section-news .list .list-category nav .menu-category .child .name-category .bars span:nth-child(1) {
                    transform: translate(-50%, -50%) rotate(40deg);
                    top: 35%; }
                  body .section-news .list .list-category nav .menu-category .child .name-category .bars span:nth-last-child(1) {
                    transform: translate(-50%, -50%) rotate(325deg);
                    top: 60%; }
            body .section-news .list .list-category nav .menu-category .child .active {
              background: var(--vinamat-primary-light);
              border-bottom: 1px solid var(--vinamat-accent); }
              body .section-news .list .list-category nav .menu-category .child .active .bars {
                transform: rotate(0); }
            body .section-news .list .list-category nav .menu-category .child .content-category {
              padding: 20px 45px;
              display: none;
              background: var(--vinamat-primary-light); }
              body .section-news .list .list-category nav .menu-category .child .content-category ul {
                margin: 0;
                padding: 0; }
                body .section-news .list .list-category nav .menu-category .child .content-category ul li {
                  margin-bottom: 20px; }
                  body .section-news .list .list-category nav .menu-category .child .content-category ul li:nth-last-child(1) {
                    margin-bottom: 0; }
                  body .section-news .list .list-category nav .menu-category .child .content-category ul li a {
                    text-decoration: none;
                    font-size: 14px;
                    line-height: 22px;
                    font-family: var(--vinamat-font-main);
                    color: var(--vinamat-text); }
        body .section-news .list .list-category nav ul li {
          border-radius: 10px;
          position: relative;
          padding: 0 10px; }
          body .section-news .list .list-category nav ul li .drop_he {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 15px; }
            body .section-news .list .list-category nav ul li .drop_he .submenu_it {
              width: 16px;
              height: 16px;
              position: relative;
              -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
              transform: rotate(0); }
          body .section-news .list .list-category nav ul li a {
            text-decoration: none;
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            font-weight: 600;
            display: block;
            padding: 15px 5px; }
          body .section-news .list .list-category nav ul li .sub-menu {
            list-style: disc;
            padding-left: 30px;
            display: none; }
            body .section-news .list .list-category nav ul li .sub-menu li {
              padding: 0; }
              body .section-news .list .list-category nav ul li .sub-menu li a {
                padding: 15px 10px;
                font-size: 14px;
                line-height: 22px; }
          body .section-news .list .list-category nav ul li i {
            position: absolute;
            top: 15px;
            right: 25px;
            cursor: pointer; }
        body .section-news .list .list-category nav ul .active {
          background: var(--vinamat-primary-light) !important; }
          body .section-news .list .list-category nav ul .active .drop_he .submenu_it {
            transform: rotate(-90deg); }
        body .section-news .list .list-category nav ul .active_2 {
          background: var(--vinamat-primary-light); }
    body .section-news .list .list-news .child {
      margin-bottom: 50px; }
      body .section-news .list .list-news .child .image figure {
        margin: 0;
        padding-top: calc(0.639344 * 100%);
        width: 100%;
        height: 0;
        overflow: hidden;
        border-radius: 10px;
        position: relative; }
        body .section-news .list .list-news .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      body .section-news .list .list-news .child .text {
        margin-top: 20px; }
        body .section-news .list .list-news .child .text a {
          text-decoration: none; }
          body .section-news .list .list-news .child .text a h3 {
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0;
            text-transform: uppercase;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -moz-line-clamp: 1;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box; }
        body .section-news .list .list-news .child .text .decs {
          margin-top: 10px;
          font-size: 14px;
          line-height: 22px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text);
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-line-clamp: 3;
          -moz-line-clamp: 3;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box; }
      body .section-news .list .list-news .child .desc p, body .section-news .list .list-news .child .decs p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 22px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-text);
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        display: -webkit-box; }
    body .section-news .list .page-number ul {
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      gap: 5px; }
      body .section-news .list .page-number ul a, body .section-news .list .page-number ul span {
        text-decoration: none;
        padding: 8px;
        color: var(--vinamat-text);
        font-size: 20px;
        line-height: 24px;
        font-family: var(--vinamat-font-main); }
    body .section-news .detail {
      margin-bottom: 50px; }
      body .section-news .detail .name h2 {
        font-size: 24px;
        line-height: 24px;
        color: var(--vinamat-text);
        text-transform: uppercase;
        margin: 0;
        position: relative;
        font-family: var(--vinamat-font-main); }
      body .section-news .detail .title-news {
        margin: 30px 0; }
        body .section-news .detail .title-news h3 {
          font-size: 18px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text);
          margin: 0; }
      body .section-news .detail .image {
        margin: 30px 0; }
        body .section-news .detail .image figure {
          padding-top: calc(0.667060 * 100%);
          height: 0;
          width: 100%;
          position: relative;
          overflow: hidden;
          border-radius: 10px;
          margin: 0; }
          body .section-news .detail .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; }
      body .section-news .detail .decs p {
        font-size: 16px;
        line-height: 24px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        margin-bottom: 15px; }
    body .section-news .other-news .title-news {
      text-align: center;
      margin-bottom: 50px; }
      body .section-news .other-news .title-news h2 {
        font-size: 40px;
        line-height: 52px;
        position: relative;
        color: var(--vinamat-text);
        text-transform: uppercase;
        font-family: var(--vinamat-font-main);
        margin: 0;
        padding-bottom: 20px; }
        body .section-news .other-news .title-news h2::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
    body .section-news .other-news .list-news-other .child .image figure {
      margin: 0;
      position: relative;
      width: 100%;
      height: 0;
      padding-top: calc(0.639344 * 100%);
      overflow: hidden;
      border-radius: 10px; }
      body .section-news .other-news .list-news-other .child .image figure img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    body .section-news .other-news .list-news-other .child .text {
      padding-top: 30px; }
      body .section-news .other-news .list-news-other .child .text a {
        text-decoration: none; }
        body .section-news .other-news .list-news-other .child .text a h3 {
          font-size: 16px;
          line-height: 24px;
          color: var(--vinamat-text);
          text-transform: uppercase;
          margin: 0;
          text-overflow: ellipsis;
          font-family: var(--vinamat-font-main);
          overflow: hidden;
          -webkit-line-clamp: 2;
          -moz-line-clamp: 2;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box; }
      body .section-news .other-news .list-news-other .child .text .decs {
        margin: 10px 0;
        font-size: 14px;
        line-height: 22px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main);
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        display: -webkit-box; }
  body .section-mission {
    padding: 100px 0; }
    body .section-mission .wrapper .left {
      padding-right: 35px; }
      body .section-mission .wrapper .left .text {
        margin-bottom: 30px; }
        body .section-mission .wrapper .left .text .name h2, body .section-mission .wrapper .left .text .name h3, body .section-mission .wrapper .left .text .name h4, body .section-mission .wrapper .left .text .name h5, body .section-mission .wrapper .left .text .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF;
          margin: 0; }
        body .section-mission .wrapper .left .text .decs {
          max-width: 465px;
          margin-top: 20px; }
          body .section-mission .wrapper .left .text .decs p {
            font-size: 16px;
            line-height: 28px;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main); }
      body .section-mission .wrapper .left .image figure {
        margin: 0;
        width: 100%;
        height: 0;
        position: relative;
        overflow: hidden;
        padding-top: calc(0.500854 * 100%);
        border-radius: 10px; }
        body .section-mission .wrapper .left .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    body .section-mission .wrapper .right {
      padding-left: 25px; }
      body .section-mission .wrapper .right .list .misson-child {
        margin-bottom: 15px; }
        body .section-mission .wrapper .right .list .misson-child .title {
          padding: 20px 40px;
          background: rgba(245, 246, 250, 0.85);
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          body .section-mission .wrapper .right .list .misson-child .title .name h2, body .section-mission .wrapper .right .list .misson-child .title .name h3, body .section-mission .wrapper .right .list .misson-child .title .name h4, body .section-mission .wrapper .right .list .misson-child .title .name h5, body .section-mission .wrapper .right .list .misson-child .title .name h6 {
            font-size: 18px;
            line-height: 24px;
            margin: 0;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main); }
          body .section-mission .wrapper .right .list .misson-child .title .btn-show-content {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 2px solid #FFFFFF;
            position: relative; }
            body .section-mission .wrapper .right .list .misson-child .title .btn-show-content span {
              width: 14px;
              height: 2px;
              background: #FFFFFF;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
              body .section-mission .wrapper .right .list .misson-child .title .btn-show-content span:nth-last-child(1) {
                transform: translate(-50%, -50%) rotate(90deg); }
        body .section-mission .wrapper .right .list .misson-child .misson-content {
          padding: 0 40px;
          margin-bottom: 30px;
          display: none; }
          body .section-mission .wrapper .right .list .misson-child .misson-content p {
            font-size: 16px;
            line-height: 30px;
            margin: 0;
            color: var(--vinamat-text);
            margin: 0; }
      body .section-mission .wrapper .right .list .active {
        background: #FFFFFF;
        position: relative;
        border-radius: 10px;
        overflow: hidden; }
        body .section-mission .wrapper .right .list .active::before {
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          content: "";
          background: var(--vinamat-accent);
          width: 10px; }
        body .section-mission .wrapper .right .list .active .title {
          background: none;
          padding: 30px 40px; }
          body .section-mission .wrapper .right .list .active .title .name h2, body .section-mission .wrapper .right .list .active .title .name h3, body .section-mission .wrapper .right .list .active .title .name h4, body .section-mission .wrapper .right .list .active .title .name h5, body .section-mission .wrapper .right .list .active .title .name h6 {
            color: var(--vinamat-text); }
  body .feedback {
    padding: 100px 0; }
    body .feedback .title {
      margin-bottom: 50px; }
      body .feedback .title .name {
        position: relative;
        padding-bottom: 20px; }
        body .feedback .title .name::before {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100px;
          height: 2px;
          content: "";
          background: var(--vinamat-accent); }
        body .feedback .title .name h2, body .feedback .title .name h3, body .feedback .title .name h4, body .feedback .title .name h5, body .feedback .title .name h6 {
          text-transform: uppercase;
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          color: var(--vinamat-text); }
          body .feedback .title .name h2 span, body .feedback .title .name h3 span, body .feedback .title .name h4 span, body .feedback .title .name h5 span, body .feedback .title .name h6 span {
            color: var(--vinamat-accent); }
      body .feedback .title .decs {
        padding-top: 25px;
        max-width: 480px; }
        body .feedback .title .decs p {
          font-size: 16px;
          line-height: 28px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
    body .feedback .list .feedback-client {
      margin-bottom: 0; }
      body .feedback .list .feedback-client .child .image figure {
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100px;
        height: 100px;
        overflow: hidden;
        border-radius: 50%; }
        body .feedback .list .feedback-client .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .feedback .list .feedback-client .child .text {
        margin-right: 50px; }
        body .feedback .list .feedback-client .child .text .decs {
          margin: 25px 0; }
          body .feedback .list .feedback-client .child .text .decs p {
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
        body .feedback .list .feedback-client .child .text .name h2, body .feedback .list .feedback-client .child .text .name h3, body .feedback .list .feedback-client .child .text .name h4, body .feedback .list .feedback-client .child .text .name h5, body .feedback .list .feedback-client .child .text .name h6 {
          font-size: 18px;
          line-height: 24px;
          color: var(--vinamat-accent);
          margin: 0;
          font-family: var(--vinamat-font-main); }
        body .feedback .list .feedback-client .child .text .position h2, body .feedback .list .feedback-client .child .text .position h3, body .feedback .list .feedback-client .child .text .position h4, body .feedback .list .feedback-client .child .text .position h5, body .feedback .list .feedback-client .child .text .position h6 {
          font-size: 14px;
          line-height: 24px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
  body .consultation {
    padding: 100px 0; }
    body .consultation .wrapper {
      display: grid;
      grid-template-columns: 912px 1fr;
      gap: 115px;
      align-items: center; }
      body .consultation .wrapper .image figure {
        margin: 0;
        padding-top: calc(0.603070 * 100%);
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 0; }
        body .consultation .wrapper .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .consultation .wrapper .text {
        max-width: 520px; }
        body .consultation .wrapper .text .name {
          padding-bottom: 20px;
          position: relative; }
          body .consultation .wrapper .text .name::before {
            content: "";
            width: 100px;
            height: 2px;
            position: absolute;
            background: var(--vinamat-accent);
            bottom: 0;
            left: 0; }
          body .consultation .wrapper .text .name h2, body .consultation .wrapper .text .name h3, body .consultation .wrapper .text .name h4, body .consultation .wrapper .text .name h5, body .consultation .wrapper .text .name h6 {
            font-size: 40px;
            line-height: 52px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0; }
            body .consultation .wrapper .text .name h2 span, body .consultation .wrapper .text .name h3 span, body .consultation .wrapper .text .name h4 span, body .consultation .wrapper .text .name h5 span, body .consultation .wrapper .text .name h6 span {
              color: var(--vinamat-accent); }
        body .consultation .wrapper .text .decs {
          max-width: 440px;
          margin-top: 20px; }
          body .consultation .wrapper .text .decs p {
            font-size: 16px;
            line-height: 28px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text); }
        body .consultation .wrapper .text .form-signin form {
          display: flex;
          align-items: center;
          background: var(--vinamat-bg-light);
          border-radius: 10px;
          padding: 10px 5px;
          justify-content: space-between; }
          body .consultation .wrapper .text .form-signin form input {
            border: none;
            background: none;
            outline: none;
            padding: 10px 25px;
            font-size: 16px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text); }
            body .consultation .wrapper .text .form-signin form input::placeholder {
              font-size: 16px;
              line-height: 24px;
              font-family: var(--vinamat-font-main);
              color: var(--vinamat-text); }
          body .consultation .wrapper .text .form-signin form button {
            padding: 10px 40px;
            background: var(--vinamat-accent);
            font-size: 14px;
            line-height: 22px;
            font-family: var(--vinamat-font-main);
            color: #FFFFFF;
            border-radius: 30px;
            border: none; }
  body .sustainable-development {
    padding: 240px 0;
    background-size: cover;
    background-attachment: fixed; }
    body .sustainable-development .text {
      max-width: 765px; }
      body .sustainable-development .text .title {
        margin-bottom: 50px; }
        body .sustainable-development .text .title .name {
          margin-bottom: 20px; }
          body .sustainable-development .text .title .name h2, body .sustainable-development .text .title .name h3, body .sustainable-development .text .title .name h4, body .sustainable-development .text .title .name h5, body .sustainable-development .text .title .name h6 {
            font-size: 40px;
            line-height: 52px;
            color: #FFFFFF;
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .sustainable-development .text .title .decs p {
          font-size: 16px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
      body .sustainable-development .text .content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 80px;
        position: relative; }
        body .sustainable-development .text .content::before {
          height: 100%;
          position: absolute;
          background: var(--vinamat-border);
          width: 1px;
          left: 50%;
          transform: translateX(-50%);
          content: ""; }
        body .sustainable-development .text .content .child .name {
          margin-bottom: 10px; }
          body .sustainable-development .text .content .child .name h2, body .sustainable-development .text .content .child .name h3, body .sustainable-development .text .content .child .name h4, body .sustainable-development .text .content .child .name h5, body .sustainable-development .text .content .child .name h6 {
            font-size: 16px;
            line-height: 20px;
            font-family: var(--vinamat-font-main);
            color: #FFFFFF;
            margin: 0; }
        body .sustainable-development .text .content .child .decs p {
          font-size: 16px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
  body .cooperate {
    padding: 80px 0; }
    body .cooperate .wrapper .left {
      max-width: 550px; }
      body .cooperate .wrapper .left .title {
        margin-bottom: 30px; }
        body .cooperate .wrapper .left .title .name {
          padding-bottom: 20px;
          position: relative; }
          body .cooperate .wrapper .left .title .name::before {
            content: "";
            width: 100px;
            height: 2px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: var(--vinamat-accent); }
          body .cooperate .wrapper .left .title .name h2, body .cooperate .wrapper .left .title .name h3.h4, body .cooperate .wrapper .left .title .name h5, body .cooperate .wrapper .left .title .name h6 {
            font-size: 40px;
            line-height: 52px;
            margin: 0;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
            body .cooperate .wrapper .left .title .name h2 span, body .cooperate .wrapper .left .title .name h3.h4 span, body .cooperate .wrapper .left .title .name h5 span, body .cooperate .wrapper .left .title .name h6 span {
              color: var(--vinamat-accent); }
        body .cooperate .wrapper .left .title .decs {
          padding-top: 20px; }
          body .cooperate .wrapper .left .title .decs p {
            font-size: 16px;
            line-height: 28px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
      body .cooperate .wrapper .left .contact {
        margin: 0; }
        body .cooperate .wrapper .left .contact .location, body .cooperate .wrapper .left .contact .number-phone {
          display: flex;
          align-items: center;
          gap: 10px;
          margin-bottom: 35px; }
          body .cooperate .wrapper .left .contact .location .image figure, body .cooperate .wrapper .left .contact .number-phone .image figure {
            margin: 0;
            width: 48px;
            height: 48px;
            position: relative;
            overflow: hidden;
            border-radius: 50%;
            background: var(--vinamat-primary); }
            body .cooperate .wrapper .left .contact .location .image figure i, body .cooperate .wrapper .left .contact .number-phone .image figure i {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              font-size: 18px;
              color: #FFFFFF; }
          body .cooperate .wrapper .left .contact .location .text p, body .cooperate .wrapper .left .contact .number-phone .text p {
            font-size: 14px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0; }
          body .cooperate .wrapper .left .contact .location .text h2, body .cooperate .wrapper .left .contact .location .text h3, body .cooperate .wrapper .left .contact .location .text h4, body .cooperate .wrapper .left .contact .location .text h5, body .cooperate .wrapper .left .contact .location .text h6, body .cooperate .wrapper .left .contact .number-phone .text h2, body .cooperate .wrapper .left .contact .number-phone .text h3, body .cooperate .wrapper .left .contact .number-phone .text h4, body .cooperate .wrapper .left .contact .number-phone .text h5, body .cooperate .wrapper .left .contact .number-phone .text h6 {
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            margin: 0;
            width: 100%; }
    body .cooperate .wrapper .right {
      margin-left: 50px;
      position: relative; }
      body .cooperate .wrapper .right .child {
        box-shadow: 0px 4px 20px 0px #0000000D;
        background: #FFFFFF;
        padding: 60px 40px;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 20px; }
        body .cooperate .wrapper .right .child .title .name h2, body .cooperate .wrapper .right .child .title .name h3, body .cooperate .wrapper .right .child .title .name h4, body .cooperate .wrapper .right .child .title .name h5, body .cooperate .wrapper .right .child .title .name h6 {
          font-size: 24px;
          line-height: 28px;
          color: var(--vinamat-text);
          margin: 0;
          font-family: var(--vinamat-font-main); }
        body .cooperate .wrapper .right .child .title .decs {
          margin: 20px 0; }
          body .cooperate .wrapper .right .child .title .decs p {
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
        body .cooperate .wrapper .right .child .form-contact form .item {
          margin-bottom: 25px; }
          body .cooperate .wrapper .right .child .form-contact form .item:nth-last-child(1) {
            margin-bottom: 0; }
          body .cooperate .wrapper .right .child .form-contact form .item input, body .cooperate .wrapper .right .child .form-contact form .item textarea {
            width: 100%;
            outline: none;
            padding: 20px 40px;
            border: none;
            background: var(--vinamat-bg-light);
            border-radius: 4px; }
          body .cooperate .wrapper .right .child .form-contact form .item input[type=number]::-webkit-outer-spin-button, body .cooperate .wrapper .right .child .form-contact form .item input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0; }
          body .cooperate .wrapper .right .child .form-contact form .item button {
            padding: 13px 60px;
            color: #FFFFFF;
            font-size: 16px;
            line-height: 22px;
            font-family: var(--vinamat-font-main);
            background: var(--vinamat-accent);
            border: none;
            border-radius: 10px; }
  body .cooperate-2 {
    display: grid;
    grid-template-columns: 912px 1fr;
    gap: 115px;
    position: relative; }
    body .cooperate-2 .image figure {
      padding-top: calc(0.793859 * 100%);
      margin: 0;
      width: 100%;
      height: 0;
      position: relative;
      overflow: hidden; }
      body .cooperate-2 .image figure img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    body .cooperate-2 .text .title {
      max-width: 440px;
      margin-top: 160px; }
      body .cooperate-2 .text .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .cooperate-2 .text .title .name::before {
          position: absolute;
          bottom: 0;
          left: 0;
          content: "";
          width: 100px;
          height: 2px;
          background: #FFFFFF; }
        body .cooperate-2 .text .title .name h2, body .cooperate-2 .text .title .name h3, body .cooperate-2 .text .title .name h4, body .cooperate-2 .text .title .name h5, body .cooperate-2 .text .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          color: #FFFFFF;
          margin: 0;
          font-family: var(--vinamat-font-main); }
      body .cooperate-2 .text .title .decs {
        margin-top: 20px; }
        body .cooperate-2 .text .title .decs p {
          font-size: 16px;
          line-height: 28px;
          color: #FFFFFF;
          font-family: var(--vinamat-font-main); }
    body .cooperate-2 .quantity {
      width: 1280px;
      position: absolute;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      background: #FFFFFF;
      border-radius: 8px;
      display: flex;
      justify-content: space-between;
      padding: 30px 110px; }
      body .cooperate-2 .quantity .child {
        text-align: center; }
        body .cooperate-2 .quantity .child .number {
          padding-bottom: 10px;
          position: relative; }
          body .cooperate-2 .quantity .child .number::before {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 52px;
            height: 1px;
            background: var(--vinamat-text);
            content: ""; }
          body .cooperate-2 .quantity .child .number h2, body .cooperate-2 .quantity .child .number h3, body .cooperate-2 .quantity .child .number h4, body .cooperate-2 .quantity .child .number h5, body .cooperate-2 .quantity .child .number h6 {
            font-size: 55px;
            line-height: 64px;
            font-family: var(--vinamat-font-main);
            margin: 0;
            color: var(--vinamat-primary); }
        body .cooperate-2 .quantity .child .text {
          margin-top: 10px; }
          body .cooperate-2 .quantity .child .text h2, body .cooperate-2 .quantity .child .text h3, body .cooperate-2 .quantity .child .text h4, body .cooperate-2 .quantity .child .text h5, body .cooperate-2 .quantity .child .text h6 {
            font-size: 16px;
            margin: 0;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text); }
  body .outstanding-service {
    display: grid;
    grid-template-columns: 1fr 919px;
    overflow: hidden;
    background: var(--vinamat-primary);
    align-items: center; }
    body .outstanding-service .service-slide-text {
      width: 460px;
      margin-left: 320px; }
      body .outstanding-service .service-slide-text .child .title {
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 30px; }
        body .outstanding-service .service-slide-text .child .title .name {
          padding-bottom: 20px;
          position: relative; }
          body .outstanding-service .service-slide-text .child .title .name::before {
            content: "";
            width: 100px;
            height: 2px;
            background: #FFFFFF;
            position: absolute;
            bottom: 0;
            left: 0; }
          body .outstanding-service .service-slide-text .child .title .name h2, body .outstanding-service .service-slide-text .child .title .name h3, body .outstanding-service .service-slide-text .child .title .name h4, body .outstanding-service .service-slide-text .child .title .name h5, body .outstanding-service .service-slide-text .child .title .name h6 {
            font-size: 40px;
            line-height: 52px;
            color: #FFFFFF;
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .outstanding-service .service-slide-text .child .title .decs {
          margin-top: 30px; }
          body .outstanding-service .service-slide-text .child .title .decs p {
            font-size: 16px;
            line-height: 28px;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main); }
      body .outstanding-service .service-slide-text .child .content {
        margin-top: 40px; }
        body .outstanding-service .service-slide-text .child .content .name {
          margin-bottom: 15px; }
          body .outstanding-service .service-slide-text .child .content .name h2, body .outstanding-service .service-slide-text .child .content .name h3, body .outstanding-service .service-slide-text .child .content .name h4, body .outstanding-service .service-slide-text .child .content .name h5, body .outstanding-service .service-slide-text .child .content .name h6 {
            font-size: 20px;
            line-height: 23px;
            color: #FFFFFF;
            margin: 0;
            font-family: var(--vinamat-font-main);
            text-transform: uppercase; }
        body .outstanding-service .service-slide-text .child .content .desc h4 {
          font-family: var(--vinamat-font-main);
          font-weight: 700; }
        body .outstanding-service .service-slide-text .child .content .desc p {
          font-size: 16px;
          line-height: 28px;
          color: #FFFFFF;
          font-family: var(--vinamat-font-main); }
      body .outstanding-service .service-slide-text .slick-dots {
        display: flex;
        justify-content: start;
        margin: 0;
        padding: 0;
        gap: 20px;
        align-items: center; }
        body .outstanding-service .service-slide-text .slick-dots li {
          margin: 0;
          width: 15px;
          height: 15px; }
          body .outstanding-service .service-slide-text .slick-dots li button {
            width: 15px;
            height: 15px; }
            body .outstanding-service .service-slide-text .slick-dots li button::before {
              width: 15px;
              height: 15px;
              content: "";
              opacity: 1;
              background: #fff;
              border-radius: 50%; }
        body .outstanding-service .service-slide-text .slick-dots .slick-active {
          width: 30px;
          height: 30px; }
          body .outstanding-service .service-slide-text .slick-dots .slick-active button {
            width: 30px;
            height: 30px; }
            body .outstanding-service .service-slide-text .slick-dots .slick-active button::before {
              width: 30px;
              height: 30px;
              background: var(--vinamat-primary);
              border: 4px solid #FFFFFF; }
    body .outstanding-service .service-slide-image .child figure {
      margin: 0;
      padding-top: calc(0.819368 * 100%);
      width: 100%;
      height: 0;
      position: relative;
      overflow: hidden; }
      body .outstanding-service .service-slide-image .child figure img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body .outstanding-service-2 {
    padding: 100px 0;
    background-size: cover;
    background-attachment: fixed; }
    body .outstanding-service-2 .title {
      text-align: center;
      margin-bottom: 50px; }
      body .outstanding-service-2 .title .name {
        position: relative;
        padding-bottom: 20px; }
        body .outstanding-service-2 .title .name::before {
          content: "";
          background: #FFFFFF;
          width: 100px;
          height: 2px;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        body .outstanding-service-2 .title .name h2, body .outstanding-service-2 .title .name h3, body .outstanding-service-2 .title .name h4, body .outstanding-service-2 .title .name h5, body .outstanding-service-2 .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          margin: 0;
          text-transform: uppercase;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
      body .outstanding-service-2 .title .decs {
        margin: 25px auto;
        max-width: 685px; }
        body .outstanding-service-2 .title .decs p, body .outstanding-service-2 .title .decs span {
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
    body .outstanding-service-2 .content .child {
      margin-bottom: 30px; }
      body .outstanding-service-2 .content .child a {
        text-decoration: none; }
        body .outstanding-service-2 .content .child a .image figure {
          margin: 0;
          width: 100%;
          height: 0;
          padding-top: calc(0.639344 * 100%);
          position: relative;
          overflow: hidden;
          border-radius: 10px;
          overflow: hidden; }
          body .outstanding-service-2 .content .child a .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body .outstanding-service-2 .content .child a .text {
          margin-top: 30px; }
          body .outstanding-service-2 .content .child a .text .name h2, body .outstanding-service-2 .content .child a .text .name h3, body .outstanding-service-2 .content .child a .text .name h4, body .outstanding-service-2 .content .child a .text .name h5, body .outstanding-service-2 .content .child a .text .name h6 {
            font-size: 16px;
            line-height: 24px;
            margin: 0;
            font-family: var(--vinamat-font-main);
            color: #FFFFFF;
            text-transform: uppercase;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -moz-line-clamp: 1;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box; }
          body .outstanding-service-2 .content .child a .text .decs {
            margin: 10px 0; }
            body .outstanding-service-2 .content .child a .text .decs p {
              font-size: 14px;
              line-height: 22px;
              font-family: var(--vinamat-font-main);
              color: #FFFFFF;
              text-overflow: ellipsis;
              overflow: hidden;
              -webkit-line-clamp: 3;
              -moz-line-clamp: 3;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              display: -webkit-box; }
          body .outstanding-service-2 .content .child a .text .action h2, body .outstanding-service-2 .content .child a .text .action h3, body .outstanding-service-2 .content .child a .text .action h4, body .outstanding-service-2 .content .child a .text .action h5, body .outstanding-service-2 .content .child a .text .action h6 {
            color: #FFFFFF;
            font-size: 14px;
            line-height: 22px;
            font-family: var(--vinamat-font-main);
            margin: 0; }
  body .providing {
    position: relative; }
    body .providing .image figure {
      margin: 0;
      padding-top: calc(0.377604 * 100%);
      width: 100%;
      height: 0;
      position: relative; }
      body .providing .image figure img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    body .providing .text {
      width: 440px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%); }
      body .providing .text .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .providing .text .title .name::before {
          position: absolute;
          content: "";
          bottom: 0;
          left: 0;
          width: 100px;
          height: 2px;
          background: #FFFFFF; }
        body .providing .text .title .name h2, body .providing .text .title .name h3, body .providing .text .title .name h4, body .providing .text .title .name h5, body .providing .text .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          color: #FFFFFF;
          margin: 0;
          font-family: var(--vinamat-font-main); }
      body .providing .text .title .decs {
        margin: 25px 0; }
        body .providing .text .title .decs p {
          font-size: 16px;
          line-height: 28px;
          color: #FFFFFF;
          margin: 0;
          font-family: var(--vinamat-font-main); }
      body .providing .text .content .name {
        margin-top: 20px; }
        body .providing .text .content .name h2, body .providing .text .content .name h3, body .providing .text .content .name h4, body .providing .text .content .name h5, body .providing .text .content .name h6 {
          font-size: 20px;
          line-height: 23px;
          color: #FFFFFF;
          margin: 0;
          font-family: var(--vinamat-font-main); }
      body .providing .text .content ul {
        margin: 30px 0 0;
        padding-left: 15px; }
        body .providing .text .content ul li {
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF;
          margin-bottom: 10px; }
  body .user-feedback {
    padding: 100px 0; }
    body .user-feedback .wrapper .title {
      padding-right: 20px; }
      body .user-feedback .wrapper .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .user-feedback .wrapper .title .name::before {
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent);
          position: absolute;
          bottom: 0;
          left: 0; }
        body .user-feedback .wrapper .title .name h2, body .user-feedback .wrapper .title .name h3, body .user-feedback .wrapper .title .name h4, body .user-feedback .wrapper .title .name h5, body .user-feedback .wrapper .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
          body .user-feedback .wrapper .title .name h2 span, body .user-feedback .wrapper .title .name h3 span, body .user-feedback .wrapper .title .name h4 span, body .user-feedback .wrapper .title .name h5 span, body .user-feedback .wrapper .title .name h6 span {
            color: var(--vinamat-accent); }
      body .user-feedback .wrapper .title .decs {
        margin-top: 25px; }
        body .user-feedback .wrapper .title .decs p {
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text); }
    body .user-feedback .wrapper .slider-user-feedback .slide-child {
      margin: 0 10px; }
      body .user-feedback .wrapper .slider-user-feedback .slide-child .child {
        box-shadow: 0px 4px 20px 0px #0000001A;
        border-radius: 8px;
        background: #FFFFFF;
        padding: 65px 40px;
        position: relative; }
        body .user-feedback .wrapper .slider-user-feedback .slide-child .child .bg {
          position: absolute;
          top: 40px;
          left: 25px;
          width: 64px;
          height: 52px;
          color: #0000001A; }
          body .user-feedback .wrapper .slider-user-feedback .slide-child .child .bg figure {
            margin: 0; }
        body .user-feedback .wrapper .slider-user-feedback .slide-child .child .decs {
          margin-bottom: 40px; }
          body .user-feedback .wrapper .slider-user-feedback .slide-child .child .decs p {
            font-size: 16px;
            line-height: 30px;
            color: var(--vinamat-text);
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user {
          display: flex;
          align-items: center;
          gap: 20px; }
          body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .avatar figure {
            margin: 0;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            position: relative;
            overflow: hidden; }
            body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .avatar figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%; }
          body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .name h2, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .name h3, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .name h4, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .name h5, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .name h6 {
            color: var(--vinamat-accent);
            font-size: 18px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            margin: 0; }
          body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .position h2, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .position h3, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .position h4, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .position h5, body .user-feedback .wrapper .slider-user-feedback .slide-child .child .user .text .position h6 {
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text);
            font-size: 14px;
            line-height: 24px;
            margin: 0; }
    body .user-feedback .wrapper .slider-user-feedback .slick-dots {
      bottom: unset;
      top: 60%;
      transform: translateY(-50%);
      left: -50%;
      display: flex;
      align-items: center;
      gap: 10px;
      width: fit-content; }
      body .user-feedback .wrapper .slider-user-feedback .slick-dots li {
        width: 10px;
        height: 10px; }
        body .user-feedback .wrapper .slider-user-feedback .slick-dots li button {
          width: 10px;
          height: 10px; }
          body .user-feedback .wrapper .slider-user-feedback .slick-dots li button::before {
            width: 10px;
            height: 10px;
            content: "";
            border-radius: 50%;
            background: var(--vinamat-text);
            opacity: 1; }
      body .user-feedback .wrapper .slider-user-feedback .slick-dots .slick-active button::before {
        background: var(--vinamat-accent); }
  body .user-feedback-2 {
    padding: 100px 0; }
    body .user-feedback-2 .title {
      text-align: center;
      margin-bottom: 50px; }
      body .user-feedback-2 .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .user-feedback-2 .title .name::before {
          content: "";
          width: 100px;
          height: 2px;
          background: #FFFFFF;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        body .user-feedback-2 .title .name h2, body .user-feedback-2 .title .name h3, body .user-feedback-2 .title .name h4, body .user-feedback-2 .title .name h5, body .user-feedback-2 .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          margin: 0;
          color: #FFFFFF;
          font-family: var(--vinamat-font-main); }
      body .user-feedback-2 .title .decs {
        max-width: 615px;
        margin: 25px auto; }
        body .user-feedback-2 .title .decs p {
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
    body .user-feedback-2 .slide-user-feedback-2 .slide-child {
      margin: 0 10px; }
      body .user-feedback-2 .slide-user-feedback-2 .slide-child .child {
        box-shadow: 0px 4px 20px 0px #0000001A;
        border-radius: 8px;
        background: #FFFFFF;
        padding: 65px 40px;
        position: relative; }
        body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .bg {
          position: absolute;
          top: 40px;
          left: 25px;
          width: 64px;
          height: 52px;
          color: #0000001A; }
          body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .bg figure {
            margin: 0; }
        body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .decs {
          margin-bottom: 40px; }
          body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .decs p {
            font-size: 16px;
            line-height: 30px;
            color: var(--vinamat-text);
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user {
          display: flex;
          align-items: center;
          gap: 20px; }
          body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .avatar figure {
            margin: 0;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            position: relative;
            overflow: hidden; }
            body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .avatar figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%; }
          body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .name h2, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .name h3, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .name h4, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .name h5, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .name h6 {
            color: var(--vinamat-accent);
            font-size: 18px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            margin: 0; }
          body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .position h2, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .position h3, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .position h4, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .position h5, body .user-feedback-2 .slide-user-feedback-2 .slide-child .child .user .text .position h6 {
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text);
            font-size: 14px;
            line-height: 24px;
            margin: 0; }
  body .user-feedback-3 {
    padding: 100px 45px; }
    body .user-feedback-3 .title {
      text-align: center; }
      body .user-feedback-3 .title .name {
        padding-bottom: 20px; }
        body .user-feedback-3 .title .name h2, body .user-feedback-3 .title .name h3, body .user-feedback-3 .title .name h4, body .user-feedback-3 .title .name h5, body .user-feedback-3 .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
    body .user-feedback-3 .slide-user-feedback-3 .slide-child {
      opacity: 0.4;
      margin: 0 15px; }
      body .user-feedback-3 .slide-user-feedback-3 .slide-child .child {
        box-shadow: 0px 6px 15px 0px #404F680D;
        background: #FFFFFF;
        border: 1px solid var(--vinamat-border);
        border-radius: 8px;
        position: relative;
        padding: 40px; }
        body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .bg {
          position: absolute;
          top: 25px;
          right: 25px; }
          body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .bg figure {
            margin: 0;
            width: 32px;
            height: 26px;
            position: relative;
            overflow: hidden; }
            body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .bg figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%; }
        body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .text-red {
          font-size: 16px;
          line-height: 19px;
          color: var(--vinamat-accent);
          margin: 0;
          font-family: var(--vinamat-font-main);
          text-transform: uppercase; }
        body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .decs {
          margin: 30px 0; }
          body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .decs p {
            font-size: 16px;
            line-height: 30px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text); }
        body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user {
          display: flex;
          align-items: center;
          gap: 20px; }
          body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .avatar figure {
            margin: 0;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            position: relative;
            overflow: hidden; }
            body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .avatar figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%; }
          body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .name h2, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .name h3, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .name h4, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .name h5, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .name h6 {
            color: var(--vinamat-accent);
            font-size: 18px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            margin: 0; }
          body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .position h2, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .position h3, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .position h4, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .position h5, body .user-feedback-3 .slide-user-feedback-3 .slide-child .child .user .text .position h6 {
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text);
            font-size: 14px;
            line-height: 24px;
            margin: 0; }
    body .user-feedback-3 .slide-user-feedback-3 .slick-center {
      opacity: 1; }
  body .leadership {
    padding: 100px 0; }
    body .leadership .title {
      text-align: center; }
      body .leadership .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .leadership .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
        body .leadership .title .name h2, body .leadership .title .name h3, body .leadership .title .name h4, body .leadership .title .name h5, body .leadership .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          color: var(--vinamat-text); }
          body .leadership .title .name h2 span, body .leadership .title .name h3 span, body .leadership .title .name h4 span, body .leadership .title .name h5 span, body .leadership .title .name h6 span {
            color: var(--vinamat-accent); }
      body .leadership .title .decs {
        margin: 25px auto;
        max-width: 690px; }
        body .leadership .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .leadership .slide-leader .child {
      margin: 0 40px; }
      body .leadership .slide-leader .child .image figure {
        margin: 0 auto;
        width: 150px;
        height: 150px;
        position: relative;
        overflow: hidden;
        border-radius: 50%; }
        body .leadership .slide-leader .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .leadership .slide-leader .child .text {
        margin-top: 35px;
        text-align: center; }
        body .leadership .slide-leader .child .text .name h2, body .leadership .slide-leader .child .text .name h3, body .leadership .slide-leader .child .text .name h4, body .leadership .slide-leader .child .text .name h5, body .leadership .slide-leader .child .text .name h6 {
          color: var(--vinamat-text);
          font-size: 18px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          margin: 0; }
        body .leadership .slide-leader .child .text .position {
          margin-top: 5px; }
          body .leadership .slide-leader .child .text .position h2, body .leadership .slide-leader .child .text .position h3, body .leadership .slide-leader .child .text .position h4, body .leadership .slide-leader .child .text .position h5, body .leadership .slide-leader .child .text .position h6 {
            font-size: 14px;
            line-height: 24px;
            color: var(--vinamat-accent);
            font-family: var(--vinamat-font-main);
            margin: 0; }
  body .leadership-2 {
    padding: 100px 0; }
    body .leadership-2 .wrapper .title {
      display: flex;
      align-items: end;
      justify-content: space-between;
      margin-bottom: 50px; }
      body .leadership-2 .wrapper .title .left {
        max-width: 480px; }
        body .leadership-2 .wrapper .title .left .name {
          padding-bottom: 20px;
          position: relative; }
          body .leadership-2 .wrapper .title .left .name::before {
            position: absolute;
            bottom: 0;
            left: 0;
            content: "";
            width: 100px;
            height: 2px;
            background: var(--vinamat-accent); }
          body .leadership-2 .wrapper .title .left .name h2, body .leadership-2 .wrapper .title .left .name h3, body .leadership-2 .wrapper .title .left .name h4, body .leadership-2 .wrapper .title .left .name h5, body .leadership-2 .wrapper .title .left .name h6 {
            font-size: 40px;
            line-height: 52px;
            font-family: var(--vinamat-font-main);
            margin: 0;
            color: var(--vinamat-text); }
            body .leadership-2 .wrapper .title .left .name h2 span, body .leadership-2 .wrapper .title .left .name h3 span, body .leadership-2 .wrapper .title .left .name h4 span, body .leadership-2 .wrapper .title .left .name h5 span, body .leadership-2 .wrapper .title .left .name h6 span {
              color: var(--vinamat-accent); }
        body .leadership-2 .wrapper .title .left .decs {
          margin: 25px auto 0;
          max-width: 690px; }
          body .leadership-2 .wrapper .title .left .decs p {
            color: var(--vinamat-text);
            font-size: 16px;
            line-height: 28px;
            font-family: var(--vinamat-font-main);
            margin: 0; }
      body .leadership-2 .wrapper .title .right .action a {
        display: block;
        padding: 10px 45px;
        font-size: 14px;
        line-height: 22px;
        color: #FFFFFF;
        font-family: var(--vinamat-font-main);
        border-radius: 10px;
        background: var(--vinamat-accent);
        outline: none;
        text-decoration: none; }
    body .leadership-2 .list .child {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0px 4px 20px 0px #0000001A; }
      body .leadership-2 .list .child .image figure {
        margin: 0;
        padding-top: calc(1.285245 * 100%);
        width: 100%;
        height: 0;
        position: relative;
        overflow: hidden; }
        body .leadership-2 .list .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .leadership-2 .list .child .text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--vinamat-bg-light);
        border-radius: 10px;
        padding: 35px 70px 25px;
        text-align: center; }
        body .leadership-2 .list .child .text .name h2, body .leadership-2 .list .child .text .name h3, body .leadership-2 .list .child .text .name h4, body .leadership-2 .list .child .text .name h5, body .leadership-2 .list .child .text .name h6 {
          color: var(--vinamat-text);
          font-size: 18px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          margin: 0; }
        body .leadership-2 .list .child .text .position {
          margin-top: 5px; }
          body .leadership-2 .list .child .text .position h2, body .leadership-2 .list .child .text .position h3, body .leadership-2 .list .child .text .position h4, body .leadership-2 .list .child .text .position h5, body .leadership-2 .list .child .text .position h6 {
            font-size: 14px;
            line-height: 24px;
            color: var(--vinamat-accent);
            font-family: var(--vinamat-font-main);
            margin: 0; }
  body .sustainable-2 {
    padding: 100px 0; }
    body .sustainable-2 .wrapper {
      align-items: center; }
      body .sustainable-2 .wrapper .text .name {
        padding-bottom: 20px;
        position: relative; }
        body .sustainable-2 .wrapper .text .name::before {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent);
          content: ""; }
        body .sustainable-2 .wrapper .text .name h2, body .sustainable-2 .wrapper .text .name h3, body .sustainable-2 .wrapper .text .name h4, body .sustainable-2 .wrapper .text .name h5, body .sustainable-2 .wrapper .text .name h6 {
          font-family: var(--vinamat-font-main);
          font-size: 40px;
          line-height: 52px;
          color: var(--vinamat-text);
          text-transform: uppercase;
          margin: 0; }
      body .sustainable-2 .wrapper .text .decs {
        margin-top: 25px; }
        body .sustainable-2 .wrapper .text .decs p {
          font-size: 16px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text); }
      body .sustainable-2 .wrapper .image {
        margin-left: 50px; }
        body .sustainable-2 .wrapper .image figure {
          margin: 0;
          padding-top: calc(0.601449 * 100%);
          width: 100%;
          height: 0;
          position: relative;
          overflow: hidden;
          border-radius: 10px; }
          body .sustainable-2 .wrapper .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
  body .sustainable-3 {
    padding: 50px 0; }
    body .sustainable-3 .wrapper {
      align-items: center; }
      body .sustainable-3 .wrapper .text .name {
        padding-bottom: 20px;
        position: relative; }
        body .sustainable-3 .wrapper .text .name::before {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent);
          content: ""; }
        body .sustainable-3 .wrapper .text .name h2, body .sustainable-3 .wrapper .text .name h3, body .sustainable-3 .wrapper .text .name h4, body .sustainable-3 .wrapper .text .name h5, body .sustainable-3 .wrapper .text .name h6 {
          font-family: var(--vinamat-font-main);
          font-size: 40px;
          line-height: 52px;
          color: var(--vinamat-text);
          text-transform: uppercase;
          margin: 0; }
      body .sustainable-3 .wrapper .text .decs {
        margin-top: 25px; }
        body .sustainable-3 .wrapper .text .decs p {
          font-size: 16px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text); }
      body .sustainable-3 .wrapper .image {
        margin-right: 50px; }
        body .sustainable-3 .wrapper .image figure {
          margin: 0;
          padding-top: calc(0.601449 * 100%);
          width: 100%;
          height: 0;
          position: relative;
          overflow: hidden;
          border-radius: 10px; }
          body .sustainable-3 .wrapper .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
  body .price-list {
    padding: 100px 0; }
    body .price-list .title {
      text-align: center; }
      body .price-list .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .price-list .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
        body .price-list .title .name h2, body .price-list .title .name h3, body .price-list .title .name h4, body .price-list .title .name h5, body .price-list .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: var(--vinamat-text); }
          body .price-list .title .name h2 span, body .price-list .title .name h3 span, body .price-list .title .name h4 span, body .price-list .title .name h5 span, body .price-list .title .name h6 span {
            color: var(--vinamat-accent); }
      body .price-list .title .decs {
        margin: 25px auto;
        max-width: 690px; }
        body .price-list .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .price-list .list-pritable .price-item {
      text-align: center;
      padding: 40px 50px 60px;
      border: 1px solid var(--vinamat-accent);
      position: relative;
      border-radius: 10px; }
      body .price-list .list-pritable .price-item .name h2, body .price-list .list-pritable .price-item .name h3, body .price-list .list-pritable .price-item .name h4, body .price-list .list-pritable .price-item .name h5, body .price-list .list-pritable .price-item .name h6 {
        color: var(--vinamat-accent);
        font-family: var(--vinamat-font-main);
        font-size: 16px;
        line-height: 24px;
        margin: 0; }
      body .price-list .list-pritable .price-item .text {
        margin: 30px 0;
        display: flex;
        align-items: end;
        gap: 5px;
        justify-content: center; }
        body .price-list .list-pritable .price-item .text span {
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-primary);
          display: block;
          margin: 0; }
        body .price-list .list-pritable .price-item .text h2, body .price-list .list-pritable .price-item .text h3, body .price-list .list-pritable .price-item .text h4, body .price-list .list-pritable .price-item .text h5, body .price-list .list-pritable .price-item .text h6 {
          font-size: 40px;
          line-height: 47px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-primary);
          margin: 0; }
      body .price-list .list-pritable .price-item .info {
        position: relative;
        padding: 30px 0 40px; }
        body .price-list .list-pritable .price-item .info:before {
          content: "";
          border-top: 1px solid var(--vinamat-primary);
          width: 70%;
          height: 0;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          margin: 0 auto; }
        body .price-list .list-pritable .price-item .info ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          body .price-list .list-pritable .price-item .info ul li {
            font-size: 16px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text);
            margin-bottom: 20px; }
            body .price-list .list-pritable .price-item .info ul li:last-child {
              margin-bottom: 0; }
      body .price-list .list-pritable .price-item .action a {
        display: block;
        padding: 13px 35px;
        border: 1px solid var(--vinamat-accent);
        font-size: 16px;
        line-height: 22px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-accent);
        width: fit-content;
        margin: 0 auto;
        border-radius: 10px;
        outline: none;
        text-decoration: none; }
      body .price-list .list-pritable .price-item.advand {
        background: var(--vinamat-text);
        border-color: #0000; }
        body .price-list .list-pritable .price-item.advand .text h2, body .price-list .list-pritable .price-item.advand .text h3, body .price-list .list-pritable .price-item.advand .text h4, body .price-list .list-pritable .price-item.advand .text h5, body .price-list .list-pritable .price-item.advand .text h6 {
          color: #fff;
          display: flex;
          align-items: baseline;
          justify-content: center;
          gap: 15px; }
          body .price-list .list-pritable .price-item.advand .text h2 p, body .price-list .list-pritable .price-item.advand .text h3 p, body .price-list .list-pritable .price-item.advand .text h4 p, body .price-list .list-pritable .price-item.advand .text h5 p, body .price-list .list-pritable .price-item.advand .text h6 p {
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
            color: #ffffff80;
            margin: 0; }
        body .price-list .list-pritable .price-item.advand .text span {
          color: #fff; }
        body .price-list .list-pritable .price-item.advand .info:before {
          content: "";
          border-color: #fff; }
        body .price-list .list-pritable .price-item.advand .info ul li {
          color: #fff; }
        body .price-list .list-pritable .price-item.advand .tip {
          position: absolute;
          top: 35px;
          left: -10px; }
          body .price-list .list-pritable .price-item.advand .tip .label {
            display: block;
            font-size: 14px;
            line-height: 20px;
            font-weight: 500;
            font-family: var(--vinamat-font-main);
            padding: 4px 20px;
            background: var(--vinamat-accent);
            position: relative;
            text-transform: capitalize; }
            body .price-list .list-pritable .price-item.advand .tip .label:before {
              content: "";
              width: 10px;
              height: 10px;
              position: absolute;
              left: 0;
              bottom: -10px;
              background: var(--vinamat-accent); }
            body .price-list .list-pritable .price-item.advand .tip .label:after {
              content: "";
              width: 14px;
              height: 9px;
              position: absolute;
              left: -6px;
              bottom: -13px;
              background: #fff;
              transform: rotate(224deg); }
        body .price-list .list-pritable .price-item.advand .name h2, body .price-list .list-pritable .price-item.advand .name h3, body .price-list .list-pritable .price-item.advand .name h4, body .price-list .list-pritable .price-item.advand .name h5, body .price-list .list-pritable .price-item.advand .name h6 {
          color: #FFFFFF; }
        body .price-list .list-pritable .price-item.advand .action a {
          background: #FFFFFF;
          border-color: #FFFFFF; }
  body .enterprise {
    padding: 100px 0; }
    body .enterprise .title {
      text-align: center; }
      body .enterprise .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .enterprise .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
        body .enterprise .title .name h2, body .enterprise .title .name h3, body .enterprise .title .name h4, body .enterprise .title .name h5, body .enterprise .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: var(--vinamat-text); }
          body .enterprise .title .name h2 span, body .enterprise .title .name h3 span, body .enterprise .title .name h4 span, body .enterprise .title .name h5 span, body .enterprise .title .name h6 span {
            color: var(--vinamat-accent); }
      body .enterprise .title .decs {
        margin: 25px auto;
        max-width: 690px; }
        body .enterprise .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .enterprise .wrapper .child {
      padding: 60px 25px;
      box-shadow: 0px 0px 15px 0px #0000001F;
      background: #FFFFFF;
      border-radius: 10px;
      text-align: center; }
      body .enterprise .wrapper .child .category {
        margin-bottom: 20px; }
        body .enterprise .wrapper .child .category h2, body .enterprise .wrapper .child .category h3, body .enterprise .wrapper .child .category h4, body .enterprise .wrapper .child .category h5, body .enterprise .wrapper .child .category h6 {
          font-family: var(--vinamat-font-main);
          font-size: 20px;
          line-height: 23px;
          color: var(--vinamat-accent);
          text-transform: uppercase;
          font-feature-settings: "pnum" on, "lnum" on;
          margin: 0; }
      body .enterprise .wrapper .child .name {
        height: 48px; }
        body .enterprise .wrapper .child .name h2, body .enterprise .wrapper .child .name h3, body .enterprise .wrapper .child .name h4, body .enterprise .wrapper .child .name h5, body .enterprise .wrapper .child .name h6 {
          font-size: 18px;
          font-family: var(--vinamat-font-main);
          line-height: 24px;
          color: var(--vinamat-primary);
          margin: 0; }
      body .enterprise .wrapper .child .content {
        height: 315px;
        margin: 55px 0; }
        body .enterprise .wrapper .child .content ul {
          padding-left: 25px;
          text-align: start; }
          body .enterprise .wrapper .child .content ul li {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 28px;
            font-family: var(--vinamat-font-main);
            color: var(--vinamat-text); }
            body .enterprise .wrapper .child .content ul li:nth-last-child(1) {
              margin-bottom: 0; }
      body .enterprise .wrapper .child .action a {
        display: block;
        width: fit-content;
        padding: 13px 45px;
        margin: 0 auto;
        border-radius: 10px;
        color: #FFFFFF;
        background: var(--vinamat-accent);
        text-decoration: none;
        outline: none; }
    body .enterprise .wrapper .any {
      background: var(--vinamat-text); }
      body .enterprise .wrapper .any .category h2, body .enterprise .wrapper .any .category h3, body .enterprise .wrapper .any .category h4, body .enterprise .wrapper .any .category h5, body .enterprise .wrapper .any .category h6 {
        color: #FFFFFF; }
      body .enterprise .wrapper .any .name h2, body .enterprise .wrapper .any .name h3, body .enterprise .wrapper .any .name h4, body .enterprise .wrapper .any .name h5, body .enterprise .wrapper .any .name h6 {
        color: #FFFFFF; }
      body .enterprise .wrapper .any .content ul li {
        color: #FFFFFF; }
  body .enterprise-2 {
    padding: 100px 0; }
    body .enterprise-2 .title {
      text-align: center; }
      body .enterprise-2 .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .enterprise-2 .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
        body .enterprise-2 .title .name h2, body .enterprise-2 .title .name h3, body .enterprise-2 .title .name h4, body .enterprise-2 .title .name h5, body .enterprise-2 .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: var(--vinamat-text); }
          body .enterprise-2 .title .name h2 span, body .enterprise-2 .title .name h3 span, body .enterprise-2 .title .name h4 span, body .enterprise-2 .title .name h5 span, body .enterprise-2 .title .name h6 span {
            color: var(--vinamat-accent); }
      body .enterprise-2 .title .decs {
        margin: 25px auto;
        max-width: 690px; }
        body .enterprise-2 .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .enterprise-2 .wrapper .child {
      border-radius: 5px;
      overflow: hidden;
      background: #FFFFFF;
      border: 1px solid var(--vinamat-border); }
      body .enterprise-2 .wrapper .child .top {
        position: relative; }
        body .enterprise-2 .wrapper .child .top .image figure {
          margin: 0;
          width: 100%;
          height: 0;
          padding-top: calc(0.546 * 100%);
          position: relative;
          border-radius: 5px;
          overflow: hidden; }
          body .enterprise-2 .wrapper .child .top .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        body .enterprise-2 .wrapper .child .top .text {
          position: absolute;
          bottom: 50px;
          left: 30px; }
          body .enterprise-2 .wrapper .child .top .text .category h2, body .enterprise-2 .wrapper .child .top .text .category h3, body .enterprise-2 .wrapper .child .top .text .category h4, body .enterprise-2 .wrapper .child .top .text .category h5, body .enterprise-2 .wrapper .child .top .text .category h6 {
            font-size: 32px;
            line-height: 37px;
            margin: 0;
            color: var(--vinamat-primary);
            font-family: var(--vinamat-font-main);
            font-feature-settings: 'pnum' on, 'lnum' on; }
          body .enterprise-2 .wrapper .child .top .text .name h2, body .enterprise-2 .wrapper .child .top .text .name h3, body .enterprise-2 .wrapper .child .top .text .name h4, body .enterprise-2 .wrapper .child .top .text .name h5, body .enterprise-2 .wrapper .child .top .text .name h6 {
            color: var(--vinamat-text);
            font-size: 14px;
            line-height: 14px;
            font-family: var(--vinamat-font-main);
            font-feature-settings: 'pnum' on, 'lnum' on;
            margin: 0; }
      body .enterprise-2 .wrapper .child .bottom {
        padding: 25px 30px; }
        body .enterprise-2 .wrapper .child .bottom .content {
          margin-bottom: 40px; }
          body .enterprise-2 .wrapper .child .bottom .content ul {
            padding-left: 25px;
            margin: 0; }
            body .enterprise-2 .wrapper .child .bottom .content ul li {
              margin-bottom: 15px;
              font-size: 16px;
              line-height: 28px;
              font-family: var(--vinamat-font-main);
              color: var(--vinamat-text); }
              body .enterprise-2 .wrapper .child .bottom .content ul li:nth-last-child(1) {
                margin-bottom: 0; }
        body .enterprise-2 .wrapper .child .bottom .action a {
          display: block;
          width: fit-content;
          padding: 10px 37px;
          color: #FFFFFF;
          border-radius: 5px;
          background: var(--vinamat-primary);
          text-decoration: none;
          outline: none;
          font-size: 16px;
          line-height: 22px;
          font-family: var(--vinamat-font-main); }
  body .event {
    padding: 100px 0; }
    body .event .title {
      text-align: center; }
      body .event .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .event .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: var(--vinamat-accent); }
        body .event .title .name h2, body .event .title .name h3, body .event .title .name h4, body .event .title .name h5, body .event .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: var(--vinamat-text); }
          body .event .title .name h2 span, body .event .title .name h3 span, body .event .title .name h4 span, body .event .title .name h5 span, body .event .title .name h6 span {
            color: var(--vinamat-accent); }
      body .event .title .decs {
        margin: 25px auto;
        max-width: 690px; }
        body .event .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .event .wrapper .child a {
      text-decoration: none; }
      body .event .wrapper .child a .image figure {
        margin: 0;
        padding-top: calc(0.639225 * 100%);
        width: 100%;
        height: 0;
        position: relative;
        overflow: hidden;
        border-radius: 10px; }
        body .event .wrapper .child a .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          height: 100%;
          width: 100%; }
      body .event .wrapper .child a .text {
        margin-top: 30px; }
        body .event .wrapper .child a .text .date {
          display: flex;
          align-items: center;
          gap: 10px; }
          body .event .wrapper .child a .text .date .image figure {
            margin: 0;
            width: 20px;
            height: 20px;
            overflow: hidden;
            position: relative;
            overflow: hidden; }
            body .event .wrapper .child a .text .date .image figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%; }
          body .event .wrapper .child a .text .date .text {
            margin: 0; }
            body .event .wrapper .child a .text .date .text h2, body .event .wrapper .child a .text .date .text h3, body .event .wrapper .child a .text .date .text h4, body .event .wrapper .child a .text .date .text h5 {
              margin: 0;
              font-size: 14px;
              line-height: 16px;
              color: var(--vinamat-accent);
              font-family: var(--vinamat-font-main); }
        body .event .wrapper .child a .text .name {
          margin: 10px 30px 15px 0; }
          body .event .wrapper .child a .text .name h2, body .event .wrapper .child a .text .name h3, body .event .wrapper .child a .text .name h4, body .event .wrapper .child a .text .name h5, body .event .wrapper .child a .text .name h6 {
            color: var(--vinamat-text);
            margin: 0;
            font-size: 18px;
            line-height: 24px;
            font-family: var(--vinamat-font-main);
            text-transform: uppercase;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box; }
        body .event .wrapper .child a .text .decs {
          margin-right: 30px; }
          body .event .wrapper .child a .text .decs p {
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box;
            color: var(--vinamat-text);
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-family: var(--vinamat-font-main); }
  body .happening {
    position: relative;
    padding: 55px 0 315px;
    background: var(--vinamat-text);
    margin-bottom: 500px; }
    body .happening .title {
      max-width: 460px; }
      body .happening .title .name {
        padding-bottom: 20px;
        position: relative; }
        body .happening .title .name::before {
          position: absolute;
          bottom: 0;
          left: 0;
          content: "";
          width: 100px;
          height: 2px;
          background: #FFFFFF; }
        body .happening .title .name h2, body .happening .title .name h3, body .happening .title .name h4, body .happening .title .name h5, body .happening .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: #FFFFFF; }
          body .happening .title .name h2 span, body .happening .title .name h3 span, body .happening .title .name h4 span, body .happening .title .name h5 span, body .happening .title .name h6 span {
            color: var(--vinamat-accent); }
      body .happening .title .decs {
        margin: 25px auto; }
        body .happening .title .decs p {
          color: #FFFFFF;
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
    body .happening .content {
      position: absolute;
      width: 1280px;
      bottom: -230px;
      left: 50%;
      transform: translateX(-50%); }
      body .happening .content .slide-happening .child {
        margin: 0 10px;
        border-radius: 10px;
        overflow: hidden;
        background: #FFFFFF; }
        body .happening .content .slide-happening .child a {
          text-decoration: none;
          outline: none; }
          body .happening .content .slide-happening .child a .image figure {
            margin: 0;
            padding-top: calc(0.639225 * 100%);
            width: 100%;
            height: 0;
            position: relative;
            overflow: hidden;
            border-radius: 10px; }
            body .happening .content .slide-happening .child a .image figure img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              height: 100%;
              width: 100%; }
          body .happening .content .slide-happening .child a .text {
            margin-top: 30px; }
            body .happening .content .slide-happening .child a .text .date {
              display: flex;
              align-items: center;
              gap: 10px; }
              body .happening .content .slide-happening .child a .text .date .image figure {
                margin: 0;
                width: 20px;
                height: 20px;
                overflow: hidden;
                position: relative;
                overflow: hidden; }
                body .happening .content .slide-happening .child a .text .date .image figure img {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  height: 100%; }
              body .happening .content .slide-happening .child a .text .date .text {
                margin: 0; }
                body .happening .content .slide-happening .child a .text .date .text h2, body .happening .content .slide-happening .child a .text .date .text h3, body .happening .content .slide-happening .child a .text .date .text h4, body .happening .content .slide-happening .child a .text .date .text h5 {
                  margin: 0;
                  font-size: 14px;
                  line-height: 16px;
                  color: var(--vinamat-accent);
                  font-family: var(--vinamat-font-main); }
            body .happening .content .slide-happening .child a .text .name {
              margin: 10px 30px 15px 0; }
              body .happening .content .slide-happening .child a .text .name h2, body .happening .content .slide-happening .child a .text .name h3, body .happening .content .slide-happening .child a .text .name h4, body .happening .content .slide-happening .child a .text .name h5, body .happening .content .slide-happening .child a .text .name h6 {
                color: var(--vinamat-text);
                margin: 0;
                font-size: 18px;
                line-height: 24px;
                font-family: var(--vinamat-font-main);
                text-transform: uppercase;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -moz-line-clamp: 2;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                display: -webkit-box; }
            body .happening .content .slide-happening .child a .text .decs {
              margin-right: 30px; }
              body .happening .content .slide-happening .child a .text .decs p {
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-line-clamp: 3;
                -moz-line-clamp: 3;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                display: -webkit-box;
                color: var(--vinamat-text);
                margin: 0;
                font-size: 14px;
                line-height: 22px;
                font-family: var(--vinamat-font-main); }
  body .our-commitment {
    padding: 50px 0; }
    body .our-commitment .title .name {
      padding-bottom: 20px;
      position: relative;
      text-align: center; }
      body .our-commitment .title .name::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 100px;
        height: 2px;
        background: var(--vinamat-accent); }
      body .our-commitment .title .name h2, body .our-commitment .title .name h3, body .our-commitment .title .name h4, body .our-commitment .title .name h5, body .our-commitment .title .name h6 {
        font-size: 40px;
        line-height: 52px;
        font-family: var(--vinamat-font-main);
        margin: 0;
        text-transform: uppercase;
        color: var(--vinamat-text); }
        body .our-commitment .title .name h2 span, body .our-commitment .title .name h3 span, body .our-commitment .title .name h4 span, body .our-commitment .title .name h5 span, body .our-commitment .title .name h6 span {
          color: var(--vinamat-accent); }
    body .our-commitment .title .decs {
      margin: 25px auto; }
      body .our-commitment .title .decs p {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 28px;
        font-family: var(--vinamat-font-main); }
    body .our-commitment .wrapper {
      justify-content: center; }
      body .our-commitment .wrapper .child {
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 40px 0;
        margin-right: 50px; }
        body .our-commitment .wrapper .child .image figure {
          position: relative;
          margin: 0;
          width: 80px;
          height: 80px;
          border-radius: 50%;
          overflow: hidden;
          background: var(--vinamat-primary); }
          body .our-commitment .wrapper .child .image figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px; }
        body .our-commitment .wrapper .child .text h2, body .our-commitment .wrapper .child .text h3, body .our-commitment .wrapper .child .text h4, body .our-commitment .wrapper .child .text h5, body .our-commitment .wrapper .child .text h6 {
          font-size: 24px;
          line-height: 32px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          color: var(--vinamat-text); }
      body .our-commitment .wrapper .decs {
        margin: 25px auto; }
        body .our-commitment .wrapper .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
  body .cooperation-2 {
    padding: 100px 0; }
    body .cooperation-2 .title {
      text-align: center; }
      body .cooperation-2 .title .name {
        padding-bottom: 20px;
        position: relative;
        text-align: center; }
        body .cooperation-2 .title .name::before {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 100px;
          height: 2px;
          background: #FFFFFF; }
        body .cooperation-2 .title .name h2, body .cooperation-2 .title .name h3, body .cooperation-2 .title .name h4, body .cooperation-2 .title .name h5, body .cooperation-2 .title .name h6 {
          font-size: 40px;
          line-height: 52px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          text-transform: uppercase;
          color: #FFFFFF; }
          body .cooperation-2 .title .name h2 span, body .cooperation-2 .title .name h3 span, body .cooperation-2 .title .name h4 span, body .cooperation-2 .title .name h5 span, body .cooperation-2 .title .name h6 span {
            color: var(--vinamat-primary); }
      body .cooperation-2 .title .decs {
        margin: 25px auto;
        max-width: 630px; }
        body .cooperation-2 .title .decs p {
          color: var(--vinamat-text);
          font-size: 16px;
          line-height: 28px;
          font-family: var(--vinamat-font-main); }
        body .cooperation-2 .title .decs h2, body .cooperation-2 .title .decs h3, body .cooperation-2 .title .decs h4, body .cooperation-2 .title .decs h5, body .cooperation-2 .title .decs h6 {
          font-weight: 400; }
    body .cooperation-2 .content {
      max-width: 1000px;
      margin: 50px auto; }
      body .cooperation-2 .content form .item {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; }
      body .cooperation-2 .content form .child input, body .cooperation-2 .content form .child textarea {
        width: 100%;
        padding: 25px 40px;
        background: var(--vinamat-bg-light);
        border: none;
        border-radius: 10px;
        outline: none;
        font-size: 18px;
        line-height: 24px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main); }
      body .cooperation-2 .content form button {
        padding: 13px 60px;
        width: fit-content;
        margin: 25px auto;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        font-family: var(--vinamat-font-main);
        border-radius: 10px;
        background: var(--vinamat-primary);
        border: none;
        display: block; }
      body .cooperation-2 .content form p {
        margin: 0;
        text-align: center; }
        body .cooperation-2 .content form p .wpcf7-submit {
          cursor: pointer;
          margin-top: 25px;
          padding: 15px 30px;
          border-radius: 10px;
          background: #FFF;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-primary); }
      body .cooperation-2 .content form .wpcf7-response-output {
        color: #FFFFFF !important;
        border: none !important; }
  body .value-2 {
    padding: 100px 0; }
    body .value-2 .wrapper {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 500px 500px;
      gap: 60px; }
      body .value-2 .wrapper .right {
        margin-top: 90px; }
      body .value-2 .wrapper .child .image figure {
        margin: 0;
        padding-top: calc(0.964 * 100%);
        width: 100%;
        height: 0;
        position: relative;
        overflow: hidden;
        border-radius: 10px; }
        body .value-2 .wrapper .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .value-2 .wrapper .child .text {
        margin-top: 30px; }
        body .value-2 .wrapper .child .text .name {
          padding-bottom: 20px;
          position: relative; }
          body .value-2 .wrapper .child .text .name::before {
            bottom: 0;
            left: 0;
            width: 100px;
            height: 2px;
            background: var(--vinamat-accent);
            content: "";
            position: absolute; }
          body .value-2 .wrapper .child .text .name h2, body .value-2 .wrapper .child .text .name h3, body .value-2 .wrapper .child .text .name h4, body .value-2 .wrapper .child .text .name h5, body .value-2 .wrapper .child .text .name h6 {
            font-size: 30px;
            line-height: 52px;
            color: var(--vinamat-text);
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .value-2 .wrapper .child .text .decs {
          margin-top: 15px; }
          body .value-2 .wrapper .child .text .decs p {
            font-size: 16px;
            line-height: 24px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
  body .readmore_links {
    display: block;
    margin: 10px auto;
    width: fit-content;
    text-decoration: none; }
    body .readmore_links button {
      padding: 10px 30px;
      color: #FFFFFF;
      border: none;
      border-radius: 15px;
      background: var(--vinamat-accent);
      font-size: 16px;
      list-style: 18px;
      font-family: var(--vinamat-font-main); }
  body .user-feedback-3 .title .name h2, body .user-feedback-3 .title .name h3, body .user-feedback-3 .title .name h4, body .user-feedback-3 .title .name h5, body .user-feedback-3 .title .name h6 {
    font-size: 24px;
    line-height: 32px; }
  body .user-feedback-3 .title .decs {
    max-width: 90%;
    margin: 20px auto; }
    body .user-feedback-3 .title .decs p {
      font-size: 14px; }
  body .section-pro_inner {
    padding: 60px 0; }
    body .section-pro_inner .list .list_item_inner .slick-prev {
      background: #16070880;
      left: 20px;
      z-index: 1; }
      body .section-pro_inner .list .list_item_inner .slick-prev::before {
        content: "\e605";
        font-family: simple-line-icon;
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    body .section-pro_inner .list .list_item_inner .slick-next {
      right: 20px;
      background: #16070880;
      z-index: 1; }
      body .section-pro_inner .list .list_item_inner .slick-next::before {
        content: "\e606";
        font-family: simple-line-icon;
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  body .new-right .new-hot h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: var(--vinamat-font-main);
    font-weight: 600; }
  body .products_list {
    margin: 0;
    padding: 50px 0; }
    body .products_list h3::before {
      background: var(--vinamat-primary); }
    body .products_list h3 span {
      color: var(--vinamat-accent); }
    body .products_list .list_tax {
      padding: 0;
      margin: 20px auto;
      max-width: 100%;
      overflow-x: auto;
      flex-wrap: nowrap;
      justify-content: center; }
      body .products_list .list_tax::-webkit-scrollbar {
        height: 2px; }
      body .products_list .list_tax li {
        flex-shrink: 0;
        padding: 0 25px;
        margin: 0; }
      body .products_list .list_tax .active a {
        color: var(--vinamat-accent); }
    body .products_list .prod-list .other-prod .orther-list-wrapper picture {
      padding-top: calc(0.639344 * 100%);
      position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      height: 0;
      border-radius: 10px; }
      body .products_list .prod-list .other-prod .orther-list-wrapper picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body .products_list .prod-list .other-prod .orther-list-wrapper a {
      text-decoration: none; }
    body .products_list .readmore_links {
      font-family: var(--vinamat-font-main); }
  body.post-type-archive-san-pham .breadcrumb-sp,
  body.post-type-archive-san-pham .breadcrumb-sp a,
  body.tax-danh-muc-san-pham .breadcrumb-sp,
  body.tax-danh-muc-san-pham .breadcrumb-sp a {
    color: var(--vinamat-primary);
    text-decoration: none; }
  body.post-type-archive-san-pham .breadcrumb-sp .active,
  body.tax-danh-muc-san-pham .breadcrumb-sp .active {
    color: var(--vinamat-accent); }
  body.post-type-archive-san-pham .section-news .title h2 span,
  body.tax-danh-muc-san-pham .section-news .title h2 span {
    color: var(--vinamat-primary); }
  body.post-type-archive-san-pham .section-news .title h2::before,
  body.tax-danh-muc-san-pham .section-news .title h2::before,
  body.post-type-archive-san-pham .section-news .list .list-category h3::before,
  body.tax-danh-muc-san-pham .section-news .list .list-category h3::before {
    background-color: var(--vinamat-primary); }
  body.post-type-archive-san-pham .section-news .list .list-category h3,
  body.tax-danh-muc-san-pham .section-news .list .list-category h3 {
    color: var(--vinamat-primary); }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active {
    background: var(--vinamat-primary-light) !important; }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active > a,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active > a,
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li:hover > a,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li:hover > a {
    color: var(--vinamat-accent); }
  body.post-type-archive-san-pham .section-news .list .list-news .child > a,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child > a {
    display: block;
    text-decoration: none; }
  body.post-type-archive-san-pham .section-news,
  body.tax-danh-muc-san-pham .section-news {
    padding-bottom: 50px; }
  body.post-type-archive-san-pham .section-news .list,
  body.tax-danh-muc-san-pham .section-news .list {
    align-items: flex-start; }
  body.post-type-archive-san-pham .section-news .list .list-category,
  body.tax-danh-muc-san-pham .section-news .list .list-category {
    background: #fff;
    padding: 22px 18px;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }
  body.post-type-archive-san-pham .section-news .list .list-category .name-cate,
  body.tax-danh-muc-san-pham .section-news .list .list-category .name-cate {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase; }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li {
    margin: 0 0 6px;
    padding: 0;
    border-bottom: 1px solid var(--vinamat-bg-light); }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li:last-child,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li:last-child {
    border-bottom: 0; }
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li a,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li a {
    display: block;
    padding: 11px 12px;
    color: var(--vinamat-text);
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none; }
  body.post-type-archive-san-pham .section-news .list .list-news > .row,
  body.tax-danh-muc-san-pham .section-news .list .list-news > .row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px; }
  body.post-type-archive-san-pham .section-news .list .list-news .child,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child {
    height: 100%;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none; }
  body.post-type-archive-san-pham .section-news .list .list-news .child .image,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .image {
    margin-bottom: 14px; }
  body.post-type-archive-san-pham .section-news .list .list-news .child .image figure,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .image figure {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 66%;
    overflow: hidden;
    background: var(--vinamat-bg-light); }
  body.post-type-archive-san-pham .section-news .list .list-news .child .image figure img,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .image figure img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; }
  body.post-type-archive-san-pham .section-news .list .list-news .child .text a,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .text a {
    color: var(--vinamat-text);
    text-decoration: none; }
  body.post-type-archive-san-pham .section-news .list .list-news .child .text h3,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .text h3 {
    margin: 0 0 8px;
    color: var(--vinamat-text);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase; }
  body.post-type-archive-san-pham .section-news .list .list-news .child .decs,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child .decs {
    margin-top: 8px;
    color: var(--vinamat-muted);
    font-size: 14px;
    line-height: 1.55; }
  body.post-type-archive-san-pham .section-news .list .list-news .child:hover .text h3,
  body.tax-danh-muc-san-pham .section-news .list .list-news .child:hover .text h3 {
    color: var(--vinamat-accent); }
  body.post-type-archive-san-pham .section-news .page-number a,
  body.post-type-archive-san-pham .section-news .page-number span,
  body.tax-danh-muc-san-pham .section-news .page-number a,
  body.tax-danh-muc-san-pham .section-news .page-number span {
    text-decoration: none; }
  @media (max-width: 991px) {
    body.post-type-archive-san-pham .section-news .list .list-category,
    body.tax-danh-muc-san-pham .section-news .list .list-category {
      margin-bottom: 28px; } }
  @media (max-width: 575px) {
    body.post-type-archive-san-pham .section-news .list .list-news > .row,
    body.tax-danh-muc-san-pham .section-news .list .list-news > .row {
      row-gap: 24px; }
    body.post-type-archive-san-pham .section-news .list .list-news .child .text h3,
    body.tax-danh-muc-san-pham .section-news .list .list-news .child .text h3 {
      font-size: 15px; } }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one {
    margin-bottom: 25px; }
  body.single-san-pham .main_body {
    padding-top: 52px; }
  body.single-san-pham .product-detail {
    padding-top: 40px;
    padding-bottom: 30px;
    height: auto;
    min-height: 0; }
  body.single-san-pham .product-detail .product-detail-wrapper {
    margin-top: 35px;
    margin-bottom: 18px;
    align-items: flex-start;
    height: auto;
    min-height: 0; }
  body.single-san-pham .product-detail .back + .product-detail-wrapper {
    margin-bottom: 12px; }
  body.single-san-pham .product-detail .product-detail-wrapper + .product-detail-wrapper {
    margin-top: 0; }
  body.single-san-pham .product-detail .product-detail-wrapper .info-product {
    margin: 0 0 0 40px;
    height: auto;
    min-height: 0; }
  body.single-san-pham .product-detail .product-detail-wrapper .info-product .desc {
    margin: 20px 0; }
  body.single-san-pham .product-detail .product-detail-wrapper .info-product .desc p,
  body.single-san-pham .product-detail .product-detail-wrapper .info-product .desc a {
    font-size: 16px;
    line-height: 26px;
    color: var(--vinamat-text);
    font-family: var(--vinamat-font-main); }
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-title .first {
    margin-bottom: 16px; }
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content {
    line-height: 1.6; }
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content-empty {
    margin-top: 10px; }
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content-empty p {
    display: inline-block;
    margin: 0;
    padding: 12px 16px;
    background: var(--vinamat-bg-light);
    border-radius: 6px;
    color: var(--vinamat-muted); }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child picture {
    border-radius: 10px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider {
    height: auto;
    min-height: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one,
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slick-list,
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slick-track {
    height: auto !important;
    min-height: 0 !important; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one {
    position: relative; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child {
    display: none; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child.active {
    display: block; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-gallery-nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(33, 51, 139, 0.85);
    color: #FFFFFF;
    font-size: 28px;
    line-height: 34px;
    transform: translateY(-50%);
    cursor: pointer; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-gallery-prev {
    left: 12px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-gallery-next {
    right: 12px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider.no-gallery .slider-two {
    display: none;
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider.has-gallery .slider-two {
    display: flex;
    gap: 10px;
    height: auto;
    min-height: 0;
    margin: 12px 0 0;
    padding: 0;
    overflow-x: auto; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child {
    flex: 0 0 92px;
    width: 92px;
    margin: 0;
    padding: 0;
    border: 2px solid transparent;
    background: none;
    cursor: pointer; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child.active {
    border-color: var(--vinamat-primary);
    border-radius: 7px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child picture {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: calc(0.632478 * 100%);
    border-radius: 5px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child picture img,
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot .new-hot-child picture img,
  body.single-san-pham .section-news .list .list-news .child .image figure img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 1;
    visibility: visible; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-right {
    margin-top: 0; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px #6060601A;
    border-radius: 10px;
    padding: 22px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot h4 {
    margin: 0 0 20px;
    color: var(--vinamat-primary);
    font-family: var(--vinamat-font-main);
    font-size: 20px;
    line-height: 28px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot .new-hot-child {
    gap: 15px;
    margin-bottom: 18px; }
  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot .new-hot-child picture {
    flex: 0 0 120px;
    width: 120px;
    height: 86px; }
  body.single-san-pham .section-news {
    padding: 55px 0 70px; }
  body.single-san-pham .section-news .list .list-news .child {
    margin-bottom: 30px; }
  @media screen and (max-width: 991px) {
    body.single-san-pham .main_body {
      padding-top: 22px; }
    body.single-san-pham .product-detail {
      padding-top: 30px; }
    body.single-san-pham .product-detail .product-detail-wrapper {
      margin-top: 25px;
      margin-bottom: 16px; }
    body.single-san-pham .product-detail .product-detail-wrapper .info-product {
      margin: 0; }
    body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot {
      margin-top: 20px; } }
  body footer {
    background: var(--vinamat-primary);
    padding: 60px 0;
    position: relative;
    background-size: cover;
    overflow: hidden; }
    body footer::after {
      background: url("../img/img%2035.png") no-repeat;
      background-size: cover;
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      opacity: 0.15; }
    body footer .container {
      position: relative;
      z-index: 9; }
    body footer .footer-wrapper {
      display: flex;
      position: relative;
      z-index: 1;
      justify-content: space-between;
      gap: 20px; }
      body footer .footer-wrapper .footer-left {
        max-width: 310px; }
        body footer .footer-wrapper .footer-left .logo-footer {
          margin-bottom: 40px; }
          body footer .footer-wrapper .footer-left .logo-footer picture {
            display: block;
            position: relative;
            overflow: hidden;
            width: 212px;
            height: 100px; }
            body footer .footer-wrapper .footer-left .logo-footer picture img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              object-fit: contain;
              width: 100%;
              height: 100%; }
        body footer .footer-wrapper .footer-left .desc {
          margin-top: 30px; }
          body footer .footer-wrapper .footer-left .desc p {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            font-family: var(--vinamat-font-main);
            color: #FFFFFF;
            margin: 0; }
      body footer .footer-wrapper .contact-infor {
        max-width: 565px;
        display: flex;
        flex-direction: column;
        gap: 40px; }
        body footer .footer-wrapper .contact-infor h3 {
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px;
          margin: 0;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF; }
        body footer .footer-wrapper .contact-infor .location {
          display: flex;
          align-items: center;
          gap: 10px; }
          body footer .footer-wrapper .contact-infor .location picture {
            display: flex;
            overflow: hidden;
            justify-content: center;
            align-items: center;
            background-color: #FFFFFF;
            border-radius: 50%;
            width: 48px;
            height: 48px; }
            body footer .footer-wrapper .contact-infor .location picture img {
              object-fit: cover;
              width: 20px;
              height: 20px; }
          body footer .footer-wrapper .contact-infor .location p {
            font-size: 16px;
            line-height: 20px;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main);
            margin: 0;
            padding: 0; }
          body footer .footer-wrapper .contact-infor .location h5 {
            font-size: 16px;
            font-family: var(--vinamat-font-main);
            line-height: 20px;
            color: #FFFFFF;
            margin: 0;
            padding: 0; }
          body footer .footer-wrapper .contact-infor .location a {
            text-decoration: none;
            font-size: 16px;
            font-family: var(--vinamat-font-main);
            line-height: 20px;
            color: #FFFFFF; }
      body footer .footer-wrapper .footer-right .footer-right-wrapper {
        display: flex;
        gap: 80px; }
        body footer .footer-wrapper .footer-right .footer-right-wrapper .field h4 {
          font-size: 20px;
          line-height: 24px;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          margin-bottom: 30px; }
        body footer .footer-wrapper .footer-right .footer-right-wrapper .field ul {
          list-style: none; }
          body footer .footer-wrapper .footer-right .footer-right-wrapper .field ul li {
            padding-bottom: 20px; }
            body footer .footer-wrapper .footer-right .footer-right-wrapper .field ul li:last-child {
              padding-bottom: 0; }
            body footer .footer-wrapper .footer-right .footer-right-wrapper .field ul li a {
              font-size: 16px;
              font-family: var(--vinamat-font-main);
              color: #FFFFFF;
              text-decoration: none; }
              body footer .footer-wrapper .footer-right .footer-right-wrapper .field ul li a:hover {
                color: var(--vinamat-accent); }
      body footer .footer-wrapper .footer-right p {
        text-align: center;
        font-size: 16px;
        color: var(--vinamat-text);
        font-family: var(--vinamat-font-main); }
    body footer .social-network {
      display: flex;
      margin: 40px 0;
      justify-content: center;
      align-items: center;
      gap: 10px; }
    body footer .copyright {
      text-align: center; }
      body footer .copyright p {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 26px;
        letter-spacing: 2.2px;
        margin: 0;
        color: var(--vinamat-bg-light);
        font-family: var(--vinamat-font-main);
        text-transform: uppercase; }
  body .shop-system .shop-system-wrapper .shop-system-text h4 {
    font-family: var(--vinamat-font-main); }
  body .shop-system .shop-system-wrapper .shop-system-text .location-system .location-list ul {
    overflow: auto; }
  body .new-hot .new-hot-child {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px; }
    body .new-hot .new-hot-child:nth-last-child(1) {
      margin-bottom: 0; }
    body .new-hot .new-hot-child picture {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
      overflow: hidden;
      width: 130px;
      height: 103px;
      display: block; }
      body .new-hot .new-hot-child picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    body .new-hot .new-hot-child .new-hot-date {
      flex: 1; }
      body .new-hot .new-hot-child .new-hot-date a {
        text-decoration: none;
        display: block; }
        body .new-hot .new-hot-child .new-hot-date a h3 {
          color: var(--vinamat-text);
          margin: 0;
          font-size: 16px;
          line-height: 20px;
          font-family: var(--vinamat-font-main);
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -moz-line-clamp: 2;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box; }
  body .shop {
    padding: 40px 0; }
    body .shop h3 {
      font-size: 40px;
      color: var(--vinamat-text);
      font-family: var(--vinamat-font-main);
      text-transform: uppercase;
      padding-bottom: 20px;
      position: relative;
      text-align: center; }
      body .shop h3::before {
        width: 100px;
        height: 2px;
        position: absolute;
        bottom: 0;
        content: "";
        background: var(--vinamat-accent);
        left: 50%;
        transform: translateX(-50%); }
    body .shop .shop-wrapper {
      margin-top: 40px; }
      body .shop .shop-wrapper .list-product .child {
        margin-bottom: 30px; }
        body .shop .shop-wrapper .list-product .child .image {
          margin: 0;
          padding-top: calc(0.639344 * 100%);
          width: 100%;
          height: 0;
          overflow: hidden;
          border-radius: 10px;
          position: relative; }
          body .shop .shop-wrapper .list-product .child .image img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        body .shop .shop-wrapper .list-product .child .text {
          margin-top: 20px; }
          body .shop .shop-wrapper .list-product .child .text a {
            text-decoration: none; }
            body .shop .shop-wrapper .list-product .child .text a h3 {
              font-size: 20px;
              line-height: 24px;
              position: unset;
              text-align: start;
              padding-bottom: 0; }
              body .shop .shop-wrapper .list-product .child .text a h3::before {
                display: none; }
          body .shop .shop-wrapper .list-product .child .text .decs {
            margin-top: 10px;
            font-size: 16px;
            line-height: 18px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
  body .news-all {
    margin-top: 40px; }
    body .news-all .news-list .new-child {
      margin-bottom: 30px; }
      body .news-all .news-list .new-child picture {
        margin: 0;
        padding-top: calc(0.639344 * 100%);
        width: 100%;
        height: 0;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
        display: block; }
        body .news-all .news-list .new-child picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .news-all .news-list .new-child .text-new-list .date-new {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 10px 0; }
        body .news-all .news-list .new-child .text-new-list .date-new picture {
          height: 16px;
          width: 16px;
          padding-top: unset; }
        body .news-all .news-list .new-child .text-new-list .date-new p {
          margin: 0; }
      body .news-all .news-list .new-child .text-new-list a {
        text-decoration: none; }
        body .news-all .news-list .new-child .text-new-list a h4 {
          font-size: 20px;
          line-height: 24px;
          font-family: var(--vinamat-font-main);
          margin: 0;
          color: var(--vinamat-text); }
  body .product-detail {
    padding-top: 100px; }
    body .product-detail .product-detail-wrapper {
      margin-top: 60px; }
      body .product-detail .product-detail-wrapper .slider .slider-one .slider-one-child picture {
        padding-top: calc(0.638095 * 100%);
        position: relative;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 0; }
        body .product-detail .product-detail-wrapper .slider .slider-one .slider-one-child picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      body .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-title .first {
        font-family: var(--vinamat-font-main) !important;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        margin-bottom: 10px; }
      body .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p {
        font-family: var(--vinamat-font-main);
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px; }
      body .product-detail .product-detail-wrapper .info-product {
        margin: 0 50px; }
        body .product-detail .product-detail-wrapper .info-product .name-products h4 {
          font-family: var(--vinamat-font-main) !important;
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
          color: var(--vinamat-primary); }
        body .product-detail .product-detail-wrapper .info-product .shopping .buy-now {
          font-family: var(--vinamat-font-main) !important; }
      body .product-detail .product-detail-wrapper .shopping a {
        text-decoration: none; }
        body .product-detail .product-detail-wrapper .shopping a button {
          border-radius: 10px;
          background: var(--vinamat-primary);
          padding: 10px 25px;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          font-family: var(--vinamat-font-main);
          color: #FFFFFF;
          cursor: pointer; }
      body .product-detail .product-detail-wrapper .desc p {
        font-family: var(--vinamat-font-main); }
      body .product-detail .product-detail-wrapper .product-detail-info-content table tr td {
        font-family: var(--vinamat-font-main); }
    body .product-detail .back a {
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 5px; }
      body .product-detail .back a figure {
        margin: 0; }
      body .product-detail .back a h4 {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        font-family: var(--vinamat-font-main);
        text-transform: uppercase;
        margin: 0;
        color: var(--vinamat-text); }
  body .category-pr {
    padding: 100px 0;
    background: var(--vinamat-bg-light); }
    body .category-pr .title {
      position: relative;
      padding-bottom: 20px;
      text-align: center; }
      body .category-pr .title::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 100px;
        background: var(--vinamat-primary); }
      body .category-pr .title h2 {
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        color: var(--vinamat-primary);
        margin: 0;
        font-family: var(--vinamat-font-main); }
    body .category-pr .tabs {
      margin: 35px 0 60px; }
      body .category-pr .tabs .tabs-control {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
        margin: 0;
        padding: 0;
        list-style: none; }
        body .category-pr .tabs .tabs-control li {
          padding: 12px 24px;
          border-radius: 8px;
          background: #FFFFFF;
          cursor: pointer;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 150%;
          text-transform: uppercase;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-muted); }
        body .category-pr .tabs .tabs-control .active {
          color: var(--vinamat-accent); }
    body .category-pr .content .tabs-content .child {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px; }
      body .category-pr .content .tabs-content .child .item {
        border-radius: 10px;
        overflow: hidden; }
        body .category-pr .content .tabs-content .child .item figure {
          position: relative;
          width: 100%;
          height: 0;
          overflow: hidden;
          padding-top: calc(0.639344 * 100%);
          margin: 0; }
          body .category-pr .content .tabs-content .child .item figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        body .category-pr .content .tabs-content .child .item .name {
          background: #FFF;
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
          padding: 10px; }
          body .category-pr .content .tabs-content .child .item .name h4 {
            margin: 0;
            text-align: center; }
            body .category-pr .content .tabs-content .child .item .name h4 a {
              text-decoration: none;
              font-size: 18px;
              font-style: normal;
              font-weight: 500;
              line-height: 150%;
              color: var(--vinamat-primary);
              font-family: var(--vinamat-font-main); }
  body .products-main {
    margin: 100px 0; }
    body .products-main .title {
      position: relative;
      padding-bottom: 20px;
      text-align: center; }
      body .products-main .title::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 100px;
        background: var(--vinamat-primary); }
      body .products-main .title h2 {
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        color: var(--vinamat-primary);
        margin: 0;
        font-family: var(--vinamat-font-main); }
    body .products-main .content {
      margin: 60px 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 20px;
      row-gap: 50px; }
      body .products-main .content .child .image figure {
        margin: 0;
        padding-top: calc(0.639344 * 100%);
        width: 100%;
        height: 0;
        position: relative;
        overflow: hidden;
        border-radius: 10px; }
        body .products-main .content .child .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .products-main .content .child .text {
        margin-top: 30px; }
        body .products-main .content .child .text .name {
          margin-bottom: 10px; }
          body .products-main .content .child .text .name h4 {
            margin: 0; }
            body .products-main .content .child .text .name h4 a {
              text-decoration: none;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 24px;
              font-family: var(--vinamat-font-main);
              color: var(--vinamat-primary); }
        body .products-main .content .child .text .decs {
          font-size: 14px;
          font-style: normal;
          font-weight: 300;
          line-height: 22px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main);
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-line-clamp: 3;
          -moz-line-clamp: 3;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box; }
          body .products-main .content .child .text .decs p {
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 22px;
            margin: 0;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            display: -webkit-box; }
    body .products-main .action a {
      display: block;
      width: fit-content;
      margin: 0 auto;
      padding: 10px 25px;
      border-radius: 10px;
      background: var(--vinamat-primary);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 22px;
      font-family: var(--vinamat-font-main);
      color: #FFFFFF;
      text-decoration: none; }
  body .introduce {
    padding: 100px 0;
    background: var(--vinamat-bg-light) !important; }
    body .introduce .video {
      margin-bottom: 110px; }
      body .introduce .video .title .name {
        position: relative;
        padding-bottom: 20px;
        text-align: center; }
        body .introduce .video .title .name::before {
          position: absolute;
          content: "";
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          height: 2px;
          width: 100px;
          background: var(--vinamat-primary); }
        body .introduce .video .title .name h2 {
          font-size: 32px;
          font-style: normal;
          font-weight: 600;
          line-height: 130%;
          text-transform: uppercase;
          color: var(--vinamat-primary);
          margin: 0;
          font-family: var(--vinamat-font-main); }
      body .introduce .video .title .desc {
        margin: 20px auto;
        max-width: 745px;
        text-align: center; }
        body .introduce .video .title .desc p {
          font-size: 16px;
          font-style: normal;
          font-weight: 300;
          line-height: 28px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
      body .introduce .video .content a {
        display: block;
        position: relative; }
        body .introduce .video .content a .image figure {
          max-width: 1275px;
          margin: 0 auto;
          width: 100%;
          height: 0;
          padding-top: calc(0.537676 * 100%);
          position: relative;
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
          border-radius: 15px;
          overflow: hidden; }
          body .introduce .video .content a .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        body .introduce .video .content a .play {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: rgba(255, 255, 255, 0.8);
          width: 84px;
          height: 84px;
          border-radius: 50%;
          z-index: 2; }
          body .introduce .video .content a .play::before {
            content: "";
            position: absolute;
            width: 124px;
            height: 124px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            transform: translate(-16%, -16%);
            z-index: 1; }
          body .introduce .video .content a .play svg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 3; }
    body .introduce .ablout-vx {
      margin-bottom: 110px; }
      body .introduce .ablout-vx .content .image figure {
        padding-top: calc(0.387596 * 100%);
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        border-radius: 10px; }
        body .introduce .ablout-vx .content .image figure img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body .introduce .ablout-vx .text {
        margin-top: 60px; }
        body .introduce .ablout-vx .text .left {
          padding-right: 90px; }
          body .introduce .ablout-vx .text .left .directional a {
            text-decoration: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            color: var(--vinamat-accent);
            font-family: var(--vinamat-font-main); }
          body .introduce .ablout-vx .text .left .title {
            margin: 25px 0; }
            body .introduce .ablout-vx .text .left .title h1,
            body .introduce .ablout-vx .text .left .title h2 {
              font-size: 50px;
              font-style: normal;
              font-weight: 700;
              line-height: 60px;
              text-transform: uppercase;
              margin: 0;
              font-family: var(--vinamat-font-main);
              color: var(--vinamat-primary); }
          body .introduce .ablout-vx .text .left .desc p {
            margin: 0;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main); }
        body .introduce .ablout-vx .text .right p {
          font-size: 16px;
          font-style: normal;
          font-weight: 300;
          line-height: 28px;
          margin: 0;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-text); }
    body .introduce .list .child {
      padding-top: 100px;
      padding-right: 10px;
      padding-left: 10px;
      position: relative;
      height: 100%; }
      body .introduce .list .child .number {
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0.5; }
        body .introduce .list .child .number h2,
        body .introduce .list .child .number .about-card-number {
          opacity: 0.5;
          font-size: 266px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: uppercase;
          margin: 0 auto;
          width: fit-content;
          color: var(--vinamat-primary); }
      body .introduce .list .child .item {
        padding: 60px 20px 40px;
        position: relative;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
        background: #FFFFFF;
        border-radius: 15px;
        text-align: center; }
        body .introduce .list .child .item .title {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: -25px;
          width: 100%;
          text-align: center; }
          body .introduce .list .child .item .title h2,
          body .introduce .list .child .item .title h3 {
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            text-transform: uppercase;
            font-family: var(--vinamat-font-main);
            margin: 0;
            color: var(--vinamat-primary); }
        body .introduce .list .child .item .name h3,
        body .introduce .list .child .item .name h4 {
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px;
          margin: 0;
          color: var(--vinamat-primary);
          font-family: var(--vinamat-font-main); }
        body .introduce .list .child .item .desc {
          min-height: 195px; }
          body .introduce .list .child .item .desc p {
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 28px;
            color: var(--vinamat-text);
            margin: 0;
            font-family: var(--vinamat-font-main); }
  body .militals {
    padding: 100px 0;
    background: var(--vinamat-bg-light); }
    body .militals .title {
      text-align: center; }
      body .militals .title h3 {
        padding-bottom: 10px;
        position: relative;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-transform: uppercase;
        margin: 0;
        color: var(--vinamat-primary);
        font-family: var(--vinamat-font-main); }
        body .militals .title h3::before {
          width: 100px;
          height: 2px;
          background: var(--vinamat-primary);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          content: ""; }
    body .militals .content {
      max-width: 975px;
      margin: 60px auto;
      position: relative; }
      body .militals .content::before {
        background: var(--vinamat-primary);
        width: 2px;
        height: 100%;
        content: "";
        top: 7px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute; }
      body .militals .content .child {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 100px;
        position: relative;
        margin-bottom: 35px; }
        body .militals .content .child:nth-last-child(1) {
          margin-bottom: 0; }
        body .militals .content .child:nth-child(2n + 2) .text {
          order: 2;
          text-align: start; }
        body .militals .content .child:nth-child(2n + 2) .image {
          order: 1;
          display: flex;
          justify-content: flex-end; }
        body .militals .content .child::before {
          width: 12.5px;
          height: 12.5px;
          content: "";
          position: absolute;
          top: 7px;
          left: 50%;
          transform: translateX(-50%);
          background: var(--vinamat-primary);
          border-radius: 50%; }
        body .militals .content .child::after {
          width: 25px;
          height: 25px;
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          border-radius: 50%;
          border: 1px solid rgba(209, 30, 38, 0.5); }
        body .militals .content .child .text {
          text-align: end; }
          body .militals .content .child .text .date {
            margin-bottom: 10px; }
            body .militals .content .child .text .date h3 {
              font-size: 24px;
              font-style: normal;
              font-weight: 700;
              line-height: 36px;
              text-transform: uppercase;
              margin: 0;
              color: var(--vinamat-primary);
              font-family: var(--vinamat-font-main); }
          body .militals .content .child .text .desc h4 {
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%;
            text-transform: capitalize;
            color: var(--vinamat-text);
            margin: 0;
            font-family: var(--vinamat-font-main); }
        body .militals .content .child .image figure {
          max-width: 315px;
          max-height: 210px;
          background: #FFFFFF;
          margin: 0;
          border-radius: 10px;
          overflow: hidden; }
          body .militals .content .child .image figure img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
  body .philosophy {
    position: relative;
    padding: 160px 0 90px; }
    body .philosophy::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-height: 800px;
      background: var(--vinamat-primary); }
    body .philosophy .content {
      position: relative; }
      body .philosophy .content .text {
        max-width: 520px; }
        body .philosophy .content .text .directional {
          color: #FFFFFF; }
          body .philosophy .content .text .directional a {
            text-decoration: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main); }
        body .philosophy .content .text .title {
          margin: 20px 0; }
          body .philosophy .content .text .title h2 {
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%;
            text-transform: uppercase;
            margin: 0;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main); }
        body .philosophy .content .text .name {
          margin-bottom: 10px; }
          body .philosophy .content .text .name h4 {
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%;
            color: #FFFFFF;
            font-family: var(--vinamat-font-main);
            margin: 0; }
        body .philosophy .content .text .desc p {
          font-size: 16px;
          font-style: normal;
          font-weight: 300;
          line-height: 28px;
          margin: 0;
          color: #FFFFFF;
          font-family: var(--vinamat-font-main); }
      body .philosophy .content .image {
        padding: 0 21px; }
        body .philosophy .content .image figure {
          margin: 0;
          width: 100%;
          height: 0;
          padding-top: calc(1.190477 * 100%);
          position: relative;
          overflow: hidden;
          border-radius: 10px; }
          body .philosophy .content .image figure img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%; }
  body .branch {
    margin: 100px 0; }
    body .branch .content .left .child {
      padding: 20px 25px;
      background: #FFF;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px; }
      body .branch .content .left .child:nth-last-child(1) {
        margin-bottom: 0; }
      body .branch .content .left .child .name h4 {
        margin: 0; }
        body .branch .content .left .child .name h4 a {
          text-decoration: none;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          font-family: var(--vinamat-font-main);
          color: var(--vinamat-accent); }
      body .branch .content .left .child .desc p {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-text); }
      body .branch .content .left .child .hotline p {
        font-family: var(--vinamat-font-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        color: var(--vinamat-text); }
        body .branch .content .left .child .hotline p a {
          color: var(--vinamat-primary);
          text-decoration: none; }
    body .branch .content .right {
      margin-left: 50px;
      border-radius: 20px;
      background: #FFFFFF;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05), 0px 4px 20px 0px rgba(0, 0, 0, 0.12), 4px 0px 20px 0px rgba(0, 0, 0, 0.04);
      padding: 60px 40px; }
      body .branch .content .right .title h3 {
        margin: 0;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        font-family: var(--vinamat-font-main);
        color: var(--vinamat-primary); }
      body .branch .content .right .title .desc {
        margin: 15px 0; }
        body .branch .content .right .title .desc p {
          font-size: 16px;
          font-style: normal;
          font-weight: 300;
          line-height: 28px;
          margin: 0;
          color: var(--vinamat-text);
          font-family: var(--vinamat-font-main); }
      body .branch .content .right .form-contact form {
        display: flex;
        flex-direction: column;
        gap: 25px; }
        body .branch .content .right .form-contact form .item {
          overflow: hidden;
          border-radius: 5px;
          width: 100%; }
          body .branch .content .right .form-contact form .item input, body .branch .content .right .form-contact form .item textarea {
            padding: 20px 40px;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 28px;
            color: var(--vinamat-text);
            font-family: var(--vinamat-font-main);
            border-radius: 5px;
            background: var(--vinamat-bg-light);
            width: 100%;
            border: none;
            outline: none; }

@media only screen and (min-width: 1900px) {
  .container {
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (max-width: 1700px) {
  body .company .company-content .slider-content .about-us h3 {
    width: 50%; } }
@media only screen and (max-width: 1600px) {
  body header .header-wrapper {
    width: 90%; }
    body header .header-wrapper .logo {
      width: 100px; }
    body header .header-wrapper .menu {
      gap: 50px; }
      body header .header-wrapper .menu .language {
        gap: 10px; }
        body header .header-wrapper .menu .language span:nth-child(1) {
          padding-right: 5px; }
      body header .header-wrapper .menu ul {
        gap: 20px; }
    body header .header-wrapper .social {
      gap: 5px; }
  body .header_vx .header-top .logo a figure img {
    width: 100px; }
  body .header_vx .header-top .content {
    gap: 30px; }
    body .header_vx .header-top .content .address {
      margin-left: 40px; }
  body .slide .slick-dots {
    bottom: 35%;
    left: 12%; }
  body .company .company-content .slider-content .about-us h3 {
    width: 90%;
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 15px; }
  body .company .company-content .slider-content .about-us p {
    width: 90%;
    font-size: 16px;
    line-height: 24px;
    padding-top: 15px; }
  body .company .company-thumb .slider-thumb {
    margin-right: 15px; }
  body .outstanding-service {
    grid-template-columns: 1fr 750px; }
    body .outstanding-service .service-slide-text {
      width: 460px;
      margin-left: 125px; }
      body .outstanding-service .service-slide-text .child .titile .name {
        padding-bottom: 20px; }
      body .outstanding-service .service-slide-text .child .titile .decs {
        margin-top: 30px; }
      body .outstanding-service .service-slide-text .slick-dots {
        bottom: -30px; }
  body .sustainable-2 {
    padding: 80px 0; }
  body .header_2 .header-wrapper-2 .md-logo {
    width: 125px; }
  body .header_2 .header-wrapper-2 .md-mega-menu .mega-menu nav ul {
    gap: 20px; }
    body .header_2 .header-wrapper-2 .md-mega-menu .mega-menu nav ul li a {
      font-size: 16px;
      line-height: 22px; }
  body .header_2 .header-wrapper-2 .md-right {
    width: 220px;
    gap: 15px; }
    body .header_2 .header-wrapper-2 .md-right .md-social nav ul {
      gap: 5px; }
  body .about-us-company .slider-about-us .text-about-us {
    width: 90%; }
    body .about-us-company .slider-about-us .text-about-us h4 {
      padding-bottom: 20px;
      font-size: 34px;
      line-height: 44px; }
    body .about-us-company .slider-about-us .text-about-us p {
      margin: 20px 0;
      font-size: 14px;
      line-height: 24px; }
  body .value {
    padding: 80px 0; }
    body .value h3 {
      font-size: 36px;
      line-height: 46px; }
    body .value .value-wrapper {
      gap: 50px; }
  body .products_list h3 {
    font-size: 36px;
    line-height: 44px; }
  body .banner .text-banner h3 {
    font-size: 46px;
    line-height: 52px; }
  body .our-commitment .wrapper .child {
    padding: 25px 0; }
  body .our-commitment .wrapper .decs {
    margin: 15px auto; }
    body .our-commitment .wrapper .decs p {
      font-size: 14px;
      line-height: 26px; }
  body .category-pr {
    padding: 80px 0; }
    body .category-pr .title h2 {
      font-size: 28px; }
    body .category-pr .tabs .tabs-control {
      flex-wrap: nowrap;
      overflow: auto;
      max-width: 100%; }
      body .category-pr .tabs .tabs-control li {
        font-size: 16px;
        padding: 10px 20px;
        flex-shrink: 0; }
  body .products-main {
    margin: 80px 0; }
    body .products-main .title h2 {
      font-size: 28px; }
    body .products-main .content {
      row-gap: 30px;
      margin: 40px 0; }
  body .introduce {
    padding: 80px 0; }
    body .introduce .video {
      margin-bottom: 60px; }
      body .introduce .video .title .name h2 {
        font-size: 28px; }
  body .outstanding-service-2 {
    padding: 80px 0; }
  body .cooperation-2 {
    padding: 80px 0; }
    body .cooperation-2 .title .name h2, body .cooperation-2 .title .name h3, body .cooperation-2 .title .name h4, body .cooperation-2 .title .name h5, body .cooperation-2 .title .name h6 {
      font-size: 28px;
      line-height: 40px; }
  body footer .footer-wrapper {
    margin-top: 10px;
    margin-right: 20px; }
    body footer .footer-wrapper .footer-right .footer-right-wrapper {
      gap: 40px; }
  body footer .social-network {
    margin: 20px 0; } }
@media only screen and (max-width: 1520px) {
  body header .header-wrapper a {
    display: block;
    order: 2; }
  body header .header-wrapper .logo {
    order: 2; }
  body header .header-wrapper .menu {
    order: 1;
    width: 10%; }
    body header .header-wrapper .menu .tab-menu {
      display: block; }
    body header .header-wrapper .menu .menu-all {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      background: #fff;
      width: 300px;
      height: 100vh;
      transform: translateX(-150%);
      -webkit-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out;
      z-index: 102; }
      body header .header-wrapper .menu .menu-all li span {
        position: absolute;
        height: 22px;
        right: 0;
        top: 15px; }
        body header .header-wrapper .menu .menu-all li span::before {
          color: var(--vinamat-text);
          right: 0; }
      body header .header-wrapper .menu .menu-all .active {
        transform: unset; }
        body header .header-wrapper .menu .menu-all .active a {
          color: var(--vinamat-accent); }
      body header .header-wrapper .menu .menu-all .search-mobie {
        display: block; }
      body header .header-wrapper .menu .menu-all .language-mobie {
        display: block; }
    body header .header-wrapper .menu .language {
      display: none; }
    body header .header-wrapper .menu .active {
      transform: translateX(-42%);
      padding: 20px; }
      body header .header-wrapper .menu .active li {
        position: relative;
        padding: 13px 20px;
        border-bottom: 1px solid rgba(229, 231, 235, 0.55); }
        body header .header-wrapper .menu .active li:last-child {
          border-bottom: none; }
        body header .header-wrapper .menu .active li a {
          color: var(--vinamat-text); }
        body header .header-wrapper .menu .active li .menu-dropdown {
          height: 100%;
          position: unset;
          width: unset;
          margin-top: unset;
          margin-top: 10px; }
          body header .header-wrapper .menu .active li .menu-dropdown li::before {
            display: none; }
          body header .header-wrapper .menu .active li .menu-dropdown li:hover::before {
            display: none; }
          body header .header-wrapper .menu .active li .menu-dropdown li:nth-last-child(1) {
            padding-bottom: 0; }
          body header .header-wrapper .menu .active li .menu-dropdown a {
            color: var(--vinamat-text); }
  body header .header-wrapper .social {
    order: 3; }
  body .activity {
    margin: 80px auto; }
    body .activity h3 {
      font-size: 36px;
      list-style: 46px; }
    body .activity p {
      width: 55%; }
  body .company {
    padding-top: 100px;
    margin: 50px auto 120px; }
    body .company .company-content .slider-content picture a::before {
      width: 75px;
      height: 75px; }
    body .company .company-content .slider-content picture a::after {
      width: 100px;
      height: 100px; }
    body .company .company-content .slider-content .about-us h3 {
      font-size: 36px;
      line-height: 42px;
      padding-bottom: 15px; }
    body .company .company-content .slider-content .about-us p {
      width: 80%; }
  body .quality h3 {
    font-size: 36px; }
  body .quality p {
    width: 55%; }
  body .quality .quality-wrapper {
    margin: 60px auto; }
  body .partner {
    padding: 50px 0 100px; }
    body .partner h3 {
      font-size: 36px; }
  body .news {
    margin: 40px auto 80px; }
    body .news h3 {
      font-size: 36px; }
    body .news p {
      margin: 20px auto 30px; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news {
      margin: 15px auto 10px; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news h5 {
        padding: 5px 0 0; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news p {
        padding-top: 5px; }
  body .banner .text-banner h3 {
    font-size: 54px;
    line-height: 44px; }
  body .about-us-company {
    margin: 80px auto; }
    body .about-us-company .slider-about-us .text-about-us {
      width: 80%; }
      body .about-us-company .slider-about-us .text-about-us h4 {
        font-size: 34px;
        padding-bottom: 20px; }
      body .about-us-company .slider-about-us .text-about-us p {
        margin: 20px 0; }
  body .mission {
    margin: 80px auto; }
    body .mission h3 {
      font-size: 34px; }
    body .mission .mission-wrapper {
      margin-top: 30px;
      gap: 60px; }
      body .mission .mission-wrapper .mission-child {
        padding: 50px 30px; }
        body .mission .mission-wrapper .mission-child h5 {
          padding-top: 30px; }
  body .vision .vision-text h3 {
    font-size: 34px;
    line-height: 40px; }
  body .value {
    margin: 80px auto;
    padding: 100px 0; }
    body .value h3 {
      font-size: 34px; }
      body .value h3 .value-wrapper {
        gap: 55px;
        margin-top: 20px; }
  body .company-member {
    margin: 80px auto; }
    body .company-member h3 {
      font-size: 34px; }
    body .company-member .slider-company-member-one {
      margin: 30px auto; }
  body .milestones {
    padding: 100px 0; }
    body .milestones h2,
    body .milestones h3 {
      font-size: 34px; }
    body .milestones .milestones-list {
      margin: 60px auto 0; }
  body .sustainable {
    margin: 80px auto; }
    body .sustainable .sustainable-text h3 {
      font-size: 34px; }
  body .kindness {
    padding: 140px 0; }
    body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text {
      width: 80%; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3 {
        font-size: 34px;
        padding-bottom: 10px; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text p {
        margin: 10px auto; }
  body .why-pick {
    margin: 80px auto; }
    body .why-pick h3 {
      font-size: 36px;
      margin: 0;
      padding-bottom: 25px; }
  body .notification h3 {
    font-size: 32px;
    margin: 0; }
  body .notification .form-search form .container-select-btn {
    gap: 15px; }
    body .notification .form-search form .container-select-btn .container-select select {
      padding-right: 20px; }
  body .question-recruit h3 {
    font-size: 32px;
    margin: 0px 0 35px; }
  body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text p {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2; }
  body .recruit-detail {
    margin: 80px auto; }
    body .recruit-detail h3 {
      font-size: 26px;
      line-height: 30px; }
    body .recruit-detail .recruitment-details .recruit-detail-wrapper {
      margin-top: 25px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper h4 {
        font-size: 22px; }
    body .recruit-detail .recruitment-details .recruit-form {
      margin-top: 25px; }
  body .application {
    width: 1050px;
    padding: 20px 45px; }
    body .application .application-form {
      margin-top: 10px; }
      body .application .application-form h4 {
        font-size: 24px; }
      body .application .application-form form {
        margin-top: 10px; }
        body .application .application-form form .form-info input {
          padding: 13px 15px; }
        body .application .application-form form .form-info .input-file .text-input-file {
          padding: 15px 40px; }
        body .application .application-form form .form-info .flie-sample .flie-sample-wrapper {
          gap: 10px; }
  body .new {
    margin: 100px auto; }
    body .new h3 {
      font-size: 36px; }
    body .new .new-wrapper {
      margin: 40px 0; }
      body .new .new-wrapper .new-left .new-main .text-new-main a h4 {
        font-size: 22px; }
  body .contact {
    margin: 100px auto; }
    body .contact h3 {
      font-size: 36px; }
    body .contact .contact-wrapper .contact-method {
      padding: 50px 30px 90px; }
      body .contact .contact-wrapper .contact-method .location .location-text h5, body .contact .contact-wrapper .contact-method .location .phone-text h5, body .contact .contact-wrapper .contact-method .phone .location-text h5, body .contact .contact-wrapper .contact-method .phone .phone-text h5 {
        font-size: 14px; } }
@media only screen and (max-width: 1240px) {
  body header .header-wrapper .menu .active {
    transform: translateX(-30%); }
  body .company .company-content .slider-content {
    margin-left: 30px; }
    body .company .company-content .slider-content .about-us h3 {
      width: 70%;
      font-size: 34px;
      line-height: 40px; }
    body .company .company-content .slider-content .about-us p {
      padding-top: 10px;
      width: 90%; }
  body .company .company-thumb {
    width: 600px; } }
@media only screen and (max-width: 1024px) {
  body .header_vx .header-top .content {
    display: none; }
  body .header_vx .header-top .nav-bar-menu {
    display: block; }
  body .header_vx .menu-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 350px;
    background: #FFFFFF;
    padding: 50px 30px;
    z-index: 999;
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    body .header_vx .menu-content .menu ul {
      flex-direction: column;
      gap: 15px;
      justify-content: start;
      margin-left: unset;
      align-items: start;
      width: 100%; }
      body .header_vx .menu-content .menu ul li a {
        color: var(--vinamat-text); }
    body .header_vx .menu-content .menu .wrap-menu {
      display: none; }
    body .header_vx .menu-content .close-menu {
      display: block; }
  body .header_vx .active-menu {
    transform: translate(0); }
  body .slide .slider-multiple .text-slider h3 {
    font-size: 26px;
    line-height: 30px; }
  body .slide .slider-multiple .text-slider h4 {
    font-size: 18px;
    line-height: 30px; }
  body .slide .slick-dots {
    bottom: 25%; }
  body .slide .slick-prev, body .slide .slick-next {
    width: 36px;
    height: 36px; }
  body .slide .slick-prev {
    left: 20px; }
  body .slide .slick-next {
    right: 20px; }
  body .activity {
    margin: 60px auto; }
    body .activity h3 {
      font-size: 28px;
      line-height: 40px;
      padding-bottom: 15px; }
    body .activity p {
      width: 65%;
      margin: 20px auto; }
    body .activity .activity-wrapper .activity-child h4 {
      font-size: 14px;
      left: 20px;
      bottom: 30px; }
  body .company {
    padding-top: 80px;
    margin: 50px auto 100px; }
    body .company .company-content .slider-content {
      margin-left: 15px; }
      body .company .company-content .slider-content .about-us {
        width: 80%; }
        body .company .company-content .slider-content .about-us h3 {
          width: 100%;
          font-size: 28px;
          line-height: 30px; }
        body .company .company-content .slider-content .about-us p {
          width: 100%;
          padding-top: 10px; }
    body .company .company-thumb {
      width: 525px; }
  body .quality h3 {
    font-size: 28px; }
  body .quality p {
    width: 65%; }
  body .quality .quality-wrapper {
    margin: 50px auto; }
  body .partner {
    padding: 60px 0 110px; }
    body .partner h3 {
      font-size: 28px; }
    body .partner .slider-partner-two .slick-prev {
      left: 45%; }
      body .partner .slider-partner-two .slick-prev::before {
        padding: 7px; }
    body .partner .slider-partner-two .slick-next {
      right: 46%; }
      body .partner .slider-partner-two .slick-next::before {
        padding: 7px; }
  body .news {
    margin: 60px auto; }
    body .news h3 {
      font-size: 28px; }
    body .news p {
      margin: 20px auto; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news {
      margin: 5px auto; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news .date-extra-news p {
        padding-top: 5px;
        font-size: 14px; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news a::before {
        display: none; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news a h5 {
        padding: 0;
        height: 25px; }
      body .news .news-list .news-wrapper .extra-news .text-extra-news p {
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        padding-top: 10px;
        font-size: 16px; }
  body .banner .text-banner span {
    font-size: 16px; }
  body .banner .text-banner h3 {
    font-size: 40px;
    line-height: 24px;
    text-transform: uppercase; }
  body .about-us-company {
    margin: 60px auto; }
    body .about-us-company .slick-prev {
      bottom: 10%; }
    body .about-us-company .slick-next {
      bottom: 10%; }
    body .about-us-company .slider-about-us .text-about-us {
      width: 85%; }
      body .about-us-company .slider-about-us .text-about-us h4 {
        font-size: 30px;
        padding-bottom: 15px; }
      body .about-us-company .slider-about-us .text-about-us p {
        margin: 15px 0; }
  body .mission {
    margin: 60px auto; }
    body .mission h3 {
      font-size: 30px;
      padding-bottom: 15px; }
    body .mission .mission-wrapper {
      margin-top: 25px;
      gap: 40px; }
      body .mission .mission-wrapper .mission-child {
        padding: 40px 20px; }
        body .mission .mission-wrapper .mission-child h5 {
          padding-top: 20px;
          font-size: 18px; }
        body .mission .mission-wrapper .mission-child p {
          font-size: 18px; }
  body .vision {
    width: 95%; }
    body .vision .vision-text {
      width: 80%; }
      body .vision .vision-text h3 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 15px; }
      body .vision .vision-text .develop {
        padding-top: 15px;
        width: 90%; }
  body .value {
    margin: 60px auto;
    padding: 60px 0; }
    body .value h3 {
      font-size: 30px;
      padding-bottom: 15px; }
    body .value .value-wrapper {
      margin-top: 20px;
      gap: 50px; }
      body .value .value-wrapper .value-child .value-text h5 {
        font-size: 18px; }
      body .value .value-wrapper .value-child .value-text p {
        font-size: 18px;
        width: 100%; }
  body .company-member {
    margin: 60px auto; }
    body .company-member h3 {
      font-size: 30px;
      padding-bottom: 15px; }
    body .company-member .slider-company-member-two .slick-prev {
      left: 46%; }
      body .company-member .slider-company-member-two .slick-prev::before {
        font-size: 12px; }
    body .company-member .slider-company-member-two .slick-next {
      right: 46%; }
      body .company-member .slider-company-member-two .slick-next::before {
        font-size: 12px; }
  body .milestones {
    padding: 60px 0; }
    body .milestones h2,
    body .milestones h3 {
      font-size: 30px; }
    body .milestones .milestones-list {
      margin: 40px auto 0; }
      body .milestones .milestones-list .milestone-content .milestone-text h5 {
        font-size: 18px;
        margin: 5px auto; }
      body .milestones .milestones-list .milestone-content .milestone-text p {
        font-size: 18px; }
  body .sustainable {
    margin: 60px auto; }
    body .sustainable .sustainable-text {
      width: 70%; }
      body .sustainable .sustainable-text h3 {
        font-size: 30px;
        padding-bottom: 15px; }
      body .sustainable .sustainable-text p {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 35px; }
  body .kindness {
    padding: 100px 0; }
    body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text {
      width: 90%; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3 {
        font-size: 30px; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text P {
        font-size: 16px; }
    body .kindness .slider-kindness-list .slick-next {
      right: 29%; }
  body .why-pick {
    margin: 60px auto; }
    body .why-pick h3 {
      font-size: 30px;
      padding-bottom: 20px;
      line-height: 30px; }
    body .why-pick p {
      width: 75%; }
    body .why-pick .why-pick-wrapper {
      width: 95%; }
      body .why-pick .why-pick-wrapper .why-pick-child h4 {
        margin: 35px auto; }
  body .notification h3 {
    font-size: 26px; }
  body .notification ul {
    margin: 15px 0 0; }
  body .notification .form-search form {
    padding: 10px 15px;
    margin: 20px 0 0; }
    body .notification .form-search form::before {
      left: 45%; }
    body .notification .form-search form .container-select-btn .container-select select {
      padding-right: 20px; }
    body .notification .form-search form .container-select-btn button {
      padding: 10px 15px; }
  body .notification .recruit {
    flex-direction: column; }
    body .notification .recruit .recruit-list .recruit-child {
      margin: 25px 0; }
      body .notification .recruit .recruit-list .recruit-child h4 {
        font-size: 18px; }
    body .notification .recruit .recruit-form {
      margin-top: 0;
      width: 92%; }
      body .notification .recruit .recruit-form form input, body .notification .recruit .recruit-form form textarea {
        width: 90%; }
  body .question-recruit {
    margin: 60px auto; }
    body .question-recruit h3 {
      font-size: 26px;
      margin: 0px 0 20px; }
    body .question-recruit ul {
      margin: 25px 0 0; }
    body .question-recruit .question-recruit-list .question-recruit-wrapper {
      margin: 20px 0; }
      body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text a h5 {
        margin-top: 5px; }
  body .recruit-detail h3 {
    font-size: 22px;
    line-height: 24px; }
  body .recruit-detail .recruitment-details .recruit-detail-wrapper {
    margin-top: 15px; }
    body .recruit-detail .recruitment-details .recruit-detail-wrapper h4 {
      font-size: 20px; }
    body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission {
      margin-top: 15px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission h5 {
        font-size: 18px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list {
        width: 100%; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission button {
        border-radius: 30px; }
    body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation {
      margin-top: 40px;
      width: 95%; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation h5 {
        font-size: 22px; }
  body .application {
    width: 900px;
    padding: 20px 45px; }
    body .application h5 {
      font-size: 18px; }
    body .application p {
      width: 90%; }
    body .application .application-form h4 {
      font-size: 22px; }
    body .application .application-form form .form-info .input-file .text-input-file {
      padding: 15px; }
    body .application .application-form form .form-info .flie-sample {
      width: 63%; }
      body .application .application-form form .form-info .flie-sample .flie-sample-wrapper {
        width: 50%; }
        body .application .application-form form .form-info .flie-sample .flie-sample-wrapper .download {
          width: 55%; }
      body .application .application-form form .form-info .flie-sample button {
        padding: 15px 70px; }
    body .application .close {
      top: 2%;
      right: 5%; }
  body .new {
    margin: 80px auto; }
    body .new h3 {
      font-size: 32px; }
    body .new .new-wrapper {
      margin: 30px 0; }
      body .new .new-wrapper .new-left .new-main .text-new-main {
        margin-top: 25px; }
        body .new .new-wrapper .new-left .new-main .text-new-main a h4 {
          font-size: 20px; }
      body .new .new-wrapper .new-left .new-list {
        margin-top: 30px; }
      body .new .new-wrapper .new-right input {
        font-size: 16px; }
      body .new .new-wrapper .new-right .new-hot {
        margin-top: 30px;
        padding: 20px; }
        body .new .new-wrapper .new-right .new-hot .new-hot-child picture {
          width: 90px;
          height: 90px; }
  body .header_2 .header-wrapper-2 .header-content {
    justify-content: space-between; }
    body .header_2 .header-wrapper-2 .header-content .md-mega-menu {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      width: 330px;
      background: #FFFFFF;
      height: 100%;
      transform: translateX(-100%);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      z-index: 999;
      padding: 50px 30px; }
      body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all {
        flex-direction: column;
        gap: 10px; }
        body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link {
          padding: 10px;
          display: block;
          width: 100%; }
          body .header_2 .header-wrapper-2 .header-content .md-mega-menu .mega-menu nav .menu-all .md-link .menu-dropdown {
            position: unset;
            width: 100%; }
      body .header_2 .header-wrapper-2 .header-content .md-mega-menu .close-menu {
        position: absolute;
        top: 20px;
        right: 15px;
        width: 24px;
        height: 24px;
        display: block; }
        body .header_2 .header-wrapper-2 .header-content .md-mega-menu .close-menu span {
          width: 100%;
          height: 2px;
          background: var(--vinamat-text);
          position: absolute;
          top: 50%;
          left: 0;
          right: 0; }
          body .header_2 .header-wrapper-2 .header-content .md-mega-menu .close-menu span:nth-child(1) {
            transform: translateY(-50%) rotate(45deg); }
          body .header_2 .header-wrapper-2 .header-content .md-mega-menu .close-menu span:nth-last-child(1) {
            transform: translateY(-50%) rotate(-45deg); }
    body .header_2 .header-wrapper-2 .header-content .active-menu {
      transform: translateX(0); }
    body .header_2 .header-wrapper-2 .header-content .md-right {
      order: 3;
      width: unset; }
      body .header_2 .header-wrapper-2 .header-content .md-right .md-search {
        display: none; }
      body .header_2 .header-wrapper-2 .header-content .md-right .md-social nav ul {
        gap: 5px; }
        body .header_2 .header-wrapper-2 .header-content .md-right .md-social nav ul li a img {
          width: 32px; }
    body .header_2 .header-wrapper-2 .header-content .md-logo {
      order: 2;
      width: 110px; }
    body .header_2 .header-wrapper-2 .header-content .nav-bar-menu {
      display: block;
      width: 30px;
      height: 24px;
      position: relative;
      cursor: pointer; }
      body .header_2 .header-wrapper-2 .header-content .nav-bar-menu span {
        width: 100%;
        height: 2px;
        background: var(--vinamat-text);
        position: absolute;
        right: 0;
        left: 0;
        top: 0; }
        body .header_2 .header-wrapper-2 .header-content .nav-bar-menu span:nth-child(2) {
          top: 50%;
          transform: translateY(-50%); }
        body .header_2 .header-wrapper-2 .header-content .nav-bar-menu span:nth-last-child(1) {
          top: unset;
          bottom: 0; }
  body .shop h3 {
    font-size: 24px; }
  body .category-pr {
    padding: 60px 0; }
    body .category-pr .title h2 {
      font-size: 24px; }
    body .category-pr .tabs {
      margin: 15px 0 30px; }
    body .category-pr .content .tabs-content .child {
      grid-template-columns: repeat(3, 1fr);
      gap: 10px; }
  body .products-main {
    margin: 60px 0; }
    body .products-main .title {
      padding-bottom: 15px; }
      body .products-main .title h2 {
        font-size: 24px; }
    body .products-main .content {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 10px;
      row-gap: 20px; }
  body .introduce {
    padding: 60px 0; }
    body .introduce .video .title .name h2 {
      font-size: 24px; }
    body .introduce .video .title .desc p {
      font-size: 14px; }
    body .introduce .list {
      justify-content: center;
      row-gap: 30px; }
      body .introduce .list .child .number h2,
      body .introduce .list .child .number .about-card-number {
        font-size: 230px; }
      body .introduce .list .child .item {
        padding: 35px 20px; }
        body .introduce .list .child .item .title h2,
        body .introduce .list .child .item .title h3 {
          font-size: 26px; }
        body .introduce .list .child .item .name h3,
        body .introduce .list .child .item .name h4 {
          font-size: 16px; }
        body .introduce .list .child .item .desc p {
          font-size: 14px; }
  body .outstanding-service-2 {
    padding: 60px 0; }
    body .outstanding-service-2 .title {
      margin-bottom: 30px; }
      body .outstanding-service-2 .title .name h2 {
        font-size: 24px; }
      body .outstanding-service-2 .title .desc p {
        font-size: 14px; }
  body .cooperation-2 {
    padding: 40px 0; }
    body .cooperation-2 .title .name h2, body .cooperation-2 .title .name h3, body .cooperation-2 .title .name h4, body .cooperation-2 .title .name h5, body .cooperation-2 .title .name h6 {
      font-size: 24px; }
    body .cooperation-2 .title .desc p {
      font-size: 14px; }
    body .cooperation-2 .content {
      margin: 30px auto; }
      body .cooperation-2 .content form .child {
        width: 100%; }
        body .cooperation-2 .content form .child .wpcf7-form-control-wrap {
          display: block;
          width: 100%;
          overflow: hidden;
          border-radius: 5px; }
          body .cooperation-2 .content form .child .wpcf7-form-control-wrap input {
            width: 100%; }
  body footer .footer-wrapper {
    gap: 20px;
    flex-direction: column; }
    body footer .footer-wrapper .footer-left {
      max-width: unset;
      display: flex;
      align-items: center;
      gap: 15px; }
      body footer .footer-wrapper .footer-left .logo-footer {
        margin-bottom: 0; }
    body footer .footer-wrapper .contact-infor {
      max-width: unset; } }
@media only screen and (max-width: 991px) {
  body header {
    top: 20px;
    z-index: 111; }
    body header .header-wrapper picture {
      width: 180px; }
    body header .header-wrapper .menu {
      width: 15%; }
      body header .header-wrapper .menu .active {
        transform: translateX(0); }
    body header .header-wrapper .language span {
      font-size: 16px; }
    body header .header-wrapper .social picture {
      width: 30px; }
    body header .header-wrapper figure {
      width: 80px; }
  body .activity h3 {
    font-size: 24px;
    line-height: 30px; }
  body .activity p {
    width: 75%;
    margin: 20px auto; }
  body .activity .activity-wrapper {
    grid-template-columns: repeat(2, 1fr); }
    body .activity .activity-wrapper .activity-child h4 {
      font-size: 16px;
      left: 30px;
      bottom: 50px; }
  body .company {
    background-size: cover;
    padding-top: 30px;
    margin: 30px auto 70px; }
    body .company .company-content {
      margin-bottom: 40px; }
      body .company .company-content .slider-content .about-us h3 {
        font-size: 24px;
        width: 100%; }
      body .company .company-content .slider-content .about-us p {
        width: 100%;
        font-size: 16px; }
    body .company .company-thumb {
      width: 95%;
      margin: 30px auto;
      position: unset;
      right: unset;
      bottom: unset; }
  body .quality h3 {
    font-size: 24px; }
  body .quality p {
    width: 85%;
    font-size: 16px; }
  body .quality .quality-wrapper {
    margin: 40px auto;
    grid-template-columns: repeat(2, 1fr); }
  body .partner {
    padding: 40px 0 100px; }
    body .partner h3 {
      font-size: 24px; }
    body .partner .slider-partner-two .slick-prev {
      left: 43%; }
    body .partner .slider-partner-two .slick-next {
      right: 45%; }
  body .news {
    margin: 40px auto;
    padding: 0; }
    body .news h3 {
      font-size: 24px; }
    body .news .news-list .news-wrapper .news-main .news-text-main {
      bottom: 40px;
      left: 50px; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news h5 {
      -webkit-line-clamp: 1;
      -moz-line-clamp: 1; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news p {
      -webkit-line-clamp: 2;
      -moz-line-clamp: 2; }
    body .news .news-list .other-news .orther-news-wrapper h5 {
      -webkit-line-clamp: 1;
      -moz-line-clamp: 1; }
  body .banner .text-banner h3 {
    font-size: 32px;
    line-height: 0px; }
  body .banner .text-banner span {
    font-size: 14px; }
  body .about-us-company {
    margin: 40px auto; }
    body .about-us-company .slick-prev {
      bottom: unset;
      top: 5%;
      right: 15%;
      left: unset; }
      body .about-us-company .slick-prev::before {
        font-size: 18px; }
    body .about-us-company .slick-next {
      bottom: unset;
      top: 5%;
      right: 8%;
      left: unset; }
      body .about-us-company .slick-next::before {
        font-size: 18px; }
    body .about-us-company .slider-about-us {
      display: block; }
      body .about-us-company .slider-about-us .text-about-us {
        width: 100%;
        margin: 0 auto 30px; }
        body .about-us-company .slider-about-us .text-about-us h4 {
          font-size: 26px;
          padding-bottom: 10px; }
  body .mission {
    margin: 40px auto; }
    body .mission h3 {
      font-size: 26px;
      padding-bottom: 10px;
      margin: 0; }
    body .mission .mission-wrapper {
      grid-template-columns: repeat(2, 1fr); }
  body .vision {
    display: block; }
    body .vision .vision-img picture:last-child {
      margin-top: 0; }
    body .vision .vision-text {
      width: 100%;
      margin: 50px auto; }
      body .vision .vision-text h3 {
        font-size: 26px;
        padding-bottom: 10px;
        line-height: 20px; }
  body .value {
    margin: 40px auto;
    padding: 40px 0; }
    body .value h3 {
      font-size: 26px;
      padding-bottom: 10px; }
    body .value .value-wrapper {
      grid-template-columns: repeat(2, 1fr); }
  body .company-member h3 {
    font-size: 26px;
    padding-bottom: 10px; }
  body .company-member .slider-company-member-one {
    margin: 20px auto; }
  body .company-member .slider-company-member-two {
    padding-bottom: 15px; }
  body .milestones {
    padding: 40px 0; }
    body .milestones h2,
    body .milestones h3 {
      font-size: 26px;
      padding-bottom: 10px; }
    body .milestones .milestones-list {
      width: 80%; }
      body .milestones .milestones-list .milestone-content {
        margin: 30px auto; }
  body .sustainable {
    margin: 40px auto;
    display: block; }
    body .sustainable .sustainable-text {
      width: 100%;
      margin: 0 0 50px; }
      body .sustainable .sustainable-text h3 {
        font-size: 26px;
        padding-bottom: 10px;
        margin: 0; }
  body .kindness .slider-kindness-list .slider-kindness {
    display: flex;
    flex-direction: column;
    gap: 50px; }
    body .kindness .slider-kindness-list .slider-kindness picture {
      order: 2; }
    body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text {
      order: 1;
      width: 100%; }
      body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3 {
        font-size: 26px; }
  body .kindness .slider-kindness-list .slick-next {
    right: unset;
    bottom: -10%;
    left: 6%; }
  body .kindness .slider-kindness-list .slick-prev {
    right: unset;
    bottom: -10%;
    left: 1%; }
  body .why-pick h3 {
    font-size: 28px;
    padding-bottom: 20px; }
  body .why-pick p {
    margin: 20px auto; }
  body .why-pick .why-pick-wrapper {
    width: 100%; }
    body .why-pick .why-pick-wrapper .why-pick-child h4 {
      width: 85%;
      margin: 30px auto; }
  body .notification {
    padding: 60px 0; }
    body .notification h3 {
      font-size: 24px; }
    body .notification .form-search form {
      padding: 10px 15px;
      margin: 20px 0 0;
      width: 100%; }
    body .notification .recruit .recruit-list .recruit-child .recruit-date {
      grid-template-columns: repeat(1, 1fr); }
  body .question-recruit h3 {
    font-size: 24px; }
  body .question-recruit .question-recruit-list {
    width: 100%; }
    body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text p {
      -webkit-line-clamp: 1;
      -moz-line-clamp: 1; }
  body .recruit-detail {
    margin: 60px auto; }
    body .recruit-detail .recruitment-details {
      flex-direction: column;
      gap: 30px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation {
        margin-top: 30px;
        width: 100%; }
      body .recruit-detail .recruitment-details .recruit-form {
        width: 100%;
        margin-top: 0; }
  body .application {
    width: 730px;
    padding: 20px 35px; }
    body .application p {
      font-size: 14px; }
    body .application .application-form h4 {
      font-size: 20px; }
    body .application .application-form form .form-info input {
      padding: 10px 20px; }
    body .application .application-form form .form-info .input-file {
      width: 40%; }
      body .application .application-form form .form-info .input-file .text-input-file {
        padding: 10px 15px;
        gap: 5px; }
    body .application .application-form form .form-info .flie-sample .flie-sample-wrapper {
      width: 57%; }
      body .application .application-form form .form-info .flie-sample .flie-sample-wrapper .download {
        width: 65%; }
    body .application .application-form form .form-info .flie-sample button {
      padding: 10px 40px;
      font-size: 14px; }
    body .application .close {
      display: none; }
  body .new {
    margin: 60px auto; }
    body .new h3 {
      font-size: 28px; }
    body .new .new-wrapper {
      grid-template-columns: 1fr; }
  body .contact {
    margin: 80px auto; }
    body .contact h3 {
      font-size: 32px; }
    body .contact .contact-wrapper {
      grid-template-columns: 1fr; }
  body .backtotop {
    width: 42px;
    height: 42px;
    bottom: 50px;
    right: 25px; }
  body .email-icon-pockup {
    bottom: 100px;
    right: 20px; }
  body footer .footer-wrapper {
    gap: 30px; }
  body .outstanding-service {
    padding: 40px;
    display: block; }
    body .outstanding-service .service-slide-text {
      margin: 0 auto 60px;
      width: 90%; }
    body .outstanding-service .service-slide-image {
      width: 90%;
      margin: auto; }
  body .sustainable-2 {
    padding: 60px 0; }
    body .sustainable-2 .wrapper .text {
      margin-bottom: 30px; }
      body .sustainable-2 .wrapper .text .name h2, body .sustainable-2 .wrapper .text .name h3, body .sustainable-2 .wrapper .text .name h4, body .sustainable-2 .wrapper .text .name h5, body .sustainable-2 .wrapper .text .name h6 {
        font-size: 24px;
        line-height: 32px; }
    body .sustainable-2 .wrapper .image {
      margin: 0; }
  body .value-2 {
    padding: 40px 0; }
    body .value-2 .wrapper {
      grid-template-columns: repeat(2, 1fr);
      width: 100%;
      gap: 40px; }
      body .value-2 .wrapper .child .text {
        margin-top: 15px; }
        body .value-2 .wrapper .child .text .name {
          padding-bottom: 10px; }
          body .value-2 .wrapper .child .text .name h2, body .value-2 .wrapper .child .text .name h3, body .value-2 .wrapper .child .text .name h4, body .value-2 .wrapper .child .text .name h5, body .value-2 .wrapper .child .text .name h6 {
            font-size: 24px;
            line-height: 40px; }
  body .products_list {
    margin: 20px 0; }
    body .products_list h3 {
      font-size: 24px;
      padding-top: 10px; }
    body .products_list p {
      font-size: 14px;
      margin: 15px auto 30px; }
    body .products_list .slider-multiple_text h4 {
      padding: 0;
      font-size: 20px;
      line-height: 32px; }
    body .products_list .slider-multiple_text p {
      font-size: 14px;
      line-height: 22px;
      margin: 10px auto; }
    body .products_list .list_tax {
      justify-content: unset; }
  body .module-logo {
    order: 2; }
  body .module-menu {
    order: 1; }
  body .module-social-links {
    order: 3; }
  body .prod-list .orther-prod {
    grid-template-columns: repeat(2, 1fr); }
  body .prod-list .other-prod {
    grid-template-columns: repeat(3, 1fr) !important; }
  body .introduce .ablout-vx .text .left {
    padding-right: 40px; }
    body .introduce .ablout-vx .text .left .title {
      margin: 15px 0; }
      body .introduce .ablout-vx .text .left .title h1,
      body .introduce .ablout-vx .text .left .title h2 {
        font-size: 24px;
        line-height: 38px !important; }
    body .introduce .ablout-vx .text .left .desc p {
      font-size: 16px; } }
@media only screen and (max-width: 480px) {
  body .header_2 .header-wrapper-2 .header-content .nav-bar-menu {
    width: 20px;
    height: 20px; }
  body .header_2 .header-wrapper-2 .header-content .md-right .md-social nav ul li a img {
    width: 24px; }
  body .header_2 .header-wrapper-2 .header-content .md-logo {
    width: 100px; }
  body .container {
    width: unset; }
  body .introduce {
    padding: 40px 0;
    overflow: hidden; }
  body header {
    top: 0; }
    body header .header-wrapper {
      width: 90%; }
      body header .header-wrapper .logo {
        order: 2;
        width: 100px;
        height: 40px; }
      body header .header-wrapper .menu {
        order: 1;
        width: 15%;
        gap: 5px; }
        body header .header-wrapper .menu .menu-all {
          transform: translateX(-110%); }
        body header .header-wrapper .menu .active {
          transform: translateX(-8%); }
        body header .header-wrapper .menu .tab-menu::before {
          font-size: 16px; }
        body header .header-wrapper .menu .tab-menu .tab-menu-btn {
          width: 16px; }
      body header .header-wrapper .language {
        display: none; }
        body header .header-wrapper .language picture {
          width: 20px;
          height: 20px; }
      body header .header-wrapper .social {
        gap: 0;
        order: 3;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px; }
        body header .header-wrapper .social picture {
          width: 14px;
          height: 16px; }
        body header .header-wrapper .social a i {
          font-size: 14px; }
  body .banner .text-banner {
    left: 50% !important; }
    body .banner .text-banner h4 {
      font-size: 12px;
      line-height: 22px; }
  body .slide .slider-multiple picture {
    padding-top: unset;
    height: 200px; }
  body .slide .slider-multiple .text-slider h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px; }
  body .slide .slider-multiple .text-slider h4 {
    font-size: 14px;
    line-height: 12px; }
  body .slide .slick-prev {
    left: 15px;
    width: 24px;
    height: 24px; }
    body .slide .slick-prev::before {
      font-size: 14px; }
  body .slide .slick-next {
    width: 24px;
    height: 24px;
    right: 15px; }
    body .slide .slick-next::before {
      font-size: 14px; }
  body .activity {
    margin: 40px auto; }
    body .activity h3 {
      font-size: 24px;
      line-height: 28px; }
    body .activity p {
      width: 100%;
      margin: 15px auto 20px;
      font-size: 14px; }
    body .activity .activity-wrapper {
      gap: 10px; }
      body .activity .activity-wrapper .activity-child h4 {
        font-size: 14px;
        left: 15px;
        bottom: 20px;
        width: 90%;
        text-align: start; }
  body .company {
    margin: 10px auto 40px; }
    body .company .company-content {
      margin-bottom: 20px; }
      body .company .company-content .slider-content {
        margin: 0;
        display: block; }
        body .company .company-content .slider-content .about-us {
          margin: 20px auto 0;
          width: 95%; }
          body .company .company-content .slider-content .about-us h3 {
            font-size: 20px; }
          body .company .company-content .slider-content .about-us p {
            font-size: 14px; }
    body .company .company-thumb {
      width: 95%;
      margin: 0 auto 30px; }
  body .quality h3 {
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 40px !important; }
  body .quality p {
    font-size: 14px;
    width: 100%; }
  body .quality .quality-wrapper {
    margin: 30px auto;
    gap: 20px; }
    body .quality .quality-wrapper .quality-text picture {
      padding-top: calc(0.5700623 * 100%);
      width: 95%;
      margin: 0 auto; }
      body .quality .quality-wrapper .quality-text picture img {
        transform: translate(-50%, -50%) scale(0.8); }
    body .quality .quality-wrapper .quality-text h4 {
      font-size: 12px;
      width: 100%;
      padding: 10px 0 5px; }
  body .partner {
    padding: 30px 0 !important; }
    body .partner h3 {
      font-size: 20px;
      padding-bottom: 15px; }
    body .partner p {
      font-size: 14px;
      margin: 15px auto; }
    body .partner .slider-partner-one {
      margin-top: 10px; }
    body .partner .slider-partner-two .slick-prev {
      left: 41%;
      bottom: -50px;
      width: 28px;
      height: 28px; }
      body .partner .slider-partner-two .slick-prev::before {
        font-size: 12px;
        padding: 5px; }
    body .partner .slider-partner-two .slick-next {
      right: 41%;
      bottom: -50px;
      width: 28px;
      height: 28px; }
      body .partner .slider-partner-two .slick-next::before {
        font-size: 12px;
        padding: 5px; }
  body .news h3 {
    font-size: 20px;
    padding-bottom: 15px; }
  body .news p {
    margin: 15px auto;
    font-size: 12px; }
  body .news .news-list .news-wrapper {
    display: block; }
    body .news .news-list .news-wrapper .news-main {
      margin-bottom: 20px; }
      body .news .news-list .news-wrapper .news-main .news-text-main a h4 {
        width: 100%; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news p {
      font-size: 14px; }
    body .news .news-list .news-wrapper .extra-news .text-extra-news .date-extra-news p {
      height: unset; }
  body .news .news-list .other-news {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    body .news .news-list .other-news .orther-news-wrapper .date-news-orther {
      margin-top: 10px; }
    body .news .news-list .other-news .orther-news-wrapper a::before {
      display: none; }
    body .news .news-list .other-news .orther-news-wrapper a h5 {
      padding: 0;
      font-size: 14px;
      margin-top: 5px;
      height: 25px; }
  body .banner picture {
    height: 200px;
    padding-top: unset; }
    body .banner picture img {
      height: 100% !important; }
  body .banner .text-banner span {
    font-size: 12px; }
  body .banner .text-banner h3 {
    font-size: 16px !important;
    line-height: 30px !important;
    margin: 10px 0 0; }
  body .about-us-company {
    margin: 20px auto; }
    body .about-us-company .slick-prev {
      top: 2%;
      right: 18%;
      width: 26px;
      height: 26px; }
      body .about-us-company .slick-prev::before {
        font-size: 10px;
        padding: 5px; }
    body .about-us-company .slick-next {
      top: 2%;
      right: 8%;
      width: 26px;
      height: 26px; }
      body .about-us-company .slick-next::before {
        font-size: 10px;
        padding: 5px; }
    body .about-us-company .slider-about-us .text-about-us {
      margin: 0 auto 30px; }
      body .about-us-company .slider-about-us .text-about-us p {
        font-size: 14px; }
      body .about-us-company .slider-about-us .text-about-us h4 {
        font-size: 22px;
        text-align: center !important;
        line-height: 36px;
        width: 100%; }
        body .about-us-company .slider-about-us .text-about-us h4::before {
          left: 50%;
          transform: translateX(-50%); }
      body .about-us-company .slider-about-us .text-about-us span {
        text-align: center !important; }
  body .mission h3 {
    font-size: 22px;
    line-height: 15px; }
  body .mission .mission-wrapper {
    gap: 25px;
    grid-template-columns: repeat(1, 1fr); }
    body .mission .mission-wrapper .mission-child {
      padding: 20px 15px h5;
        padding-font-size: 16px;
        padding-padding-top: 10px; }
      body .mission .mission-wrapper .mission-child p {
        font-size: 14px; }
  body .vision .vision-text {
    width: 100%;
    margin: 20px auto; }
    body .vision .vision-text h3 {
      font-size: 22px;
      line-height: 20px; }
    body .vision .vision-text .develop {
      padding-top: 10px;
      width: 100%; }
      body .vision .vision-text .develop h4 {
        font-size: 16px; }
      body .vision .vision-text .develop p {
        font-size: 14px; }
  body .value {
    margin: 20px auto;
    padding: 30px 0; }
    body .value h3 {
      font-size: 22px;
      line-height: 15px; }
    body .value .value-wrapper {
      gap: 20px;
      grid-template-columns: repeat(1, 1fr); }
      body .value .value-wrapper .value-child picture {
        width: 45.5px;
        height: 45.5px; }
      body .value .value-wrapper .value-child .value-text {
        margin-top: 10px; }
        body .value .value-wrapper .value-child .value-text h5 {
          font-size: 16px; }
        body .value .value-wrapper .value-child .value-text p {
          font-size: 14px; }
  body .company-member {
    margin: 40px auto; }
    body .company-member h3 {
      font-size: 22px;
      line-height: 15px; }
    body .company-member .slider-company-member-one .slider-company-child picture img, body .company-member .slider-company-member-two .slider-company-child picture img {
      transform: translate(-50%, -50%) scale(0.6); }
    body .company-member .slider-company-member-two .slick-next {
      right: 40%;
      width: 28px;
      height: 28px;
      bottom: -20%; }
      body .company-member .slider-company-member-two .slick-next::before {
        padding: 5px;
        font-size: 10px; }
    body .company-member .slider-company-member-two .slick-prev {
      left: 40%;
      width: 28px;
      height: 28px;
      bottom: -20%; }
      body .company-member .slider-company-member-two .slick-prev::before {
        padding: 5px;
        font-size: 10px; }
    body .company-member .slider-company-child h5 {
      font-size: 14px;
      margin: 0; }
  body .milestones h2,
  body .milestones h3 {
    font-size: 22px;
    line-height: 15px; }
  body .milestones .milestones-list {
    margin: 20px auto 0;
    width: 100%; }
    body .milestones .milestones-list .milestone-content {
      margin: 25px auto;
      gap: 50px; }
      body .milestones .milestones-list .milestone-content .milestone-text span {
        font-size: 14px; }
      body .milestones .milestones-list .milestone-content .milestone-text h5 {
        font-size: 14px; }
      body .milestones .milestones-list .milestone-content .milestone-text p {
        font-size: 12px;
        margin: 0; }
        body .milestones .milestones-list .milestone-content .milestone-text p span {
          font-size: 12px !important; }
  body .sustainable {
    margin: 20px auto; }
    body .sustainable .sustainable-text {
      margin: 0 0 40px; }
      body .sustainable .sustainable-text h3 {
        font-size: 22px; }
      body .sustainable .sustainable-text p {
        font-size: 14px;
        margin-top: 10px; }
  body .kindness {
    padding: 60px 0; }
    body .kindness .slider-kindness-list .slick-prev {
      left: 1%;
      bottom: -15%;
      width: 28px;
      height: 28px; }
      body .kindness .slider-kindness-list .slick-prev::before {
        font-size: 10px;
        padding: 5px; }
    body .kindness .slider-kindness-list .slick-next {
      left: 11%;
      bottom: -15%;
      width: 28px;
      height: 28px; }
      body .kindness .slider-kindness-list .slick-next::before {
        font-size: 10px;
        padding: 5px; }
    body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text h3 {
      font-size: 22px; }
    body .kindness .slider-kindness-list .slider-kindness .slider-kindness-text p {
      font-size: 14px; }
  body .why-pick {
    margin: 40px auto; }
    body .why-pick h3 {
      font-size: 22px;
      padding-bottom: 15px;
      line-height: 20px; }
    body .why-pick p {
      width: 100%;
      font-size: 14px;
      margin: 15px auto; }
    body .why-pick .why-pick-wrapper {
      grid-template-columns: repeat(1, 1fr); }
      body .why-pick .why-pick-wrapper .why-pick-child h4 {
        margin: 20px auto;
        font-size: 16px; }
  body .notification {
    padding: 40px 0; }
    body .notification h3 {
      font-size: 20px; }
    body .notification .form-search form {
      padding: 15px 20px;
      flex-direction: column;
      gap: 20px;
      align-items: unset;
      width: 90%; }
      body .notification .form-search form::before {
        display: none; }
      body .notification .form-search form .container-select {
        flex-direction: column;
        gap: 10px; }
      body .notification .form-search form .container-input {
        padding-left: 0; }
        body .notification .form-search form .container-input input {
          width: 100%;
          font-size: 14px; }
      body .notification .form-search form .container-select-btn {
        gap: 20px;
        flex-direction: column;
        align-items: unset; }
        body .notification .form-search form .container-select-btn .container-select .location-icon::before {
          top: 20px; }
        body .notification .form-search form .container-select-btn .container-select select {
          width: 100%;
          padding-left: 20px; }
        body .notification .form-search form .container-select-btn button {
          padding: 5px 20px;
          font-size: 14px; }
    body .notification .recruit {
      flex-direction: column; }
      body .notification .recruit .recruit-list .recruit-child {
        margin: 20px 0; }
        body .notification .recruit .recruit-list .recruit-child h4 {
          font-size: 16px;
          margin-top: 0; }
        body .notification .recruit .recruit-list .recruit-child p {
          font-size: 14px; }
      body .notification .recruit .recruit-list button {
        font-size: 14px;
        padding: 10px 40px;
        margin-top: 15px; }
      body .notification .recruit .recruit-form {
        width: 82%;
        margin-top: 0; }
        body .notification .recruit .recruit-form h4 {
          font-size: 18px; }
        body .notification .recruit .recruit-form p {
          font-size: 14px; }
        body .notification .recruit .recruit-form form input, body .notification .recruit .recruit-form form textarea {
          width: 85%;
          padding: 15px 25px;
          font-size: 14px; }
        body .notification .recruit .recruit-form form button {
          margin-top: 10px;
          padding: 10px 0;
          font-size: 14px; }
    body .notification ul {
      margin: 20px auto 0;
      width: 50%;
      text-align: center; }
      body .notification ul li a {
        font-size: 16px; }
      body .notification ul li:first-child a::before {
        font-size: 8px; }
      body .notification ul li:last-child a::before {
        font-size: 8px; }
  body .question-recruit {
    margin: 40px auto; }
    body .question-recruit h3 {
      font-size: 20px; }
    body .question-recruit .question-recruit-list .question-recruit-wrapper {
      gap: 10px; }
      body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text {
        padding: 0; }
        body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text span {
          font-size: 12px; }
        body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text a h5 {
          font-size: 14px;
          margin: 0;
          overflow: hidden;
          -webkit-line-clamp: 1;
          -moz-line-clamp: 1;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          display: -webkit-box; }
        body .question-recruit .question-recruit-list .question-recruit-wrapper .question-recruit-text p {
          font-size: 12px;
          margin: 0; }
    body .question-recruit ul {
      margin: 20px auto 0;
      width: 50%;
      text-align: center; }
      body .question-recruit ul li .current {
        font-size: 16px; }
      body .question-recruit ul li a {
        font-size: 16px; }
      body .question-recruit ul li:first-child a::before {
        font-size: 8px; }
      body .question-recruit ul li:last-child a::before {
        font-size: 8px; }
  body .recruit-detail {
    margin: 40px auto; }
    body .recruit-detail h3 {
      font-size: 20px;
      line-height: 20px;
      padding-bottom: 10px; }
    body .recruit-detail .recruitment-details .recruit-detail-wrapper {
      margin-top: 10px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper h4 {
        font-size: 16px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission {
        margin-top: 10px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission h5 {
          font-size: 16px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list {
          margin: 10px 0 15px; }
          body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child {
            width: 47%; }
            body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission .permission-list .permission-list-child p {
              font-size: 14px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .permission button {
          font-size: 14px;
          padding: 10px 40px; }
      body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation {
        margin-top: 20px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation h5 {
          font-size: 18px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .permission-infor .info-child h6 {
          font-size: 14px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .permission-infor .info-child:nth-last-child(1) h6 {
          font-size: 14px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .permission-infor .info-child:nth-last-child(2) h6 {
          font-size: 14px; }
        body .recruit-detail .recruitment-details .recruit-detail-wrapper .infomation .info-child ul li {
          font-size: 14px; }
    body .recruit-detail .recruitment-details .recruit-form {
      width: 82%; }
      body .recruit-detail .recruitment-details .recruit-form h4 {
        font-size: 16px; }
      body .recruit-detail .recruitment-details .recruit-form form input {
        font-size: 14px; }
      body .recruit-detail .recruitment-details .recruit-form form button {
        font-size: 14px; }
  body .application {
    width: 320px;
    padding: 20px; }
    body .application h5 {
      font-size: 16px; }
    body .application p {
      width: 100%;
      font-size: 12px;
      margin: 5px 0; }
    body .application .application-form {
      margin-top: 5px; }
      body .application .application-form h4 {
        font-size: 12px; }
      body .application .application-form form {
        margin-top: 5px; }
        body .application .application-form form .form-info {
          gap: 5px;
          width: 100%;
          margin: 5px 0; }
          body .application .application-form form .form-info:nth-child(6) {
            flex-direction: column;
            gap: 10px;
            width: 100%; }
          body .application .application-form form .form-info input, body .application .application-form form .form-info textarea {
            font-size: 12px;
            padding: 10px 15px; }
          body .application .application-form form .form-info .input-file {
            width: 100%;
            max-width: unset; }
            body .application .application-form form .form-info .input-file .text-input-file {
              padding: 5px 50px; }
            body .application .application-form form .form-info .input-file .wpcf7-form-control-wrap {
              display: block; }
          body .application .application-form form .form-info .flie-sample {
            flex-direction: column;
            gap: 10px;
            width: 100%; }
            body .application .application-form form .form-info .flie-sample .wpcf7-form-control-wrap {
              display: block; }
            body .application .application-form form .form-info .flie-sample .flie-sample-wrapper {
              width: 100%;
              justify-content: space-between;
              gap: 0; }
              body .application .application-form form .form-info .flie-sample .flie-sample-wrapper .download {
                width: 100%; }
            body .application .application-form form .form-info .flie-sample .finish {
              width: 100%; }
              body .application .application-form form .form-info .flie-sample .finish .wpcf7-submit {
                width: 100%;
                font-size: 14px;
                padding: 10px 0; }
          body .application .application-form form .form-info br {
            display: none; }
          body .application .application-form form .form-info .wpcf7-not-valid-tip {
            font-size: 8px;
            width: unset !important; }
  body .new {
    margin: 20px auto; }
    body .new .new-wrapper .new-left .new-main .text-new-main a h3 {
      font-size: 18px; }
    body .new .new-wrapper {
      margin: 0; }
      body .new .new-wrapper .new-left .new-main .text-new-main {
        margin-top: 0; }
        body .new .new-wrapper .new-left .new-main .text-new-main a h4 {
          font-size: 16px; }
      body .new .new-wrapper .new-left .new-list {
        margin-top: 20px;
        gap: 15px;
        grid-template-columns: repeat(1, 1fr); }
        body .new .new-wrapper .new-left .new-list .new-child .text-new-list .date-new {
          margin-top: 10px;
          margin-bottom: 10px; }
        body .new .new-wrapper .new-left .new-list .new-child .text-new-list a::before {
          display: none; }
        body .new .new-wrapper .new-left .new-list .new-child .text-new-list a h4 {
          font-size: 14px;
          -webkit-line-clamp: 1;
          -moz-line-clamp: 1;
          height: 15px; }
      body .new .new-wrapper .new-left ul {
        margin: 30px auto 0;
        width: 30%;
        text-align: center; }
        body .new .new-wrapper .new-left ul li a {
          font-size: 16px; }
        body .new .new-wrapper .new-left ul li .current {
          font-size: 16px;
          font-family: var(--vinamat-font-main);
          text-decoration: none;
          color: var(--vinamat-accent); }
        body .new .new-wrapper .new-left ul li:first-child a::before {
          font-size: 8px;
          padding: 5px 6px; }
        body .new .new-wrapper .new-left ul li:last-child a::before {
          font-size: 8px;
          padding: 5px 6px; }
      body .new .new-wrapper .new-right input {
        font-size: 14px;
        padding: 10px 20px; }
      body .new .new-wrapper .new-right .new-hot {
        margin-top: 20px;
        padding: 15px; }
        body .new .new-wrapper .new-right .new-hot h4 {
          font-size: 14px;
          margin-bottom: 10px; }
        body .new .new-wrapper .new-right .new-hot .new-hot-child picture {
          width: 70px;
          height: 70px; }
        body .new .new-wrapper .new-right .new-hot .new-hot-child .new-hot-date a h5 {
          font-size: 14px; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main h5 {
    font-size: 16px; }
  body .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail p {
    font-size: 14px; }
  body .new-detail .slider-new h4 {
    font-size: 16px; }
  body .new-detail .slider-new .slider-new-wrapper .slider-new-child a h5 {
    margin: 15px 0;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    height: 22px; }
  body .new-detail .slider-new .slider-new-wrapper .slick-next {
    top: unset;
    right: 43%;
    bottom: -25px; }
    body .new-detail .slider-new .slider-new-wrapper .slick-next::before {
      font-size: 8px;
      padding: 5px; }
  body .new-detail .slider-new .slider-new-wrapper .slick-prev {
    top: unset;
    left: 40%;
    bottom: -25px; }
    body .new-detail .slider-new .slider-new-wrapper .slick-prev::before {
      font-size: 8px;
      padding: 5px; }
  body .contact {
    margin: 40px auto; }
    body .contact h3 {
      font-size: 22px;
      width: 100%;
      margin-bottom: 20px; }
    body .contact .contact-wrapper .contact-form .wpcf7 form .contact-form-child {
      width: 95%;
      gap: 0;
      flex-direction: column; }
      body .contact .contact-wrapper .contact-form .wpcf7 form .contact-form-child .wpcf7-form-control-wrap .wpcf7-form-control {
        font-size: 14px;
        padding: 15px 0 15px 15px; }
      body .contact .contact-wrapper .contact-form .wpcf7 form .contact-form-child .wpcf7-submit {
        margin-top: 15px;
        width: 100%;
        font-size: 14px;
        padding: 0;
        line-height: 36px; }
    body .contact .contact-wrapper .contact-method {
      padding: 40px 20px; }
      body .contact .contact-wrapper .contact-method h4 {
        font-size: 20px; }
  body .pockup-email {
    width: 300px;
    padding: 50px 0; }
    body .pockup-email h3 {
      font-size: 18px; }
    body .pockup-email p {
      font-size: 14px;
      margin: 10px 0; }
    body .pockup-email form {
      width: 70%; }
      body .pockup-email form .wpcf7-form-control-wrap input {
        padding: 10px 15px; }
      body .pockup-email form input[type=submit] {
        padding: 5px 60px;
        margin-top: 20px; }
    body .pockup-email .close-pockup {
      top: 7%;
      right: 7%; }
      body .pockup-email .close-pockup picture img {
        width: 16px;
        height: 16px; }
  body .backtotop {
    width: 30px;
    height: 30px;
    bottom: 30px;
    right: 15px; }
  body .email-icon-pockup {
    bottom: 70px;
    right: 15px;
    width: 30px;
    height: 30px; }
    body .email-icon-pockup picture img {
      width: 15px; }
  body .answer-search {
    margin: 40px auto; }
    body .answer-search h3 {
      font-size: 22px; }
    body .answer-search .filter {
      margin: 30px auto; }
    body .answer-search .answer-search-wrapper .answer-search-wrapper-child h4 {
      font-size: 18px; }
    body .answer-search .answer-search-wrapper .answer-search-wrapper-child a {
      font-size: 16px; }
  body footer {
    padding: 50px 0; }
    body footer .footer-wrapper {
      flex-direction: column;
      gap: 20px; }
      body footer .footer-wrapper .footer-right .footer-right-wrapper {
        display: flex;
        justify-content: space-between; }
        body footer .footer-wrapper .footer-right .footer-right-wrapper .field {
          width: 45%; }
          body footer .footer-wrapper .footer-right .footer-right-wrapper .field:nth-last-child(1) {
            margin: 0 auto 30px; }
  body .quanlity-detail {
    margin-top: 20px; }
  body .products_list {
    margin: 20px 0; }
  body .outstanding-service {
    padding: 20px; }
    body .outstanding-service .service-slide-text {
      width: 100%; }
      body .outstanding-service .service-slide-text .child .title {
        padding-bottom: 10px; }
        body .outstanding-service .service-slide-text .child .title .name h2, body .outstanding-service .service-slide-text .child .title .name h3, body .outstanding-service .service-slide-text .child .title .name h4, body .outstanding-service .service-slide-text .child .title .name h5, body .outstanding-service .service-slide-text .child .title .name h6 {
          font-size: 24px;
          line-height: 34px; }
        body .outstanding-service .service-slide-text .child .title .decs {
          margin-top: 15px; }
      body .outstanding-service .service-slide-text .child .content {
        margin-top: 20px; }
    body .outstanding-service .service-slide-image {
      width: 100%; }
  body .section-pro_inner {
    padding: 40px 0; }
    body .section-pro_inner .list h2 {
      font-size: 18px;
      line-height: 28px; }
    body .section-pro_inner .list .banggia {
      margin: 10px 0; }
      body .section-pro_inner .list .banggia .niemiet {
        font-size: 22px;
        line-height: 26px; }
      body .section-pro_inner .list .banggia .money_goc {
        font-size: 16px;
        list-style: 19px; }
      body .section-pro_inner .list .banggia .voucher {
        font-size: 20px;
        line-height: 23px; }
    body .section-pro_inner .list .decs {
      font-size: 14px;
      line-height: 22px; }
    body .section-pro_inner .list .mota {
      margin-bottom: 30px; }
    body .section-pro_inner .list .detail {
      padding: 0 15px; }
      body .section-pro_inner .list .detail ul {
        list-style: none; }
    body .section-pro_inner .nav-logo-design {
      justify-content: center; }
      body .section-pro_inner .nav-logo-design .nav-item {
        font-size: 14px;
        line-height: 22px; }
        body .section-pro_inner .nav-logo-design .nav-item:first-child {
          margin-left: unset; }
    body .section-pro_inner .logo-design-wrapper {
      padding: 0 10px; }
      body .section-pro_inner .logo-design-wrapper .tab-content ul {
        list-style: none; }
  body .sustainable-2 {
    padding: 40px 0; }
  body .value-2 .wrapper {
    grid-template-columns: 1fr;
    gap: 30px; }
    body .value-2 .wrapper .right {
      margin-top: 0; }
    body .value-2 .wrapper .child .text .name h2, body .value-2 .wrapper .child .text .name h3, body .value-2 .wrapper .child .text .name h4, body .value-2 .wrapper .child .text .name h5, body .value-2 .wrapper .child .text .name h6 {
      font-size: 20px;
      line-height: 32px; }
  body .prod-list_2 .other-prod_sldier_3 .orther-list-wrapper a {
    display: block;
    margin-top: 10px; }
    body .prod-list_2 .other-prod_sldier_3 .orther-list-wrapper a h5 {
      height: unset;
      -webkit-line-clamp: 1;
      -moz-line-clamp: 1;
      font-size: 14px;
      padding: 0; }
  body .prod-list_2 .other-prod_sldier_3 .orther-list-wrapper .decs {
    font-size: 12px;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-height: 18px; }
  body .prod-list_2 .other-prod_sldier_3 .orther-list-wrapper .link_more {
    padding: 10px 0; }
  body .news h3::before {
    left: 50%;
    transform: translateX(-50%); }
  body .news .news-list .news-wrapper .news-main .news-text-main {
    bottom: 10px;
    left: 20px; }
    body .news .news-list .news-wrapper .news-main .news-text-main p {
      font-size: 12px;
      margin: 10px 0 0; }
  body .news .other-news .orther-news-wrapper p {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    font-size: 12px; }
  body .user-feedback-3 {
    padding: 40px 0; }
    body .user-feedback-3 .slide-user-feedback-3 .slide-child {
      opacity: 1; }
      body .user-feedback-3 .slide-user-feedback-3 .slide-child .child {
        padding: 30px; }
  body .products_list .slider-multiple_text h4 {
    font-size: 22px; }
  body .our-commitment {
    padding: 0 !important; }
    body .our-commitment .wrapper .child {
      padding: 10px 0;
      margin-right: 0;
      gap: 20px; }
      body .our-commitment .wrapper .child .image figure {
        width: 60px;
        height: 60px; }
        body .our-commitment .wrapper .child .image figure img {
          width: 24px;
          height: 24px; }
      body .our-commitment .wrapper .child .text h2, body .our-commitment .wrapper .child .text h3, body .our-commitment .wrapper .child .text h4, body .our-commitment .wrapper .child .text h5, body .our-commitment .wrapper .child .text h6 {
        font-size: 20px;
        line-height: 28px; }
    body .our-commitment .wrapper .decs p {
      font-size: 14px; }
    body .our-commitment .wrapper .decs span {
      font-size: 14px !important; }
  body .vision {
    width: 100%;
    padding: 40px 0; }
    body .vision .vision-img {
      gap: 15px; }
    body .vision .vision-text .develop ul {
      list-style: none; }
      body .vision .vision-text .develop ul li {
        margin-bottom: 5px; }
        body .vision .vision-text .develop ul li span {
          font-size: 14px !important; }
  body .products_list h3 {
    margin-bottom: 0; }
  body .products_list .other-prod .orther-list-wrapper a {
    display: block;
    margin-top: 15px; }
    body .products_list .other-prod .orther-list-wrapper a h5 {
      -webkit-line-clamp: 1;
      -moz-line-clamp: 1;
      height: unset;
      padding: 0;
      font-size: 14px; }
  body .products_list .other-prod .orther-list-wrapper .link_more {
      padding: 10px 0 20px; }
  body .section-news {
    padding: 40px 0; }
    body .section-news .title {
      margin: 0 auto 20px; }
      body .section-news .title h2 {
        padding-bottom: 15px;
        font-size: 24px;
        line-height: 30px; }
      body .section-news .title .decs {
        margin-top: 15px; }
        body .section-news .title .decs p {
          font-size: 12px;
          line-height: 24px; }
    body .section-news .list .list-category {
      padding: 15px; }
      body .section-news .list .list-category nav ul li a {
        padding: 10px 20px; }
      body .section-news .list .list-category nav ul li ul {
        list-style: none !important;
        padding: 0 !important; }
    body .section-news .list .list-news {
      margin-top: 30px; }
      body .section-news .list .list-news .child {
        margin-bottom: 20px; }
        body .section-news .list .list-news .child .text {
          margin-top: 15px; }
          body .section-news .list .list-news .child .text a h3 {
            font-size: 14px;
            line-height: 22px; }
          body .section-news .list .list-news .child .text .decs {
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            font-size: 12px;
            line-height: 20px; }
  body .activity {
    margin: 10px auto 40px; }
    body .activity p {
      font-size: 12px; }
      body .activity p span {
        font-size: 12px !important; }
  body .logo-design_2 .nav-logo-design {
    justify-content: center !important; }
    body .logo-design_2 .nav-logo-design .nav-item {
      font-size: 14px;
      line-height: 22px; }
  body .shop-system {
    padding: 40px 0; }
    body .shop-system .shop-system-wrapper .shop-system-text .location-system .location-list ul {
      height: unset;
      max-height: 300px; }
  body .our-commitment .title .name {
    padding-top: 10px; }
    body .our-commitment .title .name h2, body .our-commitment .title .name h3, body .our-commitment .title .name h4, body .our-commitment .title .name h5, body .our-commitment .title .name h6 {
      font-size: 22px;
      line-height: 28px; }
  body .section-mission {
    padding: 40px 0; }
    body .section-mission .wrapper .left {
      padding-right: 10px; }
      body .section-mission .wrapper .left .text .name h2, body .section-mission .wrapper .left .text .name h3, body .section-mission .wrapper .left .text .name h4, body .section-mission .wrapper .left .text .name h5, body .section-mission .wrapper .left .text .name h6 {
        font-size: 22px;
        line-height: 32px; }
      body .section-mission .wrapper .left .text .decs {
        margin-top: 15px; }
        body .section-mission .wrapper .left .text .decs p {
          font-size: 14px;
          line-height: 26px; }
    body .section-mission .wrapper .right {
      padding-left: 5px; }
      body .section-mission .wrapper .right .list .misson-child .title {
        padding: 15px 20px; }
        body .section-mission .wrapper .right .list .misson-child .title .name h2, body .section-mission .wrapper .right .list .misson-child .title .name h3, body .section-mission .wrapper .right .list .misson-child .title .name h4, body .section-mission .wrapper .right .list .misson-child .title .name h5, body .section-mission .wrapper .right .list .misson-child .title .name h6 {
          font-size: 16px;
          line-height: 22px; }
      body .section-mission .wrapper .right .list .misson-child .misson-content {
        padding: 0 20px;
        margin-bottom: 20px; }
        body .section-mission .wrapper .right .list .misson-child .misson-content p {
          font-size: 14px;
          line-height: 26px; }
  body .cooperation-2 {
    padding: 40px 0; }
    body .cooperation-2 .title .name {
      padding-bottom: 10px; }
      body .cooperation-2 .title .name h2, body .cooperation-2 .title .name h3, body .cooperation-2 .title .name h4, body .cooperation-2 .title .name h5, body .cooperation-2 .title .name h6 {
        font-size: 22px;
        line-height: 32px; }
    body .cooperation-2 .title .decs {
      margin: 15px auto; }
      body .cooperation-2 .title .decs p {
        font-size: 14px;
        line-height: 26px; }
    body .cooperation-2 .content {
      margin: 20px auto; }
  body .prod-list .other-prod {
    grid-template-columns: repeat(2, 1fr) !important; }
  body .cooperation-2 .content form .item {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0; }
  body .providing .image figure {
    padding-top: unset;
    height: 300px; }
  body .providing .text {
    width: 95%;
    transform: translate(-50%, -50%); }
    body .providing .text .title .name {
      padding-bottom: 10px; }
      body .providing .text .title .name h2, body .providing .text .title .name h3, body .providing .text .title .name h4, body .providing .text .title .name h5, body .providing .text .title .name h6 {
        font-size: 24px;
        line-height: 30px; }
    body .providing .text .content .name {
      margin-top: 10px; }
      body .providing .text .content .name h2, body .providing .text .content .name h3, body .providing .text .content .name h4, body .providing .text .content .name h5, body .providing .text .content .name h6 {
        font-size: 14px;
        line-height: 17px; }
    body .providing .text .content ul {
      margin: 10px 0 0; }
      body .providing .text .content ul li {
        font-size: 12px;
        line-height: 24px;
        color: #FFFFFF;
        margin-bottom: 5px; }
  body .category-pr {
    padding: 40px 0; }
    body .category-pr .titile h2 {
      font-size: 20px; }
    body .category-pr .tabs {
      margin: 15px 0; }
      body .category-pr .tabs .tabs-control {
        justify-content: unset;
        gap: 10px;
        padding-bottom: 15px; }
    body .category-pr .content .tabs-content .child {
      grid-template-columns: repeat(2, 1fr); }
      body .category-pr .content .tabs-content .child .item .name h4 a {
        font-size: 14px; }
  body .products-main {
    margin: 40px 0; }
    body .products-main .title {
      padding-bottom: 10px; }
      body .products-main .title h2 {
        font-size: 20px; }
    body .products-main .content {
      grid-template-columns: repeat(2, 1fr); }
  body .introduce .video .title .name h2 {
    font-size: 20px; }
  body .introduce .ablout-vx {
    margin-bottom: 50px; }
    body .introduce .ablout-vx .text {
      margin-top: 20px; }
      body .introduce .ablout-vx .text .left {
        padding-right: 0; }
        body .introduce .ablout-vx .text .left .title {
          margin: 10px 0; }
          body .introduce .ablout-vx .text .left .title h1,
          body .introduce .ablout-vx .text .left .title h2 {
            font-size: 20px; }
        body .introduce .ablout-vx .text .left .desc p {
          font-size: 16px; }
      body .introduce .ablout-vx .text .right {
        margin-top: 10px; }
        body .introduce .ablout-vx .text .right p {
          font-size: 14px; }
  body .introduce .list {
    row-gap: 40px; }
    body .introduce .list .child {
      padding-top: 50px; }
      body .introduce .list .child .number h2,
      body .introduce .list .child .number .about-card-number {
        font-size: 180px; }
      body .introduce .list .child .item {
        padding: 20px; }
  body .outstanding-service-2 {
    padding: 40px 0; }
    body .outstanding-service-2 .title .name h2 {
      font-size: 20px; }
    body .outstanding-service-2 .title .desc p {
      font-size: 14px; }
  body .cooperation-2 .content form .child input {
    padding: 15px 20px;
    font-size: 16px; }
  body footer .footer-wrapper .footer-left {
    flex-direction: column;
    gap: 10px; }
    body footer .footer-wrapper .footer-left .desc p {
      font-size: 14px; }
  body footer .footer-wrapper .contact-infor .location p {
    font-size: 14px; }
  body .header_vx .header-top .logo a figure img {
    width: 70px; }
  body .header_vx .menu-content {
    max-width: 290px; }
  body .branch {
    margin: 40px 0; }
    body .branch .content .left .child {
      gap: 10px; }
      body .branch .content .left .child .name h4 a {
        font-size: 16px; }
      body .branch .content .left .child .desc p {
        font-size: 14px !important; }
        body .branch .content .left .child .desc p a {
          font-size: 14px !important; }
      body .branch .content .left .child .hotline p {
        font-size: 12px; }
    body .branch .content .right {
      margin-top: 20px;
      margin-left: 0;
      padding: 20px; }
      body .branch .content .right .title h3 {
        font-size: 16px; }
      body .branch .content .right .title .desc {
        margin: 10px 0; }
        body .branch .content .right .title .desc p {
          font-size: 12px; }
      body .branch .content .right .form-contact form {
        gap: 10px; }
        body .branch .content .right .form-contact form .item input, body .branch .content .right .form-contact form .item textarea {
          padding: 10px 20px; }
  body .product-detail {
    padding-top: 0; }
    body .product-detail .back a h4 {
      font-size: 14px; }
    body .product-detail .product-detail-wrapper {
      margin-top: 30px; }
      body .product-detail .product-detail-wrapper .info-product {
        margin: 0; }
        body .product-detail .product-detail-wrapper .info-product .name-products h4 {
          font-size: 16px; }
        body .product-detail .product-detail-wrapper .info-product .desc {
          margin: 10px 0; }
          body .product-detail .product-detail-wrapper .info-product .desc p {
            font-size: 12px; }
      body .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-title .first {
        font-size: 22px; }
      body .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p {
        font-size: 12px; }
  body .philosophy {
    padding: 40px 0; }
    body .philosophy .content .text .title h2 {
      font-size: 18px; }
    body .philosophy .content .text .name h4 {
      font-size: 14px; }
    body .philosophy .content .text .desc p {
      font-size: 12px; } }

body .slide .slider-multiple picture img,
body .banner picture img,
body .category-pr .content .tabs-content .child .item figure img,
body .products-main .content .child .image figure img,
body .news .news-wrapper .news-main > a > picture img,
body .news .news-wrapper .extra-news > picture img,
body .news .other-news .orther-news-wrapper > a > picture img,
body .introduce .video .content a .image figure img,
body .outstanding-service-2 .content .child a .image figure img,
body .activity .activity-wrapper .activity-child picture img,
body .vision .vision-img picture img,
body .about-us-company .slider-about-us picture img,
body .products_list .prod-list .other-prod .orther-list-wrapper picture img,
body .section-news .list .list-news .child .image figure img,
body .section-news .detail .image figure img,
body .section-news .other-news .list-news-other .child .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

body header .header-wrapper picture img,
body .header_2 .header-wrapper-2 .header-content .md-logo a picture img,
body .header_vx .header-top .logo a figure img,
body footer .footer-wrapper .footer-left .logo-footer picture img,
body .partner picture img,
body .slider-partner-three picture img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

body:not(.home) .page-main {
  min-height: 50vh;
  padding-bottom: 80px;
  background: #fff; }

body:not(.home) .page-main .page-banner {
  padding: 170px 0 70px;
  background: var(--vinamat-primary);
  position: relative;
  overflow: hidden; }

body:not(.home) .page-main .page-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.08);
  pointer-events: none; }

body:not(.home) .page-main .page-banner .container {
  position: relative;
  z-index: 1; }

body:not(.home) .page-main .page-banner h1 {
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 42px;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase; }

body:not(.home) .page-main .page-content {
  padding-top: 55px; }

body:not(.home) .page-main .entry-content {
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.75; }

body:not(.home) .page-main .entry-content p {
  margin: 0 0 18px; }

body:not(.home) .page-main .page-placeholder {
  background: var(--vinamat-bg-light);
  border-left: 4px solid var(--vinamat-accent);
  color: var(--vinamat-text);
  margin: 0;
  padding: 18px 22px; }

@media only screen and (max-width: 767px) {
  body:not(.home) .page-main {
    padding-bottom: 50px; }

  body:not(.home) .page-main .page-banner {
    padding: 130px 0 45px; }

  body:not(.home) .page-main .page-banner h1 {
    font-size: 28px; }

  body:not(.home) .page-main .page-content {
    padding-top: 35px; } }

/* Responsive QA Phase 1 */
html,
body {
  max-width: 100%;
  overflow-x: hidden; }

body .header_vx .header-top {
  min-width: 0; }

body .header_vx .header-top .logo,
body .header_vx .header-top .content,
body .header_vx .menu-content {
  min-width: 0; }

body .category-pr .tabs .tabs-control {
  -webkit-overflow-scrolling: touch; }

body .category-pr .tabs .tabs-control li {
  white-space: nowrap; }

body .category-pr .content .tabs-content {
  display: none; }

body .category-pr .content .tabs-content.active {
  display: block; }

body .category-pr .content .tabs-content .child .item figure img,
body .products-main .content .child .image figure img {
  object-fit: cover; }

body .category-pr .content .tabs-content .child .item .name h4,
body .products-main .content .child .text .name h4 {
  overflow-wrap: anywhere; }

body .products-main .content .child .text .category {
  margin-bottom: 8px;
  color: var(--vinamat-muted);
  font-size: 13px;
  line-height: 1.4;
  font-family: var(--vinamat-font-main); }

body.post-type-archive-san-pham .section-news .list .list-news .row > [class*="col-"],
body.tax-danh-muc-san-pham .section-news .list .list-news .row > [class*="col-"] {
  display: flex; }

body.post-type-archive-san-pham .section-news .list .list-news .child,
body.tax-danh-muc-san-pham .section-news .list .list-news .child {
  width: 100%; }

body.single-san-pham .product-detail .product-detail-wrapper .info-product,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info,
body.single-san-pham .section-news .list .list-news .child {
  min-width: 0; }

body.single-san-pham .product-detail .product-detail-wrapper .shopping > .by-now {
  border: 0;
  border-radius: 10px;
  background: var(--vinamat-primary);
  padding: 10px 25px;
  color: #FFFFFF;
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer; }

@media only screen and (max-width: 1024px) {
  body .header_vx .header-top {
    display: flex;
    align-items: center;
    justify-content: space-between; }

  body .header_vx .header-top .logo a figure {
    margin: 0; }

  body .header_vx .menu-content {
    max-width: min(350px, 88vw);
    overflow-y: auto; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }

  body.post-type-archive-san-pham .section-news .list .list-category,
  body.tax-danh-muc-san-pham .section-news .list .list-category {
    position: static; }

  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-right {
    margin-top: 20px; } }

@media only screen and (max-width: 768px) {
  body .category-pr {
    padding: 55px 0; }

  body .category-pr .tabs {
    margin: 22px 0 32px; }

  body .category-pr .tabs .tabs-control {
    justify-content: flex-start;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px; }

  body .category-pr .tabs .tabs-control li {
    font-size: 14px;
    padding: 9px 14px; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; }

  body .products-main {
    margin: 55px 0; }

  body .products-main .content {
    margin: 32px 0; }

  body .products-main .content .child .text {
    margin-top: 16px; }

  body.post-type-archive-san-pham .section-news .list .list-category,
  body.tax-danh-muc-san-pham .section-news .list .list-category {
    margin-bottom: 24px; }

  body.single-san-pham .main_body {
    padding-top: 24px; }

  body.single-san-pham .product-detail {
    padding-top: 20px; }

  body.single-san-pham .product-detail .back h4 {
    font-size: 14px;
    line-height: 1.35; }

  body.single-san-pham .product-detail .product-detail-wrapper {
    margin-top: 24px; }

  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one {
    margin-bottom: 14px; }

  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider.has-gallery .slider-two {
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 8px; }

  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-two .slider-two-child {
    width: 72px;
    height: 72px;
    flex: 0 0 72px; }

  body.single-san-pham .section-news .list .list-news .row > [class*="col-"] {
    margin-bottom: 20px; } }

@media only screen and (max-width: 575px) {
  body .header_vx .header-top {
    padding: 10px 0; }

  body .header_vx .header-top .logo a figure img {
    width: 92px;
    height: auto; }

  body .header_vx .menu-content {
    max-width: 86vw;
    padding: 48px 20px 28px; }

  body .category-pr .title h2,
  body .products-main .title h2 {
    font-size: 20px;
    line-height: 1.3; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body .category-pr .content .tabs-content .child .item .name {
    padding: 9px 8px; }

  body .category-pr .content .tabs-content .child .item .name h4 a,
  body .products-main .content .child .text .name h4 a {
    font-size: 14px;
    line-height: 1.35; }

  body .products-main .content .child .text .decs {
    -webkit-line-clamp: 2;
    line-height: 20px; }

  body.post-type-archive-san-pham .section-news .list .list-news .row > [class*="col-"],
  body.tax-danh-muc-san-pham .section-news .list .list-news .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%; }

  body.post-type-archive-san-pham .section-news .list .list-category,
  body.tax-danh-muc-san-pham .section-news .list .list-category {
    padding: 18px 14px; }

  body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one {
    min-height: 0; }

  body.single-san-pham .product-detail .product-detail-wrapper .info-product {
    margin-top: 20px; }

  body.single-san-pham .product-detail .product-detail-wrapper .info-product .name-products h4 {
    font-size: 22px;
    line-height: 1.3; }

  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content {
    font-size: 14px;
    line-height: 1.7; }

  body .backtotop,
  body .email-icon-pockup {
    right: 14px;
    width: 44px;
    height: 44px; }

  body .backtotop {
    bottom: 82px; }

  body .email-icon-pockup {
    bottom: 132px; } }

@media only screen and (max-width: 374px) {
  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: 1fr; } }

@media only screen and (max-width: 768px) {
  body.home .slide {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #fff; }

  body.home .slide .slider-multiple picture {
    height: auto !important;
    padding-top: 0 !important;
    overflow: visible; }

  body.home .slide .slider-multiple picture img {
    position: static !important;
    width: 100%;
    height: auto !important;
    display: block;
    object-fit: contain !important;
    object-position: center center !important; } }

.vinamat-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px; }

.vinamat-contact-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); }

.vinamat-contact-modal__card {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
  padding: 34px 30px 30px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
  text-align: center;
  font-family: var(--vinamat-font-main); }

.vinamat-contact-modal__card h3 {
  margin: 0 0 12px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 28px;
  line-height: 1.25; }

.vinamat-contact-modal__card p {
  margin: 0 0 24px;
  color: var(--vinamat-text);
  font-size: 16px;
  line-height: 1.6; }

.vinamat-contact-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: 0;
  background: transparent;
  color: var(--vinamat-text);
  font-size: 28px;
  line-height: 1;
  cursor: pointer; }

.vinamat-contact-modal__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 42px;
  padding: 10px 24px;
  border: 0;
  border-radius: 8px;
  background: var(--vinamat-primary);
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer; }

@media only screen and (max-width: 575px) {
  .vinamat-contact-modal {
    padding: 16px; }

  .vinamat-contact-modal__card {
    padding: 30px 20px 24px; }

  .vinamat-contact-modal__card h3 {
    font-size: 22px; }

  .vinamat-contact-modal__card p {
    font-size: 14px; } }

body.home .introduce .list .child .item,
body.home .outstanding-service-2 .content .child a .text {
  overflow-wrap: anywhere;
  word-break: normal; }

body.home .introduce .list .child .item .desc p,
body.home .outstanding-service-2 .content .child a .text .decs p,
body.home .partner p {
  max-width: 100%; }

body.home .outstanding-service-2 .content {
  row-gap: 30px; }

body.home .outstanding-service-2 .content .child {
  height: 100%; }

body.home .outstanding-service-2 .content .child a {
  display: block;
  height: 100%; }

body.home .outstanding-service-2 .content .child a .text .name h2,
body.home .outstanding-service-2 .content .child a .text .name h3,
body.home .outstanding-service-2 .content .child a .text .name h4,
body.home .outstanding-service-2 .content .child a .text .name h5,
body.home .outstanding-service-2 .content .child a .text .name h6,
body.home .outstanding-service-2 .content .child a .text .decs p {
  display: block;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  -moz-line-clamp: unset;
  -webkit-box-orient: initial;
  -moz-box-orient: initial; }

body.home .partner .slider-partner-one {
  min-width: 0; }

body.home .partner .slider-partner-one:not(.slick-initialized) {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }

body.home .partner .slider-partner-one:not(.slick-initialized) .slider-partner-content {
  flex: 0 1 calc(16.666% - 17px);
  margin: 0; }

@media only screen and (max-width: 991px) {
  body.home .partner .slider-partner-one:not(.slick-initialized) .slider-partner-content {
    flex-basis: calc(33.333% - 14px); } }

@media only screen and (max-width: 767px) {
  body.home .introduce .list {
    row-gap: 24px; }

  body.home .outstanding-service-2 .content > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%; }

  body.home .outstanding-service-2 .content .child {
    margin-bottom: 20px; }

  body.home .partner .slider-partner-one:not(.slick-initialized) .slider-partner-content {
    flex-basis: calc(50% - 10px); } }

@media only screen and (max-width: 420px) {
  body.home .partner .slider-partner-one:not(.slick-initialized) .slider-partner-content {
    flex-basis: 100%; } }

body.page-template-template-about .about-page-main {
  padding-top: 0;
  background: #fff; }

body.page-template-template-about .about-page-main .outstanding-service {
  margin-top: 0; }

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-image {
  min-width: 0; }

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
  box-sizing: border-box;
  padding-top: 72px;
  padding-bottom: 72px; }

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child {
  box-sizing: border-box;
  padding-right: 28px; }

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .slick-list,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .slick-track {
  cursor: grab; }

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .slick-list:active,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .slick-track:active {
  cursor: grabbing; }

body.page-template-template-about .about-page-main .introduce .ablout-vx .content .image figure img,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-image .child figure img,
body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content picture img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content picture {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: calc(0.666666 * 100%); }

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content picture img {
  position: absolute;
  inset: 0;
  object-position: center center; }

@media only screen and (max-width: 1199px) {
  body.page-template-template-about .about-page-main {
    padding-top: 0; }

  body.page-template-template-about .about-page-main .outstanding-service {
    grid-template-columns: 1fr 1fr; }

  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 56px;
    padding-bottom: 56px; } }

@media only screen and (max-width: 767px) {
  body.page-template-template-about .about-page-main {
    padding-top: 0; }

  body.page-template-template-about .about-page-main .outstanding-service {
    display: block; }

  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
    width: auto;
    margin: 0;
    padding: 42px 22px; }

  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child {
    padding-right: 0; }

  body.page-template-template-about .about-page-main .introduce {
    padding-top: 48px; }

  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .left {
    padding-right: 0; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content {
    display: flex;
    flex-direction: column;
    gap: 18px; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .left,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .right {
    width: 100%; } }

body.page-template-template-contact .contact-page-main {
  background: #fff; }

body.page-template-template-contact .contact-page-hero {
  position: relative;
  padding: 110px 0 90px;
  background: linear-gradient(135deg, var(--vinamat-primary) 0%, var(--vinamat-primary) 100%);
  background-position: center;
  background-size: cover;
  color: #fff;
  overflow: hidden; }

body.page-template-template-contact .contact-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(33, 51, 139, 0.74); }

body.page-template-template-contact .contact-page-hero .container {
  position: relative;
  z-index: 1; }

body.page-template-template-contact .contact-page-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  line-height: 24px; }

body.page-template-template-contact .contact-page-breadcrumb a {
  color: #fff;
  text-decoration: none; }

body.page-template-template-contact .contact-page-hero h1 {
  margin: 0 0 16px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 48px;
  line-height: 1.2;
  text-transform: uppercase; }

body.page-template-template-contact .contact-page-hero p {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 30px; }

body.page-template-template-contact .contact-page-info,
body.page-template-template-contact .contact-page-form-map,
body.page-template-template-contact .contact-page-note {
  padding: 70px 0; }

body.page-template-template-contact .contact-page-info__heading h2,
body.page-template-template-contact .contact-page-form-panel h2 {
  margin: 0 0 28px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 32px;
  line-height: 1.3; }

body.page-template-template-contact .contact-page-info__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px; }

body.page-template-template-contact .contact-page-info__card {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  gap: 12px;
  padding: 24px 20px;
  border: 1px solid rgba(33, 51, 139, 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06);
  color: var(--vinamat-text);
  text-decoration: none; }

body.page-template-template-contact .contact-page-info__card i {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--vinamat-primary);
  color: #fff;
  font-size: 18px; }

body.page-template-template-contact .contact-page-info__card span {
  color: var(--vinamat-muted);
  font-size: 14px;
  line-height: 22px; }

body.page-template-template-contact .contact-page-info__card strong {
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 24px; }

body.page-template-template-contact .contact-page-form-map {
  background: var(--vinamat-bg-light); }

body.page-template-template-contact .contact-page-form-map__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: stretch; }

body.page-template-template-contact .contact-page-form-panel,
body.page-template-template-contact .contact-page-map-panel {
  min-width: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.07); }

body.page-template-template-contact .contact-page-form-panel {
  padding: 34px; }

body.page-template-template-contact .contact-page-form-panel__desc p {
  margin: 0 0 22px;
  color: var(--vinamat-muted);
  font-size: 15px;
  line-height: 26px; }

body.page-template-template-contact .contact-page-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px; }

body.page-template-template-contact .contact-page-form input,
body.page-template-template-contact .contact-page-form textarea {
  width: 100%;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid var(--vinamat-border);
  border-radius: 6px;
  background: #fff;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 24px;
  outline: none;
  box-sizing: border-box; }

body.page-template-template-contact .contact-page-form textarea {
  resize: vertical; }

body.page-template-template-contact .contact-page-form .form_submit {
  display: inline-flex;
  width: auto;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin: 4px 0 0;
  padding: 13px 30px;
  border: 0;
  border-radius: 6px;
  background: var(--vinamat-primary);
  color: #fff;
  font-family: var(--vinamat-font-main);
  cursor: pointer; }

body.page-template-template-contact .contact-page-map-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

body.page-template-template-contact .contact-page-map-panel iframe {
  display: block;
  width: 100%;
  flex: 1 1 auto;
  height: 100%;
  min-height: 520px;
  border: 0; }

body.page-template-template-contact .contact-page-map-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 18px;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 6px;
  background: var(--vinamat-primary);
  color: #fff;
  font-family: var(--vinamat-font-main);
  text-decoration: none; }

body.page-template-template-contact .contact-page-map-placeholder {
  display: flex;
  flex: 1 1 auto;
  min-height: 320px;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--vinamat-muted);
  text-align: center; }

body.page-template-template-contact .contact-page-map-placeholder p {
  margin: 0;
  font-size: 15px;
  line-height: 24px; }

body.page-template-template-contact .contact-page-note {
  padding-top: 42px;
  padding-bottom: 42px;
  background: var(--vinamat-primary);
  text-align: center; }

body.page-template-template-contact .contact-page-note p {
  max-width: 760px;
  margin: 0 auto;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 20px;
  line-height: 32px; }

@media only screen and (max-width: 1199px) {
  body.page-template-template-contact .contact-page-info__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media only screen and (max-width: 991px) {
  body.page-template-template-contact .contact-page-hero {
    padding: 82px 0 68px; }

  body.page-template-template-contact .contact-page-info__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body.page-template-template-contact .contact-page-form-map__grid {
    grid-template-columns: 1fr; }

  body.page-template-template-contact .contact-page-map-panel iframe {
    min-height: 380px; } }

@media only screen and (max-width: 575px) {
  body.page-template-template-contact .contact-page-hero {
    padding: 58px 0 50px; }

  body.page-template-template-contact .contact-page-hero h1 {
    font-size: 34px; }

  body.page-template-template-contact .contact-page-info,
  body.page-template-template-contact .contact-page-form-map {
    padding: 42px 0; }

  body.page-template-template-contact .contact-page-info__grid,
  body.page-template-template-contact .contact-page-form__row {
    grid-template-columns: 1fr; }

  body.page-template-template-contact .contact-page-form-panel {
    padding: 24px 18px; } }

body.page-template-template-recruitment .recruitment-benefits {
  padding-top: 80px; }

body.page-template-template-recruitment .recruitment-benefits-list {
  row-gap: 24px;
  margin-top: 30px; }

body.page-template-template-recruitment .recruitment-benefits-list .item {
  height: 100%;
  padding: 28px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); }

body.page-template-template-recruitment .recruitment-benefits-list picture {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px; }

body.page-template-template-recruitment .recruitment-benefits-list picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain; }

body.page-template-template-recruitment .recruitment-benefits-list h4 {
  margin: 0 0 12px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 18px;
  line-height: 26px; }

body.page-template-template-recruitment .recruitment-benefits-list p {
  margin: 0;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 26px; }

body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child > a,
body.single-post .new .new-wrapper .new-left .slider-new-child > a {
  display: block;
  text-decoration: none;
  color: inherit; }

body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child picture,
body.single-post .new .new-wrapper .new-left .new-main > picture,
body.single-post .new .new-wrapper .new-left .slider-new-child picture {
  display: block;
  overflow: hidden;
  background: var(--vinamat-bg-light); }

body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child picture img,
body.single-post .new .new-wrapper .new-left .new-main > picture img,
body.single-post .new .new-wrapper .new-left .slider-new-child picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child .text-new-list a,
body.page-template-template-news .new .new-wrapper .new-right .new-hot .new-hot-child a,
body.single-post .new .new-wrapper .new-right .new-hot .new-hot-child a,
body.single-post .new .new-wrapper .new-left .slider-new-child a {
  color: inherit;
  text-decoration: none; }

body.page-template-template-news .vinamat-news-category {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--vinamat-primary) !important;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase; }

body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child .text-new-list .decs {
  margin-top: 8px;
  color: var(--vinamat-muted);
  line-height: 1.55; }

body.page-template-template-news .vinamat-news-read-more {
  color: var(--vinamat-primary) !important;
  font-weight: 600; }

body.page-template-template-news .new .new-wrapper .new-right .new-hot .new-hot-child.is-active {
  background: var(--vinamat-bg-light); }

body.page-template-template-news .new .new-wrapper .new-right .new-hot .new-hot-child.is-active h5 {
  color: var(--vinamat-accent); }

body.page-template-template-news .vinamat-news-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px; }

body.page-template-template-news .vinamat-news-filter a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid var(--vinamat-border);
  color: var(--vinamat-text);
  font-weight: 600;
  text-decoration: none; }

body.page-template-template-news .vinamat-news-filter a.is-active {
  background: var(--vinamat-primary);
  border-color: var(--vinamat-primary);
  color: #fff; }

body.page-template-template-news .vinamat-news-empty {
  padding: 24px 0;
  color: var(--vinamat-muted); }

body.page-template-template-news .vinamat-news-search-form {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 24px;
  padding: 8px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); }

body.page-template-template-news .vinamat-news-search-form input[type="search"] {
  flex: 1;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  outline: none;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 24px;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none; }

body.page-template-template-news .vinamat-news-search-form input[type="search"]::placeholder {
  color: var(--vinamat-muted); }

body.page-template-template-news .vinamat-news-search-form button {
  display: inline-flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: var(--vinamat-primary);
  color: #fff;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s ease; }

body.page-template-template-news .vinamat-news-search-form button:hover {
  background: var(--vinamat-primary-dark); }

body.page-template-template-news .vinamat-news-search-result {
  margin: 0 0 22px; }

body.page-template-template-news .vinamat-news-search-result h2 {
  margin: 0;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 22px;
  line-height: 30px; }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card {
  padding: 40px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.08); }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card .title h3 {
  margin: 0 0 18px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase; }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card .title .desc {
  margin: 0 0 28px; }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card .title .desc p {
  margin: 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 17px;
  line-height: 1.7; }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card form {
  margin-top: 0; }

body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card input[type="submit"] {
  background: var(--vinamat-primary);
  border-color: var(--vinamat-primary);
  color: #fff; }

body.page-template-template-news .new .new-wrapper .new-right .form-feedback.vinamat-news-message-card form .item input.wpcf7-submit[type="submit"] {
  background: var(--vinamat-primary) !important;
  border-color: var(--vinamat-primary) !important;
  color: #fff; }

body.page-template-template-news .page-number ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 0;
  list-style: none; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main h2 {
  margin: 20px 0 12px;
  color: var(--vinamat-text);
  font-size: 30px;
  line-height: 1.3; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail {
  margin-top: 24px;
  color: var(--vinamat-text);
  line-height: 1.7; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail img {
  max-width: 100%;
  height: auto; }

body.single-post .new-detail .slider-new {
  margin-top: 45px; }

@media (min-width: 992px) {
  body.page-template-template-news .vinamat-news-layout-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px; }

  body.page-template-template-news .vinamat-news-layout-grid .new-child {
    display: block; } }

@media (max-width: 991px) {
  body.page-template-template-news .new .new-wrapper,
  body.single-post .new .new-wrapper {
    flex-direction: column; }

  body.page-template-template-news .new .new-wrapper .new-right,
  body.page-template-template-news .new .new-wrapper .new-left,
  body.single-post .new .new-wrapper .new-right,
  body.single-post .new .new-wrapper .new-left {
    max-width: 100%;
    flex: 0 0 100%; }

  body.page-template-template-news .new .new-wrapper .new-right,
  body.single-post .new .new-wrapper .new-right {
    order: 2;
    margin-top: 30px; } }

@media (max-width: 575px) {
  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main h2 {
    font-size: 24px; }

  body.page-template-template-news .new .new-wrapper .new-left .new-list .new-child {
    display: block; }

  body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card {
    padding: 24px; }

  body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card .title h3 {
    font-size: 25px; }

  body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card .title .desc p {
    font-size: 15px; } }

body.single-post .vinamat-single-news {
  padding: 70px 0 118px;
  background: #fff; }

body.single-post .vinamat-single-news .container {
  max-width: 1160px; }

body.single-post .vinamat-single-news__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 352px;
  gap: 56px;
  align-items: start; }

body.single-post .vinamat-single-news__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-news__breadcrumb a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.single-post .vinamat-single-news__category {
  display: inline-block;
  margin: 0 0 8px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase; }

body.single-post .vinamat-single-news__article h1 {
  margin: 0 0 14px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0; }

body.single-post .vinamat-single-news__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 18px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-news__date {
  display: inline-flex;
  align-items: center;
  gap: 8px; }

body.single-post .vinamat-single-news__date img {
  width: 16px;
  height: 16px;
  object-fit: contain; }

body.single-post .vinamat-single-news__featured {
  margin: 0 0 22px;
  text-align: center; }

body.single-post .vinamat-single-news__featured img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

body.single-post .vinamat-single-news__content {
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.62; }

body.single-post .vinamat-single-news__content p {
  margin: 0 0 12px; }

body.single-post .vinamat-single-news__content h1,
body.single-post .vinamat-single-news__content h2,
body.single-post .vinamat-single-news__content h3 {
  margin: 18px 0 8px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 34px;
  line-height: 1.16;
  letter-spacing: 0; }

body.single-post .vinamat-single-news__content h4 {
  margin: 16px 0 8px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 1.3; }

body.single-post .vinamat-single-news__content strong,
body.single-post .vinamat-single-news__content b {
  font-family: var(--vinamat-font-main); }

body.single-post .vinamat-single-news__content ul,
body.single-post .vinamat-single-news__content ol {
  margin: 0 0 14px 22px;
  padding: 0; }

body.single-post .vinamat-single-news__content li {
  margin: 4px 0; }

body.single-post .vinamat-single-news__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 18px auto 8px; }

body.single-post .vinamat-single-news__content figure {
  max-width: 100%;
  margin: 20px auto;
  text-align: center; }

body.single-post .vinamat-single-news__content figcaption,
body.single-post .vinamat-single-news__content .wp-caption-text {
  margin-top: 8px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  text-align: center; }

body.single-post .vinamat-single-news__content table {
  width: 100%;
  margin: 18px 0;
  border-collapse: collapse;
  border: 1px solid var(--vinamat-border);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-news__content th,
body.single-post .vinamat-single-news__content td {
  padding: 8px 10px;
  border: 1px solid var(--vinamat-border);
  text-align: center;
  vertical-align: middle; }

body.single-post .vinamat-single-news__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 22px; }

body.single-post .vinamat-single-news__tags a {
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px;
  text-decoration: none; }

body.single-post .vinamat-single-news__sidebar {
  display: flex;
  flex-direction: column;
  gap: 34px; }

body.single-post .vinamat-single-news__search {
  padding: 0; }

body.single-post .vinamat-single-news__search input {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  outline: none;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px; }

body.single-post .vinamat-single-news__card {
  padding: 34px 24px 28px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06); }

body.single-post .vinamat-single-news__card h2 {
  margin: 0 0 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: uppercase; }

body.single-post .vinamat-single-news__list {
  display: flex;
  flex-direction: column;
  gap: 28px; }

body.single-post .vinamat-single-news__item {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  color: inherit;
  text-decoration: none; }

body.single-post .vinamat-single-news__thumb {
  display: block;
  width: 112px;
  height: 82px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--vinamat-bg-light); }

body.single-post .vinamat-single-news__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.single-post .vinamat-single-news__item-text {
  display: block;
  min-width: 0; }

body.single-post .vinamat-single-news__item-text time {
  display: block;
  margin: 0 0 5px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-news__item-text strong {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

body.single-post .vinamat-single-news__categories {
  gap: 0; }

body.single-post .vinamat-single-news__categories a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid var(--vinamat-bg-light);
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 23px;
  text-decoration: none; }

body.single-post .vinamat-single-news__categories a:last-child {
  border-bottom: 0; }

@media only screen and (max-width: 1199px) {
  body.single-post .vinamat-single-news__grid {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 34px; } }

@media only screen and (max-width: 991px) {
  body.single-post .vinamat-single-news {
    padding: 46px 0 80px; }

  body.single-post .vinamat-single-news__grid {
    grid-template-columns: 1fr;
    gap: 42px; }

  body.single-post .vinamat-single-news__sidebar {
    gap: 24px; } }

@media only screen and (max-width: 575px) {
  body.single-post .vinamat-single-news {
    padding: 30px 0 62px; }

  body.single-post .vinamat-single-news__article h1 {
    font-size: 25px;
    line-height: 31px; }

  body.single-post .vinamat-single-news__content {
    font-size: 14px;
    line-height: 1.65; }

  body.single-post .vinamat-single-news__content h1,
  body.single-post .vinamat-single-news__content h2,
  body.single-post .vinamat-single-news__content h3 {
    font-size: 27px;
    line-height: 1.18; }

  body.single-post .vinamat-single-news__card {
    padding: 26px 18px 22px; }

  body.single-post .vinamat-single-news__item {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px; }

  body.single-post .vinamat-single-news__thumb {
    width: 100px;
    height: 74px; }

  body.single-post .vinamat-single-news__content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; } }

body.single-post .container .new-detail .new-main,
body.single-post .new .new-wrapper .new-left .new-main .text-new-main {
  font-family: var(--vinamat-font-main);
  line-height: 150%; }

body.single-post .new.new-detail {
  margin: 92px auto 115px; }

body.single-post .new .new-wrapper {
  margin: 50px 0; }

body.single-post .new .new-wrapper .new-left .new-main .text-new-main {
  margin-top: 0;
  overflow: visible; }

body.single-post .new .new-wrapper .new-left .new-main .text-new-main > a h3 {
  margin: 0 0 12px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 30px; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail {
  margin: 0 0 10px;
  gap: 10px; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .date-new-detail p {
  color: var(--vinamat-muted);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-post-share {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 24px; }

body.single-post .vinamat-single-post-share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: rgba(31, 41, 55, 0.7) !important;
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  text-decoration: none; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail {
  margin-bottom: 20px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 150%; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail p {
  margin: 0 0 10px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 150%; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h1,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h2,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h3 {
  margin: 14px 0 6px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 34px;
  line-height: 1.12;
  letter-spacing: 0; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h4 {
  margin: 12px 0 6px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 22px;
  line-height: 1.25; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail ul,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail ol {
  display: inline-block;
  margin: 0 0 10px;
  padding-left: 20px;
  list-style-position: outside; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail ul {
  list-style: circle; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail ol {
  list-style: decimal; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail li {
  margin: 2px 0;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 150%; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail .aligncenter,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail figure.aligncenter {
  display: block;
  max-width: 100%;
  margin: 18px auto;
  text-align: center; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail figcaption,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail .wp-caption-text {
  margin-top: 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 150%;
  text-align: center; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail table {
  width: auto;
  max-width: 100%;
  margin: 14px auto;
  border-collapse: collapse;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 150%; }

body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail th,
body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail td {
  padding: 7px 12px;
  border: 1px solid var(--vinamat-border);
  text-align: center;
  vertical-align: middle; }

body.single-post .vinamat-single-post-tags {
  margin-top: 14px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%; }

body.single-post .vinamat-single-post-tags a {
  color: var(--vinamat-primary) !important;
  text-decoration: none; }

body.single-post .new-detail .new-wrapper .new-right form {
  margin-bottom: 20px;
  border-radius: 8px; }

body.single-post .new-detail .new-wrapper .new-right form input {
  padding: 17px 25px;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-text);
  font-size: 15px;
  line-height: 26px; }

body.single-post .new .new-wrapper .new-right .new-hot {
  padding: 38px 20px;
  border-radius: 8px;
  gap: 20px;
  margin-bottom: 36px; }

body.single-post .new .new-wrapper .new-right .new-hot h4 {
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase; }

body.single-post .new-hot .new-hot-child {
  gap: 18px;
  margin-bottom: 20px; }

body.single-post .new-hot .new-hot-child picture {
  width: 112px;
  height: 82px;
  flex: 0 0 112px;
  border-radius: 4px;
  background: var(--vinamat-bg-light); }

body.single-post .new-hot .new-hot-child picture img {
  object-fit: cover; }

body.single-post .new-hot .new-hot-child .new-hot-date p {
  margin: 0 0 3px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 21px; }

body.single-post .new .new-wrapper .new-right .new-hot .new-hot-child .new-hot-date a h5 {
  margin: 0;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 23px;
  -webkit-line-clamp: 3; }

@media only screen and (max-width: 991px) {
  body.single-post .new.new-detail {
    margin: 55px auto 80px; }

  body.single-post .new .new-wrapper {
    margin: 35px 0; } }

@media only screen and (max-width: 575px) {
  body.single-post .new.new-detail {
    margin: 35px auto 60px; }

  body.single-post .new .new-wrapper .new-left .new-main .text-new-main > a h3 {
    font-size: 22px;
    line-height: 29px; }

  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h1,
  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h2,
  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail h3 {
    font-size: 27px; }

  body.single-post .new-hot .new-hot-child picture {
    width: 100px;
    height: 74px;
    flex-basis: 100px; }

  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; } }

body.single-post .vinamat-single-post-page {
  padding: 54px 0 78px;
  background: #fff; }

body.single-post .vinamat-single-post-page .container {
  max-width: 1160px; }

body.single-post .vinamat-single-post-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 352px;
  gap: 56px;
  align-items: start; }

body.single-post .vinamat-single-post-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-post-breadcrumb a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.single-post .vinamat-single-post-category {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase; }

body.single-post .vinamat-single-post-article h1 {
  margin: 0 0 12px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0; }

body.single-post .vinamat-single-post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin-bottom: 18px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .vinamat-single-post-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px; }

body.single-post .vinamat-single-post-meta img {
  width: 18px;
  height: 18px;
  object-fit: contain; }

body.single-post .vinamat-single-post-featured {
  margin: 0 0 22px;
  text-align: center; }

body.single-post .vinamat-single-post-featured img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

body.single-post .vinamat-single-post-content {
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.55; }

body.single-post .vinamat-single-post-content p {
  margin: 0 0 10px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.55; }

body.single-post .vinamat-single-post-content h1,
body.single-post .vinamat-single-post-content h2,
body.single-post .vinamat-single-post-content h3 {
  margin: 16px 0 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 34px;
  line-height: 1.14;
  letter-spacing: 0; }

body.single-post .vinamat-single-post-content h4 {
  margin: 14px 0 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 1.28; }

body.single-post .vinamat-single-post-content ul,
body.single-post .vinamat-single-post-content ol {
  display: block;
  margin: 0 0 12px 22px;
  padding: 0; }

body.single-post .vinamat-single-post-content ul {
  list-style: circle; }

body.single-post .vinamat-single-post-content ol {
  list-style: decimal; }

body.single-post .vinamat-single-post-content li {
  margin: 3px 0;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.55; }

body.single-post .vinamat-single-post-content strong,
body.single-post .vinamat-single-post-content b {
  font-family: var(--vinamat-font-main); }

body.single-post .vinamat-single-post-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

body.single-post .vinamat-single-post-content figure {
  max-width: 100%;
  margin: 18px auto;
  text-align: center; }

body.single-post .vinamat-single-post-content figcaption,
body.single-post .vinamat-single-post-content .wp-caption-text {
  margin-top: 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5;
  text-align: center; }

body.single-post .vinamat-single-post-content table {
  width: auto;
  max-width: 100%;
  margin: 16px auto;
  border-collapse: collapse;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.5; }

body.single-post .vinamat-single-post-content th,
body.single-post .vinamat-single-post-content td {
  padding: 7px 12px;
  border: 1px solid var(--vinamat-border);
  text-align: center;
  vertical-align: middle; }

body.single-post .vinamat-single-post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px; }

body.single-post .vinamat-single-post-tags a {
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px;
  text-decoration: none; }

body.single-post .vinamat-single-post-sidebar {
  display: flex;
  flex-direction: column;
  gap: 34px; }

body.single-post .vinamat-single-post-search input {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  outline: none;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 26px; }

body.single-post .vinamat-single-post-sidebar__card {
  padding: 34px 20px 28px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); }

body.single-post .vinamat-single-post-sidebar__card h2 {
  margin: 0 0 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase; }

body.single-post .vinamat-single-post-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 22px; }

body.single-post .vinamat-single-post-sidebar__item {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  color: inherit;
  text-decoration: none; }

body.single-post .vinamat-single-post-sidebar__thumb {
  display: block;
  width: 112px;
  height: 82px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--vinamat-bg-light); }

body.single-post .vinamat-single-post-sidebar__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.single-post .vinamat-single-post-sidebar__text time {
  display: block;
  margin-bottom: 4px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 21px; }

body.single-post .vinamat-single-post-sidebar__text strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

@media only screen and (max-width: 1199px) {
  body.single-post .vinamat-single-post-layout {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 34px; } }

@media only screen and (max-width: 991px) {
  body.single-post .vinamat-single-post-page {
    padding: 42px 0 68px; }

  body.single-post .vinamat-single-post-layout {
    grid-template-columns: 1fr;
    gap: 38px; }

  body.single-post .vinamat-single-post-sidebar {
    gap: 24px; } }

@media only screen and (max-width: 575px) {
  body.single-post .vinamat-single-post-page {
    padding: 30px 0 54px; }

  body.single-post .vinamat-single-post-article h1 {
    font-size: 24px;
    line-height: 30px; }

  body.single-post .vinamat-single-post-content h1,
  body.single-post .vinamat-single-post-content h2,
  body.single-post .vinamat-single-post-content h3 {
    font-size: 27px; }

  body.single-post .vinamat-single-post-sidebar__card {
    padding: 26px 18px 22px; }

  body.single-post .vinamat-single-post-sidebar__item {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px; }

  body.single-post .vinamat-single-post-sidebar__thumb {
    width: 100px;
    height: 74px; }

  body.single-post .vinamat-single-post-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; } }

body.single-post .single-news-page {
  padding: 56px 0 76px;
  background: #fff; }

body.single-post .single-news-page .container {
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto; }

body.single-post .single-news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 352px;
  gap: 56px;
  align-items: start;
  width: 100%; }

body.single-post .single-news-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .single-news-breadcrumb a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.single-post .single-news-category {
  display: inline-block;
  margin: 0 0 8px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase; }

body.single-post .single-news-title {
  margin: 0 0 12px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0; }

body.single-post .single-news-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin: 0 0 18px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

body.single-post .single-news-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px; }

body.single-post .single-news-meta img {
  width: 18px;
  height: 18px;
  object-fit: contain; }

body.single-post .single-news-featured {
  margin: 0 0 22px;
  text-align: center; }

body.single-post .single-news-featured img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

body.single-post .single-news-content {
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.56; }

body.single-post .single-news-content p {
  margin: 0 0 10px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.56; }

body.single-post .single-news-content h1,
body.single-post .single-news-content h2,
body.single-post .single-news-content h3 {
  margin: 16px 0 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 34px;
  line-height: 1.14;
  letter-spacing: 0; }

body.single-post .single-news-content h4 {
  margin: 14px 0 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 1.28; }

body.single-post .single-news-content ul,
body.single-post .single-news-content ol {
  display: block;
  margin: 0 0 12px 22px;
  padding: 0; }

body.single-post .single-news-content ul {
  list-style: circle; }

body.single-post .single-news-content ol {
  list-style: decimal; }

body.single-post .single-news-content li {
  margin: 3px 0;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.56; }

body.single-post .single-news-content strong,
body.single-post .single-news-content b {
  font-family: var(--vinamat-font-main); }

body.single-post .single-news-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

body.single-post .single-news-content figure {
  max-width: 100%;
  margin: 18px auto;
  text-align: center; }

body.single-post .single-news-content figcaption,
body.single-post .single-news-content .wp-caption-text {
  margin-top: 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5;
  text-align: center; }

body.single-post .single-news-content table {
  width: auto;
  max-width: 100%;
  margin: 16px auto;
  border-collapse: collapse;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.5; }

body.single-post .single-news-content th,
body.single-post .single-news-content td {
  padding: 7px 12px;
  border: 1px solid var(--vinamat-border);
  text-align: center;
  vertical-align: middle; }

body.single-post .single-news-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px; }

body.single-post .single-news-tags a {
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px;
  text-decoration: none; }

body.single-post .single-news-sidebar {
  display: flex;
  width: 100%;
  max-width: 352px;
  min-width: 0;
  justify-self: stretch;
  flex-direction: column;
  gap: 34px; }

body.single-post .single-news-search,
body.single-post .single-news-search form,
body.single-post .single-news-card {
  display: block;
  box-sizing: border-box;
  width: 100%; }

body.single-post .single-news-search input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 58px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  outline: none;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 26px; }

body.single-post .single-news-card {
  box-sizing: border-box;
  min-width: 0;
  padding: 34px 20px 28px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); }

body.single-post .single-news-card h2 {
  margin: 0 0 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase; }

body.single-post .single-news-card__list {
  display: flex;
  flex-direction: column;
  gap: 22px; }

body.single-post .single-news-card__item {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  width: 100%;
  gap: 18px;
  align-items: start;
  color: inherit;
  text-decoration: none; }

body.single-post .single-news-card__thumb {
  display: block;
  box-sizing: border-box;
  width: 112px;
  height: 82px;
  flex: 0 0 112px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--vinamat-bg-light); }

body.single-post .single-news-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.single-post .single-news-card__text time {
  display: block;
  margin-bottom: 4px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 21px; }

body.single-post .single-news-card__text strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

body.single-post .single-news-empty {
  margin: 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 22px; }

@media only screen and (max-width: 1199px) {
  body.single-post .single-news-layout {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 34px; } }

@media only screen and (max-width: 991px) {
  body.single-post .single-news-page {
    padding: 42px 0 68px; }

  body.single-post .single-news-layout {
    grid-template-columns: 1fr;
    gap: 38px; }

  body.single-post .single-news-sidebar {
    max-width: none;
    gap: 24px; } }

@media only screen and (max-width: 575px) {
  body.single-post .single-news-page {
    padding: 30px 0 54px; }

  body.single-post .single-news-title {
    font-size: 24px;
    line-height: 30px; }

  body.single-post .single-news-content h1,
  body.single-post .single-news-content h2,
  body.single-post .single-news-content h3 {
    font-size: 27px; }

  body.single-post .single-news-card {
    padding: 26px 18px 22px; }

  body.single-post .single-news-card__item {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px; }

  body.single-post .single-news-card__thumb {
    width: 100px;
    height: 74px; }

  body.single-post .single-news-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; } }

body.single-post .single-news-page,
body.single-san-pham .main_body {
  margin-top: 100px;
  padding-top: 0; }

body.single-san-pham .main_body {
  margin-top: 70px; }

body.vinamat-product-modal-open {
  overflow: hidden; }

body.single-san-pham .vinamat-product-purchase-modal[hidden] {
  display: none; }

body.single-san-pham .vinamat-product-purchase-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px; }

body.single-san-pham .vinamat-product-purchase-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58); }

body.single-san-pham .vinamat-product-purchase-modal__card {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 34px 36px 32px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22); }

body.single-san-pham .vinamat-product-purchase-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-primary);
  font-size: 26px;
  line-height: 32px;
  cursor: pointer; }

body.single-san-pham .vinamat-product-purchase-modal h3 {
  margin: 0 42px 10px 0;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 28px;
  line-height: 1.25; }

body.single-san-pham .vinamat-product-purchase-modal__subtitle {
  margin: 0 0 20px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.65; }

body.single-san-pham .vinamat-product-purchase-modal__product {
  margin-bottom: 20px;
  padding: 13px 16px;
  border-radius: 10px;
  background: var(--vinamat-bg-light); }

body.single-san-pham .vinamat-product-purchase-modal__product span {
  display: block;
  margin-bottom: 4px;
  color: var(--vinamat-muted);
  font-size: 13px;
  line-height: 1.4; }

body.single-san-pham .vinamat-product-purchase-modal__product strong {
  display: block;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.45; }

body.single-san-pham .vinamat-product-purchase-form__hidden {
  display: none; }

body.single-san-pham .vinamat-product-purchase-form label {
  display: block;
  margin-bottom: 15px; }

body.single-san-pham .vinamat-product-purchase-form label span {
  display: block;
  margin-bottom: 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.4; }

body.single-san-pham .vinamat-product-purchase-form input,
body.single-san-pham .vinamat-product-purchase-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--vinamat-border);
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.5; }

body.single-san-pham .vinamat-product-purchase-form input {
  height: 48px;
  padding: 0 14px; }

body.single-san-pham .vinamat-product-purchase-form textarea {
  min-height: 116px;
  padding: 12px 14px;
  resize: vertical; }

body.single-san-pham .vinamat-product-purchase-form input:focus,
body.single-san-pham .vinamat-product-purchase-form textarea:focus {
  border-color: var(--vinamat-primary);
  box-shadow: 0 0 0 3px rgba(33, 51, 139, 0.12); }

body.single-san-pham .vinamat-product-purchase-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px; }

body.single-san-pham .vinamat-product-purchase-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 20px; }

body.single-san-pham .vinamat-product-purchase-form__submit,
body.single-san-pham .vinamat-product-purchase-form__call {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer; }

body.single-san-pham .vinamat-product-purchase-form__submit {
  background: var(--vinamat-primary);
  color: #fff; }

body.single-san-pham .vinamat-product-purchase-form__call {
  background: #fff;
  color: var(--vinamat-primary); }

body.single-san-pham .vinamat-product-purchase-form__call span {
  font-family: var(--vinamat-font-main);
  font-weight: 600; }

body:not(.single-san-pham) .vinamat-product-purchase-modal[hidden] {
  display: none; }

body:not(.single-san-pham) .vinamat-product-purchase-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px; }

body:not(.single-san-pham) .vinamat-product-purchase-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58); }

body:not(.single-san-pham) .vinamat-product-purchase-modal__card {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 34px 36px 32px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22); }

body:not(.single-san-pham) .vinamat-product-purchase-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: var(--vinamat-bg-light);
  color: var(--vinamat-primary);
  font-size: 26px;
  line-height: 32px;
  cursor: pointer; }

body:not(.single-san-pham) .vinamat-product-purchase-modal h3 {
  margin: 0 42px 10px 0;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 28px;
  line-height: 1.25; }

body:not(.single-san-pham) .vinamat-product-purchase-modal__subtitle {
  margin: 0 0 20px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.65; }

body:not(.single-san-pham) .vinamat-product-purchase-modal__product {
  margin-bottom: 20px;
  padding: 13px 16px;
  border-radius: 10px;
  background: var(--vinamat-bg-light); }

body:not(.single-san-pham) .vinamat-product-purchase-modal__product span {
  display: block;
  margin-bottom: 4px;
  color: var(--vinamat-muted);
  font-size: 13px;
  line-height: 1.4; }

body:not(.single-san-pham) .vinamat-product-purchase-modal__product strong {
  display: block;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.45; }

body:not(.single-san-pham) .vinamat-product-purchase-form__hidden {
  display: none; }

body:not(.single-san-pham) .vinamat-product-purchase-form label {
  display: block;
  margin-bottom: 15px; }

body:not(.single-san-pham) .vinamat-product-purchase-form label span {
  display: block;
  margin-bottom: 7px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.4; }

body:not(.single-san-pham) .vinamat-product-purchase-form input,
body:not(.single-san-pham) .vinamat-product-purchase-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--vinamat-border);
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.5; }

body:not(.single-san-pham) .vinamat-product-purchase-form input {
  height: 48px;
  padding: 0 14px; }

body:not(.single-san-pham) .vinamat-product-purchase-form textarea {
  min-height: 116px;
  padding: 12px 14px;
  resize: vertical; }

body:not(.single-san-pham) .vinamat-product-purchase-form input:focus,
body:not(.single-san-pham) .vinamat-product-purchase-form textarea:focus {
  border-color: var(--vinamat-primary);
  box-shadow: 0 0 0 3px rgba(33, 51, 139, 0.12); }

body:not(.single-san-pham) .vinamat-product-purchase-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px; }

body:not(.single-san-pham) .vinamat-product-purchase-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 20px; }

body:not(.single-san-pham) .vinamat-product-purchase-form__submit,
body:not(.single-san-pham) .vinamat-product-purchase-form__call {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer; }

body:not(.single-san-pham) .vinamat-product-purchase-form__submit {
  background: var(--vinamat-primary);
  color: #fff; }

body:not(.single-san-pham) .vinamat-product-purchase-form__call {
  background: #fff;
  color: var(--vinamat-primary); }

body:not(.single-san-pham) .vinamat-product-purchase-form__call span {
  font-family: var(--vinamat-font-main);
  font-weight: 600; }

body .notification .form-search form .container-select-btn button:hover,
body .notification .recruit .recruit-form form .wpcf7-submit:hover,
body .recruit-detail .recruitment-details .recruit-form form .wpcf7-submit:hover,
body .application .application-form form .form-info .flie-sample .finish .wpcf7-submit:hover,
body .new .new-wrapper .new-right .form-feedback form .item button:hover,
body .cooperation-2 .content form button:hover,
body .product-detail .product-detail-wrapper .shopping a button:hover,
body.single-san-pham .product-detail .product-detail-wrapper .shopping > .by-now:hover,
.vinamat-contact-modal__button:hover,
body.page-template-template-contact .contact-page-form .form_submit:hover,
body.page-template-template-contact .contact-page-map-button:hover,
body.page-template-template-news .vinamat-news-search-form button:hover,
body.page-template-template-news .new .new-wrapper .new-right .vinamat-news-message-card input[type="submit"]:hover,
body.page-template-template-news .new .new-wrapper .new-right .form-feedback.vinamat-news-message-card form .item input.wpcf7-submit[type="submit"]:hover,
body.single-san-pham .vinamat-product-purchase-form__submit:hover,
body:not(.single-san-pham) .vinamat-product-purchase-form__submit:hover,
body .news .action a:hover,
body .products-main .action a:hover {
  background: var(--vinamat-primary-dark); }

body.page-template-template-news .new .new-wrapper .new-right .form-feedback.vinamat-news-message-card form .item input.wpcf7-submit[type="submit"]:hover {
  background: var(--vinamat-primary-dark) !important;
  border-color: var(--vinamat-primary-dark) !important; }

@media only screen and (max-width: 575px) {
  body.single-san-pham .vinamat-product-purchase-modal {
    align-items: flex-end;
    padding: 14px; }

  body:not(.single-san-pham) .vinamat-product-purchase-modal {
    align-items: flex-end;
    padding: 14px; }

  body.single-san-pham .vinamat-product-purchase-modal__card {
    max-height: calc(100vh - 28px);
    padding: 28px 18px 22px;
    border-radius: 16px; }

  body:not(.single-san-pham) .vinamat-product-purchase-modal__card {
    max-height: calc(100vh - 28px);
    padding: 28px 18px 22px;
    border-radius: 16px; }

  body.single-san-pham .vinamat-product-purchase-modal h3 {
    font-size: 23px; }

  body:not(.single-san-pham) .vinamat-product-purchase-modal h3 {
    font-size: 23px; }

  body.single-san-pham .vinamat-product-purchase-form__grid {
    grid-template-columns: 1fr;
    gap: 0; }

  body:not(.single-san-pham) .vinamat-product-purchase-form__grid {
    grid-template-columns: 1fr;
    gap: 0; }

  body.single-san-pham .vinamat-product-purchase-form__actions {
    flex-direction: column;
    align-items: stretch; }

  body:not(.single-san-pham) .vinamat-product-purchase-form__actions {
    flex-direction: column;
    align-items: stretch; }

  body.single-san-pham .vinamat-product-purchase-form__submit,
  body.single-san-pham .vinamat-product-purchase-form__call,
  body:not(.single-san-pham) .vinamat-product-purchase-form__submit,
  body:not(.single-san-pham) .vinamat-product-purchase-form__call {
    width: 100%; } }

@media only screen and (max-width: 991px) {
  body.single-post .single-news-page,
  body.single-san-pham .main_body {
    margin-top: 80px;
    padding-top: 0; } }

@media only screen and (max-width: 991px) {
  body.single-san-pham .main_body {
    margin-top: 56px; } }

@media only screen and (max-width: 575px) {
  body.single-post .single-news-page,
  body.single-san-pham .main_body {
    margin-top: 20px;
    padding-top: 0; } }

@media only screen and (max-width: 575px) {
  body.single-san-pham .main_body {
    margin-top: 14px; } }

/* Vinamat responsive optimization pass. Desktop layout remains controlled by original cloned CSS. */
@media only screen and (max-width: 1024px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden; }

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

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

  body table {
    max-width: 100%; }

  body .container {
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px; }

  body .row {
    min-width: 0; }

  body .row > [class*="col-"],
  body [class*="col-lg-"],
  body [class*="col-md-"],
  body [class*="col-sm-"] {
    min-width: 0; }

  body .header_vx .header-top .content {
    min-width: 0;
    gap: 16px; }

  body .header_vx .header-top .content .search {
    min-width: 220px;
    max-width: 360px; }

  body .header_vx .menu-content {
    min-width: 0; }

  body .home-slide .item picture img,
  body .banner picture img,
  body .contact-page-hero,
  body .product-detail picture img,
  body .new-child picture img,
  body .single-news-content img,
  body .single-news-featured img {
    max-width: 100%;
    height: auto; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    min-width: 0; }

  body.page-template-template-news .new-wrapper,
  body.single-post .single-news-layout,
  body.post-type-archive-san-pham .section-news .list,
  body.tax-danh-muc-san-pham .section-news .list,
  body.page-template-template-recruitment .notification .recruit,
  body.page-template-template-contact .contact-page-form-map__grid {
    min-width: 0; }

  body.single-post .single-news-content,
  body.single-post .single-news-main,
  body.single-post .single-news-sidebar,
  body.single-san-pham .product-detail-info-content,
  body.page-template-template-news .new-left,
  body.page-template-template-news .new-right {
    min-width: 0; }

  body.single-post .single-news-content table,
  body.single-san-pham .product-detail-info-content table,
  body.page-template-template-news .new-left table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

  body .vinamat-contact-modal__card,
  body.single-san-pham .vinamat-product-purchase-modal__card {
    max-width: calc(100vw - 40px); } }

@media only screen and (max-width: 991px) {
  body .header_vx .header-top {
    gap: 16px; }

  body .header_vx .header-top .content {
    flex: 1 1 auto;
    justify-content: flex-end; }

  body .header_vx .header-top .content .address,
  body .header_vx .header-top .content .phone {
    display: none; }

  body .header_vx .header-top .content .search {
    flex: 1 1 280px;
    min-width: 0;
    max-width: 320px; }

  body .header_vx .header-top .nav-bar-menu {
    flex: 0 0 auto; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body.post-type-archive-san-pham .section-news .list,
  body.tax-danh-muc-san-pham .section-news .list {
    display: block; }

  body.post-type-archive-san-pham .section-news .list .list-category,
  body.tax-danh-muc-san-pham .section-news .list .list-category {
    width: 100%;
    max-width: none;
    margin-bottom: 28px; }

  body.post-type-archive-san-pham .section-news .list .list-news,
  body.tax-danh-muc-san-pham .section-news .list .list-news {
    width: 100%;
    max-width: none; }

  body.page-template-template-news .new-wrapper {
    display: flex;
    flex-direction: column; }

  body.page-template-template-news .new-right,
  body.page-template-template-news .new-left {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; }

  body.page-template-template-news .new-right {
    order: 1;
    margin-bottom: 28px; }

  body.page-template-template-news .new-left {
    order: 2; }

  body.page-template-template-recruitment .notification .recruit {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px; }

  body.page-template-template-recruitment .notification .recruit .recruit-list,
  body.page-template-template-recruitment .notification .recruit .recruit-form {
    width: 100%;
    max-width: 100%; }

  body .recruit-detail .recruitment-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px; }

  body .recruit-detail .recruitment-details .recruit-detail-wrapper,
  body .recruit-detail .recruitment-details .recruit-form {
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  body.page-template-template-contact .contact-page-form-map__grid {
    grid-template-columns: 1fr;
    gap: 28px; }

  body footer .footer-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 32px; }

  body footer .footer-wrapper .footer-left,
  body footer .footer-wrapper .contact-infor,
  body footer .footer-wrapper .footer-right {
    min-width: 0; } }

@media only screen and (max-width: 768px) {
  body .container {
    padding-right: 16px;
    padding-left: 16px; }

  body .header_vx .header-top .content .search {
    display: none; }

  body .header_vx .menu-content {
    width: min(360px, 88vw); }

  body .banner .text-banner h3,
  body.page-template-template-contact .contact-page-hero h1,
  body.single-post .single-news-title {
    overflow-wrap: anywhere; }

  body .category-pr .tabs .tabs-control,
  body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test,
  body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }

  body.single-san-pham .product-detail .product-detail-wrapper {
    row-gap: 24px; }

  body.single-san-pham .product-detail .product-detail-wrapper .info-product {
    margin-right: 0;
    margin-left: 0; }

  body.single-san-pham .product-detail .product-detail-wrapper .shopping > .by-now {
    width: 100%;
    min-height: 46px; }

  body.single-post .single-news-card__item,
  body.single-post .vinamat-single-news__item {
    min-width: 0; }

  body.page-template-template-recruitment .notification .form-search form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px; }

  body.page-template-template-recruitment .notification .form-search .container-input,
  body.page-template-template-recruitment .notification .form-search .container-select-btn,
  body.page-template-template-recruitment .notification .form-search button {
    width: 100%; }

  body .recruit-detail .recruitment-details .recruit-form input,
  body .recruit-detail .recruitment-details .recruit-form textarea,
  body .recruit-detail .recruitment-details .recruit-form .wpcf7-submit {
    width: 100%; }

  body .cooperation-2 .content form .item,
  body.page-template-template-contact .contact-page-form__row {
    grid-template-columns: 1fr; }

  body .cooperation-2 .content form .child input,
  body .cooperation-2 .content form .child textarea,
  body.page-template-template-contact .contact-page-form input,
  body.page-template-template-contact .contact-page-form textarea,
  body.page-template-template-news .vinamat-news-message-card input,
  body.page-template-template-news .vinamat-news-message-card textarea,
  body.page-template-template-recruitment .recruit-form input,
  body.page-template-template-recruitment .recruit-form textarea {
    width: 100% !important; }

  body .cooperation-2 .content form .form_submit,
  body.page-template-template-contact .contact-page-form .form_submit,
  body.page-template-template-news .vinamat-news-message-card input[type="submit"],
  body.page-template-template-recruitment .recruit-form input[type="submit"] {
    width: 100%; }

  body footer .footer-wrapper {
    grid-template-columns: 1fr;
    gap: 28px; } }

@media only screen and (max-width: 576px) {
  body .container {
    padding-right: 14px;
    padding-left: 14px; }

  body .header_vx .header-top {
    min-height: 0; }

  body .header_vx .menu-content {
    width: min(330px, 86vw); }

  body .home-slide .item picture {
    display: block;
    width: 100%; }

  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px; }

  body.post-type-archive-san-pham .section-news .list .list-news .row > [class*="col-"],
  body.tax-danh-muc-san-pham .section-news .list .list-news .row > [class*="col-"],
  body.page-template-template-news .new-list .new-child,
  body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child {
    width: 100%;
    max-width: 100%; }

  body.page-template-template-contact .contact-page-info__grid {
    grid-template-columns: 1fr; }

  body.single-post .single-news-card__item {
    grid-template-columns: 88px minmax(0, 1fr); }

  body.single-post .single-news-card__thumb {
    width: 88px;
    height: 66px; }

  body .vinamat-contact-modal,
  body.single-san-pham .vinamat-product-purchase-modal {
    padding: 14px; }

  body .vinamat-contact-modal__card,
  body.single-san-pham .vinamat-product-purchase-modal__card {
    width: 100%;
    max-width: calc(100vw - 28px);
    padding-right: 18px;
    padding-left: 18px; } }

@media only screen and (max-width: 480px) {
  body .category-pr .content .tabs-content .child,
  body .products-main .content {
    grid-template-columns: 1fr; }

  body.page-template-template-news .new-child {
    display: block; }

  body.page-template-template-news .new-child picture,
  body.page-template-template-news .new-child .vinamat-news-card-image {
    display: block;
    width: 100%; }

  body.single-post .single-news-meta {
    gap: 8px;
    align-items: flex-start; }

  body.single-post .single-news-card__item {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 12px; }

  body.single-post .single-news-card__thumb {
    width: 80px;
    height: 60px; }

  body.single-san-pham .section-news .list .list-news .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%; }

  body footer .footer-wrapper .footer-right .footer-right-wrapper {
    grid-template-columns: 1fr;
    gap: 20px; } }

@media only screen and (max-width: 390px) {
  body .container {
    padding-right: 12px;
    padding-left: 12px; }

  body .header_vx .header-top .logo a figure img {
    max-width: 86px; }

  body .banner .text-banner h3,
  body.page-template-template-contact .contact-page-hero h1,
  body.single-post .single-news-title,
  body.single-san-pham .product-detail .product-detail-wrapper .info-product .name-products h4 {
    font-size: clamp(21px, 7vw, 26px);
    line-height: 1.25; }

  body.single-post .single-news-card,
  body.page-template-template-news .vinamat-news-message-card,
  body.page-template-template-contact .contact-page-form-panel {
    padding-right: 16px;
    padding-left: 16px; } }

@media only screen and (max-width: 360px) {
  body .container {
    padding-right: 10px;
    padding-left: 10px; }

  body.single-post .single-news-card__item {
    grid-template-columns: 72px minmax(0, 1fr); }

  body.single-post .single-news-card__thumb {
    width: 72px;
    height: 56px; }

  body .vinamat-contact-modal__card,
  body.single-san-pham .vinamat-product-purchase-modal__card {
    max-width: calc(100vw - 20px);
    padding-right: 14px;
    padding-left: 14px; } }

/* Screenshot-based mobile fixes: compact header, about timeline, homepage category cards. */
@media only screen and (max-width: 768px) {
  body .header_vx {
    position: sticky;
    top: 0;
    z-index: 9990; }

  body .header_vx .header-top {
    min-height: 54px;
    padding: 7px 0;
    align-items: center; }

  body .header_vx .header-top .logo a figure {
    margin: 0; }

  body .header_vx .header-top .logo a figure img {
    width: auto;
    max-width: 84px;
    max-height: 40px;
    object-fit: contain; }

  body .header_vx .header-top .nav-bar-menu {
    width: 32px;
    height: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px; }

  body .header_vx .header-top .nav-bar-menu span {
    width: 24px;
    height: 2px;
    margin: 0;
    border-radius: 2px; }

  body .header_vx .menu-content {
    padding-top: 38px; }

  body.page-template-template-about .about-page-main .milestones {
    padding: 58px 0; }

  body.page-template-template-about .about-page-main .milestones h2,
  body.page-template-template-about .about-page-main .milestones h3 {
    font-size: 25px;
    line-height: 1.25;
    padding-bottom: 14px; }

  body.page-template-template-about .about-page-main .milestones .milestones-list {
    width: 100%;
    margin: 36px auto 0;
    padding-left: 26px; }

  body.page-template-template-about .about-page-main .milestones .milestones-list::before {
    left: 8px;
    top: 0;
    transform: none;
    height: 100%; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 34px;
    padding-left: 0;
    text-align: left; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content:last-child {
    margin-bottom: 0; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content::before {
    left: -23px;
    top: 7px;
    transform: none;
    width: 11px;
    height: 11px;
    z-index: 1; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content::after {
    left: -29px;
    top: 1px;
    transform: none;
    width: 23px;
    height: 23px;
    background: var(--vinamat-bg-light); }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .left,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .right,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .noedit {
    width: 100%;
    max-width: 100%;
    text-align: left;
    float: none;
    transform: none !important; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text {
    order: 1; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content picture {
    order: 2;
    width: min(100%, 420px);
    margin: 0;
    padding-top: 62%;
    border-radius: 8px; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content picture img {
    transform: none;
    object-fit: cover; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text span {
    display: block;
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 6px; }

  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text h5,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text p {
    font-size: 16px;
    line-height: 1.55;
    margin: 0 0 8px; }

  body.home .category-pr .tabs .tabs-control {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }

  body.home .category-pr .tabs .tabs-control li {
    flex: 0 0 auto;
    white-space: nowrap; }

  body.home .category-pr .content .tabs-content .child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px; }

  body.home .category-pr .content .tabs-content .child .item {
    width: 100%;
    min-width: 0; }

  body.home .category-pr .content .tabs-content .child .item figure {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 72%;
    border-radius: 8px; }

  body.home .category-pr .content .tabs-content .child .item figure img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

  body.home .category-pr .content .tabs-content .child .item .name {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 9px 8px;
    text-align: center; }

  body.home .category-pr .content .tabs-content .child .item .name h4,
  body.home .category-pr .content .tabs-content .child .item .name h4 a {
    margin: 0;
    text-align: center; } }

@media only screen and (max-width: 576px) {
  body .header_vx .header-top {
    min-height: 48px;
    padding: 6px 0; }

  body .header_vx .header-top .logo a figure img {
    max-width: 76px;
    max-height: 36px; }

  body .header_vx .header-top .nav-bar-menu {
    width: 28px;
    height: 26px;
    gap: 4px; }

  body .header_vx .header-top .nav-bar-menu span {
    width: 22px; }

  body.page-template-template-about .about-page-main .milestones {
    padding: 44px 0; }

  body.page-template-template-about .about-page-main .milestones h2,
  body.page-template-template-about .about-page-main .milestones h3 {
    font-size: 22px; }

  body.home .category-pr {
    padding: 44px 0; }

  body.home .category-pr .content .tabs-content .child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; } }

@media only screen and (max-width: 340px) {
  body.home .category-pr .content .tabs-content .child {
    grid-template-columns: 1fr; } }

body .header_vx .header-top .logo a figure {
  height: 77px; }

body .header_vx .header-top .logo a figure img {
  display: block;
  width: 100px;
  height: 77px;
  object-fit: contain; }

/* BMB-inspired Vinamat header */
body .bmb-vinamat-header {
  position: sticky;
  top: 0;
  z-index: 9990;
  padding: 0;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 36, 95, 0.08); }

body .bmb-vinamat-topbar {
  background: var(--vinamat-primary);
  color: #fff; }

body .bmb-vinamat-topbar__inner {
  display: flex;
  min-height: 26px;
  align-items: center;
  justify-content: space-between;
  gap: 24px; }

body .bmb-vinamat-topbar__address {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none; }

body .bmb-vinamat-topbar__address span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

body .bmb-vinamat-topbar__icon {
  display: inline-flex;
  flex: 0 0 auto;
  color: #fff; }

body .bmb-vinamat-topbar__icon svg {
  display: block;
  width: 10px;
  height: 10px; }

body .bmb-vinamat-topbar__social {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px; }

body .bmb-vinamat-topbar__social-link {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease; }

body .bmb-vinamat-topbar__social-link svg {
  display: block;
  max-width: 10px;
  max-height: 10px; }

body .bmb-vinamat-topbar__social-link:hover {
  border-color: #fff;
  background: #fff;
  color: var(--vinamat-primary); }

body .bmb-vinamat-mainbar {
  background: #fff; }

body .bmb-vinamat-mainbar__inner {
  display: grid;
  min-height: 92px;
  grid-template-columns: minmax(0, 1fr) 120px minmax(0, 1fr);
  gap: 46px;
  align-items: center;
  padding: 8px 0; }

body .bmb-vinamat-menu > ul {
  display: flex;
  align-items: center;
  gap: clamp(24px, 3vw, 48px);
  margin: 0;
  padding: 0;
  list-style: none; }

body .bmb-vinamat-menu {
  min-width: 0; }

body .bmb-vinamat-menu--left > ul {
  justify-content: flex-end; }

body .bmb-vinamat-menu--right > ul {
  justify-content: flex-start; }

body .bmb-vinamat-menu a {
  display: inline-flex;
  align-items: center;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s ease; }

body .bmb-vinamat-menu a:hover {
  color: var(--vinamat-accent); }

body .bmb-vinamat-menu__item--has-dropdown {
  position: relative; }

body .bmb-vinamat-menu__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  width: 260px;
  min-width: 260px;
  margin: 0;
  padding: 10px 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
  list-style: none;
  overflow: hidden;
  z-index: 9999; }

body .bmb-vinamat-menu__item--has-dropdown:hover > .bmb-vinamat-menu__dropdown,
body .bmb-vinamat-menu__item--has-dropdown:focus-within > .bmb-vinamat-menu__dropdown {
  display: flex; }

body .bmb-vinamat-menu__dropdown li {
  display: block;
  box-sizing: border-box;
  flex: none;
  width: 100%;
  margin: 0;
  padding: 0; }

body .bmb-vinamat-menu__dropdown a {
  display: block;
  box-sizing: border-box;
  flex: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 11px 18px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  text-transform: none;
  white-space: nowrap; }

body .bmb-vinamat-menu__dropdown a:hover {
  background: var(--vinamat-primary);
  color: #fff; }

body .bmb-vinamat-logo {
  display: flex;
  justify-content: center; }

body .bmb-vinamat-logo a,
body .bmb-vinamat-logo figure {
  display: block;
  margin: 0; }

body .bmb-vinamat-logo img {
  display: block;
  width: 100px;
  height: 77px;
  object-fit: contain; }

body .bmb-vinamat-header .nav-bar-menu {
  display: none; }

body .bmb-vinamat-mobile-menu {
  display: none; }

@media only screen and (max-width: 991px) {
  body .bmb-vinamat-topbar__inner {
    min-height: 34px; }

  body .bmb-vinamat-topbar__address {
    font-size: 12px; }

  body .bmb-vinamat-mainbar__inner {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0; }

  body .bmb-vinamat-menu {
    display: none; }

  body .bmb-vinamat-logo {
    justify-content: flex-start; }

  body .bmb-vinamat-logo img {
    width: 78px;
    height: 60px; }

  body .bmb-vinamat-header .nav-bar-menu {
    display: flex;
    position: static;
    width: 32px;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer; }

  body .bmb-vinamat-header .nav-bar-menu span {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 99px;
    background: var(--vinamat-primary); }

  body .bmb-vinamat-mobile-menu {
    display: block;
    width: 78vw;
    max-width: 320px;
    overflow-y: auto;
    background: #fff; }

  body .bmb-vinamat-mobile-drawer {
    width: 100%; }

  body .bmb-vinamat-mobile-list {
    margin: 0;
    padding: 18px 0 0;
    list-style: none; }

  body .bmb-vinamat-mobile-list > li {
    margin: 0;
    border-bottom: 1px solid var(--vinamat-border); }

  body .bmb-vinamat-mobile-list > li > a,
  body .bmb-vinamat-mobile-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 13px 22px;
    border: 0;
    background: transparent;
    color: var(--vinamat-text);
    font-family: var(--vinamat-font-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.2px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase; }

  body .bmb-vinamat-mobile-arrow {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.2s ease; }

  body .bmb-vinamat-mobile-item.is-open .bmb-vinamat-mobile-arrow {
    transform: rotate(180deg); }

  body .bmb-vinamat-mobile-submenu {
    display: block;
    margin: 0;
    padding: 0;
    background: var(--vinamat-bg-light);
    list-style: none; }

  body .bmb-vinamat-mobile-submenu[hidden] {
    display: none; }

  body .bmb-vinamat-mobile-submenu li {
    margin: 0;
    padding: 0; }

  body .bmb-vinamat-mobile-submenu a {
    display: block;
    padding: 11px 22px 11px 34px;
    border-bottom: 1px solid var(--vinamat-border);
    color: var(--vinamat-text);
    font-family: var(--vinamat-font-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase; } }

@media only screen and (max-width: 575px) {
  body .bmb-vinamat-topbar__inner {
    gap: 12px; }

  body .bmb-vinamat-topbar__social {
    gap: 6px; }

  body .bmb-vinamat-topbar__social a {
    min-width: 20px;
    height: 20px;
    font-size: 11px; }

  body .bmb-vinamat-mainbar__inner {
    min-height: 68px; }

  body .bmb-vinamat-logo img {
    width: 68px;
    height: 52px; } }

/* Super Vinamat new homepage */
body.home .sv-home {
  overflow-x: hidden;
  background: #fff;
  color: var(--vinamat-text); }

body.home .sv-home a {
  text-decoration: none; }

body.home .sv-home-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fff; }

body.home .sv-home-hero__slider {
  position: relative;
  width: 100%;
  aspect-ratio: 12 / 5;
  overflow: hidden;
  background: #fff; }

body.home .sv-home-hero__slide {
  position: absolute;
  inset: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease; }

body.home .sv-home-hero__slide.is-active {
  opacity: 1;
  visibility: visible; }

body.home .sv-home-hero__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #fff; }

body.home .sv-home-hero__placeholder {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 80% 18%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 36%), linear-gradient(135deg, var(--vinamat-primary-dark) 0%, var(--vinamat-primary) 100%); }

body.home .sv-home-hero-nav {
  display: flex;
  position: absolute;
  z-index: 3;
  bottom: 34px;
  left: 50%;
  align-items: center;
  justify-content: center;
  gap: 22px;
  transform: translateX(-50%); }

body.home .sv-home-hero-nav__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; }

body.home .sv-home-hero-nav__dot {
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease; }

body.home .sv-home-hero-nav__dot:hover,
body.home .sv-home-hero-nav__dot.is-active {
  background: #fff; }

body.home .sv-home-hero-nav__arrow {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease; }

body.home .sv-home-hero-nav__arrow:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.18); }

body.home .sv-home-intro {
  padding: 74px 0 64px;
  background: #fff;
  text-align: center; }

body.home .sv-home-intro__inner {
  max-width: 1080px;
  margin: 0 auto; }

body.home .sv-home-intro__title {
  max-width: 780px;
  margin: 0 auto;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-intro__title::after {
  display: block;
  width: 80px;
  height: 6px;
  margin: 24px auto 34px;
  background: var(--vinamat-primary);
  content: ""; }

body.home .sv-home-intro__text {
  max-width: 1080px;
  margin: 0 auto;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.78;
  text-align: center; }

body.home .sv-home-eyebrow {
  margin: 0 0 12px;
  color: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px; }

body.home .sv-home-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 13px 24px;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.2;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; }

body.home .sv-home-btn:hover {
  transform: translateY(-1px); }

body.home .sv-home-btn--primary {
  background: var(--vinamat-primary);
  color: #fff; }

body.home .sv-home-btn--primary:hover {
  background: var(--vinamat-primary-dark);
  color: #fff; }

body.home .sv-home-btn--outline {
  border-color: var(--vinamat-primary);
  background: #fff;
  color: var(--vinamat-primary); }

body.home .sv-home-btn--outline:hover {
  background: var(--vinamat-primary-light);
  color: var(--vinamat-primary-dark); }

body.home .sv-home-btn--accent {
  background: var(--vinamat-accent);
  color: #fff; }

body.home .sv-home-btn--accent:hover {
  background: var(--vinamat-primary-dark);
  color: #fff; }

body.home .sv-home-section {
  padding: 78px 0; }

body.home .sv-home-section__head {
  max-width: 760px;
  margin: 0 0 34px; }

body.home .sv-home-section__head--split {
  display: flex;
  max-width: none;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px; }

body.home .sv-home-section__head h2,
body.home .sv-home-about h2,
body.home .sv-home-final-cta h2 {
  margin: 0;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.18;
  letter-spacing: 0; }

body.home .sv-home-category-grid,
body.home .sv-home-product-grid,
body.home .sv-home-news-grid {
  display: grid;
  gap: 24px; }

body.home .sv-home-category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.home .sv-home-category-card {
  display: block;
  overflow: hidden;
  border: 1px solid var(--vinamat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(22, 36, 95, 0.08);
  color: var(--vinamat-primary);
  transition: transform 0.2s ease, box-shadow 0.2s ease; }

body.home .sv-home-category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 52px rgba(22, 36, 95, 0.14);
  color: var(--vinamat-primary-dark); }

body.home .sv-home-category-card__image {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--vinamat-primary-light); }

body.home .sv-home-category-card__image img,
body.home .sv-home-product-card__image img,
body.home .sv-home-news-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.home .sv-home-category-card__title {
  display: block;
  padding: 18px 20px 20px;
  font-family: var(--vinamat-font-main);
  font-size: 18px;
  line-height: 1.35;
  text-align: center; }

body.home .sv-home-products {
  background: var(--vinamat-bg-light); }

body.home .sv-home-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.home .sv-home-product-card,
body.home .sv-home-news-card,
body.home .sv-home-why-card {
  overflow: hidden;
  border: 1px solid var(--vinamat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(22, 36, 95, 0.07); }

body.home .sv-home-product-card__image,
body.home .sv-home-news-card__image {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--vinamat-primary-light); }

body.home .sv-home-product-card__body,
body.home .sv-home-news-card__body {
  padding: 22px; }

body.home .sv-home-product-card__category {
  margin: 0 0 8px;
  color: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase; }

body.home .sv-home-product-card h3,
body.home .sv-home-news-card h3 {
  margin: 0 0 10px;
  font-family: var(--vinamat-font-main);
  font-size: 20px;
  line-height: 1.35; }

body.home .sv-home-product-card h3 a,
body.home .sv-home-news-card h3 a {
  color: var(--vinamat-primary); }

body.home .sv-home-product-card h3 a:hover,
body.home .sv-home-news-card h3 a:hover,
body.home .sv-home-readmore:hover {
  color: var(--vinamat-accent); }

body.home .sv-home-product-card p,
body.home .sv-home-news-card p,
body.home .sv-home-about p,
body.home .sv-home-why-card p {
  margin: 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.7; }

body.home .sv-home-readmore {
  display: inline-flex;
  margin-top: 16px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.4; }

body.home .sv-home-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px; }

body.home .sv-home-why-card {
  padding: 28px 24px; }

body.home .sv-home-why-card h3 {
  margin: 0 0 12px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 20px;
  line-height: 1.35; }

body.home .sv-home-about__box,
body.home .sv-home-final-cta__box {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  border-radius: 24px;
  padding: 42px;
  background: var(--vinamat-primary-light); }

body.home .sv-home-news {
  background: var(--vinamat-bg-light); }

body.home .sv-home-news-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.home .sv-home-news-card__image {
  aspect-ratio: 16 / 10; }

body.home .sv-home-news-card time {
  display: block;
  margin: 0 0 10px;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  line-height: 1.4; }

body.home .sv-home-empty {
  margin: 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.6; }

body.home .sv-home-final-cta {
  padding: 76px 0 88px; }

body.home .sv-home-final-cta__box {
  grid-template-columns: minmax(0, 1fr) auto;
  background: var(--vinamat-primary);
  color: #fff; }

body.home .sv-home-final-cta .sv-home-eyebrow,
body.home .sv-home-final-cta h2 {
  color: #fff; }

@media only screen and (max-width: 1199px) {
  body.home .sv-home-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media only screen and (max-width: 991px) {
  body.home .sv-home-about__box,
  body.home .sv-home-final-cta__box {
    grid-template-columns: 1fr; }

  body.home .sv-home-section {
    padding: 58px 0; }

  body.home .sv-home-category-grid,
  body.home .sv-home-product-grid,
  body.home .sv-home-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body.home .sv-home-section__head--split {
    align-items: flex-start;
    flex-direction: column; } }

@media only screen and (max-width: 767px) {
  body.home .sv-home-intro {
    padding: 38px 0 34px; }

  body.home .sv-home-intro__title {
    font-size: clamp(25px, 7vw, 34px);
    line-height: 1.18; }

  body.home .sv-home-intro__title::after {
    width: 80px;
    height: 6px;
    margin: 18px auto 22px; }

  body.home .sv-home-intro__text {
    font-size: 15px;
    line-height: 1.68;
    text-align: center; }

  body.home .sv-home-hero-nav {
    bottom: 18px;
    gap: 14px; }

  body.home .sv-home-hero-nav__arrow {
    width: 30px;
    height: 30px;
    font-size: 13px; }

  body.home .sv-home-hero-nav__dots {
    gap: 8px; }

  body.home .sv-home-hero-nav__dot {
    width: 9px;
    height: 9px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-hero-nav {
    bottom: 16px;
    gap: 12px; }

  body.home .sv-home-hero-nav__arrow {
    width: 28px;
    height: 28px;
    font-size: 12px; }

  body.home .sv-home-hero-nav__dots {
    gap: 8px; }

  body.home .sv-home-hero-nav__dot {
    width: 8px;
    height: 8px; }

  body.home .sv-home-actions,
  body.home .sv-home-final-cta__box {
    align-items: stretch; }

  body.home .sv-home-btn {
    width: 100%; }

  body.home .sv-home-section {
    padding: 46px 0; }

  body.home .sv-home-category-grid,
  body.home .sv-home-product-grid,
  body.home .sv-home-news-grid,
  body.home .sv-home-why-grid {
    grid-template-columns: 1fr;
    gap: 18px; }

  body.home .sv-home-about__box,
  body.home .sv-home-final-cta__box {
    padding: 28px 22px;
    border-radius: 18px; }

  body.home .sv-home-product-card__body,
  body.home .sv-home-news-card__body {
    padding: 20px; } }

/* BMB typography alignment */
body {
  font-family: var(--vinamat-font-main);
  font-weight: var(--vinamat-fw-regular);
  line-height: var(--vinamat-lh-body); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--vinamat-font-main);
  line-height: var(--vinamat-lh-heading); }

h1 {
  font-size: var(--vinamat-h1);
  font-weight: var(--vinamat-fw-bold); }

h2 {
  font-size: var(--vinamat-h2);
  font-weight: var(--vinamat-fw-semibold); }

h3 {
  font-size: var(--vinamat-h3);
  font-weight: var(--vinamat-fw-semibold); }

h4 {
  font-size: var(--vinamat-h4);
  font-weight: var(--vinamat-fw-semibold); }

body button,
body input,
body textarea,
body select {
  font-family: var(--vinamat-font-main); }

body .bmb-vinamat-header,
body .bmb-vinamat-header a,
body .bmb-vinamat-header div,
body .bmb-vinamat-header span,
body.home .sv-home,
body.home .sv-home a,
body.home .sv-home div,
body.home .sv-home h1,
body.home .sv-home h2,
body.home .sv-home h3,
body.home .sv-home p,
body.home .sv-home span,
body.home .sv-home button {
  font-family: var(--vinamat-font-main); }

body .bmb-vinamat-menu a {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-bold);
  line-height: 19px;
  letter-spacing: 0; }

body .bmb-vinamat-menu a:hover,
body .bmb-vinamat-menu__item.current-menu-item > a {
  font-weight: var(--vinamat-fw-bold);
  line-height: 19px; }

body .bmb-vinamat-menu__dropdown a {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-regular);
  line-height: 19px;
  letter-spacing: 0; }

body.home .sv-home-intro__title,
body.home .sv-home-section__head h2,
body.home .sv-home-about h2,
body.home .sv-home-final-cta h2 {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-h2);
  font-weight: var(--vinamat-fw-semibold);
  line-height: var(--vinamat-lh-heading);
  letter-spacing: 0; }

body.home .sv-home-intro__text {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.78;
  letter-spacing: 0; }

body.home .sv-home-btn,
body.home .sv-home-readmore {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-semibold);
  line-height: normal;
  letter-spacing: 0; }

body.home .sv-home-product-card h3,
body.home .sv-home-news-card h3,
body.home .sv-home-why-card h3,
body.home .sv-home-category-card__title {
  font-family: var(--vinamat-font-main);
  font-weight: var(--vinamat-fw-semibold);
  line-height: normal;
  letter-spacing: 0; }

body.home .sv-home-product-card p,
body.home .sv-home-news-card p,
body.home .sv-home-about p,
body.home .sv-home-why-card p {
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-regular);
  line-height: var(--vinamat-lh-body);
  letter-spacing: 0; }

body.home .sv-home-news-card time,
body.home .sv-home-product-card__category,
body.home .sv-home-eyebrow {
  font-family: var(--vinamat-font-main);
  letter-spacing: 0; }

body footer,
body footer a,
body footer div,
body footer p,
body footer span,
body footer li {
  font-family: var(--vinamat-font-main); }

body footer h1,
body footer h2,
body footer h3,
body footer h4,
body footer .title,
body footer .title-other {
  font-family: var(--vinamat-font-main);
  font-weight: var(--vinamat-fw-semibold);
  line-height: 14px;
  letter-spacing: 0; }

body footer p,
body footer span,
body footer li {
  font-weight: var(--vinamat-fw-regular);
  line-height: 14px; }

@media only screen and (max-width: 767px) {
  body .bmb-vinamat-mobile-list > li > a,
  body .bmb-vinamat-mobile-toggle {
    font-size: 15px;
    font-weight: var(--vinamat-fw-semibold);
    line-height: 1.3; }

  body.home .sv-home-intro__title,
  body.home .sv-home-section__head h2,
  body.home .sv-home-about h2,
  body.home .sv-home-final-cta h2 {
    font-size: 28px;
    line-height: 32px; } }

/* BMB-inspired Vinamat homepage intro */
body.home .sv-home-intro {
  padding: 74px 0 64px;
  background: #fff;
  text-align: center; }

body.home .sv-home-intro__inner {
  max-width: 1080px;
  margin: 0 auto; }

body.home .sv-home-intro__title {
  max-width: 780px;
  margin: 0 auto;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-intro__title::after {
  display: block;
  width: 80px;
  height: 6px;
  margin: 24px auto 34px;
  background: var(--vinamat-primary);
  content: ""; }

body.home .sv-home-intro__text {
  max-width: 1080px;
  margin: 0 auto;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: var(--vinamat-text-base);
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.78;
  letter-spacing: 0;
  text-align: center; }

@media only screen and (max-width: 767px) {
  body.home .sv-home-intro {
    padding: 38px 0 34px; }

  body.home .sv-home-intro__title {
    font-size: 28px;
    line-height: 32px; }

  body.home .sv-home-intro__title::after {
    width: 80px;
    height: 6px;
    margin: 18px auto 22px; }

  body.home .sv-home-intro__text {
    font-size: 15px;
    line-height: 1.68; } }

/* Vietxosteel-style Vinamat product categories */
body.home .sv-home-product-categories {
  padding: 48px 0 80px;
  background: var(--vinamat-bg-light);
  overflow: hidden; }

body.home .sv-home-product-categories > .container {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px; }

body.home .sv-home-product-categories .sv-home-section__head {
  max-width: none;
  margin: 0 0 22px;
  text-align: center; }

body.home .sv-home-product-categories .sv-home-section__head h2 {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase; }

body.home .sv-home-product-categories .sv-home-section__head h2::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 80px;
  height: 6px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(50%); }

body.home .sv-home-category-tabs {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  justify-content: center;
  margin: 0 auto 36px;
  padding: 8px 2px 10px;
  -webkit-overflow-scrolling: touch; }

body.home .sv-home-category-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  flex: 0 0 auto;
  padding: 0 22px;
  border: 1px solid var(--vinamat-border);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(22, 36, 95, 0.06);
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }

body.home .sv-home-category-tab:hover,
body.home .sv-home-category-tab.is-active {
  border-color: rgba(209, 30, 38, 0.22);
  color: var(--vinamat-accent);
  box-shadow: 0 10px 26px rgba(209, 30, 38, 0.12); }

body.home .sv-home-category-panel {
  display: none; }

body.home .sv-home-category-panel.is-active {
  display: block; }

body.home .sv-home-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px; }

body.home .sv-home-category-product-card {
  display: block;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--vinamat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(22, 36, 95, 0.08);
  color: var(--vinamat-primary);
  transition: transform 0.24s ease, box-shadow 0.24s ease; }

body.home .sv-home-category-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(22, 36, 95, 0.14);
  color: var(--vinamat-primary); }

body.home .sv-home-category-product-card__image {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 11;
  background: var(--vinamat-primary-light); }

body.home .sv-home-category-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.home .sv-home-category-product-card__body {
  padding: 18px 20px 22px;
  text-align: center; }

body.home .sv-home-category-product-card__title {
  display: block;
  margin: 0;
  padding: 0;
  font-family: var(--vinamat-font-main);
  font-size: 18px;
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.35;
  text-align: center; }

body.home .sv-home-category-product-card__title a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.home .sv-home-category-product-card__title a:hover {
  color: var(--vinamat-accent); }

body.home .sv-home-category-product-card__excerpt {
  margin: 10px auto 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.62; }

body.home .sv-home-category-empty {
  margin: 0;
  padding: 34px 20px;
  border-radius: 18px;
  background: #fff;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.6;
  text-align: center; }

@media only screen and (max-width: 991px) {
  body.home .sv-home-product-categories {
    padding: 44px 0 72px; }

  body.home .sv-home-product-categories > .container {
    padding-right: 24px;
    padding-left: 24px; }

  body.home .sv-home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-product-categories {
    padding: 32px 0 52px; }

  body.home .sv-home-product-categories > .container {
    padding-right: 20px;
    padding-left: 20px; }

  body.home .sv-home-product-categories .sv-home-section__head {
    margin-bottom: 18px; }

  body.home .sv-home-category-tabs {
    justify-content: flex-start;
    margin-bottom: 26px;
    padding-bottom: 12px; }

  body.home .sv-home-category-grid {
    grid-template-columns: 1fr;
    gap: 20px; }

  body.home .sv-home-category-product-card__body {
    padding: 16px 18px 20px; } }

/* BMB-inspired Vinamat capability stats */
body.home .sv-home-stats {
  position: relative;
  overflow: hidden;
  padding: 72px 0;
  background:
    linear-gradient(115deg, rgba(33, 51, 139, 0.98) 0%, rgba(22, 36, 95, 0.98) 68%, rgba(209, 30, 38, 0.88) 100%),
    var(--vinamat-primary);
  color: #fff; }

body.home .sv-home-stats::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 112px),
    linear-gradient(135deg, transparent 0 54%, rgba(255, 255, 255, 0.08) 54% 55%, transparent 55%);
  pointer-events: none; }

body.home .sv-home-stats .container {
  position: relative;
  z-index: 1; }

body.home .sv-home-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0; }

body.home .sv-home-stats__item {
  position: relative;
  min-width: 0;
  padding: 8px 32px;
  text-align: center;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.55s ease, transform 0.55s ease;
  transition-delay: var(--sv-stat-delay, 0ms); }

body.home .sv-home-stats.is-visible .sv-home-stats__item {
  opacity: 1;
  transform: translateY(0); }

body.home .sv-home-stats__item + .sv-home-stats__item {
  border-left: 1px solid rgba(255, 255, 255, 0.22); }

body.home .sv-home-stats__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06)); }

body.home .sv-home-stats__icon svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round; }

body.home .sv-home-stats__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  line-height: 1; }

body.home .sv-home-stats__number {
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: clamp(44px, 4.2vw, 64px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1;
  letter-spacing: 0; }

body.home .sv-home-stats__unit {
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--vinamat-font-main);
  font-size: 18px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.2;
  letter-spacing: 0; }

body.home .sv-home-stats__label {
  max-width: 230px;
  margin: 16px auto 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.55;
  letter-spacing: 0; }

@media only screen and (max-width: 991px) {
  body.home .sv-home-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 38px; }

  body.home .sv-home-stats__item:nth-child(3) {
    border-left: 0; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-stats {
    padding: 48px 0; }

  body.home .sv-home-stats__grid {
    grid-template-columns: 1fr;
    gap: 28px; }

  body.home .sv-home-stats__item {
    padding: 0 20px; }

  body.home .sv-home-stats__item + .sv-home-stats__item {
    border-left: 0; }

  body.home .sv-home-stats__icon {
    width: 46px;
    height: 46px;
    margin-bottom: 14px; }

  body.home .sv-home-stats__icon svg {
    width: 22px;
    height: 22px; }

  body.home .sv-home-stats__number {
    font-size: 42px; } }

@media (prefers-reduced-motion: reduce) {
  body.home .sv-home-stats__item {
    opacity: 1;
    transform: none;
    transition: none; } }

/* Vinamat featured products */
body.home .sv-home-featured-products {
  padding: 90px 0;
  background: #fff; }

body.home .sv-home-featured-products .sv-home-section__head {
  max-width: none;
  margin: 0 0 44px;
  text-align: center; }

body.home .sv-home-featured-products .sv-home-section__head h2 {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase; }

body.home .sv-home-featured-products .sv-home-section__head h2::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 80px;
  height: 6px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(50%); }

body.home .sv-home-featured-products .sv-home-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px; }

body.home .sv-home-featured-products .sv-home-product-card {
  display: flex;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--vinamat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(22, 36, 95, 0.08);
  transition: transform 0.24s ease, box-shadow 0.24s ease; }

body.home .sv-home-featured-products .sv-home-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(22, 36, 95, 0.14); }

body.home .sv-home-featured-products .sv-home-product-card__image {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 11;
  background: var(--vinamat-primary-light); }

body.home .sv-home-featured-products .sv-home-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.home .sv-home-featured-products .sv-home-product-card__body {
  display: flex;
  min-height: 190px;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 22px;
  text-align: center; }

body.home .sv-home-featured-products .sv-home-product-card__category {
  margin: 0 0 10px;
  color: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-featured-products .sv-home-product-card h3 {
  margin: 0;
  font-family: var(--vinamat-font-main);
  font-size: 20px;
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.35;
  letter-spacing: 0; }

body.home .sv-home-featured-products .sv-home-product-card h3 a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.home .sv-home-featured-products .sv-home-product-card h3 a:hover {
  color: var(--vinamat-accent); }

body.home .sv-home-featured-products .sv-home-product-card p:not(.sv-home-product-card__category) {
  margin: 12px auto 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.65;
  letter-spacing: 0; }

body.home .sv-home-featured-products__actions {
  display: flex;
  justify-content: center;
  margin-top: 42px; }

body.home .sv-home-featured-products__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 28px;
  border: 1px solid var(--vinamat-primary);
  color: var(--vinamat-primary);
  background: transparent;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease; }

body.home .sv-home-featured-products__button:hover {
  color: #fff;
  background: var(--vinamat-primary); }

@media only screen and (max-width: 991px) {
  body.home .sv-home-featured-products .sv-home-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-featured-products {
    padding: 56px 0; }

  body.home .sv-home-featured-products .sv-home-section__head {
    margin-bottom: 30px; }

  body.home .sv-home-featured-products .sv-home-product-grid {
    grid-template-columns: 1fr;
    gap: 20px; }

  body.home .sv-home-featured-products .sv-home-product-card__body {
    min-height: 0;
    padding: 20px; }

  body.home .sv-home-featured-products__actions {
    margin-top: 30px; }

  body.home .sv-home-featured-products__button {
    width: 100%; } }

/* BMB-inspired Vinamat about section */
body.home .sv-home-about {
  padding: 72px 0;
  background:
    linear-gradient(120deg, rgba(33, 51, 139, 0.98) 0%, rgba(22, 36, 95, 0.98) 100%),
    var(--vinamat-primary);
  color: #fff; }

body.home .sv-home-about__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 58px;
  align-items: center; }

body.home .sv-home-about__content {
  min-width: 0; }

body.home .sv-home-about__content h2 {
  position: relative;
  max-width: 780px;
  margin: 0;
  padding-bottom: 24px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-about__content h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 6px;
  background: #fff;
  content: ""; }

body.home .sv-home-about__content p {
  max-width: 620px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.78;
  letter-spacing: 0; }

body.home .sv-home-about__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 30px;
  padding: 0 28px;
  border: 1px solid var(--vinamat-accent);
  color: #fff;
  background: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease; }

body.home .sv-home-about__button:hover {
  border-color: #fff;
  background: transparent;
  color: #fff; }

body.home .sv-home-about__media {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-radius: 22px;
  background: var(--vinamat-primary-light);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24); }

body.home .sv-home-about__media::before {
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 24px;
  width: 78px;
  height: 6px;
  background: var(--vinamat-accent);
  content: ""; }

body.home .sv-home-about__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover; }

@media only screen and (max-width: 991px) {
  body.home .sv-home-about__layout {
    grid-template-columns: 1fr;
    gap: 34px; }

  body.home .sv-home-about__media,
  body.home .sv-home-about__media img {
    min-height: 340px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-about {
    padding: 48px 0; }

  body.home .sv-home-about__layout {
    gap: 28px; }

  body.home .sv-home-about__content h2 {
    font-size: 28px;
    line-height: 32px; }

  body.home .sv-home-about__content p {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.68; }

  body.home .sv-home-about__button {
    width: 100%;
    margin-top: 24px; }

  body.home .sv-home-about__media,
  body.home .sv-home-about__media img {
    min-height: 260px;
    border-radius: 18px; } }

/* BMB-style Vinamat why choose service cards */
body.home .sv-home-why {
  padding: 104px 0 39px;
  background: var(--vinamat-bg-light); }

body.home .sv-home-why .sv-home-section__head {
  max-width: none;
  margin: 0 0 42px;
  text-align: center; }

body.home .sv-home-why .sv-home-section__head h2 {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase; }

body.home .sv-home-why .sv-home-section__head h2::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 80px;
  height: 6px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(50%); }

body.home .sv-home-why__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px; }

body.home .sv-home-why__card {
  position: relative;
  display: block;
  min-height: 390px;
  overflow: hidden;
  border-radius: 6px;
  background-position: center;
  background-size: cover;
  box-shadow: 0 16px 42px rgba(22, 36, 95, 0.16);
  color: #fff;
  text-decoration: none;
  transform: translateY(0);
  transition: box-shadow 0.3s ease, transform 0.3s ease; }

body.home .sv-home-why__card::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(22, 36, 95, 0.72) 100%);
  transition: opacity 0.3s ease; }

body.home .sv-home-why__card:hover,
body.home .sv-home-why__card:focus-visible {
  box-shadow: 0 24px 58px rgba(22, 36, 95, 0.24);
  transform: translateY(-6px);
  outline: none; }

body.home .sv-home-why__base,
body.home .sv-home-why__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 28px;
  color: #fff; }

body.home .sv-home-why__base {
  justify-content: flex-end;
  transition: opacity 0.3s ease, transform 0.3s ease; }

body.home .sv-home-why__overlay {
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(33, 51, 139, 0.9) 0%, rgba(22, 36, 95, 0.97) 100%);
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.3s ease, transform 0.3s ease; }

body.home .sv-home-why__card:hover .sv-home-why__base,
body.home .sv-home-why__card:focus-visible .sv-home-why__base {
  opacity: 0;
  transform: translateY(-10px); }

body.home .sv-home-why__card:hover .sv-home-why__overlay,
body.home .sv-home-why__card:focus-visible .sv-home-why__overlay {
  opacity: 1;
  transform: translateY(0); }

body.home .sv-home-why__number {
  display: block;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--vinamat-font-main);
  font-size: 58px;
  font-weight: var(--vinamat-fw-bold);
  line-height: 0.95;
  letter-spacing: 0; }

body.home .sv-home-why__title {
  display: block;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 22px;
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.28;
  letter-spacing: 0; }

body.home .sv-home-why__desc {
  display: block;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.65;
  letter-spacing: 0; }

body.home .sv-home-why__more {
  display: inline-flex;
  width: fit-content;
  margin-top: 22px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.2;
  letter-spacing: 0; }

body.home .sv-home-why__more::before {
  display: inline-block;
  width: 34px;
  height: 2px;
  margin: 8px 10px 0 0;
  background: var(--vinamat-accent);
  content: ""; }

body.home .sv-home-why__card:focus-visible {
  outline: 3px solid rgba(209, 30, 38, 0.8);
  outline-offset: 4px; }

body.home .sv-home-why-card,
body.home .sv-home-why-card__number {
  display: none; }

body.home .sv-home-why-card h3,
body.home .sv-home-why-card p {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  body.home .sv-home-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media only screen and (max-width: 991px) {
  body.home .sv-home-why {
    padding-bottom: 26px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-why {
    padding: 73px 0 23px; }

  body.home .sv-home-why .sv-home-section__head {
    margin-bottom: 30px; }

  body.home .sv-home-why .sv-home-section__head h2 {
    font-size: 28px;
    line-height: 32px; }

  body.home .sv-home-why__grid {
    grid-template-columns: 1fr;
    gap: 18px; }

  body.home .sv-home-why__card {
    min-height: 320px;
    transform: none; }

  body.home .sv-home-why__base {
    opacity: 0; }

  body.home .sv-home-why__overlay {
    opacity: 1;
    transform: none;
    background: linear-gradient(180deg, rgba(33, 51, 139, 0.74) 0%, rgba(22, 36, 95, 0.96) 100%); }

  body.home .sv-home-why__base,
  body.home .sv-home-why__overlay {
    padding: 24px; }

  body.home .sv-home-why__number {
    font-size: 50px; } }

@media (prefers-reduced-motion: reduce) {
  body.home .sv-home-why__card,
  body.home .sv-home-why__base,
  body.home .sv-home-why__overlay {
    transition: none; }

  body.home .sv-home-why__card:hover,
  body.home .sv-home-why__card:focus-visible {
    transform: none; } }

/* BMB-inspired Vinamat news section */
body.home .sv-home-news {
  padding: 44px 0 56px;
  background: #fff; }

body.home .sv-home-news .sv-home-section__head {
  max-width: none;
  margin: 0 0 44px;
  text-align: center; }

body.home .sv-home-news .sv-home-section__head h2 {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase; }

body.home .sv-home-news .sv-home-section__head h2::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 80px;
  height: 6px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(50%); }

body.home .sv-home-news__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  gap: 34px;
  align-items: stretch; }

body.home .sv-home-news__featured,
body.home .sv-home-news__item {
  overflow: hidden;
  border: 1px solid var(--vinamat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(22, 36, 95, 0.08);
  transition: transform 0.24s ease, box-shadow 0.24s ease; }

body.home .sv-home-news__featured:hover,
body.home .sv-home-news__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(22, 36, 95, 0.14); }

body.home .sv-home-news__featured-image,
body.home .sv-home-news__item-image {
  display: block;
  overflow: hidden;
  background: var(--vinamat-primary-light); }

body.home .sv-home-news__featured-image {
  aspect-ratio: 16 / 10; }

body.home .sv-home-news__featured-image img,
body.home .sv-home-news__item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

body.home .sv-home-news__featured-body {
  padding: 26px; }

body.home .sv-home-news__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase; }

body.home .sv-home-news__featured h3,
body.home .sv-home-news__item h3 {
  margin: 0;
  font-family: var(--vinamat-font-main);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.35;
  letter-spacing: 0; }

body.home .sv-home-news__featured h3 {
  font-size: 25px; }

body.home .sv-home-news__item h3 {
  font-size: 18px; }

body.home .sv-home-news__featured h3 a,
body.home .sv-home-news__item h3 a {
  color: var(--vinamat-primary);
  text-decoration: none; }

body.home .sv-home-news__featured h3 a:hover,
body.home .sv-home-news__item h3 a:hover {
  color: var(--vinamat-accent); }

body.home .sv-home-news__featured p,
body.home .sv-home-news__item p {
  margin: 12px 0 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.68;
  letter-spacing: 0; }

body.home .sv-home-news__list {
  display: grid;
  gap: 18px; }

body.home .sv-home-news__item {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  min-height: 150px; }

body.home .sv-home-news__item-image {
  min-height: 150px; }

body.home .sv-home-news__item-body {
  padding: 18px 18px 18px 20px; }

body.home .sv-home-news__item time {
  display: block;
  margin: 0 0 8px;
  color: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 13px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.4;
  letter-spacing: 0; }

body.home .sv-home-news__actions {
  display: flex;
  justify-content: center;
  margin-top: 42px; }

body.home .sv-home-news__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 28px;
  border: 1px solid var(--vinamat-primary);
  color: var(--vinamat-primary);
  background: transparent;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease; }

body.home .sv-home-news__button:hover {
  color: #fff;
  background: var(--vinamat-primary); }

@media only screen and (max-width: 991px) {
  body.home .sv-home-news {
    padding-top: 30px; }

  body.home .sv-home-news__grid {
    grid-template-columns: 1fr; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-news {
    padding: 28px 0 36px; }

  body.home .sv-home-news .sv-home-section__head {
    margin-bottom: 30px; }

  body.home .sv-home-news .sv-home-section__head h2 {
    font-size: 28px;
    line-height: 32px; }

  body.home .sv-home-news__item {
    grid-template-columns: 1fr; }

  body.home .sv-home-news__item-image {
    aspect-ratio: 16 / 10;
    min-height: 0; }

  body.home .sv-home-news__featured-body,
  body.home .sv-home-news__item-body {
    padding: 20px; }

  body.home .sv-home-news__featured h3 {
    font-size: 21px; }

  body.home .sv-home-news__actions {
    margin-top: 30px; }

  body.home .sv-home-news__button {
    width: 100%; } }

/* Homepage news layout refinement */
body.home .sv-home-news__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 32px;
  align-items: start;
}

body.home .sv-home-news__featured {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
}

body.home .sv-home-news__featured-image {
  aspect-ratio: 16 / 10;
}

body.home .sv-home-news__featured-body {
  padding: 24px;
}

body.home .sv-home-news__featured p,
body.home .sv-home-news__item p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.home .sv-home-news__list {
  gap: 18px;
}

body.home .sv-home-news__item {
  display: grid;
  grid-template-columns: minmax(132px, 36%) minmax(0, 1fr);
  height: auto;
  min-height: 0;
  align-items: stretch;
}

body.home .sv-home-news__item-image {
  width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 3;
}

body.home .sv-home-news__featured-image img,
body.home .sv-home-news__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.home .sv-home-news__item-body {
  min-width: 0;
  padding: 20px 22px;
}

body.home .sv-home-news__item h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.home .sv-home-news__item time {
  margin-bottom: 8px;
}

@media only screen and (max-width: 991px) {
  body.home .sv-home-news__grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 575px) {
  body.home .sv-home-news__item {
    grid-template-columns: 1fr;
  }

  body.home .sv-home-news__item-image {
    aspect-ratio: 16 / 10;
  }

  body.home .sv-home-news__featured-body,
  body.home .sv-home-news__item-body {
    padding: 20px;
  }
}

/* Vinamat partners and brands */
body.home .sv-home-partners {
  overflow: hidden;
  padding: 0 0 80px;
  background: #fff; }

body.home .sv-home-partners__divider {
  width: 100%;
  height: 1px;
  margin: 0 0 56px;
  background: rgba(33, 51, 139, 0.22); }

body.home .sv-home-partners__head {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center; }

body.home .sv-home-partners__head h2 {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 24px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase; }

body.home .sv-home-partners__head h2::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 80px;
  height: 6px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(50%); }

body.home .sv-home-partners__carousel {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 2px 0 8px; }

body.home .sv-home-partners__track {
  display: flex;
  width: max-content;
  gap: 18px;
  animation: svPartnersMarquee 34s linear infinite; }

body.home .sv-home-partners__carousel:hover .sv-home-partners__track {
  animation-play-state: paused; }

body.home .sv-home-partners__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((1320px - 90px) / 6);
  min-width: 176px;
  height: 104px;
  padding: 20px 24px;
  border: 1px solid var(--vinamat-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(22, 36, 95, 0.06);
  transition: box-shadow 0.3s ease, transform 0.3s ease; }

body.home .sv-home-partners__card:hover {
  box-shadow: 0 14px 34px rgba(22, 36, 95, 0.1);
  transform: scale(1.03); }

body.home .sv-home-partners__card img {
  display: block;
  width: 100%;
  max-width: 160px;
  height: auto;
  max-height: 64px;
  object-fit: contain; }

body.home .sv-home-partners__desc {
  max-width: 720px;
  margin: 28px auto 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.65;
  letter-spacing: 0;
  text-align: center; }

body.home .sv-home-partners__empty {
  margin: 0 auto;
  padding: 28px 20px;
  border: 1px solid var(--vinamat-border);
  border-radius: 12px;
  background: #fff;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.6;
  text-align: center; }

@keyframes svPartnersMarquee {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(calc(-50% - 9px)); } }

@media only screen and (max-width: 991px) {
  body.home .sv-home-partners__card {
    width: calc((100vw - 120px) / 4);
    min-width: 150px; } }

@media only screen and (max-width: 575px) {
  body.home .sv-home-partners {
    padding-bottom: 56px; }

  body.home .sv-home-partners__divider {
    margin-bottom: 36px; }

  body.home .sv-home-partners__head {
    margin-bottom: 32px; }

  body.home .sv-home-partners__head h2 {
    font-size: 28px;
    line-height: 32px; }

  body.home .sv-home-partners__track {
    gap: 14px;
    animation-duration: 28s; }

  body.home .sv-home-partners__card {
    width: calc((100vw - 54px) / 2);
    min-width: 136px;
    height: 92px;
    padding: 18px; }

  body.home .sv-home-partners__card img {
    max-height: 54px; }

  body.home .sv-home-partners__desc {
    margin-top: 24px;
    font-size: 14px; } }

@media (prefers-reduced-motion: reduce) {
  body.home .sv-home-partners__track {
    animation: none; } }

/* Homepage spacing and typography normalization */
body.home .sv-home-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 48px;
  padding-left: 48px;
}

@media only screen and (min-width: 1440px) {
  body.home .sv-home-container {
    max-width: 1280px;
    padding-right: 56px;
    padding-left: 56px;
  }
}

@media only screen and (max-width: 991px) {
  body.home .sv-home-container {
    padding-right: 32px;
    padding-left: 32px;
  }
}

@media only screen and (max-width: 575px) {
  body.home .sv-home-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

body.home .sv-home-intro,
body.home .sv-home-product-categories,
body.home .sv-home-featured-products,
body.home .sv-home-news,
body.home .sv-home-partners {
  margin-bottom: 0;
  padding-top: 48px;
  padding-bottom: 48px;
}

body.home .sv-home-about,
body.home .sv-home-why {
  margin-bottom: 0;
  padding-top: 56px;
  padding-bottom: 56px;
}

body.home .sv-home-intro__title,
body.home .sv-home-product-categories .sv-home-section__head h2,
body.home .sv-home-featured-products .sv-home-section__head h2,
body.home .sv-home-about__content h2,
body.home .sv-home-why .sv-home-section__head h2,
body.home .sv-home-news .sv-home-section__head h2,
body.home .sv-home-partners__head h2 {
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.home .sv-home-product-categories .sv-home-section__head,
body.home .sv-home-featured-products .sv-home-section__head,
body.home .sv-home-why .sv-home-section__head,
body.home .sv-home-news .sv-home-section__head,
body.home .sv-home-partners__head {
  margin-bottom: 40px;
}

body.home .sv-home-intro__title::after {
  width: 80px;
  height: 4px;
  margin: 18px auto 40px;
}

body.home .sv-home-product-categories .sv-home-section__head h2,
body.home .sv-home-featured-products .sv-home-section__head h2,
body.home .sv-home-why .sv-home-section__head h2,
body.home .sv-home-news .sv-home-section__head h2,
body.home .sv-home-partners__head h2 {
  padding-bottom: 22px;
}

body.home .sv-home-about__content h2 {
  padding-bottom: 22px;
}

body.home .sv-home-product-categories .sv-home-section__head h2::after,
body.home .sv-home-featured-products .sv-home-section__head h2::after,
body.home .sv-home-about__content h2::after,
body.home .sv-home-why .sv-home-section__head h2::after,
body.home .sv-home-news .sv-home-section__head h2::after,
body.home .sv-home-partners__head h2::after {
  width: 80px;
  height: 4px;
}

body.home .sv-home-intro__text,
body.home .sv-home-about__content p,
body.home .sv-home-category-product-card__excerpt,
body.home .sv-home-featured-products .sv-home-product-card p:not(.sv-home-product-card__category),
body.home .sv-home-news__featured p,
body.home .sv-home-news__item p,
body.home .sv-home-partners__desc,
body.home .sv-home-category-empty,
body.home .sv-home-partners__empty {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.home .sv-home-category-product-card__title,
body.home .sv-home-featured-products .sv-home-product-card h3,
body.home .sv-home-news__featured h3,
body.home .sv-home-news__item h3,
body.home .sv-home-why__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

body.home .sv-home-product-card__category,
body.home .sv-home-news__meta,
body.home .sv-home-news__item time {
  font-size: 13px;
  font-weight: 700;
}

body.home .sv-home-category-tab,
body.home .sv-home-featured-products__button,
body.home .sv-home-about__button,
body.home .sv-home-news__button,
body.home .sv-home-why__more {
  font-size: 15px;
  font-weight: 700;
}

body.home .sv-home-category-tabs {
  margin-bottom: 32px;
}

body.home .sv-home-featured-products__actions,
body.home .sv-home-news__actions {
  margin-top: 36px;
}

body.home .sv-home-partners__divider {
  margin-bottom: 56px;
}

body.home .sv-home-partners__carousel {
  margin-top: 0;
}

body.home .sv-home-partners__card {
  width: calc((1200px - 90px) / 6);
}

@media only screen and (min-width: 1440px) {
  body.home .sv-home-partners__card {
    width: calc((1280px - 90px) / 6);
  }
}

@media only screen and (max-width: 991px) {
  body.home .sv-home-intro,
  body.home .sv-home-featured-products,
  body.home .sv-home-product-categories,
  body.home .sv-home-news {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.home .sv-home-about,
  body.home .sv-home-why {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  body.home .sv-home-partners {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.home .sv-home-partners__card {
    width: calc((100vw - 128px) / 4);
  }
}

@media only screen and (max-width: 575px) {
  body.home .sv-home-intro,
  body.home .sv-home-featured-products,
  body.home .sv-home-product-categories,
  body.home .sv-home-news {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.home .sv-home-about,
  body.home .sv-home-why {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  body.home .sv-home-partners {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.home .sv-home-intro__title,
  body.home .sv-home-product-categories .sv-home-section__head h2,
  body.home .sv-home-featured-products .sv-home-section__head h2,
  body.home .sv-home-about__content h2,
  body.home .sv-home-why .sv-home-section__head h2,
  body.home .sv-home-news .sv-home-section__head h2,
  body.home .sv-home-partners__head h2 {
    font-size: 30px;
    line-height: 1.18;
  }

  body.home .sv-home-product-categories .sv-home-section__head,
  body.home .sv-home-featured-products .sv-home-section__head,
  body.home .sv-home-why .sv-home-section__head,
  body.home .sv-home-news .sv-home-section__head,
  body.home .sv-home-partners__head {
    margin-bottom: 32px;
  }

  body.home .sv-home-intro__title::after {
    margin-bottom: 32px;
  }

  body.home .sv-home-intro__text,
  body.home .sv-home-about__content p,
  body.home .sv-home-category-product-card__excerpt,
  body.home .sv-home-featured-products .sv-home-product-card p:not(.sv-home-product-card__category),
  body.home .sv-home-news__featured p,
  body.home .sv-home-news__item p,
  body.home .sv-home-partners__desc,
  body.home .sv-home-category-empty,
  body.home .sv-home-partners__empty {
    font-size: 15px;
    line-height: 1.68;
  }

  body.home .sv-home-partners__divider {
    margin-bottom: 36px;
  }
}

/* Homepage news to partners spacing refinement */
body.home .sv-home-news {
  padding-bottom: 36px;
}

body.home .sv-home-partners {
  padding-top: 40px;
}

@media only screen and (max-width: 991px) {
  body.home .sv-home-news {
    padding-bottom: 30px;
  }

  body.home .sv-home-partners {
    padding-top: 34px;
  }
}

@media only screen and (max-width: 575px) {
  body.home .sv-home-news {
    padding-bottom: 26px;
  }

  body.home .sv-home-partners {
    padding-top: 30px;
  }
}

/* Homepage about visual unification with statistics */
body.home .sv-home-about {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.105) 0, rgba(255, 255, 255, 0.045) 24%, transparent 48%),
    radial-gradient(circle at 78% 58%, rgba(232, 236, 255, 0.08) 0, rgba(232, 236, 255, 0.03) 28%, transparent 54%),
    linear-gradient(115deg, rgba(33, 51, 139, 0.98) 0%, rgba(22, 36, 95, 0.98) 100%),
    var(--vinamat-primary);
}

body.home .sv-home-about::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 112px),
    linear-gradient(135deg, transparent 0 54%, rgba(255, 255, 255, 0.028) 54% 55%, transparent 55%);
  pointer-events: none;
}

body.home .sv-home-about::after {
  position: absolute;
  content: "";
  inset: 0;
  background:
    radial-gradient(ellipse at center, transparent 0%, transparent 58%, rgba(7, 13, 45, 0.18) 100%);
  pointer-events: none;
}

body.home .sv-home-about > .container {
  position: relative;
  z-index: 1;
}

body.home .sv-home-about__media {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.34),
    0 12px 32px rgba(22, 36, 95, 0.28);
}

body.home .sv-home-about__media::before {
  display: none;
}

/* BMB-inspired Vinamat footer */
body footer.bmb-vinamat-footer {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: var(--vinamat-primary-dark);
  color: #fff;
}

body footer.bmb-vinamat-footer::after {
  display: none;
}

/* Expandable floating contact buttons */
@keyframes vinamatFloatingPhoneSwing {
  0%,
  100% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(6deg);
  }

  80% {
    transform: rotate(-6deg);
  }
}

body .vinamat-floating-contact {
  position: fixed;
  right: 60px;
  bottom: 160px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-end;
}

body .vinamat-floating-contact__group {
  position: relative;
}

body .vinamat-floating-contact__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body .vinamat-floating-contact__button:hover,
body .vinamat-floating-contact__button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body .vinamat-floating-contact__button--zalo {
  background: #2962ff;
}

body .vinamat-floating-contact__button--phone {
  background: var(--vinamat-accent);
}

body .vinamat-floating-contact__button img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body .vinamat-floating-contact__button--zalo img {
  width: 32px;
  height: 32px;
}

body .vinamat-floating-contact__button--phone img {
  width: 38px;
  height: 38px;
  filter: brightness(0) invert(1);
  animation: vinamatFloatingPhoneSwing 2s infinite;
}

body .vinamat-floating-contact__panel {
  position: absolute;
  top: 50%;
  right: calc(100% + 12px);
  min-width: 260px;
  max-width: calc(100vw - 96px);
  padding: 8px;
  border: 1px solid rgba(229, 231, 235, 0.9);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translate(8px, -50%);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

body .vinamat-floating-contact__group.is-open .vinamat-floating-contact__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
}

body .vinamat-floating-contact__option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body .vinamat-floating-contact__option:hover,
body .vinamat-floating-contact__option:focus-visible {
  background: rgba(33, 51, 139, 0.06);
  color: var(--vinamat-primary);
}

body .vinamat-floating-contact__option-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--vinamat-primary-light);
  color: var(--vinamat-primary);
  font-size: 12px;
  font-weight: 900;
}

body .vinamat-floating-contact__option-icon svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body .vinamat-floating-contact__option small {
  margin-left: auto;
  color: var(--vinamat-muted);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

body .vinamat-floating-contact__option-label {
  flex: 0 0 auto;
  white-space: nowrap;
}

body .vinamat-floating-contact__option-value {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  body .vinamat-floating-contact {
    right: 25px;
    bottom: 100px;
    gap: 8px;
  }

  body .vinamat-floating-contact__button {
    width: 42px;
    height: 42px;
  }

  body .vinamat-floating-contact__button img {
    width: 25px;
    height: 25px;
  }

  body .vinamat-floating-contact__button--zalo img {
    width: 28px;
    height: 28px;
  }

  body .vinamat-floating-contact__button--phone img {
    width: 32px;
    height: 32px;
  }

  body .vinamat-floating-contact__panel {
    right: calc(100% + 10px);
    max-width: calc(100vw - 96px);
  }

  body .vinamat-floating-contact__option-value {
    font-size: 12px;
  }
}

body footer.bmb-vinamat-footer .container {
  position: relative;
  z-index: 1;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta {
  position: relative;
  overflow: hidden;
  padding: 38px 0;
  background:
    linear-gradient(105deg, rgba(33, 51, 139, 0.98) 0%, rgba(22, 36, 95, 0.98) 58%, rgba(209, 30, 38, 0.92) 100%);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 80px),
    radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.14), transparent 34%);
  pointer-events: none;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  min-height: 112px;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__icon img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text h2,
body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text p {
  margin: 0;
  color: #fff;
  font-family: var(--vinamat-font-main);
  letter-spacing: 0;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text h2 {
  font-size: 34px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.2;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text p {
  max-width: 690px;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.6;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__hotline,
body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 2px;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  appearance: none;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__hotline {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__button {
  min-width: 178px;
  border: 1px solid #fff;
  color: var(--vinamat-primary-dark);
  background: #fff;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__hotline:hover {
  border-color: #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__button:hover {
  color: #fff;
  background: var(--vinamat-accent);
  border-color: var(--vinamat-accent);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main {
  position: relative;
  overflow: hidden;
  padding: 72px 0 66px;
  background:
    linear-gradient(rgba(22, 36, 95, 0.94), rgba(22, 36, 95, 0.94)),
    linear-gradient(135deg, var(--vinamat-primary) 0%, var(--vinamat-primary-dark) 100%);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 55%, rgba(255, 255, 255, 0.06) 55% 56%, transparent 56%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 118px);
  opacity: 0.7;
  pointer-events: none;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.16fr) minmax(280px, 1fr) minmax(220px, 0.78fr);
  gap: 54px;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand,
body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__contact,
body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__connect {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  min-width: 0;
  margin-top: 0;
  padding-top: 0;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand {
  justify-content: center;
  align-self: stretch;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  height: 112px;
  min-height: 0;
  margin-bottom: 24px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo img {
  display: block;
  width: auto;
  height: 112px;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
}

body footer.bmb-vinamat-footer h2,
body footer.bmb-vinamat-footer h3 {
  margin: 0;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-weight: var(--vinamat-fw-semibold);
  letter-spacing: 0;
}

body footer.bmb-vinamat-footer h2 {
  max-width: 520px;
  font-size: 23px;
  line-height: 1.35;
}

body footer.bmb-vinamat-footer h3 {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 13px;
  font-size: 20px;
  line-height: 1.3;
}

body footer.bmb-vinamat-footer h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 52px;
  height: 3px;
  background: var(--vinamat-accent);
}

body footer.bmb-vinamat-footer p,
body footer.bmb-vinamat-footer span,
body footer.bmb-vinamat-footer a {
  color: rgba(255, 255, 255, 0.84);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.7;
  letter-spacing: 0;
}

body footer.bmb-vinamat-footer p {
  margin: 16px 0 0;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand p {
  margin: 18px 0 0;
}

body footer.bmb-vinamat-footer a {
  text-decoration: none;
  transition: color 0.2s ease;
}

body footer.bmb-vinamat-footer a:hover {
  color: #fff;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__item {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
  padding-left: 18px;
  border-left: 3px solid rgba(232, 236, 255, 0.38);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__item:last-child {
  margin-bottom: 0;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__item span {
  color: var(--vinamat-primary-light);
  font-size: 13px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.35;
  text-transform: uppercase;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__item a {
  color: #fff;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__quick {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 12px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__quick:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__social-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__social-list a:hover {
  background: rgba(255, 255, 255, 0.18);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__social-list img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__map-tagline {
  margin: -8px 0 18px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.5;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__map {
  width: 100%;
  height: 165px;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__map a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-bottom {
  padding: 16px 0;
  background: #101010;
  text-align: center;
}

body footer.bmb-vinamat-footer .bmb-vinamat-footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.5;
  text-transform: none;
}

@media only screen and (max-width: 991px) {
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__inner {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__icon {
    width: 62px;
    height: 62px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__icon img {
    width: 40px;
    height: 40px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__grid {
    grid-template-columns: 1fr 1fr;
    gap: 42px 34px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo,
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo img {
    height: 110px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__connect {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 767px) {
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta {
    padding: 30px 0;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__inner {
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: 0;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text h2 {
    font-size: 26px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__text p {
    font-size: 15px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__actions {
    grid-column: auto;
    flex-direction: column;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__hotline,
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-cta__button {
    width: 100%;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main {
    padding: 46px 0 42px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand {
    align-self: flex-start;
    height: auto;
  }

  body footer.bmb-vinamat-footer h2 {
    font-size: 20px;
  }

  body footer.bmb-vinamat-footer h3 {
    margin-bottom: 14px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo {
    width: auto;
    height: 80px;
    min-height: 0;
    margin-bottom: 24px;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__logo img {
    width: auto;
    height: 80px;
    max-width: 100%;
  }

  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__map {
    height: 220px;
  }
}

/* Stage 12 inner-page brand and typography normalization */
body.page-template-template-about .about-page-main .outstanding-service {
  background: linear-gradient(135deg, var(--vinamat-primary) 0%, var(--vinamat-primary-dark) 100%);
  color: var(--vinamat-white);
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name h2,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name h3,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name h4,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name h5,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name h6 {
  color: var(--vinamat-white);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .name::before {
  background: var(--vinamat-white);
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p {
  color: rgba(255, 255, 255, 0.9);
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .name h2,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .name h3,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .name h4,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .name h5,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .name h6 {
  color: var(--vinamat-white);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.page-template-template-about .about-page-main .milestones h2,
body.page-template-template-about .about-page-main .milestones h3 {
  color: var(--vinamat-primary);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
}

body.page-template-template-about .about-page-main .milestones h2::before,
body.page-template-template-about .about-page-main .milestones h3::before,
body.page-template-template-about .about-page-main .milestones .milestones-list::before,
body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content::before {
  background-color: var(--vinamat-primary);
}

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content::after {
  border-color: var(--vinamat-primary);
}

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text span {
  color: var(--vinamat-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text h5 {
  color: var(--vinamat-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text p {
  color: var(--vinamat-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.post-type-archive-san-pham .section-news .title h2,
body.tax-danh-muc-san-pham .section-news .title h2,
body.post-type-archive-san-pham .section-news .title h2 span,
body.tax-danh-muc-san-pham .section-news .title h2 span,
body.single-san-pham .products_list h3 {
  color: var(--vinamat-primary);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
}

body.post-type-archive-san-pham .section-news .title h2::before,
body.tax-danh-muc-san-pham .section-news .title h2::before,
body.post-type-archive-san-pham .section-news .list .list-category h3::before,
body.tax-danh-muc-san-pham .section-news .list .list-category h3::before,
body.single-san-pham .products_list h3::before {
  background-color: var(--vinamat-primary);
}

body.post-type-archive-san-pham .breadcrumb-sp,
body.post-type-archive-san-pham .breadcrumb-sp a,
body.tax-danh-muc-san-pham .breadcrumb-sp,
body.tax-danh-muc-san-pham .breadcrumb-sp a {
  color: var(--vinamat-primary);
  font-size: 14px;
  line-height: 1.5;
}

body.post-type-archive-san-pham .breadcrumb-sp .active,
body.tax-danh-muc-san-pham .breadcrumb-sp .active {
  color: var(--vinamat-accent);
}

body.post-type-archive-san-pham .section-news .list .list-category h3,
body.tax-danh-muc-san-pham .section-news .list .list-category h3,
body.post-type-archive-san-pham .section-news .list .list-category .name-cate,
body.tax-danh-muc-san-pham .section-news .list .list-category .name-cate {
  color: var(--vinamat-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li,
body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li {
  border-color: var(--vinamat-border);
}

body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active,
body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active {
  background: var(--vinamat-primary-light) !important;
}

body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li a,
body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li a {
  color: var(--vinamat-text);
  font-size: 16px;
  line-height: 1.7;
}

body.post-type-archive-san-pham .section-news .list > .col-lg-3,
body.tax-danh-muc-san-pham .section-news .list > .col-lg-3,
body.search .section-news .list > .col-lg-3 {
  min-width: 0;
  box-sizing: border-box;
}

body.post-type-archive-san-pham .section-news .list > .col-lg-3 > .vinamat-product-sidebar-search,
body.post-type-archive-san-pham .section-news .list > .col-lg-3 > .list-category,
body.tax-danh-muc-san-pham .section-news .list > .col-lg-3 > .vinamat-product-sidebar-search,
body.tax-danh-muc-san-pham .section-news .list > .col-lg-3 > .list-category,
body.search .section-news .list > .col-lg-3 > .vinamat-product-sidebar-search,
body.search .section-news .list > .col-lg-3 > .list-category {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.post-type-archive-san-pham .section-news .list .col-lg-3 > .vinamat-product-sidebar-search,
body.tax-danh-muc-san-pham .section-news .list .col-lg-3 > .vinamat-product-sidebar-search,
body.search .section-news .list .col-lg-3 > .vinamat-product-sidebar-search {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search__field,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search__field,
body.search .section-news .list .vinamat-product-sidebar-search__field {
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 54px;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 16px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #f5f7fb;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search__field:focus-within,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search__field:focus-within,
body.search .section-news .list .vinamat-product-sidebar-search__field:focus-within {
  border-color: var(--vinamat-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(33, 51, 139, .10);
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search__icon,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search__icon,
body.search .section-news .list .vinamat-product-sidebar-search__icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  color: var(--vinamat-muted);
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search svg,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search svg,
body.search .section-news .list .vinamat-product-sidebar-search svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search input[type="search"],
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search input[type="search"],
body.search .section-news .list .vinamat-product-sidebar-search input[type="search"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-sizing: border-box;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search input[type="search"]::placeholder,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search input[type="search"]::placeholder,
body.search .section-news .list .vinamat-product-sidebar-search input[type="search"]::placeholder {
  color: var(--vinamat-muted);
  opacity: 1;
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search button,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search button,
body.search .section-news .list .vinamat-product-sidebar-search button {
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--vinamat-primary);
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

body.post-type-archive-san-pham .section-news .list .vinamat-product-sidebar-search button:hover,
body.tax-danh-muc-san-pham .section-news .list .vinamat-product-sidebar-search button:hover,
body.search .section-news .list .vinamat-product-sidebar-search button:hover {
  background: var(--vinamat-primary);
  color: #fff;
}

body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active > a,
body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li.active > a,
body.post-type-archive-san-pham .section-news .list .list-category nav .dropdown-menu-test li:hover > a,
body.tax-danh-muc-san-pham .section-news .list .list-category nav .dropdown-menu-test li:hover > a {
  color: var(--vinamat-accent);
}

body.post-type-archive-san-pham .section-news .list .list-news .child .text h3,
body.tax-danh-muc-san-pham .section-news .list .list-news .child .text h3,
body.single-san-pham .products_list .prod-list .other-prod .orther-list-wrapper a,
body.single-san-pham .products_list .other-prod .orther-list-wrapper a h5,
body.single-san-pham .section-news .list .list-news .child .text h3 {
  color: var(--vinamat-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.post-type-archive-san-pham .section-news .list .list-news .child .decs,
body.tax-danh-muc-san-pham .section-news .list .list-news .child .decs,
body.single-san-pham .product-detail .product-detail-wrapper .info-product .desc p,
body.single-san-pham .product-detail .product-detail-wrapper .info-product .desc a {
  color: var(--vinamat-muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.page-template-template-recruitment .notification h3 {
  color: var(--vinamat-primary);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
}

body.page-template-template-recruitment .notification ul li a {
  color: var(--vinamat-primary);
  font-size: 14px;
  line-height: 1.5;
}

body.page-template-template-recruitment .notification ul li:first-child a::before,
body.page-template-template-recruitment .notification ul li:last-child a::before {
  border-color: var(--vinamat-primary);
}

body.page-template-template-recruitment .notification .form-search form {
  background: linear-gradient(135deg, var(--vinamat-primary) 0%, var(--vinamat-primary-dark) 100%);
}

body.page-template-template-recruitment .notification .form-search form::before {
  background-color: rgba(255, 255, 255, 0.22);
}

body.page-template-template-recruitment .notification .form-search form .container-input input {
  color: var(--vinamat-white);
}

body.page-template-template-recruitment .notification .form-search form .container-input input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

body.page-template-template-recruitment .notification .form-search form .container-select-btn button,
body.page-template-template-recruitment .notification .recruit .recruit-list button {
  background: var(--vinamat-accent);
  color: var(--vinamat-white);
  font-size: 16px;
  font-weight: 700;
}

body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child h4 {
  color: var(--vinamat-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child p,
body.page-template-template-recruitment .notification .recruit .recruit-form p {
  color: var(--vinamat-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.page-template-template-recruitment .notification .recruit .recruit-form h4,
body .recruit-detail .recruitment-details .recruit-form h4 {
  color: var(--vinamat-primary);
  font-size: clamp(28px, 2.4vw, 38px);
  font-weight: 900;
  line-height: 1.2;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form input,
body.page-template-template-recruitment .notification .recruit .recruit-form form textarea,
body .recruit-detail .recruitment-details .recruit-form form input,
body .recruit-detail .recruitment-details .recruit-form form textarea {
  color: var(--vinamat-text);
  font-size: 16px;
  line-height: 1.7;
  background: var(--vinamat-bg-light);
}

body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit,
body .recruit-detail .recruitment-details .recruit-form form .wpcf7-submit {
  background: var(--vinamat-accent);
  color: var(--vinamat-white);
  font-size: 16px;
  font-weight: 700;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit:hover,
body .recruit-detail .recruitment-details .recruit-form form .wpcf7-submit:hover {
  background: var(--vinamat-primary);
}

/* Stage 12C recruitment rendered layout and brand fix */
body.page-template-template-recruitment .main_body {
  overflow-x: hidden;
  background: var(--vinamat-bg-light);
}

body.page-template-template-recruitment .sv-recruitment-hero {
  position: relative;
  overflow: hidden;
  padding: 56px 0;
  background: linear-gradient(135deg, var(--vinamat-primary) 0%, var(--vinamat-primary-dark) 100%);
}

body.page-template-template-recruitment .sv-recruitment-hero::before {
  display: none !important;
  content: none !important;
}

body.page-template-template-recruitment .sv-recruitment-hero > .container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 48px;
}

body.page-template-template-recruitment .sv-recruitment-hero .content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
  gap: 56px;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
}

body.page-template-template-recruitment .sv-recruitment-hero .content > [class*="col-"] {
  width: auto;
  max-width: none;
  flex: none;
  padding-right: 0;
  padding-left: 0;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text {
  max-width: none;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .directional,
body.page-template-template-recruitment .sv-recruitment-hero .content .text .directional a {
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .title {
  margin: 18px 0 16px;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .title h2 {
  margin: 0;
  color: var(--vinamat-white);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .name {
  margin: 0 0 14px;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .name h4 {
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc,
body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p {
  margin: 0 0 12px;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p:last-child {
  margin-bottom: 0;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .image {
  padding: 0;
}

body.page-template-template-recruitment .sv-recruitment-hero .content .image figure {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: 520px;
  margin: 0;
  padding-top: 0;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
}

body.page-template-template-recruitment .sv-recruitment-hero .content .image figure img {
  position: static;
  display: block;
  width: 100%;
  height: clamp(320px, 36vw, 520px);
  max-height: 520px;
  object-fit: cover;
}

body.page-template-template-recruitment .notification {
  background: var(--vinamat-bg-light);
  padding: 56px 0;
}

body.page-template-template-recruitment .notification h3 {
  margin: 0 0 28px;
  color: var(--vinamat-primary);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
}

body.page-template-template-recruitment .notification .form-search {
  width: 100%;
  margin: 0 0 24px;
}

body.page-template-template-recruitment .notification .form-search form {
  width: 100%;
  margin: 0;
}

body.page-template-template-recruitment .notification .recruit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 32px;
  align-items: start;
}

body.page-template-template-recruitment .notification .recruit .recruit-main,
body.page-template-template-recruitment .notification .recruit .recruit-list {
  width: 100%;
  min-width: 0;
}

body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child {
  width: 100%;
  background: var(--vinamat-white);
  border: 1px solid var(--vinamat-border);
  margin: 0 0 32px;
}

body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child h4 {
  color: var(--vinamat-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child p,
body.page-template-template-recruitment .notification .recruit .recruit-form p {
  color: var(--vinamat-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit,
body.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit {
  display: block;
  width: fit-content;
  height: 52px;
  margin: 18px auto 0;
  padding: 0 36px;
  border-radius: 10px;
  background: linear-gradient(90deg, #D11E26, #B5161D) !important;
  color: var(--vinamat-white) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit,
body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit {
  display: block;
  width: fit-content;
  height: 52px;
  margin: 18px auto 0;
  padding: 0 36px;
  border-radius: 10px;
  background: linear-gradient(90deg, #D11E26, #B5161D) !important;
  color: var(--vinamat-white) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 52px;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit:hover,
body.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(209, 30, 38, 0.25);
}

body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit:hover,
body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(209, 30, 38, 0.25);
}

body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit:active,
body.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit:active {
  transform: translateY(0);
  box-shadow: none;
}

body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit:active,
body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit:active {
  transform: translateY(0);
  box-shadow: none;
}

body.page-template-template-recruitment .notification .recruit .recruit-list button {
  margin-top: 14px;
  background: var(--vinamat-accent) !important;
  color: var(--vinamat-white) !important;
  font-size: 16px;
  font-weight: 700;
}

body.page-template-template-recruitment .notification .recruit .recruit-form {
  width: 100%;
  max-width: 100%;
  padding: 36px;
  margin-top: 0;
  border-radius: 16px;
}

body.page-template-template-recruitment .notification .recruit .recruit-form h4 {
  margin: 0 0 16px;
  color: var(--vinamat-primary) !important;
  font-size: clamp(28px, 2.4vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form input,
body.page-template-template-recruitment .notification .recruit .recruit-form form textarea {
  color: var(--vinamat-text);
  background: var(--vinamat-bg-light);
  border: 1px solid transparent;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form input {
  margin-bottom: 16px;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form textarea {
  margin-bottom: 24px;
}

body.page-template-template-recruitment .notification .recruit .recruit-form form input:focus,
body.page-template-template-recruitment .notification .recruit .recruit-form form textarea:focus {
  border-color: var(--vinamat-primary);
}

body.page-template-template-recruitment .recruitment-benefits-list .item {
  border: 1px solid var(--vinamat-border);
}

body.page-template-template-recruitment .recruitment-benefits {
  padding-top: 56px;
}

body.page-template-template-recruitment .recruitment-benefits-list {
  margin-top: 0;
}

body.page-template-template-recruitment .recruitment-benefits-list h4 {
  color: var(--vinamat-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-template-template-recruitment .recruitment-benefits-list p {
  color: var(--vinamat-muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

@media only screen and (max-width: 991px) {
  body.page-template-template-recruitment .sv-recruitment-hero {
    padding: 48px 0;
  }

  body.page-template-template-recruitment .sv-recruitment-hero > .container {
    padding-inline: 32px;
  }

  body.page-template-template-recruitment .sv-recruitment-hero .content {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.page-template-template-recruitment .notification {
    padding: 48px 0;
  }

  body.page-template-template-recruitment .sv-recruitment-hero .content .image figure img {
    height: min(64vw, 430px);
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-recruitment .sv-recruitment-hero {
    padding: 40px 0;
  }

  body.page-template-template-recruitment .sv-recruitment-hero > .container {
    padding-inline: 20px;
  }

  body.page-template-template-recruitment .sv-recruitment-hero .content {
    gap: 26px;
  }

  body.page-template-template-recruitment .notification {
    padding: 40px 0;
  }

  body.page-template-template-recruitment .notification h3 {
    margin-bottom: 24px;
  }

  body.page-template-template-recruitment .notification .form-search {
    margin-bottom: 24px;
  }

  body.page-template-template-recruitment .notification .recruit {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.page-template-template-recruitment .notification .form-search {
    margin-bottom: 18px;
  }

  body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child {
    margin-bottom: 24px;
  }

  body.page-template-template-recruitment .notification .recruit .recruit-form {
    padding: 28px 20px;
  }

  body.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit,
  body.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit {
    width: 100%;
  }

  body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .wpcf7-submit,
  body.wp-theme-vinamat.page-template-template-recruitment .notification .recruit .recruit-form form .form_submit {
    width: 100%;
  }

  body.page-template-template-recruitment .sv-recruitment-hero .content .text .title h2 {
    font-size: 32px;
  }

  body.page-template-template-recruitment .sv-recruitment-hero .content .image figure img {
    height: min(72vw, 340px);
  }
}

/* Stage 12F recruitment listing grid rebuild */
body.page-template-template-recruitment .recruitment-listing {
  padding: 56px 0;
  background: var(--vinamat-bg-light);
}

body.page-template-template-recruitment .recruitment-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 48px;
  padding-left: 48px;
}

body.page-template-template-recruitment .recruitment-container > h2 {
  margin: 0 0 28px;
  color: var(--vinamat-primary);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
}

body.page-template-template-recruitment .recruitment-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 32px;
  align-items: start;
  width: 100%;
  margin: 0;
}

body.page-template-template-recruitment .recruitment-main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body.page-template-template-recruitment .recruitment-search,
body.page-template-template-recruitment .recruitment-search form,
body.page-template-template-recruitment .job-list,
body.page-template-template-recruitment .job-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

body.page-template-template-recruitment .recruitment-search {
  position: static;
  margin: 0 0 24px;
  padding: 0;
  transform: none;
}

body.page-template-template-recruitment .recruitment-search form {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin: 0;
  transform: none;
}

body.page-template-template-recruitment .recruitment-search form::before {
  display: none !important;
  content: none !important;
}

body.page-template-template-recruitment .recruitment-search .container-input {
  display: flex;
  min-width: 0;
  height: 72px;
  align-items: center;
  gap: 12px;
  padding: 0 0 0 20px;
}

body.page-template-template-recruitment .recruitment-search .container-input input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

body.page-template-template-recruitment .recruitment-search .container-select-btn {
  display: flex;
  width: 150px;
  min-width: 150px;
  align-items: center;
}

body.page-template-template-recruitment .recruitment-search .container-select-btn button {
  width: 150px;
  height: 48px;
  margin: 0;
  white-space: nowrap;
}

body.page-template-template-recruitment .recruitment-search .container-input,
body.page-template-template-recruitment .recruitment-search .container-select-btn {
  min-width: 0;
  max-width: 100%;
}

body.page-template-template-recruitment .recruitment-search input {
  max-width: 100%;
}

body.page-template-template-recruitment .job-list {
  margin: 0;
}

body.page-template-template-recruitment .job-card {
  margin: 0 0 32px;
}

body.page-template-template-recruitment .job-card:last-child {
  margin-bottom: 0;
}

body.page-template-template-recruitment .recruitment-form-card {
  position: static;
  align-self: start;
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  transform: none;
  border-radius: 16px;
  box-sizing: border-box;
}

@media only screen and (max-width: 991px) {
  body.page-template-template-recruitment .recruitment-container {
    padding-right: 24px;
    padding-left: 24px;
  }

  body.page-template-template-recruitment .recruitment-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.page-template-template-recruitment .recruitment-search {
    margin-bottom: 18px;
  }

  body.page-template-template-recruitment .recruitment-search form {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.page-template-template-recruitment .recruitment-search .container-input {
    height: 56px;
    padding: 0 16px;
  }

  body.page-template-template-recruitment .recruitment-search .container-select-btn,
  body.page-template-template-recruitment .recruitment-search .container-select-btn button {
    width: 100%;
    min-width: 0;
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-recruitment .recruitment-listing {
    padding: 40px 0;
  }

  body.page-template-template-recruitment .recruitment-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* Stage 13 global Roboto typography layer */
:root {
  --vinamat-font-main: 'Roboto', Arial, sans-serif;
  --vinamat-fw-light: 300;
  --vinamat-fw-regular: 400;
  --vinamat-fw-medium: 500;
  --vinamat-fw-semibold: 700;
  --vinamat-fw-bold: 900;
}

body,
button:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
input:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
textarea:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
select:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
label:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
a:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
p:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
li:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
div:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
blockquote:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h1:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h2:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h3:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h4:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h5:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]),
h6:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class^="fa-"]):not([class*=" fa-"]):not([class^="bi-"]):not([class*=" bi-"]):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class*="icon"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="las"]):not([class*=" las"]) {
  font-family: var(--vinamat-font-main);
}

body {
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.7;
}

h1 {
  font-size: clamp(36px, 4vw, 52px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
}

h2 {
  font-size: clamp(30px, 3vw, 44px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
}

h3,
h4,
h5,
h6 {
  font-size: 20px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.35;
}

p,
li,
blockquote {
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.7;
}

small,
time,
.meta,
.post-meta,
.breadcrumb,
.breadcrumb-sp,
.sv-home-news__meta,
.sv-home-product-card__category {
  font-size: 14px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.5;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
  font-size: 16px;
  font-weight: var(--vinamat-fw-semibold);
}

input,
textarea,
select,
label {
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
}

/* Stage 14 single product polish */
body.single-san-pham .main_body {
  margin-top: 32px;
  padding-top: 0;
}

body.single-san-pham .product-detail {
  padding-top: 28px;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info {
  max-width: 760px;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one,
body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child,
body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child picture {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one {
  overflow: hidden;
  border-radius: 12px;
  background: transparent;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child picture {
  display: block;
  overflow: hidden;
  border-radius: inherit;
  background: transparent;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider .slider-one .slider-one-child picture img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: initial;
  object-position: center;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-6 .slider.has-gallery .slider-two {
  gap: 14px;
  margin-top: 14px;
}

/* Stage 18 BMB-style header polish */
body {
  margin-top: 0;
  padding-top: 0;
}

body header.site-header.bmb-vinamat-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 9999;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(22, 36, 95, 0.08);
  transition: box-shadow .25s ease, transform .25s ease;
}

body.admin-bar header.site-header.bmb-vinamat-header {
  top: 0;
}

body .bmb-vinamat-topbar,
body .bmb-vinamat-mainbar {
  margin: 0;
  padding: 0;
}

body .bmb-vinamat-topbar__inner {
  min-height: 36px;
  align-items: center;
}

body .bmb-vinamat-topbar > .container,
body .bmb-vinamat-mainbar > .container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 48px;
  padding-left: 48px;
}

body .bmb-vinamat-mainbar__inner {
  display: grid;
  min-height: 82px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 36px;
  align-items: center;
  padding: 0;
}

body .bmb-vinamat-menu > ul {
  gap: 36px;
}

body .bmb-vinamat-menu > ul > li {
  position: relative;
}

body .bmb-vinamat-menu > ul > li > a {
  position: relative;
  padding: 10px 0 12px;
  color: #21338B;
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .01em;
  text-transform: uppercase;
  transition: color .25s ease;
}

body .bmb-vinamat-menu > ul > li > a::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: #21338B;
  content: "";
  opacity: 0;
  transform: translateX(50%) scaleX(0);
  transform-origin: center;
  transition: opacity .25s ease, transform .25s ease;
}

body .bmb-vinamat-menu > ul > li:hover > a,
body .bmb-vinamat-menu > ul > li:focus-within > a {
  color: #21338B;
}

body .bmb-vinamat-menu > ul > li:hover > a::after,
body .bmb-vinamat-menu > ul > li:focus-within > a::after,
body.home .bmb-vinamat-menu--left > ul > li:nth-child(1) > a::after,
body.page-template-template-about .bmb-vinamat-menu--left > ul > li:nth-child(2) > a::after,
body.post-type-archive-san-pham .bmb-vinamat-menu--left > ul > li:nth-child(3) > a::after,
body.tax-danh-muc-san-pham .bmb-vinamat-menu--left > ul > li:nth-child(3) > a::after,
body.single-san-pham .bmb-vinamat-menu--left > ul > li:nth-child(3) > a::after,
body.page-template-template-recruitment .bmb-vinamat-menu--right > ul > li:nth-child(1) > a::after,
body.page-template-template-news .bmb-vinamat-menu--right > ul > li:nth-child(2) > a::after,
body.single-post .bmb-vinamat-menu--right > ul > li:nth-child(2) > a::after,
body.page-template-template-contact .bmb-vinamat-menu--right > ul > li:nth-child(3) > a::after {
  opacity: 1;
  transform: translateX(50%) scaleX(1);
}

body .bmb-vinamat-menu__dropdown a {
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

body .bmb-vinamat-logo img {
  width: auto;
  height: auto;
  max-width: 112px;
  max-height: 60px;
  object-fit: contain;
}

/* Stage 19 homepage product card optimization */
body.home .sv-home-category-product-card,
body.home .sv-home-featured-products .sv-home-product-card {
  display: flex;
  flex-direction: column;
}

body.home .sv-home-category-product-card__body,
body.home .sv-home-featured-products .sv-home-product-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 24px;
  text-align: center;
}

body.home .sv-home-category-product-card__title,
body.home .sv-home-featured-products .sv-home-product-card h3 {
  margin: 0;
}

body.home .sv-home-featured-products .sv-home-product-card__category {
  margin: 0 0 8px;
}

body.home .sv-home-category-product-card__excerpt,
body.home .sv-home-featured-products .sv-home-product-card__excerpt {
  display: -webkit-box;
  flex-grow: 1;
  margin: 12px auto 0;
  overflow: hidden;
  color: var(--vinamat-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.home .sv-home-product-card__more {
  display: inline-flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: 18px;
  padding: 0 22px;
  border: 1px solid #21338B;
  border-radius: 999px;
  background: #FFFFFF;
  color: #21338B;
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

body.home .sv-home-product-card__more:hover {
  border-color: #21338B;
  background: #21338B;
  color: #FFFFFF;
}

@media only screen and (max-width: 575px) {
  body.home .sv-home-category-product-card__excerpt,
  body.home .sv-home-featured-products .sv-home-product-card__excerpt {
    -webkit-line-clamp: 3;
  }
}

@media only screen and (max-width: 1199px) {
  body .bmb-vinamat-mainbar__inner {
    gap: 28px;
  }

  body .bmb-vinamat-menu > ul {
    gap: 28px;
  }

  body .bmb-vinamat-menu > ul > li > a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 991px) {
  body .bmb-vinamat-topbar > .container,
  body .bmb-vinamat-mainbar > .container {
    padding-right: 32px;
    padding-left: 32px;
  }

  body .bmb-vinamat-mainbar__inner {
    display: flex;
    min-height: 72px;
    justify-content: space-between;
  }

  body .bmb-vinamat-logo img {
    width: auto;
    height: auto;
    max-width: 90px;
    max-height: 54px;
  }
}

@media only screen and (max-width: 782px) {
  body.admin-bar header.site-header.bmb-vinamat-header {
    top: 0;
  }
}

@media only screen and (max-width: 575px) {
  body .bmb-vinamat-topbar > .container,
  body .bmb-vinamat-mainbar > .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  body .bmb-vinamat-mainbar__inner {
    min-height: 64px;
  }

  body .bmb-vinamat-logo img {
    width: auto;
    height: auto;
    max-width: 82px;
    max-height: 48px;
  }
}

body.single-san-pham .product-detail .product-detail-wrapper + .product-detail-wrapper::before {
  display: block;
  flex: 0 0 calc(100% - 30px);
  width: calc(100% - 30px);
  height: 1px;
  margin: 28px 15px 32px;
  background: rgba(33, 51, 139, .10);
  content: "";
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-title .first {
  margin: 0 0 24px;
  color: #21338B;
  font-size: clamp(26px, 2.4vw, 36px);
  font-weight: 900;
  line-height: 1.2;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content * {
  max-width: 100%;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content {
  color: #1F2937;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content > :first-child {
  margin-top: 0;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h1,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h2 {
  margin: 36px 0 16px;
  color: #21338B;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 900;
  line-height: 1.25;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h3 {
  margin: 28px 0 12px;
  color: #1F2937;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h4,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h5,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h6 {
  margin: 24px 0 12px;
  color: #1F2937;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p {
  margin: 0 0 16px;
  color: #1F2937;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content ul,
body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content ol {
  margin: 0 0 20px;
  padding-left: 22px;
  color: #1F2937;
  font-size: 16px;
  line-height: 1.7;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content li {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.7;
}

body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px 0;
  border-radius: 12px;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot h4 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
}

body.single-san-pham .product-detail .product-detail-wrapper .col-lg-4 .new-hot .new-hot-child h3 {
  margin: 0;
  color: #1F2937;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

@media only screen and (max-width: 991px) {
  body.single-san-pham .main_body {
    margin-top: 28px;
  }

  body.single-san-pham .product-detail {
    padding-top: 24px;
  }

  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  body.single-san-pham .main_body {
    margin-top: 10px;
  }

  body.single-san-pham .product-detail {
    padding-top: 20px;
  }

  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-title .first {
    font-size: 26px;
  }

  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h1,
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h2 {
    font-size: 24px;
  }

  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content h3 {
    font-size: 20px;
  }
}

/* Stage 20 single news layout refinement */
body.single-post .single-news-page {
  margin-top: 58px;
  padding-top: 0;
}

@media only screen and (max-width: 991px) {
  body.single-post .single-news-page {
    margin-top: 48px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  body.single-post .single-news-page {
    margin-top: 36px;
    padding-top: 0;
  }
}

/* Product archive top spacing refinement */
body.post-type-archive-san-pham .section-news,
body.tax-danh-muc-san-pham .section-news {
  padding-top: 52px;
  padding-bottom: 56px;
}

body.post-type-archive-san-pham .breadcrumb-sp,
body.tax-danh-muc-san-pham .breadcrumb-sp {
  margin-bottom: 22px;
}

body.post-type-archive-san-pham .section-news .title,
body.tax-danh-muc-san-pham .section-news .title {
  margin-bottom: 34px;
}

@media only screen and (max-width: 991px) {
  body.post-type-archive-san-pham .section-news,
  body.tax-danh-muc-san-pham .section-news {
    padding-top: 46px;
    padding-bottom: 50px;
  }

  body.post-type-archive-san-pham .breadcrumb-sp,
  body.tax-danh-muc-san-pham .breadcrumb-sp {
    margin-bottom: 20px;
  }

  body.post-type-archive-san-pham .section-news .title,
  body.tax-danh-muc-san-pham .section-news .title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  body.post-type-archive-san-pham .section-news,
  body.tax-danh-muc-san-pham .section-news {
    padding-top: 40px;
    padding-bottom: 44px;
  }

  body.post-type-archive-san-pham .breadcrumb-sp,
  body.tax-danh-muc-san-pham .breadcrumb-sp {
    margin-bottom: 18px;
  }

  body.post-type-archive-san-pham .section-news .title,
  body.tax-danh-muc-san-pham .section-news .title {
    margin-bottom: 28px;
  }
}

/* Stage 25 justified long-form paragraph text */
@media only screen and (min-width: 768px) {
  body.single-post .single-news-content p,
  body.single-post .vinamat-single-news__content p,
  body.single-post .vinamat-single-post-content p,
  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail p,
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .left .desc p,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .right p,
  body.page-template-template-about .about-page-main .introduce .list .child .item .desc p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text p,
  body.page-template-template-about .about-content p,
  body.page-template-template-about .about-intro p,
  body.page-template-template-about .about-philosophy p,
  body.page-template-template-about .about-section p,
  body.page-template-template-about .section-content p,
  body.page-template-template-about .entry-content p,
  body.single-post .entry-content p,
  body.single-san-pham .entry-content p,
  body.single-san-pham .product-content p,
  body.page-template-template-recruitment .entry-content p,
  body.page-template-template-contact .entry-content p,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p,
  body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child p,
  body.page-template-template-recruitment .recruitment-benefits-list p,
  body.page-template-template-contact .contact-page-hero p,
  body.page-template-template-contact .contact-page-form-panel__desc p,
  body.page-template-template-contact .contact-page-note p,
  body.home .sv-home-intro__text,
  body.home .sv-home-about__content p {
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
  }
}

@media only screen and (max-width: 767px) {
  body.single-post .single-news-content p,
  body.single-post .vinamat-single-news__content p,
  body.single-post .vinamat-single-post-content p,
  body.single-post .new-detail .new-wrapper .new-left .new-main .text-new-main .content-detail p,
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .left .desc p,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .right p,
  body.page-template-template-about .about-page-main .introduce .list .child .item .desc p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p,
  body.page-template-template-about .about-page-main .milestones .milestones-list .milestone-content .milestone-text p,
  body.page-template-template-about .about-content p,
  body.page-template-template-about .about-intro p,
  body.page-template-template-about .about-philosophy p,
  body.page-template-template-about .about-section p,
  body.page-template-template-about .section-content p,
  body.page-template-template-about .entry-content p,
  body.single-post .entry-content p,
  body.single-san-pham .entry-content p,
  body.single-san-pham .product-content p,
  body.page-template-template-recruitment .entry-content p,
  body.page-template-template-contact .entry-content p,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p,
  body.page-template-template-recruitment .notification .recruit .recruit-list .recruit-child p,
  body.page-template-template-recruitment .recruitment-benefits-list p,
  body.page-template-template-contact .contact-page-hero p,
  body.page-template-template-contact .contact-page-form-panel__desc p,
  body.page-template-template-contact .contact-page-note p,
  body.home .sv-home-intro__text,
  body.home .sv-home-about__content p {
    text-align: left;
    text-align-last: left;
  }
}

/* Stage 27 global readable-content justification */
@media only screen and (min-width: 768px) {
  .entry-content p,
  .entry-content div,
  .entry-content li,
  .entry-content blockquote,
  .page-content p,
  .page-content div,
  .page-content li,
  .page-content blockquote,
  .post-content p,
  .post-content div,
  .post-content li,
  .post-content blockquote,
  .editor-content p,
  .editor-content div,
  .editor-content li,
  .editor-content blockquote,
  .content-area p,
  .content-area div,
  .content-area li,
  .content-area blockquote,
  .about-content p,
  .about-content div,
  .about-content li,
  .about-content blockquote,
  .about-text p,
  .about-text div,
  .about-text li,
  .about-text blockquote,
  .section-content p,
  .section-content div,
  .section-content li,
  .section-content blockquote,
  .section-description,
  .section-description p,
  .section-description div,
  .section-description li,
  .section-description blockquote,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .desc,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .desc p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p,
  body.home .sv-home-intro__text,
  body.home .sv-home-about__content,
  body.home .sv-home-about__content p,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p,
  body.page-template-template-contact .contact-page-hero p,
  body.single-post .single-news-content p,
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p,
  .footer-company-desc,
  .hero-description,
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand p {
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    hyphens: auto;
  }

  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .page-content h1,
  .page-content h2,
  .page-content h3,
  .page-content h4,
  .page-content h5,
  .page-content h6,
  .post-content h1,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6,
  .editor-content h1,
  .editor-content h2,
  .editor-content h3,
  .editor-content h4,
  .editor-content h5,
  .editor-content h6,
  .content-area h1,
  .content-area h2,
  .content-area h3,
  .content-area h4,
  .content-area h5,
  .content-area h6,
  .about-content h1,
  .about-content h2,
  .about-content h3,
  .about-content h4,
  .about-content h5,
  .about-content h6,
  .about-text h1,
  .about-text h2,
  .about-text h3,
  .about-text h4,
  .about-text h5,
  .about-text h6,
  .section-content h1,
  .section-content h2,
  .section-content h3,
  .section-content h4,
  .section-content h5,
  .section-content h6,
  .entry-content button,
  .entry-content .button,
  .entry-content input,
  .entry-content label,
  .entry-content table,
  .entry-content th,
  .entry-content td,
  .page-content button,
  .page-content .button,
  .page-content input,
  .page-content label,
  .page-content table,
  .page-content th,
  .page-content td,
  .post-content button,
  .post-content .button,
  .post-content input,
  .post-content label,
  .post-content table,
  .post-content th,
  .post-content td,
  .editor-content button,
  .editor-content .button,
  .editor-content input,
  .editor-content label,
  .editor-content table,
  .editor-content th,
  .editor-content td,
  .content-area button,
  .content-area .button,
  .content-area input,
  .content-area label,
  .content-area table,
  .content-area th,
  .content-area td,
  .about-content button,
  .about-content .button,
  .about-content input,
  .about-content label,
  .about-content table,
  .about-content th,
  .about-content td,
  .section-content button,
  .section-content .button,
  .section-content input,
  .section-content label,
  .section-content table,
  .section-content th,
  .section-content td,
  nav,
  nav *,
  .breadcrumb,
  .breadcrumb *,
  .single-news-breadcrumb,
  .single-news-breadcrumb *,
  .contact-page-breadcrumb,
  .contact-page-breadcrumb *,
  .menu,
  .menu *,
  [class*="menu"],
  [class*="menu"] *,
  [class*="title"],
  [class*="title"] *,
  [class*="meta"],
  [class*="meta"] *,
  [class*="button"],
  [class*="button"] *,
  [class*="card"] h1,
  [class*="card"] h2,
  [class*="card"] h3,
  [class*="card"] h4,
  [class*="card"] h5,
  [class*="card"] h6 {
    text-align: inherit;
    text-align-last: auto;
    hyphens: manual;
  }
}

@media only screen and (max-width: 767px) {
  .entry-content p,
  .entry-content div,
  .entry-content li,
  .entry-content blockquote,
  .page-content p,
  .page-content div,
  .page-content li,
  .page-content blockquote,
  .post-content p,
  .post-content div,
  .post-content li,
  .post-content blockquote,
  .editor-content p,
  .editor-content div,
  .editor-content li,
  .editor-content blockquote,
  .content-area p,
  .content-area div,
  .content-area li,
  .content-area blockquote,
  .about-content p,
  .about-content div,
  .about-content li,
  .about-content blockquote,
  .about-text p,
  .about-text div,
  .about-text li,
  .about-text blockquote,
  .section-content p,
  .section-content div,
  .section-content li,
  .section-content blockquote,
  .section-description,
  .section-description p,
  .section-description div,
  .section-description li,
  .section-description blockquote,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .desc,
  body.page-template-template-about .about-page-main .introduce .ablout-vx .text .desc p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .title .decs p,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc,
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text .child .content .desc p,
  body.home .sv-home-intro__text,
  body.home .sv-home-about__content,
  body.home .sv-home-about__content p,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc,
  body.page-template-template-recruitment .sv-recruitment-hero .content .text .desc p,
  body.page-template-template-contact .contact-page-hero p,
  body.single-post .single-news-content p,
  body.single-san-pham .product-detail .product-detail-wrapper .product-detail-info .product-detail-info-content p,
  .footer-company-desc,
  .hero-description,
  body footer.bmb-vinamat-footer .bmb-vinamat-footer-main__brand p {
    text-align: left;
    text-align-last: left;
    hyphens: manual;
  }
}

/* Stage 30 About hero top spacing */
body.page-template-template-about .about-page-main {
  padding-top: 0 !important;
}

body.page-template-template-about .about-page-main .introduce {
  padding-top: 20px !important;
}

@media only screen and (max-width: 767px) {
  body.page-template-template-about .about-page-main .introduce {
    padding-top: 18px !important;
  }
}

/* Stage 31 About section spacing */
body.page-template-template-about .about-page-main .introduce {
  padding-bottom: 70px !important;
}

body.page-template-template-about .about-page-main .introduce .ablout-vx {
  margin-bottom: 76px;
}

body.page-template-template-about .about-page-main .introduce .ablout-vx .text {
  margin-top: 42px;
}

body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
  padding-top: 50px;
  padding-bottom: 50px;
}

body.page-template-template-about .about-page-main .milestones {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media only screen and (max-width: 1199px) {
  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  body.page-template-template-about .about-page-main .introduce {
    padding-bottom: 42px !important;
  }

  body.page-template-template-about .about-page-main .introduce .ablout-vx {
    margin-bottom: 35px;
  }

  body.page-template-template-about .about-page-main .introduce .ablout-vx .text {
    margin-top: 14px;
  }

  body.page-template-template-about .about-page-main .outstanding-service .service-slide-text {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  body.page-template-template-about .about-page-main .milestones {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 576px) {
  body.page-template-template-about .about-page-main .milestones {
    padding-top: 31px;
    padding-bottom: 31px;
  }
}

/* Stage 32 About philosophy and capability sections */
body.page-template-template-about .about-philosophy {
  position: relative;
  overflow: hidden;
  padding: 72px 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.105) 0, rgba(255, 255, 255, 0.045) 24%, transparent 48%),
    radial-gradient(circle at 78% 58%, rgba(232, 236, 255, 0.08) 0, rgba(232, 236, 255, 0.03) 28%, transparent 54%),
    linear-gradient(115deg, rgba(33, 51, 139, 0.98) 0%, rgba(22, 36, 95, 0.98) 100%),
    var(--vinamat-primary);
  color: #fff;
}

body.page-template-template-about .about-philosophy::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 112px),
    linear-gradient(135deg, transparent 0 54%, rgba(255, 255, 255, 0.028) 54% 55%, transparent 55%);
  pointer-events: none;
}

body.page-template-template-about .about-philosophy::after {
  position: absolute;
  content: "";
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 0%, transparent 58%, rgba(7, 13, 45, 0.18) 100%);
  pointer-events: none;
}

body.page-template-template-about .about-philosophy > .container {
  position: relative;
  z-index: 1;
}

body.page-template-template-about .about-philosophy__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 58px;
  align-items: center;
}

body.page-template-template-about .about-philosophy__content {
  min-width: 0;
}

body.page-template-template-about .about-philosophy__content h2 {
  position: relative;
  max-width: 780px;
  margin: 0;
  padding-bottom: 24px;
  color: #fff;
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.page-template-template-about .about-philosophy__content h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 6px;
  background: #fff;
  content: "";
}

body.page-template-template-about .about-philosophy__lead,
body.page-template-template-about .about-philosophy__body {
  max-width: 650px;
}

body.page-template-template-about .about-philosophy__lead p,
body.page-template-template-about .about-philosophy__body p {
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.78;
  letter-spacing: 0;
  text-align: justify;
  text-align-last: left;
}

body.page-template-template-about .about-philosophy__body p {
  margin-top: 18px;
}

body.page-template-template-about .about-philosophy__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 30px;
  padding: 0 28px;
  border: 1px solid var(--vinamat-accent);
  color: #fff;
  background: var(--vinamat-accent);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.page-template-template-about .about-philosophy__button:hover {
  border-color: #fff;
  background: transparent;
  color: #fff;
}

body.page-template-template-about .about-philosophy__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-height: 420px;
}

body.page-template-template-about .about-philosophy__image {
  position: relative;
  min-height: 190px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.34),
    0 12px 32px rgba(22, 36, 95, 0.28);
}

body.page-template-template-about .about-philosophy__image--main {
  grid-column: 1 / -1;
  min-height: 290px;
}

body.page-template-template-about .about-philosophy__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

body.page-template-template-about .about-capability {
  padding: 84px 0;
  background: var(--vinamat-bg-light);
}

body.page-template-template-about .about-capability__head {
  max-width: 860px;
  margin: 0 auto 42px;
  text-align: center;
}

body.page-template-template-about .about-capability__head h2 {
  position: relative;
  margin: 0;
  padding-bottom: 22px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.page-template-template-about .about-capability__head h2::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 6px;
  border-radius: 999px;
  background: var(--vinamat-primary);
  content: "";
  transform: translateX(-50%);
}

body.page-template-template-about .about-capability__head p {
  max-width: 760px;
  margin: 24px auto 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 16px;
  line-height: 1.7;
}

body.page-template-template-about .about-capability__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

body.page-template-template-about .about-capability__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 290px;
  overflow: hidden;
  padding: 30px 24px;
  border: 1px solid rgba(33, 51, 139, 0.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(22, 36, 95, 0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.page-template-template-about .about-capability__card::before {
  position: absolute;
  top: 0;
  left: 24px;
  width: 58px;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: var(--vinamat-accent);
  content: "";
  opacity: 0.85;
}

body.page-template-template-about .about-capability__card:hover {
  border-color: rgba(209, 30, 38, 0.2);
  box-shadow: 0 24px 58px rgba(22, 36, 95, 0.16);
  transform: translateY(-4px);
}

body.page-template-template-about .about-capability__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 24px;
  border-radius: 18px;
  color: var(--vinamat-primary);
  background: var(--vinamat-primary-light);
}

body.page-template-template-about .about-capability__icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.page-template-template-about .about-capability__value {
  margin-bottom: 12px;
  color: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: clamp(34px, 3vw, 46px);
  font-weight: var(--vinamat-fw-bold);
  line-height: 1;
}

body.page-template-template-about .about-capability__card h3 {
  margin: 0 0 14px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 20px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.35;
}

body.page-template-template-about .about-capability__card p {
  margin: 0;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 15px;
  line-height: 1.7;
}

@media only screen and (max-width: 991px) {
  body.page-template-template-about .about-philosophy__layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.page-template-template-about .about-philosophy__media {
    min-height: 340px;
  }

  body.page-template-template-about .about-philosophy__image--main {
    min-height: 260px;
  }

  body.page-template-template-about .about-capability__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-about .about-philosophy {
    padding: 48px 0;
  }

  body.page-template-template-about .about-philosophy__layout {
    gap: 28px;
  }

  body.page-template-template-about .about-philosophy__content h2,
  body.page-template-template-about .about-capability__head h2 {
    font-size: 28px;
    line-height: 32px;
  }

  body.page-template-template-about .about-philosophy__lead p,
  body.page-template-template-about .about-philosophy__body p {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.68;
    text-align: left;
  }

  body.page-template-template-about .about-philosophy__button {
    width: 100%;
    margin-top: 24px;
  }

  body.page-template-template-about .about-philosophy__media {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.page-template-template-about .about-philosophy__image,
  body.page-template-template-about .about-philosophy__image--main {
    min-height: 240px;
    border-radius: 18px;
  }

  body.page-template-template-about .about-capability {
    padding: 56px 0;
  }

  body.page-template-template-about .about-capability__head {
    margin-bottom: 32px;
  }

  body.page-template-template-about .about-capability__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.page-template-template-about .about-capability__card {
    min-height: 0;
    padding: 26px 22px;
  }
}

/* Stage 33 About page spacing refinement */
body.page-template-template-about .about-page-main .introduce {
  padding-bottom: 50px !important;
}

body.page-template-template-about .about-page-main .introduce .ablout-vx {
  margin-bottom: 53px;
}

body.page-template-template-about .about-page-main .introduce .ablout-vx .text {
  margin-top: 30px;
}

body.page-template-template-about .about-philosophy {
  padding-top: 50px;
  padding-bottom: 50px;
}

body.page-template-template-about .about-capability {
  padding-top: 59px;
  padding-bottom: 101px;
}

@media only screen and (max-width: 767px) {
  body.page-template-template-about .about-page-main .introduce {
    padding-bottom: 30px !important;
  }

  body.page-template-template-about .about-page-main .introduce .ablout-vx {
    margin-bottom: 25px;
  }

  body.page-template-template-about .about-page-main .introduce .ablout-vx .text {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-about .about-philosophy {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  body.page-template-template-about .about-capability {
    padding-top: 39px;
    padding-bottom: 67px;
  }
}

/* Stage 34 About production capability showcase */
body.page-template-template-about .about-capability {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(245, 246, 250, 0.96) 0%, rgba(255, 255, 255, 0.98) 55%, rgba(232, 236, 255, 0.65) 100%),
    var(--vinamat-bg-light);
}

body.page-template-template-about .about-capability::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(33, 51, 139, 0.035) 0 1px, transparent 1px 112px),
    linear-gradient(135deg, transparent 0 62%, rgba(209, 30, 38, 0.045) 62% 63%, transparent 63%);
  pointer-events: none;
}

body.page-template-template-about .about-capability > .container {
  position: relative;
  z-index: 1;
}

body.page-template-template-about .about-capability__showcase {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 56px;
  align-items: center;
}

body.page-template-template-about .about-capability__visual {
  position: relative;
  min-width: 0;
}

body.page-template-template-about .about-capability__visual::before {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 42%;
  height: 68%;
  border: 1px solid rgba(33, 51, 139, 0.18);
  border-radius: 24px;
  content: "";
}

body.page-template-template-about .about-capability__image {
  position: relative;
  z-index: 1;
  min-height: 440px;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: var(--vinamat-primary-light);
  box-shadow: 0 28px 70px rgba(22, 36, 95, 0.18);
}

body.page-template-template-about .about-capability__image::after {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(180deg, rgba(22, 36, 95, 0.08) 0%, rgba(22, 36, 95, 0.32) 100%),
    linear-gradient(115deg, rgba(209, 30, 38, 0.18) 0%, transparent 34%);
  pointer-events: none;
}

body.page-template-template-about .about-capability__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
}

body.page-template-template-about .about-capability__content {
  min-width: 0;
}

body.page-template-template-about .about-capability__head {
  max-width: 800px;
  margin: 0 auto 42px;
  text-align: center;
}

body.page-template-template-about .about-capability__head h2 {
  display: inline-block;
  padding-bottom: 22px;
}

body.page-template-template-about .about-capability__head h2::after {
  left: 50%;
  width: 82px;
  height: 5px;
  background: var(--vinamat-accent);
  transform: translateX(-50%);
}

body.page-template-template-about .about-capability__head p {
  max-width: 780px;
  margin: 24px auto 0;
  color: var(--vinamat-text);
}

body.page-template-template-about .about-capability__list {
  display: grid;
  gap: 12px;
}

body.page-template-template-about .about-capability__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(33, 51, 139, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 32px rgba(22, 36, 95, 0.07);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

body.page-template-template-about .about-capability__row:hover {
  border-color: rgba(209, 30, 38, 0.2);
  box-shadow: 0 16px 38px rgba(22, 36, 95, 0.11);
  transform: translateX(4px);
}

body.page-template-template-about .about-capability__marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  color: #fff;
  background: var(--vinamat-primary);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: var(--vinamat-fw-bold);
  line-height: 1;
}

body.page-template-template-about .about-capability__row-text {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 16px;
  color: var(--vinamat-text);
  font-family: var(--vinamat-font-main);
  font-size: 17px;
  font-weight: var(--vinamat-fw-semibold);
  line-height: 1.45;
}

body.page-template-template-about .about-capability__row-text strong {
  display: block;
  color: inherit;
  font: inherit;
}

body.page-template-template-about .about-capability__row-text small {
  display: block;
  color: var(--vinamat-muted);
  font-family: var(--vinamat-font-main);
  font-size: 14px;
  font-weight: var(--vinamat-fw-regular);
  line-height: 1.55;
}

body.page-template-template-about .about-capability__row-text::before {
  position: absolute;
  top: 0.2em;
  bottom: 0.2em;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: var(--vinamat-accent);
  content: "";
}

@media only screen and (max-width: 991px) {
  body.page-template-template-about .about-capability__showcase {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.page-template-template-about .about-capability__image,
  body.page-template-template-about .about-capability__image img {
    min-height: 340px;
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-about .about-capability__image,
  body.page-template-template-about .about-capability__image img {
    min-height: 260px;
    border-radius: 18px;
  }

  body.page-template-template-about .about-capability__visual::before {
    display: none;
  }

  body.page-template-template-about .about-capability__head {
    margin-bottom: 24px;
  }

  body.page-template-template-about .about-capability__head p {
    font-size: 15px;
    line-height: 1.68;
  }

  body.page-template-template-about .about-capability__row {
    gap: 12px;
    padding: 14px;
  }

  body.page-template-template-about .about-capability__marker {
    width: 38px;
    height: 38px;
    font-size: 13px;
  }

  body.page-template-template-about .about-capability__row-text {
    font-size: 15px;
  }
}

/* Stage 35 About production capability CMS slider */
body.page-template-template-about .about-capability__showcase--no-image {
  grid-template-columns: minmax(0, 1fr);
}

body.page-template-template-about .about-capability__showcase--no-image .about-capability__content {
  max-width: 860px;
}

body.page-template-template-about .about-capability__slider {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 24px;
}

body.page-template-template-about .about-capability__slider .slick-list,
body.page-template-template-about .about-capability__slider .slick-track {
  min-height: 440px;
}

body.page-template-template-about .about-capability__slider .slick-slide {
  height: 440px;
}

body.page-template-template-about .about-capability__slider .slick-slide > div,
body.page-template-template-about .about-capability__slider .slick-slide figure {
  height: 100%;
}

body.page-template-template-about .about-capability__slider .slick-arrow {
  z-index: 4;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 28px rgba(22, 36, 95, 0.18);
}

body.page-template-template-about .about-capability__slider .slick-arrow::before {
  color: var(--vinamat-primary);
  font-family: Arial, sans-serif;
  font-size: 22px;
  opacity: 1;
}

body.page-template-template-about .about-capability__slider .slick-prev {
  left: 18px;
}

body.page-template-template-about .about-capability__slider .slick-next {
  right: 18px;
}

body.page-template-template-about .about-capability__slider .slick-dots {
  bottom: 18px;
  z-index: 4;
}

body.page-template-template-about .about-capability__slider .slick-dots li,
body.page-template-template-about .about-capability__slider .slick-dots li button {
  width: 10px;
  height: 10px;
}

body.page-template-template-about .about-capability__slider .slick-dots li button::before {
  width: 10px;
  height: 10px;
  color: transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  content: "";
  opacity: 1;
}

body.page-template-template-about .about-capability__slider .slick-dots li.slick-active button::before {
  background: var(--vinamat-accent);
}

@media only screen and (max-width: 991px) {
  body.page-template-template-about .about-capability__slider .slick-list,
  body.page-template-template-about .about-capability__slider .slick-track,
  body.page-template-template-about .about-capability__slider .slick-slide {
    min-height: 340px;
    height: 340px;
  }
}

@media only screen and (max-width: 575px) {
  body.page-template-template-about .about-capability__slider {
    border-radius: 18px;
  }

  body.page-template-template-about .about-capability__slider .slick-list,
  body.page-template-template-about .about-capability__slider .slick-track,
  body.page-template-template-about .about-capability__slider .slick-slide {
    min-height: 260px;
    height: 260px;
  }

  body.page-template-template-about .about-capability__row-text small {
    font-size: 13px;
  }
}