section {
  font-size: 18px;
  line-height: 155%;
  letter-spacing: 0.7px; }
  section.content .download-list {
    margin-top: 60px; }
    @media (max-width: 991px) {
      section.content .download-list {
        margin-left: calc(-1 * 24px);
        margin-right: calc(-1 * 24px); } }
    section.content .download-list .head {
      background-color: #E8E8E8;
      border-bottom: 2px solid #C6C6C6;
      font-size: 20px;
      font-weight: 600;
      padding: 12px 24px;
      margin-bottom: 12px; }
    section.content .download-list .list {
      font-size: 18px;
      font-weight: 300;
      color: #666666; }
      section.content .download-list .list > div {
        margin-top: 20px;
        padding: 10px 24px;
        border-bottom: 1px solid #DDDDDD;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px; }
        section.content .download-list .list > div .btn-download {
          color: #2E2E2E;
          font-size: 16px;
          font-weight: 500;
          line-height: 150%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 6px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          section.content .download-list .list > div .btn-download:before {
            content: "";
            display: inline-block;
            background-size: contain;
            background-image: url("../img/icon/download.svg");
            background-repeat: no-repeat;
            width: 24px;
            height: 24px; }
          section.content .download-list .list > div .btn-download:hover:before {
            -webkit-animation: arrow .5s;
                    animation: arrow .5s; }
    section.content .download-list .com-accordion {
      margin-bottom: 40px; }
      section.content .download-list .com-accordion:last-child {
        margin-bottom: 0; }
      section.content .download-list .com-accordion button.label {
        padding-left: 24px;
        padding-right: 24px; }
  section.grading {
    color: #FFFFFF;
    padding: 80px 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(9.16%, rgba(181, 0, 6, 0.75)), color-stop(96.69%, #B50006)), url("../img/bg/company-grading.png");
    background-image: linear-gradient(90deg, rgba(181, 0, 6, 0.75) 9.16%, #B50006 96.69%), url("../img/bg/company-grading.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed; }
    section.grading .wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      gap: 80px; }
      @media (max-width: 991px) {
        section.grading .wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 28px; } }
    section.grading h2 {
      color: #FFFFFF;
      margin-bottom: 24px; }
    section.grading .col-rating {
      /* display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px; */
      padding-left: 28px;
      /* @media (max-width: $breakpoint_xs - 1) {
          grid-template-columns: 1fr;
      } */ }
      @media (max-width: 991px) {
        section.grading .col-rating {
          padding-left: 0;
          max-width: 100%; }
          section.grading .col-rating .com-rating {
            max-width: 100%; } }
  section.products .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 52px; }
    @media (max-width: 991px) {
      section.products .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 56px; } }
  section.products .col-text {
    padding-left: 48px;
    max-width: 718px;
    margin-bottom: 0; }
    section.products .col-text .product-list {
      margin-top: 60px;
      margin-bottom: -20px; }
      section.products .col-text .product-list > div {
        padding: 20px 16px;
        border-bottom: 1px solid #DDDDDD;
        font-size: 24px;
        font-weight: 600;
        line-height: 125%; }
        section.products .col-text .product-list > div + div {
          margin-top: 12px; }
        section.products .col-text .product-list > div > a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          section.products .col-text .product-list > div > a:after {
            content: "";
            display: inline-block;
            background-size: contain;
            background-image: url("../img/icon/arrow-right2.svg");
            background-repeat: no-repeat;
            width: 40px;
            height: 40px; }
          section.products .col-text .product-list > div > a:after {
            -webkit-transition: -webkit-transform .2s ease;
            transition: -webkit-transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease, -webkit-transform .2s ease;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-left: 10px; }
          section.products .col-text .product-list > div > a:hover:after {
            -webkit-transform: translateX(8px);
                    transform: translateX(8px); }
    @media (max-width: 991px) {
      section.products .col-text {
        padding-left: 24px;
        padding-right: 24px; }
        section.products .col-text .content {
          padding: 28px 0 0;
          max-width: 100%;
          font-size: 14px;
          letter-spacing: 0.6px; } }
  section.products .col-image {
    width: 39%;
    max-width: 582px; }
    @media (max-width: 991px) {
      section.products .col-image {
        width: 100%;
        max-width: 100%; } }
    @media (max-width: 991px) {
      section.products .col-image .img-container {
        margin-top: 0;
        padding-left: 0; } }
    section.products .col-image .img {
      position: relative;
      margin-left: auto;
      aspect-ratio: 0.8649517685;
      max-width: 538px; }
      section.products .col-image .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        display: block; }
      @media (max-width: 991px) {
        section.products .col-image .img {
          max-width: 100%; } }
  section.related > .wrapper > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 48px 0;
    min-height: 296px; }
    @media (max-width: 991px) {
      section.related > .wrapper > div {
        padding: 80px 0;
        aspect-ratio: auto; } }
    section.related > .wrapper > div:has(.btn-explore:hover) .bg {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    section.related > .wrapper > div .bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-blend-mode: overlay, normal;
      z-index: -1;
      -webkit-transition: -webkit-transform 1s ease;
      transition: -webkit-transform 1s ease;
      transition: transform 1s ease;
      transition: transform 1s ease, -webkit-transform 1s ease; }
    section.related > .wrapper > div .text-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 40px; }
      @media (max-width: 575px) {
        section.related > .wrapper > div .text-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      section.related > .wrapper > div .text-wrapper h2 {
        color: #FFFFFF;
        padding-bottom: 0; }
      section.related > .wrapper > div .text-wrapper .btn-explore {
        width: auto; }
    section.related > .wrapper > div:last-child {
      margin-left: -1px; }

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