.about-page h1 {
    text-transform: uppercase;
    color: white;
    text-decoration: underline;
  }
.contact-us-page .hero-top-banner {
    background-image: url("/assets/pages/contact-us/mb.jpg");
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: calc((290 * 100vw) / 375);
  }
@media (min-width: 768px) {
.contact-us-page .hero-top-banner {
      background-image: url("/assets/pages/contact-us/dt.jpg");
      height: calc((370 * 100vw) / 1440)
  }
    }
.contact-us-page .hero-top-banner .custom-container {
      position: relative;
      height: 100%;
    }
.contact-us-page .hero-top-banner .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
      }
.contact-us-page .hero-top-banner .custom-container .breadcrumb p {
          color: #ffffff;
          text-transform: uppercase;
        }
.contact-us-page .hero-top-banner .custom-container .content {
        height: 100%;
      }
.contact-us-page .hero-top-banner .custom-container .content #headline {
          text-transform: uppercase;
          color: #ffffff;

          line-height: 3rem;
        }
@media (min-width: 768px) {
.contact-us-page .hero-top-banner .custom-container .content #headline {
            line-height: 3.541rem
        }
          }
.contact-us-page .section-1 {
    background: linear-gradient(60deg, #212121 0% 72%, #191919 15% 40%);
  }
@media (min-width: 768px) {
.contact-us-page .section-1 {
      background: linear-gradient(60deg, #212121 0% 58%, #191919 15% 40%)
  }
    }
.contact-us-page .section-1 .custom-container {
      padding-top: 55px;
      padding-bottom: 70px;
    }
@media (min-width: 768px) {
.contact-us-page .section-1 .custom-container {
        padding-top: 80px;
        padding-bottom: 87px
    }
      }
.contact-us-page .section-1 .custom-container .text-topic {
        margin-bottom: 0px;
        text-transform: uppercase;
        color: #ffffff;
      }
.contact-us-page .section-1 .custom-container .text-addresss {
        margin-top: 10px;
        margin-bottom: 0px;
        text-transform: uppercase;
        color: #ffffff;
      }
.contact-us-page .section-1 .custom-container .lists-contact {
        margin-top: 16px;
        row-gap: 16px;
      }
@media (min-width: 768px) {
.contact-us-page .section-1 .custom-container .lists-contact {
          margin-top: 40px;
          -moz-column-gap: 35px;
               column-gap: 35px
      }
        }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact {
          width: -moz-fit-content;
          width: fit-content;
          -moz-column-gap: 10px;
               column-gap: 10px;
        }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact:hover {
            outline: none;
            transition: opacity 0.3s;
            opacity: 0.5;
            --icon-button-color: var(--button-color-black);
            --icon-button-bg: transparent;
            --icon-button-bd: var(--button-color-black);
          }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact:active {
            --icon-button-color: var(--button-color-black);
            --icon-button-bg: transparent;
            --icon-button-bd: var(--button-color-black);
          }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-icon-contact {
            border-radius: 50px;
            border-width: 2px;
            border-style: solid;
            border-color: #ffffff;

            display: flex;
            justify-content: center;
            align-items: center;

            width: 50px;
            height: 50px;

            padding: 16px;
          }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-icon-contact .icon-contact {
              width: 17px;
              height: 17px;
            }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-detail {
            height: -moz-fit-content;
            height: fit-content;
          }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-detail .name {
              margin-bottom: 0px;
              text-transform: uppercase;
              text-align: left;
              white-space: nowrap;
              color: #ffffff;
            }
@media (max-width: 768px) {
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-detail .name {
                font-weight: 500;
                font-size: 0.625rem;
                line-height: 1.125rem
            }
              }
@media (min-width: 768px) {
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-detail .name {
                font-weight: 500;
                font-size: 0.625rem;
                line-height: 1.125rem
            }
              }
.contact-us-page .section-1 .custom-container .lists-contact .box-contact .box-detail .detail {
              margin-bottom: 0px;
              text-transform: uppercase;
              text-align: left;
              white-space: nowrap;
              color: #ffffff;
            }
.contact-us-page .section-2 {
    background-color: #eeece0;
  }
.contact-us-page .section-2 .custom-container {
      padding-top: 65px;
      padding-bottom: 63px;
    }
@media (min-width: 768px) {
.contact-us-page .section-2 .custom-container {
        padding-top: 66x;
        padding-bottom: 95px
    }
      }
.contact-us-page .section-2 .custom-container .custom-form {
        /*  row-gap: 25px; */
        --bs-gutter-y: 25px;
      }
@media (min-width: 768px) {
.contact-us-page .section-2 .custom-container .custom-form {
          /*   row-gap: 30px;
          column-gap: 26px; */
          --bs-gutter-y: 30px;
          --bs-gutter-x: 26px
      }
        }
.contact-us-page .section-2 .custom-container .custom-form label {
          font-weight: bold;
          text-transform: uppercase;
        }
.contact-us-page .section-2 .custom-container .custom-form .custom-form-input {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          width: 100%;
          border-width: 0px;
          border-bottom-width: 1px;
          border-color: #707070;
          border-radius: 0px;
          background-color: transparent;

          /* font-size: 20px; */
          padding-bottom: 5px;
          margin-top: 19px;
        }
@media (min-width: 768px) {
.contact-us-page .section-2 .custom-container .custom-form .custom-form-input {
            margin-top: 16px
        }
          }
.contact-us-page .section-2 .custom-container .custom-form input:focus {
          border-width: 0px;
          outline: none;
          border-bottom-width: 1px;
        }
.contact-us-page .section-2 .custom-container .custom-form input::-moz-placeholder {
          opacity: 0.3;
          text-transform: uppercase;
        }
.contact-us-page .section-2 .custom-container .custom-form input::placeholder {
          opacity: 0.3;
          text-transform: uppercase;
        }
.contact-us-page .section-2 .custom-container .custom-form input.danger::-moz-placeholder {
          color: #dc4045;
          opacity: 1;
        }
.contact-us-page .section-2 .custom-container .custom-form input.danger::placeholder {
          color: #dc4045;
          opacity: 1;
        }
.contact-us-page .section-2 .custom-container .custom-form .danger {
          background-image: url("../Content/Images/Icons/icon-danger.svg");
          background-position: right calc(0px) center;
          background-size: 15px;
          border-color: #dc4045;
          background-repeat: no-repeat;
        }
.contact-us-page .section-2 .custom-container .custom-form .text-privacy-policy {
          text-transform: uppercase;
          color: #171616;
          opacity: 0.8;
          margin-bottom: 0px;
        }
.contact-us-page .section-2 .custom-container .custom-form .text-privacy-policy .line-privacy-policy {
            text-decoration: underline;
            transition: all 0.35s;
          }
@media (min-width: 992px)  {
              .contact-us-page .section-2 .custom-container .custom-form .text-privacy-policy .line-privacy-policy:hover {
                opacity: 0.5;
              }
            }
.contact-us-page .section-2 .custom-container .custom-form .__button:hover,
          .contact-us-page .section-2 .custom-container .custom-form .__button:active {
            color: #171616;
            background-color: transparent;
          }
.contact-us-page .section-2 .custom-container .custom-form .__button:hover::before, .contact-us-page .section-2 .custom-container .custom-form .__button:active::before {
              background-color: #171616;
            }
.contact-us-page .section-2 .custom-container .custom-form .__button:hover::after, .contact-us-page .section-2 .custom-container .custom-form .__button:active::after {
              transform: scaleY(0);
            }
@media (min-width: 768px) {
            .contact-us-page .section-2 .custom-container .custom-form .__button:hover,
            .contact-us-page .section-2 .custom-container .custom-form .__button:active {
              color: var(--button-color-h);
            }
              .contact-us-page .section-2 .custom-container .custom-form .__button:hover::before, .contact-us-page .section-2 .custom-container .custom-form .__button:active::before {
                background-color: var(--button-color-h);
              }
              .contact-us-page .section-2 .custom-container .custom-form .__button:hover::after, .contact-us-page .section-2 .custom-container .custom-form .__button:active::after {
                transform: scaleY(1);
              }
          }
.contact-us-page .section-2 .custom-container .show-error-message {
        color: #dc4045;

        margin-bottom: 0px;
        text-transform: uppercase;

        margin-top: 39px;
      }
@media (min-width: 768px) {

.contact-us-page .section-2 .custom-container .show-error-message {
          margin-top: 27px
      }
        }
.contact-us-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .contact-us-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.contact-us-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .contact-us-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.contact-us-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .contact-us-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.contact-us-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.contact-us-page .section-3 {
    width: 100%;
    height: 380px;
    filter: grayscale(100%);
  }
.contact-us-page .modal {
    background-color: rgba(23, 22, 22, 0.8);

    text-transform: uppercase;
  }
.contact-us-page .modal .modal-dialog {
      position: relative;
      justify-content: center;
    }
.contact-us-page .modal .modal-dialog .button-close {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 15px;
        right: 11px;
        opacity: 0.2;
      }
.contact-us-page .modal .modal-dialog .button-close .icon-close {
          width: 25px;
          height: 25px;
        }
.contact-us-page .modal .modal-dialog .button-close:hover {
          opacity: 1;
        }
.contact-us-page .modal .modal-dialog .button-close:active {
          opacity: 1;
        }
.contact-us-page .modal .modal-dialog .modal-content {
        border-radius: 0px;
        border-width: 0px;
        background-color: #eeece0;

        width: -moz-fit-content;

        width: fit-content;
        padding: 88px 18px;
      }
@media (min-width: 768px) {
.contact-us-page .modal .modal-dialog .modal-content {
          min-width: 572px;
          padding: 184px 98px
      }
        }
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal {
          width: -moz-fit-content;
          width: fit-content;
          margin: auto;
        }
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .icon-check {
            width: 70px;
            height: 70px;
          }
@media (min-width: 768px) {
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .icon-check {
              width: 100px;
              height: 100px
          }
            }
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .__h2 {
            margin-top: 16px;
            color: #171616;
            margin-bottom: 0px;
          }
@media (min-width: 768px) {
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .__h2 {
              margin-top: 30px
          }
            }
.contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .__body-2 {
            color: #171616;
            margin-bottom: 0px;
          }
/*  width: fit-content; */
@media (min-width: 768px) {
    .contact-us-page .modal .modal-dialog .modal-content .box-content-popupModal .__body-2 {
        word-wrap: break-word !important;
        word-break: break-word !important
    }
            }
/* @media (min-width: 768px) {} */
.home-page {
  overflow: hidden;
}
.home-page .shift-btn {
    margin-left: -1rem;
  }
@media (min-width: 768px) {
.home-page .shift-btn {
      margin-left: -1rem
  }
    }
.home-page section {
    width: 100%;
    overflow: hidden;
  }
.home-page p {
    word-break: break-word;
  }
.home-page .custom-controller {
    display: flex;
    align-items: center;
  }
.home-page .custom-controller div[class^="custom-swiper"] {
      width: auto;
    }
.home-page .custom-controller div[class^="custom-swiper"]:not(:last-child) {
        margin-right: 10px;
      }
.home-page .custom-swiper-pagination {
    display: flex;
    justify-content: center;
    min-width: 25px;
  }
@media (min-width: 768px) {
.home-page .custom-swiper-pagination {
      min-width: 40px
  }
    }
/* each sec */
.home-page .sec-hero {
    color: #ffffff;
  }
.home-page .sec-hero .custom-controller {
      position: absolute;
      width: 100%;
      bottom: 90px;
      left: 0;
      z-index: 1;
    }
@media (min-width: 768px) {
.home-page .sec-hero .custom-controller {
        bottom: 80px
    }
      }
.home-page .sec-hero .custom-controller > div {
        display: flex;
        align-items: center;
      }
.home-page .sec-hero .item {
      width: 100%;
      height: 100vh;
      height: 100dvh;
      overflow: hidden;
      position: relative;
      padding-top: 72px;
      padding-bottom: 120px;
    }
.home-page .sec-hero .item .bg-cover {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }
.home-page .sec-hero .item .bg-cover img,
        .home-page .sec-hero .item .bg-cover video {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
          height: 100%;
        }
.home-page .sec-hero .item .content {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        text-transform: uppercase;
      }
.home-page .sec-hero .item .content .headline {
          line-height: 1;
        }
@media (min-width: 768px) {
.home-page .sec-hero .item .content .headline {
            line-height: 72px
        }
          }
.home-page .sec-hero .item .content .headline div:last-child {
            color: #ffd300;
          }
.home-page .sec-hero .item .content p {
          word-break: break-word;
          margin: 0 0 10px 0;
        }
/* font-weight: normal; */
@media (min-width: 768px) {
.home-page .sec-hero .item .content p {
            min-height: 44px;
            margin: 0 0 24px 0
        }
          }
@media (min-width: 768px) {
.home-page .bg-blending {
      position: relative;
      background: #ffd300
  }

      .home-page .bg-blending .bg {
        /* content: ""; */
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;

        background: linear-gradient(
          60deg,
          #191919 0% 15%,
          #212121 15% 40%,
          #2c2c2c 40%
        );
        background-attachment: fixed;
      }
    }
.home-page .sec-invest {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    color: white;

    background: #2c2c2c;
    background: linear-gradient(
      60deg,
      #191919 0% 15%,
      #212121 15% 40%,
      #2c2c2c 40%
    );
  }
@media (min-width: 768px) {
.home-page .sec-invest {
      padding: 95px 0 45px 0;
      min-height: 100vh;
      min-height: 100dvh;
      display: flex;
      align-items: center
  }
    }
@media screen and (orientation: landscape) and (max-height: 760px) {
.home-page .sec-invest {
      padding: 20px 0 20px 0
  }
    }
.home-page .sec-invest .headline-group {
      text-transform: uppercase;
      margin: 55px 0 40px 0;
      color: #fff;
    }
@media (min-width: 768px) {
.home-page .sec-invest .headline-group {
        margin: 0
    }
      }
.home-page .sec-invest .headline-group p {
        /* margin: 10px 0 20px 0; */
        margin: 0 0 20px 0;
      }
@media (min-width: 768px) {
.home-page .sec-invest .headline-group p {
          /* max-width: 768px; */
          /* margin: 10px 0 24px 0; */
          margin: 0 0 24px 0
      }
        }
.home-page .sec-invest .fund-fixed-mb {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
@media (min-width: 768px) {
.home-page .sec-invest .fund-fixed-mb {
        min-height: auto;
        background-color: transparent;
        display: block
    }
      }
.home-page .sec-invest .fund-group {
      display: flex;
    }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group {
        margin-top: 50px
    }
      }
.home-page .sec-invest .fund-group .fund-label {
        margin-bottom: 14px;
      }
.home-page .sec-invest .fund-group .fund-lists {
        display: none;
      }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-lists {
          display: block;
          flex: 1 0 50%
      }
        }
.home-page .sec-invest .fund-group .fund-lists ul {
          list-style: none;
          padding: 0;
          max-width: 320px;
        }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-lists ul {
            margin-top: 6px
        }
          }
.home-page .sec-invest .fund-group .fund-lists ul li {
            transition: all 0.25s ease-in-out;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.3);
            padding: 8px 0 8px 26px;
            cursor: pointer;
            position: relative;
          }
.home-page .sec-invest .fund-group .fund-lists ul li.active {
              color: #ffd300;
            }
.home-page .sec-invest .fund-group .fund-lists ul li::before {
              display: block;
              position: absolute;
              top: 50%;
              left: 0;
              opacity: 0;
              transform: translateY(-50%);
              transition: opacity 0.25s;
              content: '';
              -webkit-mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
                      mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
              -webkit-mask-size: contain;
                      mask-size: contain;
              width: 1rem;
              height: 1.125rem;
              background: #ffd300;
            }
@media(hover: hover) {
              .home-page .sec-invest .fund-group .fund-lists ul li:not(.active):hover {
                color: rgba(255, 255, 255, 1);
              }
                .home-page .sec-invest .fund-group .fund-lists ul li:not(.active):hover::before {
                  opacity: 1;
                }
            }
.home-page .sec-invest .fund-group .fund-lists ul li:not(:last-child) {
              border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
            }
.home-page .sec-invest .fund-group .fund-lists ul li span {
              margin-right: 26px;
            }
.home-page .sec-invest .fund-group .fund-frame {
        flex: 1 0 100%;
      }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame {
          margin-top: -50px;
          flex: 1 0 50%
      }
        }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group {
          position: relative;
          margin-bottom: 12px;
          height: auto;
        }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group {
            overflow: visible;
            min-height: 350px;
            margin-bottom: 0
        }
          }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item {
            text-transform: uppercase;
            color: #fff;
          }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .number {
              line-height: 1;
              color: #ffd300;
            }
@media (max-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .number {
                font-size: 40px;
                font-weight: bold
            }
              }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .title {
              color: #ffd300;
            }
@media (max-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .title {
                margin: 8px 0px 4px;
                font-size: 20px;
                font-weight: bold;
                line-height: 1.5
            }
              }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .description {
              margin: 10px 0 0 0;
            }
@media (max-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item .description {
                margin: 0 0 0 0;
                font-size: 10px;
                font-weight: 500
            }
              }
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item a {
              color: inherit;
              text-decoration: underline;
              pointer-events: all;
              transition: all 0.3s ease-out;
            }
@media (min-width: 768px) {
                .home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item a:hover {
                  opacity: 0.5;
                }
              }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item {
              pointer-events: none;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              z-index: -1;
              transition: opacity 0.35s
          }
              .home-page .sec-invest .fund-group .fund-frame .fund-frame-group .item.active {
                opacity: 1;
                z-index: 1;
              }
            }
.home-page .sec-invest .fund-group .fund-frame .fund-pagination {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 32px;
        }
.home-page .sec-invest .fund-group .fund-frame .fund-pagination > * {
            flex: 0 0 fit-content;
          }
.home-page .sec-invest .fund-group .fund-frame .fund-pagination .fund-pagination-text {
            text-align: center;
            display: flex;
            justify-content: center;
          }
@media (min-width: 768px) {
.home-page .sec-invest .fund-group .fund-frame .fund-pagination {
            display: none
        }
          }
.home-page .sec-invest .marquee {
      width: 100%;
      overflow: hidden;
    }
.home-page .sec-invest .marquee .js-marquee {
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
      }
@media (min-width: 768px) {
.home-page .sec-invest .marquee .js-marquee {
          gap: 1rem
      }
        }
.home-page .sec-invest .marquee .item {
        width: 70px;
        height: 70px;
      }
@media (min-width: 768px) {
.home-page .sec-invest .marquee .item {
          width: 140px;
          height: 140px
      }
        }
.home-page .sec-invest .marquee .item .__hexagon {
          width: inherit;
          height: inherit;
        }
@media (max-width: 768px) {
.home-page .sec-invest .marquee {
        margin-bottom: 4rem
    }
      }
.home-page .stack > .full-height {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
.home-page .sec-partner {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 50px 0 80px 0;
    background-color: #ffd300;
    color: #171616;
  }
@media (min-width: 768px) {
.home-page .sec-partner {
      /* padding: 80px 0 80px 0px; */

      display: flex;
      align-items: center
      /* background-color: transparent; */
      /* color: #ffffff; */
  }
    }
.home-page .sec-partner .headline {
      /* margin-bottom: 12px;

			@media (min-width: 768px) {
				margin-bottom: 25px;
			} */

      margin: 0;
    }
@media (max-width: 767.98px) {
.home-page .sec-partner .headline {
        line-height: 40px;
        margin-bottom: 10px
    }
      }
.home-page .sec-partner .sub-headline {
      word-break: break-word;
    }
@media (min-width: 768px) {
.home-page .sec-partner .sub-headline {
        margin: 0 auto
    }
      }
.home-page .sec-partner .number-label {
      margin-top: 36px;
      margin-bottom: 0;
    }
@media (min-width: 768px) {
.home-page .sec-partner .number-label {
        margin-top: 36px
    }
      }
.home-page .sec-partner .number-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 18px 0 40px 0;
    }
@media (min-width: 768px) {
.home-page .sec-partner .number-group {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        margin: 30px 0 40px 0
    }
      }
@media (min-width: 768px) and (max-width: 992px) {
.home-page .sec-partner .number-group {
        align-items: flex-start
    }
        .home-page .sec-partner .number-group .__number-1 {
          font-size: 6.5rem;
        }
      }
.home-page .sec-partner .number-group .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        text-align: center;
        flex: 1;
      }
.home-page .sec-partner .number-group .item .number-running {
          line-height: 1;
        }
/* margin-bottom: 6px; */
@media (min-width: 768px) {
.home-page .sec-partner .number-group .item .title {
            /* margin-bottom: 10px; */
        }
          }
.home-page .sec-partner .number-group .divider {
        background-color: #161616;
        width: 150px;
        height: 1px;
        margin: 22px 0;
      }
@media (min-width: 768px) {
.home-page .sec-partner .number-group .divider {
          width: 1px;
          height: 130px;
          margin: 0
      }
        }
.home-page .sec-acc-eco {
    position: relative;
    background-color: #fbfaf6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 50px 0 70px 0;
  }
@media (min-width: 768px) {
.home-page .sec-acc-eco {
      padding: 80px 0;

      justify-content: center
  }
    }
.home-page .sec-acc-eco .headline {
      margin: 0;
    }
@media (max-width: 767.98px) {
.home-page .sec-acc-eco .headline {
        line-height: 40px;
        margin-bottom: 10px
    }
      }
.home-page .sec-acc-eco .sub-headline {
      word-break: break-word;
      margin: 0 0 10px 0;
    }
@media (min-width: 768px) {
.home-page .sec-acc-eco .sub-headline {
        max-width: 70%;
        margin: 0 auto 24px auto
    }
      }
.home-page .sec-acc-eco .swiper .swiper-slide {
        transition: opacity 0.5s ease-in-out;
      }
.home-page .sec-acc-eco .swiper .swiper-slide:not(.swiper-slide-active) {
          opacity: 0.3;
        }
.home-page .sec-acc-eco .gallery-group {
      margin: 45px 0 20px 0;
    }
@media (min-width: 768px) {
.home-page .sec-acc-eco .gallery-group {
        margin: 30px 0 40px 0
    }
      }
.home-page .sec-acc-eco .sync-contents {
      text-transform: uppercase;
      margin: 0 0 30px 0;
      color: #171616;
    }
@media (min-width: 768px) {
.home-page .sec-acc-eco .sync-contents {
        margin: 0 0 30px 0
    }
      }
.home-page .sec-acc-eco .sync-contents .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
@media (min-width: 768px) {
.home-page .sec-acc-eco .sync-contents .item {
          max-width: 554px;
          margin: 0 auto
      }
        }
.home-page .sec-acc-eco .sync-contents .item .description {
          margin: 0;
          word-break: break-word;
          height: 60px;
        }
@media (max-width: 768px) {
.home-page .sec-acc-eco .sync-contents .item .description {
            height: 80px
        }
          }
.home-page .sec-acc-eco .sync-contents .item a {
          color: inherit;
          text-decoration: underline;
          font-weight: 700;
          transition: all 0.35s;
        }
@media (min-width: 768px) {
            .home-page .sec-acc-eco .sync-contents .item a:hover {
              opacity: 0.5;
            }
          }
.home-page .sec-acc-eco .custom-controller {
      justify-content: center;
    }
.home-page .sec-team {
    height: 475px;
    padding-top: 70px;
    background-color: #2c2c2c;
    color: #ffffff;
    position: relative;
    overflow: hidden;
  }
@media (min-width: 768px) {
.home-page .sec-team {
      height: 370px;
      padding-top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center
  }
    }
.home-page .sec-team .container {
      position: relative;
    }
.home-page .sec-team .headline {
      margin: 0;
    }
@media (max-width: 767.98px) {
.home-page .sec-team .headline {
        line-height: 40px;
        margin-bottom: 10px
    }
      }
.home-page .sec-team .sub-headline {
      margin: 10px 0 15px 0;
    }
@media (min-width: 768px) {
.home-page .sec-team .sub-headline {
        /* margin: 15px 0 32px 0; */
        margin: 0 0 32px 0
    }
      }
.home-page .sec-news {
    padding: 60px 0 100px 0;
    color: #ffffff;
    position: relative;

    background: #2c2c2c;
    background: linear-gradient(
      -60deg,
      #191919 0% 45%,
      #212121 45% 75%,
      #2c2c2c 75%
    );
  }
@media (min-width: 768px) {
.home-page .sec-news {
      background: linear-gradient(
        -60deg,
        #191919 0% 30%,
        #212121 30% 55%,
        #2c2c2c 55%
      )
  }
    }
.home-page .sec-news .custom-swiper-container {
      width: 100%;
      margin: 40px auto 90px auto;
    }
@media (max-width: 767.98px) {
.home-page .sec-news .custom-swiper-container {
        padding: 0;
        margin: 20px auto 65px auto
    }
      }
.home-page .sec-news .swiper .swiper-slide {
        transition: opacity 0.5s ease-in-out;
      }
.home-page .sec-news .swiper .swiper-slide:not(.swiper-slide-active) {
          opacity: 0.5;
        }
@media (min-width: 768px) {
.home-page .sec-news .swiper .swiper-slide:not(.swiper-slide-active) {
            opacity: 1
        }
          }
.home-page .sec-news .item {
      cursor: pointer;
    }
@media (min-width: 768px) {
          .home-page .sec-news .item:hover img {
            transform: scale(1.03);
          }
          .home-page .sec-news .item:hover .tags div {
            border-color: #ffd300;
            background-color: #ffd300;
            color: #171616;
          }
          .home-page .sec-news .item:hover .title {
            color: #ffd300;
          }
      }
.home-page .sec-news .item .image {
        width: 100%;
        padding-top: calc((145 * 100%) / 376);
        position: relative;
        overflow: hidden;
      }
.home-page .sec-news .item .image img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;

          transition: all 0.4s ease-in-out;
        }
.home-page .sec-news .item .tags {
        display: flex;
        margin: 10px 0;
      }
@media (min-width: 768px) {
.home-page .sec-news .item .tags {
          margin: 20px 0 10px 0
      }
        }
.home-page .sec-news .item .tags div {
          border-radius: 9999px;
          text-transform: uppercase;
          border: 1px solid #fff;
          padding: 5px 10px;
          transition: all 0.25s ease-in-out;
        }
.home-page .sec-news .item .tags div:not(:last-child) {
            margin-right: 5px;
          }
.home-page .sec-news .item .title {
        margin: 0 0 24px 0;
        transition: all 0.25s ease-in-out;
        word-break: break-word;
      }
@media (max-width: 767.98px) {
.home-page .sec-news .item .title {
          font-size: 14px;
          line-height: 20px
      }
        }
@media (min-width: 768px) {
.home-page .sec-news .item .title {
          margin: 0 0 16px 0
      }
        }
.acc-eco-page {
	width: 100%;
	overflow-x: hidden;
	position: relative;
}
/* * {
		border: 1px red solid;
	} */
.acc-eco-page .hero-top-banner {
		position: relative;
		width: 100%
		/*height: calc((370 * 100vw) / 1440);*/
	}
.acc-eco-page .hero-top-banner img {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}
.acc-eco-page .hero-top-banner h1 {
			line-height: 4.5rem;
			text-transform: uppercase;
		}
@media (max-width: 768px) {
.acc-eco-page .hero-top-banner h1 {
				line-height: 2.5rem
		}
			}
.acc-eco-page .hero-top-banner .container {
			height: 100%;
			position: absolute;
			inset: 0;
		}
.acc-eco-page .hero-top-banner .hero-img-dt {
			display: block;
		}
.acc-eco-page .hero-top-banner .hero-img-mb {
			display: none;
		}
@media (max-width: 768px) {
			.acc-eco-page .hero-top-banner .hero-img-dt {
				display: none;
			}
			.acc-eco-page .hero-top-banner .hero-img-mb {
				display: block;
			}
		}
.acc-eco-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.acc-eco-page .hero-top-banner .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.acc-eco-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.acc-eco-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
.acc-eco-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .acc-eco-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.acc-eco-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .acc-eco-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.acc-eco-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .acc-eco-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.acc-eco-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.acc-eco-page .hero-top-banner .hero-content {
			color: white;
			position: relative;
			height: 100%;
		}
.acc-eco-page .hero-top-banner .hero-content .breadcrumb {
				text-transform: uppercase;
				position: absolute;
				top: 10px;
				left: 0px;
			}
.acc-eco-page .hero-top-banner .hero-content .hero-title {
				display: flex;
				align-items: center;
				height: 100%;
			}
.acc-eco-page .paragraph-highlight {
		border-left: 4px solid #ffd300;
		padding-left: 15px;
		word-break: break-word;
		font-weight: 500;
		max-width: 95%;
	}
@media (max-width: 767.98px) {
		}
@media (min-width: 768px) {
.acc-eco-page .paragraph-highlight {
			padding-left: 20px;
			max-width: 964px
	}
		}
.acc-eco-page .custom-controller {
		display: flex;
		align-items: center;
	}
.acc-eco-page .custom-controller div[class^="custom-swiper"] {
			width: auto;
		}
.acc-eco-page .custom-controller div[class^="custom-swiper"]:not(:last-child) {
				margin-right: 10px;
			}
.acc-eco-page .custom-controller .swiper-pagination-current {
			display: inline-block;
			min-width: 8px;
		}
.acc-eco-page section {
		width: 100%;
		overflow: hidden;
	}
.acc-eco-page .sec-intro {
		background: linear-gradient(60deg, #f6f5f1 0% 60%, #fbfaf6 60%);
		padding: 55px 0;
		color: #171616;
		text-transform: uppercase;
	}
@media (min-width: 768px) {
.acc-eco-page .sec-intro {
			background: linear-gradient(60deg, #f6f5f1 0% 40%, #fbfaf6 40%);
			padding: 84px 0
	}
		}
.acc-eco-page .sec-intro .headline {
			margin-bottom: 12px;
			max-width: 90%;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-intro .headline {
				font-size: 26px;
				line-height: 34px
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-intro .headline {
				margin-bottom: 10px;
				max-width: auto
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-intro .headline.__w-80 {
					max-width: 80%
			}
				}
@media (min-width: 768px) {
.acc-eco-page .sec-intro .headline.__w-70 {
					max-width: 70%
			}
				}
.acc-eco-page .sec-intro .description {
		}
.acc-eco-page .sec-showcase {
		background-color: #2c2c2c;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		overflow: hidden;

		padding-top: 64px;
	}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase {
			padding-top: 215px
	}
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-showcase .__number-2 {
				font-size: 40px
		}
			}
.acc-eco-page .sec-showcase .sc-label {
			font-weight: 500;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-showcase .sc-label {
				font-size: 1rem;
				line-height: 1.25
		}
			}
.acc-eco-page .sec-showcase .sc-headline {
			margin: 50px 0;
			font-weight: 500;
		}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .sc-headline {
				margin: 130px 0
		}
			}
.acc-eco-page .sec-showcase .divider {
			/* converter */
			/* https://codepen.io/tigt/post/optimizing-svgs-in-data-uris */

			height: 2px;
			/* background-color: lawngreen; */
			background-size: 5% 100%;
			background-repeat: space;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='3.555' viewBox='0 0 4 3.555'%3E %3Cpath id='Polygon_1' data-name='Polygon 1' d='M3,0,4,1.778,3,3.556H1L0,1.778,1,0Z' fill='%23cbaa00'/%3E %3C/svg%3E ");
		}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .divider {
				height: 3.5px;

				max-width: 1000px;
				margin: 0 auto;
				background-size: 2% 100%
		}
			}
.acc-eco-page .sec-showcase .full-vp {
		  width: 100%;
			height: 100dvh;
		  background: linear-gradient(60deg, #212121 0% 15%, #2c2c2c 15%);
			display: flex;
			flex-flow: column nowrap;
			justify-content: center;
			align-items: center;
		}
.acc-eco-page .sec-showcase .__number-1 {
			margin-bottom: 20px;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-showcase .__number-1 {
				line-height: 0.5
		}

				.acc-eco-page .sec-showcase .__number-1 .small {
					font-size: 50%;
				}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .__number-1 {
				line-height: 1;
				margin-bottom: 20px
		}
			}
.acc-eco-page .sec-showcase .masking-group {
			width: 100%;
			min-height: 100vh;
			min-height: 100dvh;
			position: relative;
			overflow-x: hidden;
		}
.acc-eco-page .sec-showcase .masking-group .layer {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;

				overflow: hidden;

				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
@media (max-width: 767.98px) {
.acc-eco-page .sec-showcase .masking-group .__h2 {
					font-size: 1rem;
					line-height: 1.25
			}
				}
/* .layer-1 {
				z-index: 1;

				background: linear-gradient(60deg, #212121 0% 15%, #2c2c2c 15%);
			} */
.acc-eco-page .sec-showcase .masking-group .layer-2 {
				/* background-color: blue; */
				background-color: #ffd300;
				color: #171616;
				position: relative;
				min-height: 100vh;
				height: auto;

				z-index: 2;
			}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 {
					/* margin-top: 200px;
					padding: 100px 0; */
					/* padding-top: 300px; */
					/* padding-bottom: 100px; */
			}
				}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale {
					height: auto;
				}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents {
						margin-top: 45px;
						/* background-color: blue; */
						display: flex;
						flex-wrap: wrap;
						width: calc(120px * 4.5);
					}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents {
							margin-top: 65px;
							width: auto;
							flex-wrap: nowrap
					}
						}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item {
							flex-basis: 120px;
						}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item {
								flex-basis: 250px
						}

								.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item:not(:last-child) {
									margin-right: 15px;
								}
							}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item:first-child {
								margin-left: calc(120px / 2);
							}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item:first-child {
									margin-left: 0
							}
								}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item .__hexagon {
								width: 140px;
								height: 140px;
							}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-scale .reveal-contents .item .__hexagon {
									width: 250px;
									height: 250px
							}
								}
.acc-eco-page .sec-showcase .masking-group .layer-2 .subheadline {
					margin-bottom: 18px;
				}
@media (min-width: 768px) {
					}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					margin-top: 30px;
				}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents {
						margin-top: 40px
				}
					}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents .item-row {
						display: flex;
					}
/* gap: 15px; */
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents .item-row:not(:last-child) {
							/* margin-bottom: 15px; */
						}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents .item-row .item {
								/* margin: -2.5% 0; */
						}
							}
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents .item-row .item .__hexagon {
								width: 80px;
								height: 80px;
								margin: -6% 0;
							}
@media (min-width: 768px) {
.acc-eco-page .sec-showcase .masking-group .layer-2 .reveal-row-contents .item-row .item .__hexagon {
									width: 150px;
									height: 150px;
									margin: -5.5% 0
							}
								}
.acc-eco-page .sec-benefits {
		background-color: #eeece0;
		text-transform: uppercase;
		padding: 55px 0 70px 0;
	}
@media (min-width: 768px) {
.acc-eco-page .sec-benefits {
			padding: 120px 0 220px 0
	}
		}
.acc-eco-page .sec-benefits .__h1 {
			margin: 0;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-benefits .__h1 {
				font-size: 26px;
				line-height: 34px
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-benefits .__h1 {
				line-height: 72px
		}
			}
@media (max-width: 767.98px) {
.acc-eco-page .sec-benefits .__h3-th {
				font-size: 14px;
				line-height: 20px
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-benefits .__h3-th {
				line-height: 30px
		}
			}
.acc-eco-page .sec-benefits .hex-group {
			margin-top: calc(20px + 2.5%);
		}
@media (min-width: 768px) {
.acc-eco-page .sec-benefits .hex-group {
				margin-top: calc(30px + 2.5%)
		}
			}
.acc-eco-page .sec-benefits .hex-line {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
@media (min-width: 992px) {
.acc-eco-page .sec-benefits .hex-line {
				flex-wrap: nowrap
		}

				.acc-eco-page .sec-benefits .hex-line:nth-child(odd) {
					margin-right: calc(330px / 2);
				}

				.acc-eco-page .sec-benefits .hex-line:nth-child(even) {
					margin-left: calc(330px / 2);
				}
			}
.acc-eco-page .sec-benefits .hex-line .item {
				width: 170px;
				height: 170px;
				overflow: hidden;
				position: relative;

				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				background-attachment: fixed;
				background-image: url("/assets/pages/acc-eco/benefits/mb.jpg");
				background-color: black;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				color: #fff;

				margin: -2.5% 0;

				padding: 0 15px;
			}
@media (min-width: 768px) {
.acc-eco-page .sec-benefits .hex-line .item {
					width: 260px;
					height: 260px;
					flex-shrink: 0
			}
				}
@media (min-width: 992px) {
.acc-eco-page .sec-benefits .hex-line .item {
					background-image: url("/assets/pages/acc-eco/benefits/dt.jpg");

					width: 280px;
					height: 280px;
					margin: -1.75% 0;
					flex-basis: auto;
					padding: 0;
					flex-shrink: 0
			}
				}
@media (min-width: 1200px) {
.acc-eco-page .sec-benefits .hex-line .item {
					width: 330px;
					height: 330px
			}
				}
.acc-eco-page .sec-benefits .hex-line .item span {
					position: relative;
				}
.acc-eco-page .sec-benefits .hex-line .item .fixed-img {
					width: 100%;
					height: 100%;
					position: fixed;
					top: 0;
					left: 0;
				}
.acc-eco-page .sec-benefits .hex-line .item .fixed-img img {
						width: inherit;
						height: inherit;
						-o-object-fit: cover;
						   object-fit: cover;
						clip-path: none;
					}
.acc-eco-page .sec-programs {
		background-color: #fbfaf6;
		padding: 60px 0;
	}
/* .container {
			padding: 0px;
		} */
@media (min-width: 768px) {
.acc-eco-page .sec-programs {
			padding: 120px 0
	}
		}
.acc-eco-page .sec-programs .headline {
			margin-bottom: 12px;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-programs .headline {
				font-size: 26px;
				line-height: 34px
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-programs .headline {
				margin-bottom: 10px
		}
			}
@media (max-width: 768px) {
.acc-eco-page .sec-programs .paragraph-highlight {
				margin-bottom: 2.75rem
		}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-programs .paragraph-highlight {
				margin-bottom: 3.125rem
		}
			}
.acc-eco-page .sec-programs .accordion {
			--bs-accordion-border-color: #cdccc9;
			--bs-accordion-border-radius: 0px;
			--bs-accordion-bg: transparent;
			--bs-accordion-btn-focus-box-shadow: none;
			--bs-accordion-active-bg: transparent;
			--bs-accordion-active-color: #171616;
			gap: 8px;
		}
.acc-eco-page .sec-programs .accordion h3,
			.acc-eco-page .sec-programs .accordion p {
				margin: 0px;
			}
.acc-eco-page .sec-programs .accordion p {
				word-break: break-word;
			}
.acc-eco-page .sec-programs .accordion .accordion-rows {
				position: relative;
			}
.acc-eco-page .sec-programs .accordion .accordion-rows::before {
					content: "";
					position: absolute;
					top: 0px;
					left: 0px;
					right: 0px;
					height: 100%;
					max-height: 100%;
					opacity: 0;
					transition: 0.35s max-height, 0.35s opacity;
					background: #eeece0;
				}
.acc-eco-page .sec-programs .accordion .accordion-rows:has(.accordion-collapse.collapse.show) {
					padding-bottom: 1.5rem;
				}
.acc-eco-page .sec-programs .accordion .accordion-rows:hover::before,
				.acc-eco-page .sec-programs .accordion .accordion-rows:has(.accordion-collapse.collapse.show)::before {
					opacity: 1;
				}
.acc-eco-page .sec-programs .accordion .accordion-item {
				position: relative;
				border-left-width: 0px;
				border-right-width: 0px;
			}
.acc-eco-page .sec-programs .accordion .accordion-item:last-of-type {
					border-bottom-width: 0px;
				}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-button {
						box-shadow: none;
						padding: 16px 0;
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
							background-image: url("../Content/Images/Icons/icon-expand.svg");
							background-position: center;
						}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-button::after {
							background-image: url("../Content/Images/Icons/icon-n-expand.svg");
							background-position: center;
						}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-header-content {
						position: relative;
						display: flex;
						gap: 1.5rem;
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-header-content .item-number {
							/* transition: color 0.35s; */
							/* color: #ffd300; */
						}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-header-content h3 {
							text-transform: uppercase;
						}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-header-content h3 {
								white-space: pre-wrap
						}
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .accordion-header-content p {
							text-transform: uppercase;
							color: #726261;
							transition: opacity 0.35s, transform 0.35s;
							opacity: 1;
							z-index: 1;
							transform: translateY(0);
						}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .collapsed .accordion-header-content .item-number {
								color: #171616;
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-header .collapsed .accordion-header-content p {
								position: absolute;
								width: -moz-max-content;
								width: max-content;
								opacity: 0;
								z-index: -1;
								transform: translateY(0);
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body {
					background-color: rgba(255 255 255 / 0.5);
					/* margin-bottom: 1.5rem; */
					padding: 4rem 6.125rem 4rem 6.125rem;
				}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body p.__body-2 {
						line-height: 1.375rem;
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body hr {
						opacity: 0.2;
						color: rgb(112 112 112);
						margin: 1.5rem 0px;
					}
@media (max-width: 1200px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body {
						padding: 2rem 4rem
				}
					}
@media (max-width: 768px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body {
						padding: 1.25rem 1.5rem
				}
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body img.item-image {
						margin: 1.5rem 0px;
						width: 100%;
						height: auto;
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info {
						text-align: center;
					}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info button {
							margin-top: 1.5rem;
						}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info {
							text-align: left
					}
						}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .label {
							margin-bottom: 0.25rem;
							font-weight: bold;
							margin-bottom: 0.25rem;
							color: #726261;
							text-transform: uppercase;
						}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .label {
								margin-bottom: 0px
						}
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container {
							margin-top: 1.375rem;
							display: flex;
							gap: 0.5rem;
							padding: 0.5rem 0px;
							border-top: 1px solid rgba(112 112 112 / 0.2);
							border-bottom: 1px solid rgba(112 112 112 / 0.2);
							margin-bottom: 1.5rem;
						}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container {
								margin-top: 0.75rem;
								gap: 0px;
								flex-direction: column;
								padding: 0px
						}
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container .item-info-content {
								flex: 1;
								padding: 1rem 0px;
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container .item-info-content p {
									word-break: break-word;
								}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container .item-info-content {
									padding: 0.75rem 0px 0.5rem;
									width: 100%
							}
								}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container .item-info-divider {
								width: 1px;
								height: 5.75rem;
								background-color: rgba(112 112 112 / 0.2);
							}
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .item-info-container .item-info-divider {
									/* display: none; */
									width: 100%;
									height: 1px
							}
								}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups {
							text-align: left;
						}
/* padding: 1.5rem 0px; */
@media (max-width: 992px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups {
								padding: 0.75rem 0px 1rem;
								margin-bottom: 0.75rem
						}
								.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups .label {
									margin-bottom: 0.75rem;
								}
							}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups .logo-container {
								display: flex;
								flex-wrap: wrap;
								justify-content: flex-start;
							}
@media (max-width: 768px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups .logo-container {
									justify-content: center;
									-moz-column-gap: 4px;
									     column-gap: 4px
							}
								}
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups .logo-container .__hexagon {
									flex-shrink: 0;
									width: 4.5rem;
									height: 4.5rem;
								}
@media (max-width: 768px) {
.acc-eco-page .sec-programs .accordion .accordion-item .accordion-body .item-info .participate-startups .logo-container .__hexagon {
										margin-bottom: -3px
								}
									}
.acc-eco-page .sec-activities {
		background-color: #161616;
		padding: 50px 0 70px 0;
		color: #fff;
		text-transform: uppercase;
	}
@media (min-width: 768px) {
.acc-eco-page .sec-activities {
			padding: 120px 0 140px 0;
			min-height: 100vh;
			min-height: 100dvh;
			display: flex;
			flex-direction: column;
			justify-content: center;
			transition: all 0.5s ease-in-out
	}
		}
.acc-eco-page .sec-activities .headline {
			color: #ffd300;
			margin: 0;
		}
@media (max-width: 767.98px) {
.acc-eco-page .sec-activities .headline {
				font-size: 40px;
				line-height: 40px;
				min-height: 105px;
				display: flex;
				align-items: center
		}
			}
.acc-eco-page .sec-activities p {
			word-break: break-word;
		}
.acc-eco-page .sec-activities .contents {
			margin-top: 40px;
		}
@media (max-width: 767.98px) {
				.acc-eco-page .sec-activities .contents .container {
					padding: 0;
				}
			}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents {
				margin-top: 40px;
				overflow: hidden
		}
			}
.acc-eco-page .sec-activities .contents .swiper-slide {
				transition: opacity 0.5s ease-in-out;
			}
.acc-eco-page .sec-activities .contents .swiper-slide:not(.swiper-slide-active) {
					opacity: 0.5;
				}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents .swiper-slide:not(.swiper-slide-active) {
						opacity: 1
				}
					}
.acc-eco-page .sec-activities .contents .item {
				text-align: center;
			}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents .item {
					text-align: left
			}
				}
.acc-eco-page .sec-activities .contents .item .image {
					position: relative;
					/* width: 305px; */
					width: 100%;
					height: 325px;
				}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents .item .image {
						/* width: 375px; */
						height: 400px
				}
					}
.acc-eco-page .sec-activities .contents .item .image img {
						position: absolute;
						width: 100%;
						height: 100%;
						-o-object-fit: cover;
						   object-fit: cover;
						left: 0;
						top: 0;
					}
.acc-eco-page .sec-activities .contents .item .title {
					margin: 12px 0 6px 0;
				}
@media (max-width: 767.98px) {
.acc-eco-page .sec-activities .contents .item .title {
						font-size: 18px;
						line-height: 20px
				}
					}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents .item .title {
						margin: 16px 0 8px 0
				}
					}
.acc-eco-page .sec-activities .contents .item .description {
					color: #8b8b8b;
					margin-bottom: 25px;
					word-break: break-word;
				}
@media (max-width: 767.98px) {
.acc-eco-page .sec-activities .contents .item .description {
						font-size: 10px;
						line-height: 16px;
						padding: 0px 24px
				}
					}
@media (min-width: 768px) {
.acc-eco-page .sec-activities .contents .item .description {
						margin-bottom: 0
				}
					}
.acc-eco-page .sec-partners {
		background-color: #eeece0;
		padding: 60px 0 70px 0;
	}
@media (min-width: 768px) {
.acc-eco-page .sec-partners {
			padding: 100px 0 120px 0
	}
		}
.acc-eco-page .sec-partners .headline {
			color: #83817b;
		}
.acc-eco-page .sec-partners .marquee {
			width: 100%;
			overflow: hidden;
			margin-top: 24px;
		}
@media (min-width: 768px) {
.acc-eco-page .sec-partners .marquee {
				margin-top: 24px
		}
			}
.acc-eco-page .sec-partners .marquee .js-marquee {
				display: flex;
				flex-wrap: nowrap;
				gap: 5px;
			}
@media (min-width: 768px) {
.acc-eco-page .sec-partners .marquee .js-marquee {
					gap: 1rem
			}
				}
.acc-eco-page .sec-partners .marquee .item {
				width: 60px;
				height: 60px;
				display: block;
			}
@media (min-width: 768px) {
.acc-eco-page .sec-partners .marquee .item {
					width: 120px;
					height: 120px
			}
				}
.acc-eco-page .sec-partners .marquee .item .__hexagon {
					width: inherit;
					height: inherit;
				}
 
@font-face {
    font-family: 'krungsri simple';
    src: url('../content/fonts/krungsri simple.ttf') format('truetype');
}

@font-face {
    font-family: 'krungsri simple med';
    src: url('../content/fonts/krungsri simple med.ttf') format('truetype');
}

@font-face {
    font-family: 'krungsri simple bol';
    src: url('../content/fonts/krungsri simple bol.ttf') format('truetype');
} 

@media (max-width: 768px) {
.__h1 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 4rem
}
  }
@media (min-width: 768px) {
.__h1 {
    font-weight: 700;
    font-size: 3.75rem;
    line-height: 6.125rem
}
  }
@media (max-width: 768px) {
.__h2 {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 3rem
}
  }
@media (min-width: 768px) {
.__h2 {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 3.625rem
}
  }
@media (max-width: 768px) {
.__h3-th {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem
}
  }
@media (min-width: 768px) {
.__h3-th {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.5rem
}
  }
@media (max-width: 768px) {
.__h3-en {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem
}
  }
@media (min-width: 768px) {
.__h3-en {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.5rem
}
  }
@media (max-width: 768px) {
.__body-1 {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem
}
  }
@media (min-width: 768px) {
.__body-1 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem
}
  }
@media (max-width: 768px) {
.__body-2 {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25rem
}
  }
@media (min-width: 768px) {
.__body-2 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.375rem
}
  }
@media (max-width: 768px) {
.__body-3 {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.125rem
}
  }
@media (min-width: 768px) {
.__body-3 {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25rem
}
  }
@media (max-width: 768px) {
.__body-3-en {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.3
}
  }
@media (min-width: 768px) {
.__body-3-en {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25rem
}
  }
@media (max-width: 768px) {
.__body-4 {
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1.125rem
}
  }
@media (min-width: 768px) {
.__body-4 {
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.125rem
}
  }
@media (max-width: 768px) {
.__body-5 {
    font-weight: 500;
    font-size: 0.5rem;
    line-height: 0.875rem
}
  }
@media (min-width: 768px) {
.__body-5 {
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1.125rem
}
  }
@media (max-width: 768px) {
.__button {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.25rem
}
  }
@media (min-width: 768px) {
.__button {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem
}
  }
@media (max-width: 768px) {
.__number-1 {
    font-weight: 700;
    font-size: 5rem;
    line-height: 8.125rem
}
  }
@media (min-width: 768px) {
.__number-1 {
    font-weight: 700;
    font-size: 9.375rem;
    line-height: 15.3125rem
}
  }
@media (max-width: 768px) {
.__number-2 {
    font-weight: 700;
    font-size: 3.875rem;
    line-height: 6.25rem
}
  }
@media (min-width: 768px) {
.__number-2 {
    font-weight: 700;
    font-size: 5.625rem;
    line-height: 9.25rem
}
  }
:root {
  --button-transition-time: 0.35s;
  --button-color-black: #161616;
  --button-color-white: white;
  --button-color-yellow: #ffd300;
  --button-color-gray: #b9b9b9;
  --button-icon-color: #161616;
}
.__button {
  --button-color: var(--button-color-black);
  --button-color-h: var(--button-color-black);
  --button-bg: transparent;
  --button-bg-h: var(--button-color-yellow);

  white-space: nowrap;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
  background: var(--button-bg);
  transition: color var(--button-transition-time);
  color: var(--button-color);
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.__button::before {
    transition: background-color var(--button-transition-time);
  }
.__button::after {
    content: " ";
    z-index: -1;
    position: absolute;
    inset: 0px;
    background-color: var(--button-bg-h);
    transition: transform var(--button-transition-time);
    transform: scaleY(0);
  }
.__button:focus {
    outline: none;
  }
@media (min-width: 992px) {
    .__button:hover,
    .__button:active {
      color: var(--button-color-h);
    }
      .__button:hover::before, .__button:active::before {
        background-color: var(--button-color-h);
      }
      .__button:hover::after, .__button:active::after {
        transform: scaleY(1);
      }
  }
.__button-with-play-icon {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0px;
}
.__button-with-play-icon::before {
    position: relative;
    z-index: 1;
    content: "";
    -webkit-mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
            mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 1rem;
    height: 1.125rem;
    background-color: var(--button-icon-color);
  }
.__button-with-play-icon::after {
    inset: 0px -1rem;
  }
.__button.__button-dark {
  --button-color: var(--button-color-black);
  --button-color-h: var(--button-color-yellow);
  --button-bg: transparent;
  --button-bg-h: var(--button-color-black);
  --button-icon-color: var(--button-color-black);
}
.__button.__button-light {
  --button-color: var(--button-color-white);
  --button-color-h: var(--button-color-black);
  --button-bg: transparent;
  --button-bg-h: var(--button-color-yellow);
  --button-icon-color: var(--button-color-yellow);
}
.__button.__button-action {
  --button-color: var(--button-color-white);
  --button-color-h: var(--button-color-black);
  --button-bg: var(--button-color-black);
  --button-bg-h: var(--button-color-yellow);
}
.__button.__button-cancel {
  --button-color: var(--button-color-gray);
  --button-color-h: var(--button-color-black);
  --button-bg: transparent;
  --button-bg-h: var(--button-color-yellow);
}
.__icon-button {
  --icon-button-color: var(--button-color-black);
  --icon-button-bg: transparent;
  --icon-button-bd: var(--button-color-black);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 0.125rem solid var(--icon-button-bd);
  background-color: var(--icon-button-bg);
  color: var(--icon-button-color);
  opacity: 1;
  transition: all var(--button-transition-time);
}
@media (min-width: 992px) {
    .__icon-button:focus {
      outline: none;
    }
    .__icon-button:hover {
      outline: none;
      opacity: 0.5;
      --icon-button-color: var(--button-color-black);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-black);
    }
    .__icon-button:active {
      --icon-button-color: var(--button-color-black);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-black);
    }
  }
.__icon-button.__button-light {
  --icon-button-color: var(--button-color-white);
  --icon-button-bg: transparent;
  --icon-button-bd: var(--button-color-white);
}
@media (min-width: 992px) {
    .__icon-button.__button-light:hover {
      outline: none;
      --icon-button-color: var(--button-color-white);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-white);
    }
    .__icon-button.__button-light:active {
      --icon-button-color: var(--button-color-white);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-white);
    }
  }
.__arrow-button {
  --icon-button-color: var(--button-color-black);
  --icon-button-bg: transparent;
  --icon-button-bd: var(--button-color-black);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--icon-button-bd);
  background-color: var(--icon-button-bg);
  color: var(--icon-button-color);
  opacity: 1;
  transition: all var(--button-transition-time);
}
.__arrow-button::after {
    content: "";
    display: inline;
    position: relative;
    width: 0.5rem;
    height: 0.75rem;
    background-color: var(--icon-button-color);
  }
@media (min-width: 992px) {
.__arrow-button {
    /* &:active {
      --icon-button-color: var(--button-color-black);
      --icon-button-bg: var(--button-color-yellow);
      --icon-button-bd: var(--button-color-yellow);
    } */
}
    .__arrow-button:focus {
      outline: none;
    }
    .__arrow-button:hover {
      opacity: 0.5;
      outline: none;
      --icon-button-color: var(--button-color-black);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-black);
    }
  }
.__arrow-button:disabled {
    opacity: 0.5;
    --icon-button-color: var(--button-color-black) !important;
    --icon-button-bg: transparent !important;
    --icon-button-bd: var(--button-color-black) !important;
  }
.__arrow-button-left::after {
  -webkit-mask: url("../Content/Images/Icons/arrow-left.svg") no-repeat 50% 50%;
          mask: url("../Content/Images/Icons/arrow-left.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.__arrow-button-right::after {
  -webkit-mask: url("../Content/Images/Icons/arrow-right.svg") no-repeat 50% 50%;
          mask: url("../Content/Images/Icons/arrow-right.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.__arrow-button.__button-light {
  --icon-button-color: var(--button-color-white);
  --icon-button-bg: transparent;
  --icon-button-bd: var(--button-color-white);
}
@media (min-width: 992px) {
.__arrow-button.__button-light {
    /* &:active {
      --icon-button-color: var(--button-color-black);
      --icon-button-bg: var(--button-color-yellow);
      --icon-button-bd: var(--button-color-yellow);
    } */
}
    .__arrow-button.__button-light:hover {
      outline: none;
      --icon-button-color: var(--button-color-white);
      --icon-button-bg: transparent;
      --icon-button-bd: var(--button-color-white);
    }
  }
.__arrow-button.__button-light:disabled {
    --icon-button-color: var(--button-color-white) !important;
    --icon-button-bg: transparent !important;
    --icon-button-bd: var(--button-color-white) !important;
  }
.dropdown-toggle,
.dropdown-item {
  cursor: pointer;
}
.dropdown {
  position: relative;
  z-index: 1;
  color: #888784;
}
.dropdown::after {
    content: "";
    transition: 0.35s all;
    transform: translateY(-50%) rotateX(180deg);
    transform-origin: center;
    opacity: 0.7;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 0.25rem;
    width: 0.625rem;
    height: 0.5rem;
    display: inline-block;
    -webkit-mask: url("../Content/Images/Icons/arrow-up.svg");
            mask: url("../Content/Images/Icons/arrow-up.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    background-color: #888784;
  }
.dropdown:has(.dropdown-toggle.show)::after {
    transform: translateY(-50%);
    opacity: 1;
  }
input.dropdown-toggle {
  outline: none;
  border: none;
  border-bottom: 1px solid #726161;
  background-color: transparent;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0px;
  z-index: 100;
}
input.dropdown-toggle.show {
  }
.dropdown.dark::after {
    background-color: white;
  }
.dropdown.dark input.dropdown-toggle {
    color: white;
    border-color: rgba(255 255 255 / 0.5);
  }
.dropdown.dark input.dropdown-toggle.show {
      border-color: white;
    }
.dropdown-menu {
  width: 100%;
  border-width: 0;
  border-radius: 0px;
  background-color: rgba(251, 250, 246, 0.9);
  z-index: 99;
  transition: 0.35s opacity, 0.5s max-height;
  display: block;
  opacity: 0;
  max-height: 0px;
}
.dropdown-menu.show {
    max-height: 500px;
    opacity: 1;
  }
.dropdown-menu .dropdown-item {
    color: #161616;
    opacity: 0.5;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    transition: 0.35s all;
    position: relative;
  }
.dropdown-menu .dropdown-item::before {
      position: absolute;
      content: " ";
      opacity: 0;
      -webkit-mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
              mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
      -webkit-mask-size: contain;
              mask-size: contain;
      width: 0.5rem;
      height: 0.5rem;
      background-color: #161616;
      transition: 0.35s all;
      transform: translateX(-12px);
    }
.dropdown-menu .dropdown-item:hover {
      background-color: transparent;
      transform: translateX(12px);
      opacity: 1;
    }
.dropdown-menu .dropdown-item:hover::before {
        opacity: 1;
      }
@media (max-width: 576px) {
  }
@media (min-width: 576px) {
  }
@media (min-width: 768px) {
  }
@media (min-width: 992px) {
  }
@media (min-width: 1200px) {
.container {
    max-width: 1160px
}
  }
:root {
  --header-text-color: #726261;
  --header-nav-color: #726261;
  --header-nav-tint: #cbaa01;
  --header-nav-item-color: #726261;
  --header-nav-item-tint: #cbaa01;
}
#preload {
  position: fixed;
  inset: 0px;
  background-color: #2c2c2c;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: .75s all ease-out;
  opacity: 1;
  z-index: 10000;
  visibility: show;
}
#preload.hide {
    opacity: 0;
    visibility: hidden;
  }
header .__header-vr {
    display: inline-block;
    width: 1px;
    height: 1rem;
    background-color: var(--header-text-color);
    opacity: 0.5;
  }
header .__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.875rem;
}
header .__header-actions a > * {
    display: block;
    color: var(--header-text-color);
  }
header .__header-actions #search-trigger {
    cursor: pointer;
    color: var(--header-text-color);
  }
header .__header-actions #search-trigger.active {
      color: var(--header-nav-tint);
    }
header .__header-actions #lang-switcher {
    position: relative;
  }
header .__header-actions #lang-switcher .current-lang {
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 0px;
    }
header .__header-actions #lang-switcher .current-lang::after {
        content: "";
        -webkit-mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
                mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
        -webkit-mask-size: contain;
                mask-size: contain;
        width: 6px;
        height: 4px;
        background-color: var(--header-text-color);
        transition: 0.25s all;
      }
header .__header-actions #lang-switcher .lang-selector {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      top: 100%;
      right: 0px;
      width: 44px;
      text-align: center;
      background-color: #fbfaf6;
      padding: 6px 0px;
      opacity: 0;
      transform: translateY(-100%);
    }
header .__header-actions #lang-switcher .lang-selector > * {
        padding: 4px 14px;
        cursor: pointer;
      }
header .__header-actions #lang-switcher .lang-selector > *:hover {
          color: #cbaa01;
        }
header .__header-actions #lang-switcher:hover .current-lang {
        color: #cbaa01;
      }
header .__header-actions #lang-switcher:hover .current-lang::after {
          background-color: #cbaa01;
        }
header .__header-actions #lang-switcher.show .current-lang {
        color: #cbaa01;
      }
header .__header-actions #lang-switcher.show .current-lang::after {
          transform: rotate(-180deg);
          background-color: #cbaa01;
        }
header .__header-actions #lang-switcher.show .lang-selector {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
      }
#dimmer {
  width: 100vw;
  height: 100dvh;
  background-color: #171616;
  opacity: 0.5;
  display: none;
  position: absolute;
}
header.dt {
  position: sticky;
  z-index: 1000;
  top: -4.5rem;
  height: 4.5rem;
  transition: top 0.35s;
}
header.dt:hover,
  header.dt.show {
    top: 0px;
  }
header.dt #search-container {
    border-top: 1px solid rgba(112 112 112 / 0.2);
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    padding: 2rem;
    background-color: #fbfaf6;
    height: 90px;
    z-index: 900;
    transition: 0.35s all;
    transform: translateY(-100%);
    opacity: 0;
  }
@media (max-width: 768px) {
header.dt #search-container {
      padding: 2rem 0.5rem
  }
    }
header.dt #search-container.show {
      transform: translateY(0);
      opacity: 1;
    }
header.dt #search-container .searchbox-content {
      padding: 0px 16px;
      display: flex;
      gap: 0.75rem;
      align-items: center;
    }
header.dt #search-container .searchbox-content .search-input-container {
        margin: auto;
        border-bottom: 1px solid rgba(22 22 22 / 0.5);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px;
      }
header.dt #search-container .searchbox-content .search-input-container #search-input {
          width: 100%;
          border: none;
          background: transparent;
          color: #171616;
          outline: none;
        }
header.dt #search-container .searchbox-content .search-input-container #search-submit-btn {
          width: 14px;
          height: 14px;
          position: relative;
        }
header.dt #search-container .searchbox-content .search-input-container #search-submit-btn::after {
            cursor: pointer;
            position: absolute;
            inset: 0px;
            content: "";
            -webkit-mask: url("../Content/Images/Icons/search.svg") no-repeat 50% 50%;
                    mask: url("../Content/Images/Icons/search.svg") no-repeat 50% 50%;
            -webkit-mask-size: contain;
                    mask-size: contain;
            width: 100%;
            height: 100%;
            background-color: #171616;
          }
header.dt #search-container .searchbox-content .search-input-container #search-submit-btn:hover::after {
            background-color: var(--header-nav-tint);
          }
header.dt #search-container .searchbox-content #search-close-btn {
        display: inline-grid;
        place-content: center;
        width: 1rem;
        height: 1rem;
        cursor: pointer;
      }
header.dt #search-container .searchbox-content #search-close-btn img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
        }
header.dt #header-container {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: var(--header-text-color);
    display: flex;
    align-items: flex-start;
    transition:
      max-height 0.5s,
      color 0.35s;
    background: white;
    height: 500px;
    max-height: 4.5rem;
  }
header.dt .__header-content {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
  }
header.dt .__header-content .__header-logo-container {
      height: 4rem;
      position: relative;
      display: grid;
      place-content: center;
    }
header.dt .__header-content .__header-logo-container #kfin-logo {
        width: auto;
        height: 36px;
      }
header.dt .__header-content .__header-nav {
      display: inline-flex;
      height: 100%;
      gap: 1.5rem;
      align-items: center;
      list-style: none;
      padding: 0px;
      margin: 0px;
      overflow: hidden;
    }
header.dt .__header-content .__header-nav .__header-nav-item {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--header-nav-color);
      }
header.dt .__header-content .__header-nav .__header-nav-item.highlight {
          --header-nav-color: var(--header-nav-tint);
          background-color: white;
          padding: 0px;
        }
header.dt .__header-content .__header-nav .__header-nav-item.__with-icon::after {
          content: "";
          -webkit-mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
                  mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
          -webkit-mask-size: cover;
                  mask-size: cover;
          width: 0.325rem;
          height: 0.25rem;
          background-color: var(--header-nav-color);
          transition: 0.25s all;
        }
header.dt .__header-content .__header-nav .__header-nav-item.active {
          --header-nav-color: var(--header-nav-tint);
        }
header.dt .__header-content .__header-nav .__header-nav-item.active.__with-icon::after {
            transform: rotate(-180deg);
          }
header.dt .__header-content .__header-nav .__header-nav-item.active ul {
            opacity: 1;
            z-index: 1;
            transform: translateY(0px);
          }
header.dt .__header-content .__header-nav .__header-nav-item.active ul li:hover {
              color: var(--header-nav-item-tint);
            }
header.dt .__header-content .__header-nav .__header-nav-item > ul {
          list-style: none;
          padding: 1.25rem 0px 0px 0px;
          margin: 0px;
          position: absolute;
          color: var(--header-nav-item-color);
          left: 0px;
          top: calc(100%);
          opacity: 0;
          z-index: 1;
          transform: translateY(1rem);
          transition:
            transform 0.35s,
            opacity 0.35s;
        }
header.dt .__header-content .__header-nav .__header-nav-item > ul li {
            margin-bottom: 0.25rem;
            padding: 0.5rem 1rem 0.5rem 0px;
            min-width: -moz-max-content;
            min-width: max-content;
          }
header.dt.__overlay:not(:has(#lang-switcher.show)) {
    --header-text-color: white;
    --header-nav-color: white;
  }
header.dt.__overlay:not(:has(#lang-switcher.show)) #header-container {
      background: transparent;
      border-bottom-width: 0px;
    }
header.dt.__overlay:not(:has(#lang-switcher.show)):hover,
    header.dt.__overlay:not(:has(#lang-switcher.show)) #header-container:hover {
      --header-text-color: #726261;
      --header-nav-color: #726261;
    }
header.dt.__overlay:not(:has(#lang-switcher.show)):hover #header-container, header.dt.__overlay:not(:has(#lang-switcher.show)) #header-container:hover #header-container {
        background: white;
      }
header.dt.__overlay:not(:has(#lang-switcher.show)):hover .__logo-jpg, header.dt.__overlay:not(:has(#lang-switcher.show)) #header-container:hover .__logo-jpg {
        opacity: 1;
      }
header.mb {
  z-index: 1000;
  background-color: white;
  position: sticky;
  top: -3.125rem;
  transition: top 0.35s;
}
header.mb.show {
    top: 0px;
  }
header.mb.show.__overlay,
  header.mb:has(.__header-menu.expand).__overlay {
    --header-text-color: #726261;
  }
header.mb.show.__overlay .__header-content, header.mb:has(.__header-menu.expand).__overlay .__header-content {
      background: white;
    }
header.mb .__header-content {
    background: white;
  }
header.mb .__header-content > #search-container {
    border-top: 1px solid rgba(112 112 112 / 0.2);
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 2rem 0rem;
    background-color: #fbfaf6;
    height: 90px;
    transition: 0.35s all;
    transform: translateY(-100%);
    opacity: 0;
    z-index: 900;
  }
header.mb .__header-content > #search-container.show {
      transform: translateY(0);
      opacity: 1;
    }
header.mb .__header-content > #search-container .searchbox-content {
      display: flex;
      gap: 0.75rem;
      align-items: center;
    }
header.mb .__header-content > #search-container .searchbox-content .search-input-container {
        margin: auto;
        border-bottom: 1px solid rgba(22 22 22 / 0.5);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px;
      }
header.mb .__header-content > #search-container .searchbox-content .search-input-container #search-input {
          width: 100%;
          border: none;
          background: transparent;
          color: #171616;
          outline: none;
        }
header.mb .__header-content > #search-container .searchbox-content .search-input-container #search-submit-btn {
          width: 16px;
          height: 16px;
          position: relative;
        }
header.mb .__header-content > #search-container .searchbox-content .search-input-container #search-submit-btn::after {
            cursor: pointer;
            position: absolute;
            inset: 0px;
            content: "";
            -webkit-mask: url("../Content/Images/Icons/search.svg") no-repeat 50% 50%;
                    mask: url("../Content/Images/Icons/search.svg") no-repeat 50% 50%;
            -webkit-mask-size: cover;
                    mask-size: cover;
            width: 16px;
            height: 16px;
            background-color: #171616;
          }
header.mb .__header-content > #search-container .searchbox-content .search-input-container #search-submit-btn:hover::after {
            background-color: var(--header-nav-tint);
          }
header.mb .__header-content > #search-container .searchbox-content #search-close-btn {
        display: inline-grid;
        place-content: center;
        width: 1rem;
        height: 1rem;
        cursor: pointer;
      }
header.mb .__header-content > #search-container .searchbox-content #search-close-btn img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
        }
header.mb .__header-content > div {
    position: relative;
    z-index: 999;
    /* padding: 0px 1rem 0px 0.25rem; */
    height: 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
  }
header.mb .__header-content > div .__header-logo-container {
      height: 3rem;
      position: relative;
      display: grid;
      place-content: center;
      color: var(--header-text-color);
    }
header.mb .__header-content > div .__header-logo-container #kfin-logo {
        width: auto;
        height: 28px;
      }
header.mb .__header-content > div #header-menu-trigger {
      display: inline-block;
      width: 1.5rem;
      height: 1.5rem;
      cursor: pointer;
      position: relative;
    }
header.mb .__header-content > div #header-menu-trigger svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--header-text-color);
      }
header.mb .__header-content > div #header-menu-trigger svg:first-child {
        opacity: 1;
      }
header.mb .__header-content > div #header-menu-trigger svg:last-child {
        opacity: 0;
      }
header.mb .__header-content > div #header-menu-trigger.open svg:first-child {
        opacity: 0;
      }
header.mb .__header-content > div #header-menu-trigger.open svg:last-child {
        opacity: 1;
      }
header.mb .__header-menu {
    position: fixed;
    z-index: 1000;
    background-color: white;
    top: 3.125rem;
    left: 0px;
    right: 0px;
    max-height: 0px;
    transition: opacity 0.35s;
    height: calc(100dvh - 3rem);
    padding: 0px;
    overflow: hidden;
    margin: 0px;
    list-style: none;
  }
header.mb .__header-menu.expand {
      overflow: auto;
      max-height: calc(100dvh - 3rem);
    }
header.mb .__header-menu .__lang-switcher {
      padding: 1rem 0.375rem;
      border-bottom: 1px solid rgba(112 112 112 / 0.2);
      display: flex;
      align-items: center;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.375rem;
      gap: 0px;
    }
header.mb .__header-menu .__lang-switcher span {
        padding: 0px 0.625rem;
        color: rgba(23 22 22 / 0.3);
      }
header.mb .__header-menu .__lang-switcher span.active {
        color: var(--header-nav-tint);
      }
header.mb .__header-menu li.__header-nav-item {
      font-size: 0.875rem;
      font-weight: bold;
      position: relative;
      padding: 1rem 0.5rem;
      cursor: pointer;
      color: var(--header-nav-color);
    }
header.mb .__header-menu li.__header-nav-item:not(:last-child) {
        border-bottom: 1px solid rgba(112 112 112 / 0.2);
      }
header.mb .__header-menu li.__header-nav-item.__with-icon::after {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        transition: transform 0.35s;
        transform: translateY(50%);
        content: "";
        -webkit-mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
                mask: url("../Content/Images/Icons/caret-down.svg") no-repeat 50% 50%;
        -webkit-mask-size: cover;
                mask-size: cover;
        width: 0.5rem;
        height: 0.385rem;
        background-color: var(--header-nav-color);
      }
header.mb .__header-menu li.__header-nav-item.highlight {
        color: var(--header-nav-item-tint);
        background-color: white;
      }
header.mb .__header-menu li.__header-nav-item.highlight::after {
          background-color: var(--header-nav-item-tint);
        }
header.mb .__header-menu li.__header-nav-item > ul {
        list-style: none;
        padding: 0px 0px 0px 1.5rem;
        margin: 0px;
        font-weight: 500;
        max-height: 0px;
        height: -moz-max-content;
        height: max-content;
        overflow: hidden;
        transition: max-height 0.35s;
      }
header.mb .__header-menu li.__header-nav-item > ul li {
          color: var(--header-nav-item-color);
          margin-top: 1rem;
          /* &.highlight {
            color: var(--header-nav-item-tint);
          } */
        }
header.mb .__header-menu li.__header-nav-item.active::after {
          transform: translateY(50%) rotateZ(180deg);
        }
header.mb .__header-menu li.__header-nav-item.active ul {
          max-height: 18.5rem;
        }
header.mb.__overlay {
    background: transparent;
    --header-text-color: white;
  }
/* #header-container {
      background: transparent;
      border-bottom-width: 0px;
    } */
header.mb.__overlay .__header-content {
      background: transparent;
    }
header.mb.__overlay .__header-content > div {
      background: transparent;
    }
footer {
  position: relative;
  z-index: 10;
  background-color: #fbfaf6;
}
footer a {
    text-decoration: underline;
    transition: all 0.35s;
  }
@media (min-width: 992px) {
      footer a.with-hover:hover {
        opacity: 0.5;
      }
    }
footer .__footer-content {
    padding: 4rem 0.75rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
@media (max-width: 992px) {
footer .__footer-content {
      padding: 2.5rem 0rem 2rem;
      gap: 1.75rem;
      flex-direction: column;
      align-items: flex-start
  }
      footer .__footer-content > div {
        flex: 1;
      }
    }
@media (max-width: 576px) {
footer .__footer-content {
      padding: 2.5rem 1rem 2rem
  }
    }
footer .__footer-content h2 {
      color: #ffd300;
      margin-bottom: 0.25rem;
    }
@media (max-width: 992px) {
footer .__footer-content h2 {
        margin-bottom: 0;
        font-size: 1.6875rem
    }
      }
footer .__footer-content .__body-2 {
      margin-bottom: 0.625rem;
    }
@media (max-width: 992px) {
footer .__footer-content .__body-2 {
        margin-bottom: 0.375rem
    }
      }
@media (max-width: 576px) {
footer .__footer-content .__body-2 {
        max-width: 250px
    }
      }
footer .__footer-content .__footer-follow-us {
      display: flex;
      flex-direction: column;
    }
footer .__footer-content .__footer-follow-us h3 {
        margin-bottom: 0.75rem;
      }
footer .__footer-content .__footer-follow-us .__footer-socials {
        display: inline-flex;
        gap: 0.625rem;
      }
@media (max-width: 992px) {
footer .__footer-content .__footer-follow-us {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
        footer .__footer-content .__footer-follow-us h3 {
          margin-bottom: 0px;
        }
      }
footer .__footer-extra {
    color: white;
    background-color: #2c2c2c;
    padding: 0.625rem;
  }
footer .__footer-extra .container {
      display: flex;
      justify-content: space-between;
    }
@media (max-width: 576px) {
footer .__footer-extra {
      font-size: 0.5rem;
      font-weight: 500;
      padding: 0.625rem 1rem
  }
      footer .__footer-extra .container {
        padding: 0px;
      }
    }
#sticky-navbar {
  background: #cbaa00;
  z-index: 999;
  position: sticky;
  top: 0;
  height: 3.25rem;
  transition: top 0.35s;
}
@media (max-width: 998px) {
#sticky-navbar {
    height: 2.625rem
}
  }
#sticky-navbar.show {
    top: 4.5rem;
  }
@media (max-width: 1200px) {
#sticky-navbar.show {
      top: 3.125rem
  }
    }
#sticky-navbar ul {
    overflow: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    scroll-behavior: smooth;
  }
@media (max-width: 800px) {
#sticky-navbar ul {
      justify-content: flex-start
  }
    }
#sticky-navbar ul a {
      cursor: pointer;
    }
#sticky-navbar ul li {
      white-space: nowrap;
      text-transform: uppercase;
      padding: 1rem 2.5rem;
      color: #fbfaf6;
      opacity: 0.7;
      transition: all 0.35s;
      cursor: pointer;
    }
@media (max-width: 998px) {
#sticky-navbar ul li {
        padding: 0.75rem 1rem
    }
      }
@media (min-width: 998px) {
        #sticky-navbar ul li:hover {
          opacity: 0.7;
          color: #171616;
          background-color: #ffd300;
        }
      }
#sticky-navbar ul li.active {
        opacity: 0.7;
        color: #171616;
        background-color: #ffd300;
      }
.__tag {
  --t-c: white;
  --bd-c: white;
  --bg-c: transparent;

  display: inline-block;
  font-size: 0.625rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--t-c)!important;
  background-color: var(--bg-c)!important;
  border: 1px solid var(--bd-c)!important;
  border-radius: 10000px;
  padding: 0.3125rem 0.625rem;
}
.__tag.__active, .__tag.active {
  --bd-c: #ffd300;
  --bg-c: #ffd300;
  --t-c: #161616;
}
.__tag.__dark {
  --bd-c: #171616;
  --bg-c: transparent;
  --t-c: #161616;
}
@media (min-width: 992px) {
.__tag {
    transition: 0.35s all;
    cursor: pointer
}
    .__tag:hover {
      --bd-c: #ffd300;
      --bg-c: #ffd300;
      --t-c: #161616;
    }
  }
a:has(> .__tag) {
  display: inline-block;
  cursor: pointer;
}
.investment-page {
  text-transform: uppercase;
}
.investment-page p {
    word-break: break-word;
  }
.investment-page .hero-top-banner {
    background-image: url("/assets/pages/investment/hero-banner/mb.jpg");
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: calc((290 * 100vw) / 375);
  }
@media (min-width: 768px) {
.investment-page .hero-top-banner {
      background-image: url("/assets/pages/investment/hero-banner/dt.jpg");
      height: calc((370 * 100vw) / 1440)
  }
    }
.investment-page .hero-top-banner .custom-container {
      position: relative;
      height: 100%;
    }
.investment-page .hero-top-banner .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
      }
.investment-page .hero-top-banner .custom-container .breadcrumb p {
          color: #ffffff;
          text-transform: uppercase;
        }
.investment-page .hero-top-banner .custom-container .content {
        height: 100%;
      }
.investment-page .hero-top-banner .custom-container .content #headline {
          text-transform: uppercase;
          color: #ffffff;
        }
.investment-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
  }
@media (min-width: 768px) {
.investment-page .section-2 {
      padding-top: 81px;
      padding-bottom: 95px
  }
    }
.investment-page .section-2 .text-title {
      margin-bottom: 0px;
      text-transform: uppercase;

      line-height: 2.313rem;
    }
@media (min-width: 768px) {
.investment-page .section-2 .text-title {
        line-height: 3.313rem
    }
      }
.investment-page .section-2 .box-detail {
      border-width: 0px;
      border-left-width: 4px;
      border-style: solid;
      border-color: #ffd300;
      padding-left: 15px;
      margin-top: 12px;
    }
@media (min-width: 768px) {
.investment-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
      }
.investment-page .section-2 .box-detail .text-datail {
        color: #171616;
        margin-bottom: 0px;
        text-transform: uppercase;
      }
.investment-page .section-3 {
    background: linear-gradient(60deg, #2c2c2c 0% 72%, #212121 15% 40%);
  }
@media (min-width: 768px) {
.investment-page .section-3 {
      background: linear-gradient(60deg, #2c2c2c 0% 76%, #212121 15% 40%)
  }
    }
.investment-page .section-3 {

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding-top: 51px;
    padding-bottom: 65px;
}
@media (min-width: 768px) {
.investment-page .section-3 {
      padding-top: 150px;
      padding-bottom: 150px
  }
    }
.investment-page .section-3 .content-items {
      display: flex;
      flex-direction: column;
    }
@media (min-width: 768px) {
.investment-page .section-3 .content-items {
        flex-direction: row;
        gap: 45px
    }
      }
.investment-page .section-3 .content-items .content-column {
        flex: 0 1 100%;
      }
@media (min-width: 768px) {
.investment-page .section-3 .content-items .content-column {
          flex: 0 0 250px
      }
        }
.investment-page .section-3 .content-items .content-column.auto-width {
          flex: 0 0 auto;
        }
.investment-page .section-3 .content-items .item {
        margin-bottom: 12px;
      }
@media (min-width: 768px) {
.investment-page .section-3 .content-items .item {
          margin-bottom: 22px
      }

          .investment-page .section-3 .content-items .item:last-child {
            margin-bottom: 0;
          }
        }
.investment-page .section-3 .text-title {
      color: white;
      margin-bottom: 0px;
      text-transform: uppercase;
      line-height: 3.281rem;
    }
@media (min-width: 768px) {
.investment-page .section-3 .text-title {
        line-height: 3.75rem
    }
      }
.investment-page .section-3 .box-detail {
      border-width: 0px;
      border-left-width: 4px;
      border-style: solid;
      border-color: #ffd300;
      padding-left: 15px;
      margin-top: 6px;
    }
@media (min-width: 768px) {
.investment-page .section-3 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
      }
.investment-page .section-3 .box-detail .text-datail {
        color: white;
        margin-bottom: 0px;
        text-transform: uppercase;
      }
.investment-page .section-3 .box-lists {
      /*      --bs-gutter-x: 16px; */
      margin-top: 58px;
    }
@media (min-width: 768px) {
.investment-page .section-3 .box-lists {
        margin-top: 70px
    }
      }
.investment-page .section-3 .box-lists .row {
        --bs-gutter-y: 12px;
      }
@media (min-width: 768px) {
.investment-page .section-3 .box-lists .row {
          --bs-gutter-y: 22px
      }
        }
.investment-page .section-3 .box-lists .text-list-title {
        color: #ffd300;
        margin-top: 12px;
        margin-bottom: 0px;
        text-transform: uppercase;
      }
.investment-page .section-3 .box-lists .text-list-detail {
        text-transform: none;
        color: white;
        margin-top: 0px;
        margin-bottom: 0px;
      }
@media (min-width: 768px) {
.investment-page .section-3 .box-lists .text-list-detail {
          margin-top: 3px
      }
        }
@media (min-width: 768px) {
.investment-page .section-3 .box-lists li.text-list-detail {
          margin-top: 1px
      }
        }
.investment-page .section-3 .box-lists ul {
        margin: 0px;
        padding-left: 14px;
      }
.investment-page .section-3 .box-lists li::marker {
        color: #ffd300;
      }
.investment-page .section-4 .section-fund {
      padding-top: 51px;
      padding-bottom: 45px;

      background-color: #ffd300;
    }
@media (min-width: 768px) {
.investment-page .section-4 .section-fund {
        padding-top: 102px;
        padding-bottom: 48px
    }
      }
.investment-page .section-4 .section-fund .text-title {
        margin-bottom: 0px;
        text-transform: uppercase;
      }
.investment-page .section-4 .section-fund .box-detail {
        border-width: 0px;
        border-left-width: 4px;
        border-style: solid;
        border-color: #171616;
        padding-left: 15px;
        margin-top: 6px;
      }
@media (min-width: 768px) {
.investment-page .section-4 .section-fund .box-detail {
          padding-left: 26px;
          margin-top: 10px
      }
        }
.investment-page .section-4 .section-fund .box-detail .text-datail {
          color: #171616;
          margin-bottom: 0px;
          text-transform: uppercase;
        }
.investment-page .section-portfolio-campanies {
    padding-top: 57px;
    padding-bottom: 70px;

    background-color: #eeece0;
  }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies {
      padding-top: 65px;
      padding-bottom: 120px
  }
    }
.investment-page .section-portfolio-campanies .text-topic {
      color: #171616;
      margin-bottom: 0px;
    }
.investment-page .section-portfolio-campanies .custom-filter {
      margin-top: 32px;
      /*       row-gap: 25px;
      column-gap: 14.8px; */
      --bs-gutter-y: 25px;
      --bs-gutter-x: 14.8px;
      position: relative;
    }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .custom-filter {
        margin-top: 22px;
        /*       row-gap: 0rem;
        column-gap: 16px; */
        --bs-gutter-y: 0rem;
        --bs-gutter-x: 16px
    }
      }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .box-dropdown {
          height: 100%;
          width: 100%;

          border-width: 0px;
          border-bottom-width: 1px;
          /* transition: all 0.4s; */
          border-style: solid;
          border-color: #171616;
        }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .box-dropdown {
            padding-right: 4.8px
        }
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .box-dropdown p {
            white-space: nowrap;
            margin: 0px;
            color: #171616;
            text-transform: uppercase;
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .box-dropdown-inactive {
          opacity: 0.3;
          /* opacity: 0.3; */
          /*  border-width: 0px; */
          /* transition: all 0.4s; */
          border-width: 0px;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .box-dropdown-active {
          border-width: 0px;
          /* transition: all 0.4s; */
          /* transition: all 0.4s; */
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter {
          border-width: 0px;
          border-bottom-width: 0px;
          border-style: solid;
          border-color: #707070;
          padding: 0px calc(var(--bs-gutter-x) * 0.5);
          position: absolute;
          visibility: visible;
          left: 0;
          /* top: 100%; */
          width: 100%;
          overflow-x: hidden;
          overflow-y: hidden;
          max-height: 0;
          transition: max-height 0s ease, padding 0s, margin 0s,
            border-bottom-width 0s;
          /* transition: max-height 0.4s ease, padding 0.4s, margin 0.4s,
            border-bottom-width 0.4s; */
          z-index: 100;

          background-color: #eeece0;
          z-index: 100;
          row-gap: 8px;
          -moz-column-gap: 5px;
               column-gap: 5px;

          margin-top: 21px;
        }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter {
            margin-top: 15px
        }
          }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter {
            gap: 5px;
            row-gap: 8px
        }
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter.show {
          transition: max-height 0.4s ease, padding 0.4s, margin 0.4s,
            border-bottom-width 0.4s;

          max-height: 500px;
          overflow-y: visible;

          border-bottom-width: 1px;
          margin-top: 10px;
          padding-bottom: 16px;
        }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter.show {
            padding-bottom: 10px
            /* margin-top: 15px; */
        }
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .list-filter.hidden-v2 {
          transition: max-height 0.4s ease, padding 0.4s, margin 0.4s,
            border-bottom-width 0.4s;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter {
          border-width: 1px;
          border-style: solid;
          border-color: #171616;
          padding: 5px 10px;
          border-radius: 15px;

          transition: all 0.35s;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter p {
            margin: 0px;
            color: #171616;
            text-transform: uppercase;
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter:hover {
          background-color: #171616;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter:hover p {
            color: white;
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter:checked {
          background-color: #171616;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter:checked p {
            color: white;
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter.active {
          background-color: #171616;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .button-filter.active p {
            color: white;
          }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown p {
          margin: 0px;
        }
.investment-page .section-portfolio-campanies .custom-filter .custom-dropdown .icon-arrow {
          width: 10.38px;
          height: auto;
        }
.investment-page .section-portfolio-campanies .custom-filter .icon-arrow-rotate-0 {
        transform: rotate(180deg);
        transition: 0.35s all;
      }
.investment-page .section-portfolio-campanies .custom-filter .icon-arrow-rotate-180 {
        transform: rotate(0);
        transition: 0.35s all;
      }
.investment-page .section-portfolio-campanies .show-list-filter {
      /*       row-gap: 8px;
      column-gap: 5px; */
      --bs-gutter-y: 8px;
      --bs-gutter-x: 5px;
      padding-bottom: 50px;

      padding-top: 10px;
    }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .show-list-filter {
        height: 120px;
        max-height: 120px;
        padding-bottom: 0px
    }
      }
.investment-page .section-portfolio-campanies .show-list-filter .box-list-filter {
        /*      margin-top: 8px; */
        background-color: #171616;
        padding: 5px 10px;
        border-radius: 15px;
      }
.investment-page .section-portfolio-campanies .show-list-filter .box-list-filter p {
          color: #ffffff;
          margin: 0;
          text-transform: uppercase;
        }
.investment-page .section-portfolio-campanies .show-list-filter .box-list-filter-clear-all {
        background-color: transparent;

        padding: 5px 0px;
      }
.investment-page .section-portfolio-campanies .show-list-filter .box-list-filter-clear-all p {
          color: #171616;
        }
/* .show-list-filter.opacity-100 {
      padding-top: 10px;
    } */
.investment-page .section-portfolio-campanies .box-list-cards {
      /* margin-top: 25px; */
      /* row-gap: 25px;
      column-gap: 11px; */
      --bs-gutter-y: 25px;
      --bs-gutter-x: 11px;
    }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .box-list-cards {
        /* margin-top: 79px; */
        /* row-gap: 40px;
        column-gap: 16px; */
        --bs-gutter-y: 40px;
        --bs-gutter-x: 16px
    }
      }
.investment-page .section-portfolio-campanies .box-list-cards > * {
        margin-top: 16px;
      }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .box-list-cards > * {
          margin-top: 32px
      }
        }
.investment-page .section-portfolio-campanies .box-list-cards .custom-card .__hexagon {
          width: 167px !important;
          height: 167px !important;
        }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .box-list-cards .custom-card .__hexagon {
            width: 180px !important;
            height: 180px !important
        }

            .investment-page .section-portfolio-campanies .box-list-cards .custom-card .__hexagon img {
              transition: 0.4s transform;
            }
              .investment-page .section-portfolio-campanies .box-list-cards .custom-card .__hexagon img:hover {
                transform: translate(-50%, -50%) scale(1.08);
              }
          }
.investment-page .section-portfolio-campanies .box-list-cards .custom-card .text-logo {
          transition: opacity 0.4s;
          margin: 0px;
          margin-top: 4px;
          color: #171616;
          text-align: center;
          text-transform: uppercase;
          font-size: 14px;
        }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .box-list-cards .custom-card .text-logo {
            margin-top: 12px
        }
          }
.investment-page .section-portfolio-campanies .box-list-cards .custom-card:link {
          text-decoration: none;
        }
.investment-page .section-portfolio-campanies .box-list-cards .custom-card:hover .text-logo {
            opacity: 0.5;
          }
.investment-page .section-portfolio-campanies .box-pagination {
      padding-top: 45px;
      gap: 30px;
    }
@media (min-width: 768px) {
.investment-page .section-portfolio-campanies .box-pagination {
        padding-top: 80.3px;
        gap: 30px
    }
      }
.investment-page .section-portfolio-campanies .box-pagination p {
        margin-bottom: 0px;
      }
.investment-page .section-portfolio-campanies .box-pagination input {
        background-color: transparent;
        width: 20px;
        padding-bottom: 2px;
        border-width: 0px;
        border-bottom-width: 1px;
        border-color: #707070;
        color: #171616;
        border-radius: 0px;
        text-align: center;
      }
.investment-page .section-portfolio-campanies .box-pagination input:focus {
        border-width: 0px;
        outline: none;
        border-bottom-width: 1px;
      }
/* Chrome, Safari, Edge, Opera */
.investment-page .section-portfolio-campanies .box-pagination input::-webkit-outer-spin-button,
      .investment-page .section-portfolio-campanies .box-pagination input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
/* Firefox */
.investment-page .section-portfolio-campanies .box-pagination input[type="number"] {
        -moz-appearance: textfield;
      }
.investment-page .section-portfolio-campanies .box-pagination .box-pagination-button {
        gap: 10px;
      }
.investment-page .section-portfolio-campanies .box-pagination .box-pagination-number {
        gap: 10px;
      }
.investment-page .transition {
    transition: opacity 0.45s;
  }
/* * {
			border: 1px red solid;
		} */
/* reset */
.investment-page .section-5 .nav-tabs,
    .investment-page .section-5 .nav-item,
    .investment-page .section-5 .nav-link,
    .investment-page .section-5 .accordion-item,
    .investment-page .section-5 .accordion-item,
    .investment-page .section-5 .accordion-body,
    .investment-page .section-5 .accordion-button {
      border: none;
      padding: 0;
      margin: 0;
      background: none;
      box-shadow: none;
    }
.investment-page .section-5 .accordion-button::after {
      display: none;
      /* background-image: initial;
			width: 0; */
    }
.investment-page .section-5 .accordion-button:not(.collapsed)::after {
      display: none;
      /* background-image: initial;
			width: 0; */
    }
/*  */
.investment-page .section-5 .nav-tabs {
      display: none;
    }
@media (min-width: 768px) {
.investment-page .section-5 .nav-tabs {
        display: flex
    }

        .investment-page .section-5 .nav-tabs .nav-item {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #cecece;
        }

          .investment-page .section-5 .nav-tabs .nav-item.active,
          .investment-page .section-5 .nav-tabs .nav-item:hover {
            color: #ffd300;
          }

          .investment-page .section-5 .nav-tabs .nav-item:nth-child(1) {
            background-color: #2c2c2c;
          }
          .investment-page .section-5 .nav-tabs .nav-item:nth-child(2) {
            background-color: #303030;
          }
          .investment-page .section-5 .nav-tabs .nav-item:nth-child(3) {
            background-color: #453f31;
          }
          .investment-page .section-5 .nav-tabs .nav-item:nth-child(4) {
            background-color: #52492f;
          }
          .investment-page .section-5 .nav-tabs .nav-item:nth-child(5) {
            background-color: #604f24;
          }

        .investment-page .section-5 .nav-tabs .nav-link {
          flex: 1 1 auto;
          display: flex;
          justify-content: center;
          align-items: center;

          text-transform: uppercase;
          color: inherit;
          font-size: 18px;
          line-height: 24px;
          font-weight: bold;
          padding: 20px 0;
        }
          @media (min-width: 1440px) {

        .investment-page .section-5 .nav-tabs .nav-link {
            font-size: 20px
        }
          }
      }
.investment-page .section-5 .accordion-item .accordion-header {
        padding: 10px calc(1.5rem * 0.5);
      }
@media (min-width: 768px) {
.investment-page .section-5 .accordion-item .accordion-header {
          display: none
      }
        }
.investment-page .section-5 .accordion-item .accordion-button {
        color: #ffd300;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
      }
.investment-page .section-5 .accordion-item .accordion-button.collapsed {
          color: #cecece;
        }
.investment-page .section-5 .accordion-item .accordion-button::after {
          content: "";
          display: block;
          background-image: url("../Content/Images/Icons/icon-n-expand-white.svg");
          background-position: center;
          background-size: contain;
          width: 18px;
          height: 18px;
        }
.investment-page .section-5 .accordion-item .accordion-button:not(.collapsed)::after {
          content: "";
          display: block;
          background-image: url("../Content/Images/Icons/icon-expand-yellow.svg");
          background-position: center;
          background-size: contain;
          width: 18px;
          height: 18px;
        }
.investment-page .section-5 .accordion-item {

      --bg-size: 35%;
}
@media (min-width: 768px) {
.investment-page .section-5 .accordion-item {
        --bg-size: 15%
    }
      }
.investment-page .section-5 .accordion-item:nth-child(1) {
        /* background: linear-gradient(60deg, #212121 0% 25%, #2c2c2c 15%); */
        background: #2c2c2c;
      }
@media (max-width: 768px) {
.investment-page .section-5 .accordion-item:nth-child(1) {
          background: #2c2c2c
      }
        }
.investment-page .section-5 .accordion-item:nth-child(1) .accordion-header {
          background-color: #2c2c2c;
        }
.investment-page .section-5 .accordion-item:nth-child(2) {
        /* background: linear-gradient(
          60deg,
          #3e3e3e 0% var(--bg-size),
          #303030 var(--bg-size)
        ); */
        background: #303030;
      }
@media (max-width: 768px) {
.investment-page .section-5 .accordion-item:nth-child(2) {
          background: #303030
      }
        }
.investment-page .section-5 .accordion-item:nth-child(2) .accordion-header {
          background-color: #303030;
        }
.investment-page .section-5 .accordion-item:nth-child(3) {
        /* background: linear-gradient(
          60deg,
          #70633b 0% var(--bg-size),
          #453f31 var(--bg-size)
        ); */
        background: #453f31;
      }
@media (max-width: 768px) {
.investment-page .section-5 .accordion-item:nth-child(3) {
          background: #453f31
      }
        }
.investment-page .section-5 .accordion-item:nth-child(3) .accordion-header {
          background-color: #453f31;
        }
.investment-page .section-5 .accordion-item:nth-child(4) {
        /* background: linear-gradient(
          60deg,
          #70633b 0% var(--bg-size),
          #52492f var(--bg-size)
        ); */
        background: #52492f;
      }
@media (max-width: 768px) {
.investment-page .section-5 .accordion-item:nth-child(4) {
          background: #52492f
      }
        }
.investment-page .section-5 .accordion-item:nth-child(4) .accordion-header {
          background-color: #52492f;
        }
.investment-page .section-5 .accordion-item:nth-child(5) {
        /* background: linear-gradient(
          60deg,
          #70633b 0% var(--bg-size),
          #604f24 var(--bg-size)
        ); */
        background: #604f24;
      }
@media (max-width: 768px) {
.investment-page .section-5 .accordion-item:nth-child(5) {
          background: #604f24
      }
        }
.investment-page .section-5 .accordion-item:nth-child(5) .accordion-header {
          background-color: #604f24;
        }
.investment-page .section-5 .accordion-item .accordion-body {
        color: #fff;
        padding: 40px 0;
      }
@media (min-width: 768px) {
.investment-page .section-5 .accordion-item .accordion-body {
          padding: 120px 0
      }
        }
.investment-page .section-5 .headline {
      color: #ffd300;
      font-size: 26px;
      line-height: 34px;
      max-width: 95%;
      word-break: break-word;
    }
@media (min-width: 768px) {
.investment-page .section-5 .headline {
        font-size: 36px;
        line-height: 48px;
        max-width: auto
    }
      }
.investment-page .section-5 .subheadline {
      font-size: 26px;
      line-height: 34px;
      max-width: 95%;
      word-break: break-word;
      margin-top: 12px;
    }
@media (min-width: 768px) {
.investment-page .section-5 .subheadline {
        font-size: 36px;
        line-height: 48px;
        max-width: auto;
        margin-top: 16px
    }
      }
.investment-page .section-5 .paragraph-highlight {
      text-transform: none;
      border-left: 4px solid #ffd300;
      padding-left: 15px;
      margin-top: 20px;
    }
@media (min-width: 768px) {
.investment-page .section-5 .paragraph-highlight {
        padding-left: 26px;
        margin-top: 20px
    }
      }
.investment-page .section-5 .paragraph-highlight * {
        margin: 0;
        word-break: break-word;
        font-weight: 500;
        max-width: 95%;
      }
@media (min-width: 768px) {
.investment-page .section-5 .paragraph-highlight * {
          max-width: 835px
      }
        }
.investment-page .section-5 .label {
      color: #ffd300;
    }
.investment-page .section-5 .label-content {
      color: #ffffff;
      text-transform: none;
    }
.investment-page .section-5 .label-content ul {
        padding: 0;
        margin: 0;
        padding-left: 1rem;
      }
/* list-style-position: inside; */
/* list-style: none; */
.investment-page .section-5 .label-content ul li {
          font-size: inherit;

          /* &::before {
						content: "+";
						padding-right: 5px;
					} */
        }
.investment-page .section-5 .label-content ul li::marker {
            color: #ffd300;
          }
.investment-page .section-5 .label-content a {
        text-decoration: underline;
        color: #ffd300;
        font-size: inherit;
        display: table;
      }
.investment-page .section-5 .box-wrapper:not(:last-child) {
        margin-bottom: 58px;
      }
@media (min-width: 768px) {
.investment-page .section-5 .box-wrapper:not(:last-child) {
          margin-bottom: 120px
      }
        }
.investment-page .section-5 .logos {
      display: grid;

      grid-template-columns: repeat(3, 1fr);
      gap: 3px;
    }
@media (min-width: 992px) {
.investment-page .section-5 .logos {
        gap: 8px;
        max-width: 1028px;
        grid-template-columns: repeat(7, 1fr)
    }
      }
.investment-page .section-5 .logos img {
        width: 110px;
        height: 110px;
        -o-object-fit: contain;
           object-fit: contain;
        filter: grayscale(1);
      }
@media (min-width: 992px) {
.investment-page .section-5 .logos img {
          width: 140px;
          height: 140px
      }
        }
.investment-page .section-5 .content-items {
      display: flex;
      flex-direction: column;
    }
@media (min-width: 768px) {
.investment-page .section-5 .content-items {
        flex-direction: row;
        gap: 45px
    }
      }
.investment-page .section-5 .content-items .content-column {
        flex: 0 1 100%;
      }
@media (min-width: 768px) {
.investment-page .section-5 .content-items .content-column {
          flex: 0 0 250px
      }
        }
.investment-page .section-5 .content-items .item {
        margin-bottom: 12px;
      }
@media (min-width: 768px) {
.investment-page .section-5 .content-items .item {
          margin-bottom: 22px
      }

          .investment-page .section-5 .content-items .item:last-child {
            margin-bottom: 0;
          }
        }
.who-we-are-recognitions-page {
  text-transform: uppercase;
}
.who-we-are-recognitions-page p {
    word-break: break-word;
  }
.who-we-are-recognitions-page .hero-top-banner {
    background-image: url("/assets/pages/who-we-are/recognitions/banner-mb.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc((279 * 100vw) / 375);
  }
@media (min-width: 768px) {
.who-we-are-recognitions-page .hero-top-banner {
      background-image: url("/assets/pages/who-we-are/recognitions/banner-dt.jpg");
      height: calc((370 * 100vw) / 1440)
  }
    }
.who-we-are-recognitions-page .hero-top-banner .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
      }
.who-we-are-recognitions-page .hero-top-banner .custom-container .breadcrumb p {
          color: #ffffff;
          text-transform: uppercase;
        }
.who-we-are-recognitions-page .hero-top-banner .custom-container {
      height: 100%;
}
.who-we-are-recognitions-page .hero-top-banner .custom-container .content {
        height: 100%;
        background-color: transparent;
      }
.who-we-are-recognitions-page .hero-top-banner .custom-container .content #headline {
          background-color: transparent;
          color: #ffffff;
        }
.who-we-are-recognitions-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .who-we-are-recognitions-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.who-we-are-recognitions-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .who-we-are-recognitions-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.who-we-are-recognitions-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .who-we-are-recognitions-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.who-we-are-recognitions-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.who-we-are-recognitions-page .content {
    background-color: #eeece0;
  }
.who-we-are-recognitions-page .content .custom-container {
      padding-top: 26px;
      padding-bottom: 70px;
    }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container {
        padding-top: 80px;
        padding-bottom: 120px
    }
      }
.who-we-are-recognitions-page .content .custom-container .box-filter {
        -moz-column-gap: 24px;
             column-gap: 24px;

        width: 100%;
      }
/* @media (min-width: 768px) {
          width: fit-content;
        } */
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex{
          width: 100%;
        }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex{
            width: -moz-fit-content;
            width: fit-content
        }
          }
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex .dropdown{
            width: 100%;
          }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex .dropdown{
              width: -moz-fit-content;
              width: fit-content
          }
            }
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex .dropdown .dropdown-toggle{
              width: 100%;
            }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-filter .d-flex .dropdown .dropdown-toggle{
                width: -moz-fit-content;
                width: fit-content;
                max-width: -moz-fit-content;
                max-width: fit-content
            }
              }
@media (max-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-filter {
          -moz-column-gap: 8px;
               column-gap: 8px
      }
        }
.who-we-are-recognitions-page .content .custom-container .box-filter .dropdown-toggle {
          width: 167px;
          background-color: transparent;
          border-radius: 0px;
        }
.who-we-are-recognitions-page .content .custom-container .box-list-cards {
        margin-top: 43px;
      }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards {
          --bs-gutter-y: 71px;
        }
@media (min-width: 1200px) {
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards {
            /*       row-gap: 5rem;
            column-gap: 6.25rem; */
            --bs-gutter-y: 100px;
            --bs-gutter-x: 80px
        }
          }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card {
            height: 100%;
            max-width: 320px;
            margin: 0px auto;
          }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .custom-logo {
              width: 300px;
              height: 300px;

              margin-bottom: 11px;
            }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card hr {
              width: 80px;
              height: 1px;
              margin: 0px;
              margin-top: 12px;
              margin-bottom: 10px;
              border-width: 1px;
              border-style: solid;
              border-color: rgb(131 118 75 / 0.5);
            }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text1 {
              color: #83764b;
              text-align: center;
              margin-bottom: 0px;
            }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text2 {
              color: #161616;
              text-align: center;
              margin-bottom: 0px;
            }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text3 {
              color: rgb(44 44 44 / 0.5);
              text-align: center;
            }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text1,
            .who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text3 {
              font-weight: 500;
              font-size: 0.625rem;
              line-height: 1.125rem;
            }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text1,
            .who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .text3 {
                font-weight: 500;
                font-size: 0.75rem;
                line-height: 1.25rem
            }
              }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .card-bottom {
              margin-top: 2px;
            }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .card-bottom {
                margin-top: 12px
            }
              }
.who-we-are-recognitions-page .content .custom-container .box-list-cards .list-cards .custom-card .card-bottom p {
                margin-bottom: 0px;
              }
.who-we-are-recognitions-page .content .custom-container .box-pagination {
        padding-top: 45px;
        gap: 30px;
      }
@media (min-width: 768px) {
.who-we-are-recognitions-page .content .custom-container .box-pagination {
          padding-top: 64px;
          gap: 31px
      }
        }
.who-we-are-recognitions-page .content .custom-container .box-pagination p {
          margin-bottom: 0px;
        }
.who-we-are-recognitions-page .content .custom-container .box-pagination input {
          background-color: transparent;
          width: 32px;
          padding-bottom: 4px;
          border-width: 0px;
          border-bottom-width: 1px;
          border-color: #707070;
          color: #171616;
          border-radius: 0px;
          text-align: center;
        }
.who-we-are-recognitions-page .content .custom-container .box-pagination input:focus {
          border-width: 0px;
          outline: none;
          border-bottom-width: 1px;
        }
/* Chrome, Safari, Edge, Opera */
.who-we-are-recognitions-page .content .custom-container .box-pagination input::-webkit-outer-spin-button,
        .who-we-are-recognitions-page .content .custom-container .box-pagination input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
/* Firefox */
.who-we-are-recognitions-page .content .custom-container .box-pagination input[type="number"] {
          -moz-appearance: textfield;
        }
.who-we-are-recognitions-page .content .custom-container .box-pagination .box-pagination-number {
          gap: 10px;
        }
.who-we-are-page .hero-top-banner {
    position: relative;
    width: 100%;
    /*height: calc((370 * 100vw) / 1440);*/
}
.who-we-are-page .hero-top-banner img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.who-we-are-page .hero-top-banner h1 {
      line-height: 4.5rem;
      text-transform: uppercase;
    }
@media (max-width: 768px) {
.who-we-are-page .hero-top-banner h1 {
        line-height: 2.5rem
    }
      }
.who-we-are-page .hero-top-banner .container {
      height: 100%;
      position: absolute;
      inset: 0;
    }
.who-we-are-page .hero-top-banner .hero-img-dt {
      display: block;
    }
.who-we-are-page .hero-top-banner .hero-img-mb {
      display: none;
    }
.who-we-are-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.who-we-are-page .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.who-we-are-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.who-we-are-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
.who-we-are-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .who-we-are-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.who-we-are-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .who-we-are-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.who-we-are-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .who-we-are-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.who-we-are-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}}
@media (max-width: 768px) {
      .who-we-are-page .hero-top-banner .hero-img-dt {
        display: none;
      }
      .who-we-are-page .hero-top-banner .hero-img-mb {
        display: block;
      }
    }
.who-we-are-page .hero-top-banner .hero-content {
      color: white;
      position: relative;
      height: 100%;
    }
.who-we-are-page .hero-top-banner .hero-content .breadcrumb {
        text-transform: uppercase;
        position: absolute;
        top: 10px;
        left: 0px;
      }
.who-we-are-page .hero-top-banner .hero-content .hero-title {
        display: flex;
        align-items: center;
        height: 100%;
      }
.who-we-are-page .section-meet-our-team {
    background: linear-gradient(60deg, #191919 0% 20%, #2c2c2c 15% 40%);

    overflow-x: hidden;
  }
.who-we-are-page .section-meet-our-team .custom-container {
      padding-top: 84px;
      padding-bottom: 28px;
    }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container {
        padding-top: 100px;
        padding-bottom: 120px
    }
      }
.who-we-are-page .section-meet-our-team .custom-container .title {
        color: #ffd300;
        margin: 0px;
        text-transform: uppercase;

        line-height: 2.5rem;
        height: 6rem;

        font-weight: bold;
      }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .title {
          line-height: 3.75rem;
          height: 6.125rem
      }
        }
.who-we-are-page .section-meet-our-team .custom-container .detail {
        color: #ffffff;
        margin: 0px;
        text-transform: uppercase;
        word-break: break-word;
      }
.who-we-are-page .section-meet-our-team .custom-container .box-filter {
        margin-top: 25px;
        -moz-column-gap: 8px;
             column-gap: 8px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        overflow-x: auto;
      }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-filter {
          margin-top: 48px;
          margin-bottom: 32px
      }
        }
.who-we-are-page .section-meet-our-team .custom-container .box-filter .filter-option {
          border-width: 1px;
          border-style: solid;
          /* border-color: #ffffff; */
          padding: 5px 10px;
          /* background-color: transparent; */
          border-radius: 15px;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-filter .filter-option p {
            margin-bottom: 0px;
            white-space: nowrap;
            text-transform: uppercase;
          }
.who-we-are-page .section-meet-our-team .custom-container .box-filter .filter-option.active {
          background-color: #ffd300;
          border-color: #ffd300;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-filter .filter-option.active p {
            color: #161616;
          }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card {
        /* margin-top: 20px; */
        --bs-gutter-y: 43px;
      }
/*         row-gap: 43px;
        column-gap: 0px; */
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-list-card {
          /* margin-top: 32px; */
          --bs-gutter-y: 60px
          /*
          row-gap: 60px;
          column-gap: 16px; */
      }
        }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-profile {
            overflow: hidden;

            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;

            width: 345px;
            height: 376px;
          }
/* width: calc((345 * 100vw) / 375);
            height: calc((367 * 100vw) / 375); */
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-profile {
              width: 100%;
              height: 400px;
              /* width: calc((376 * 100vw) / 1440);
              height: calc((400 * 100vw) / 1440);*/
              max-width: 376px;
              max-height: 400px
          }
            }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-profile .profile {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              transition: transform 0.4s;
            }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-profile .profile:hover {
              transform: scale(1.03);
            }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail {
            -moz-column-gap: 8px;
                 column-gap: 8px;
            margin-top: 7px;

            width: 345px;
          }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail {
              -moz-column-gap: 7.9px;
                   column-gap: 7.9px;
              margin-top: 16px
          }
            }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .box-arrow-right img {
                width: 100%;
                height: 100%;
              }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .box-arrow-right {

              width: 10px;
              height: 12px;
}
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .box-arrow-right {
                width: 11.09px;
                height: 13.21px
            }
              }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .name {
              color: #ffd300;
              margin: 0px;
              text-transform: uppercase;
              word-break: break-word;
            }
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .job-position {
              color: #ffffff;
              margin: 0px;
              text-transform: uppercase;
              margin-top: 2px;
              word-break: break-word;
              line-height: 1.5rem;
            }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-list-card .custom-card .box-detail .job-position {
                margin-top: 4px;
                line-height: 1.25rem
            }
              }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination {
        padding-top: 45px;
        gap: 30px;
      }
@media (min-width: 768px) {
.who-we-are-page .section-meet-our-team .custom-container .box-pagination {
          padding-top: 80px;
          gap: 10px
      }
        }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination p {
          margin-bottom: 0px;
          color: #ffffff;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination input {
          background-color: transparent;
          width: 20px;
          padding-bottom: 2px;
          border-width: 0px;
          border-bottom-width: 1px;
          border-color: rgba(255, 2555, 255, 0.5);
          color: #ffffff;
          border-radius: 0px;
          text-align: center;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination input:focus {
          border-width: 0px;
          outline: none;
          border-bottom-width: 1px;
        }
/* Chrome, Safari, Edge, Opera */
.who-we-are-page .section-meet-our-team .custom-container .box-pagination input::-webkit-outer-spin-button,
        .who-we-are-page .section-meet-our-team .custom-container .box-pagination input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
/* Firefox */
.who-we-are-page .section-meet-our-team .custom-container .box-pagination input[type="number"] {
          -moz-appearance: textfield;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination .box-pagination-button {
          gap: 10px;
        }
.who-we-are-page .section-meet-our-team .custom-container .box-pagination .box-pagination-number {
          gap: 10px;
        }
/* @media (min-width: 768px) {

} */
.who-we-are-page .paragraph-highlight {
    border-left: 4px solid #ffd300;
    padding-left: 15px;
    margin-top: 20px;
  }
@media (min-width: 768px) {
.who-we-are-page .paragraph-highlight {
      padding-left: 26px;
      margin-top: 20px
  }
    }
.who-we-are-page .paragraph-highlight * {
      margin: 0;
      word-break: break-word;
      font-weight: 500;
      max-width: 95%;
    }
@media (min-width: 768px) {
.who-we-are-page .paragraph-highlight * {
        max-width: 964px
    }
      }
.who-we-are-page .sec-quote {
    color: #fff;

    background: linear-gradient(60deg, #212121 0% 50%, #2c2c2c 50%);
    background-repeat: no-repeat;
    background-color: #2c2c2c;
    /* background-position-x: -270px; */
    padding: 40px 0 60px 0;
    text-transform: uppercase;
    overflow: hidden;
  }
@media (min-width: 768px) {
.who-we-are-page .sec-quote {
      padding: 20px 0;
      min-height: 460px;
      background: linear-gradient(60deg, #212121 0% 40%, #2c2c2c 40%);
      background-repeat: no-repeat;
      background-color: #2c2c2c;
      background-position-x: -270px;

      display: flex;
      align-items: center
  }
    }
.who-we-are-page .sec-quote .content-wrap {
      display: flex;
      flex-direction: column;
    }
@media (min-width: 768px) {
.who-we-are-page .sec-quote .content-wrap {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px
    }
      }
.who-we-are-page .sec-quote .content-wrap .layer {
        flex: 1 1 100%;
      }
@media (min-width: 768px) {
.who-we-are-page .sec-quote .content-wrap .layer {
          flex: 1 1 50%
      }
        }
.who-we-are-page .sec-quote .content-wrap .headline {
        color: #ffd300;
        margin-bottom: 15px;
      }
@media (max-width: 767.98px) {
.who-we-are-page .sec-quote .content-wrap .headline {
          font-size: 50px;
          line-height: 52px
      }
        }
@media (min-width: 768px) {
.who-we-are-page .sec-quote .content-wrap .headline {
          line-height: 80px;
          margin-bottom: 0
      }
        }
@media (min-width: 768px) {
.who-we-are-page .sec-quote .content-wrap .content {
          max-width: 475px
      }
        }
.who-we-are-page .sec-quote .content-wrap .content p {
          word-break: break-word;
        }
.who-we-are-page .sec-quote .content-wrap .content label {
          display: flex;
          align-items: center;
          opacity: 0.5;
          gap: 10px;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-quote .content-wrap .content label {
            gap: 15px
        }
          }
.who-we-are-page .sec-quote .content-wrap .content label i {
            display: block;
            width: 82px;
            height: 1px;
            background: #fff;
          }
.who-we-are-page .sec-intro {
    background: linear-gradient(60deg, #f6f5f1 0% 89%, #fbfaf6 89%);
    padding: 55px 0;
    color: #171616;
    text-transform: uppercase;
  }
@media (min-width: 768px) {
.who-we-are-page .sec-intro {
      background: linear-gradient(60deg, #f6f5f1 0% 40%, #fbfaf6 40%);
      padding: 80px 0 95px 0
  }
    }
.who-we-are-page .sec-intro .headline {
      margin-bottom: 12px;
    }
@media (max-width: 767.98px) {
.who-we-are-page .sec-intro .headline {
        font-size: 26px;
        line-height: 34px
    }
      }
@media (min-width: 768px) {
.who-we-are-page .sec-intro .headline {
        margin-bottom: 10px;
        line-height: 48px
    }
      }
.who-we-are-page .sec-intro .description {
    }
.who-we-are-page .sec-sustain {
    position: relative;
    width: 100%;
    height: 100dvh;
  }
.who-we-are-page .sec-sustain .video-wrapper {
      position: absolute;
      inset: 0;
    }
.who-we-are-page .sec-sustain .video-wrapper video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
.who-we-are-page .sec-sustain .overlay {
      opacity: 0;
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ffd300;
    }
.who-we-are-page .sec-sustain .overlay .headline {
        font-weight: 700;
        font-size: min(7.5vw, 90px);
        text-align: center;
      }
@media (max-width: 440px) {
.who-we-are-page .sec-sustain .overlay .headline {
          font-size: 36px
      }
        }
.who-we-are-page .sec-sustain .overlay .description {
        text-align: center;
        word-break: break-word;
        margin: 0 auto;
        line-height: 24px;
        max-width: 90%;
        transform: translateY(25%);
        opacity: 0;
        transition: all 1.5s ease;
      }
.who-we-are-page .sec-sustain .overlay .description.show {
          transform: translateY(0);
          opacity: 1;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-sustain .overlay .description {
          line-height: 34px;
          max-width: 90%
      }
        }
@media (min-width: 992px) {
.who-we-are-page .sec-sustain .overlay .description {
          line-height: 36px;
          max-width: 85%
      }
        }
@media (min-width: 1200px) {
.who-we-are-page .sec-sustain .overlay .description {
          line-height: 38px;
          max-width: 85%
      }
        }
.who-we-are-page .sec-impact.layer {
      position: relative;
      background-color: #161616;
      color: #fff;
      text-transform: uppercase;
    }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer {
        height: 100vh;
        height: 100dvh;

        display: flex;
        flex-direction: column
    }
      }
.who-we-are-page .sec-impact.layer .info-group {
        padding: 30px 0;
      }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group {
          min-height: 350px;
          padding: 20px 0 34px 0
      }
        }
.who-we-are-page .sec-impact.layer .info-group .headline {
          opacity: 0.5;
          margin-bottom: 8px;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .headline {
            margin-bottom: 5px
        }
          }
.who-we-are-page .sec-impact.layer .info-group .headline-title {
          line-height: 34px;
        }
.who-we-are-page .sec-impact.layer .info-group .headline-title span {
            color: #ffd300;
          }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .headline-title {
            line-height: 48px
        }
          }
.who-we-are-page .sec-impact.layer .info-group .logos {
          display: grid;

          grid-template-columns: repeat(6, 1fr);
          gap: 2px;
          margin-top: 8px;
          margin-bottom: 12px;
          max-width: 328px;
        }
@media (max-width: 992px) and (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .logos {
            grid-template-columns: repeat(5, 1fr)
        }
          }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .logos {
            gap: 2px;
            max-width: 376px;
            margin-top: 20px
        }
          }
.who-we-are-page .sec-impact.layer .info-group .logos img {
            width: 53px;
            height: 53px;
            -o-object-fit: contain;
               object-fit: contain;
          }
/* filter: grayscale(1); */
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .logos img {
              width: 60px;
              height: 60px
          }
            }
.who-we-are-page .sec-impact.layer .info-group .title {
          margin-top: 25px;
          margin-bottom: 4px;
        }
@media (max-width: 767.98px) {
.who-we-are-page .sec-impact.layer .info-group .title {
            font-size: 14px
        }
          }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .title {
            margin-top: 0
        }
          }
.who-we-are-page .sec-impact.layer .info-group .description {
        }
.who-we-are-page .sec-impact.layer .info-group .numbers {
          gap: 16px;
          display: flex;
          padding-right: 30px;
          margin-top: 20px;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .numbers {
            gap: 30px;
            padding-right: 0;
            margin-top: 15px
        }
          }
.who-we-are-page .sec-impact.layer .info-group .numbers .item {
            min-width: 80px;
            width: auto;
          }
@media (max-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .numbers .item {
              flex-shrink: 0;
              min-width: 64px;
              max-width: 108px
          }
            }
.who-we-are-page .sec-impact.layer .info-group .numbers .item .__h1 {
              margin-bottom: -12px;
            }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .info-group .numbers .item .__h1 {
                margin-bottom: -15px
            }
              }
.who-we-are-page .sec-impact.layer .info-group .bold {
          font-weight: 700;
        }
.who-we-are-page .sec-impact.layer .bg-group {
        min-height: 520px;
        position: relative;
      }
@media (min-width: 768px) {
.who-we-are-page .sec-impact.layer .bg-group {
          min-height: 460px;
          flex: 1 1
      }
        }
.who-we-are-page .sec-impact.layer .bg-group img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
        }
.who-we-are-page .sec-recog {
    background-color: #eeece0;
    padding: 50px 0;
    text-transform: uppercase;
    text-align: center;
  }
@media (min-width: 768px) {
.who-we-are-page .sec-recog {
      padding: 80px 0
  }
    }
.who-we-are-page .sec-recog .swiper .swiper-slide {
        width: auto;
        transition: opacity 0.5s ease-in-out;
      }
.who-we-are-page .sec-recog .swiper .swiper-slide:not(.swiper-slide-active) {
          opacity: 0.3;
          /* filter: grayscale(1); */
        }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .custom-container {
        max-width: 100%;
        width: 100%
    }
      }
.who-we-are-page .sec-recog .custom-controller {
      display: flex;
      align-items: center;
      justify-content: center;
    }
.who-we-are-page .sec-recog .custom-controller .swiper-pagination-current,
      .who-we-are-page .sec-recog .custom-controller .swiper-pagination-total {
        min-width: 17px;
        display: inline-block;
      }
.who-we-are-page .sec-recog .custom-controller div[class^="custom-swiper"] {
        width: auto;
      }
.who-we-are-page .sec-recog .custom-controller div[class^="custom-swiper"]:not(:last-child) {
          margin-right: 10px;
        }
.who-we-are-page .sec-recog .main-contents {
      padding: 0;
    }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .main-contents {
        padding: 34px 0 17px 0
    }
      }
.who-we-are-page .sec-recog .main-contents .image {
        width: 300px;
        height: 300px;
        margin: 0 auto;
      }
/* background-color: #eeece0; */
@media (min-width: 768px) {
.who-we-are-page .sec-recog .main-contents .image {
          width: 300px;
          height: 300px
      }
        }
.who-we-are-page .sec-recog .sync-contents {
      text-transform: uppercase;
      margin: 0 0 47px 0;
      color: #171616;
    }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .sync-contents {
        margin: 0 0 36px 0
    }
      }
.who-we-are-page .sec-recog .sync-contents .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .sync-contents .content {
          max-width: 572px;
          margin: 0 auto
      }
        }
.who-we-are-page .sec-recog .sync-contents .content .text-year {
          color: #171616;
          opacity: 0.5;
          line-height: 17px;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .sync-contents .content .text-year {
            line-height: 19px;
            padding-bottom: 12px
        }
          }
.who-we-are-page .sec-recog .sync-contents .content .title {
          line-height: 22px;
          color: #171616;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .sync-contents .content .title {
            line-height: 26px
        }
          }
.who-we-are-page .sec-recog .sync-contents .content .description {
          margin: 0;
          word-break: break-word;
          color: #171616;
          line-height: 17px;
        }
@media (min-width: 768px) {
.who-we-are-page .sec-recog .sync-contents .content .description {
            line-height: 19px
        }
          }
.investment-portfolio-page {
  text-transform: uppercase;
}
.investment-portfolio-page .section-1 {
    background: linear-gradient(60deg, #eeece0 0% 69%, #fbfaf6 15% 40%);
  }
.investment-portfolio-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.investment-portfolio-page .hero-top-banner .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.investment-portfolio-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.investment-portfolio-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
@media (min-width: 768px) {
.investment-portfolio-page .section-1 {
      background: linear-gradient(60deg, #eeece0 0% 25%, #fbfaf6 15% 40%)
  }
    }
.investment-portfolio-page .section-1 .custom-container {
      position: relative;
      height: 100%;
      padding-top: 66px;
      padding-bottom: 70px;
    }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container {
        padding-top: 113px;
        padding-bottom: 58px
    }
      }
.investment-portfolio-page .section-1 .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
        top: 0px;
        margin-bottom: 0px;
      }
.investment-portfolio-page .section-1 .custom-container .breadcrumb p {
          color: #171616;
          text-transform: uppercase;
          margin-bottom: 0px;
        }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content {
          row-gap: 0px;
          -moz-column-gap: 114px;
               column-gap: 114px
      }
        }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-logo {
            margin-top: 1rem
        }
          }
.investment-portfolio-page .section-1 .custom-container .content .box-logo .__hexagon2 {
            clip-path: polygon(
              25% 0%,
              75% 0%,
              100% 50%,
              75% 100%,
              25% 100%,
              0% 50%
            );
            background: rgba(22, 22, 22, 0.2);
            position: relative;
          }
.investment-portfolio-page .section-1 .custom-container .content .box-logo .__hexagon2.__dim {
              filter: brightness(0.5) grayscale(1) opacity(0.6);
            }
.investment-portfolio-page .section-1 .custom-container .content .box-logo .__hexagon2 {

            width: 300px;
            height: 259.81px;
}
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-logo .__hexagon2 {
              width: calc((376 * 100vw) / 1440);
              height: calc((325.63 * 100vw) / 1440);
              max-width: 376px;
              max-height: 325.63px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-logo .__hexagon2 img {
              clip-path: polygon(
                25% 0%,
                75% 0%,
                100% 50%,
                75% 100%,
                25% 100%,
                0% 50%
              );

              width: 100%;
              height: 100%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              /*          width: calc(100% - 2px);
              height: calc(100% - 2px); */
              /*   object-fit: contain; */
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail h2 {
            margin-bottom: 0px;
          }
.investment-portfolio-page .section-1 .custom-container .content .box-detail p {
            margin-bottom: 0px;
          }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .text-brand {
            color: #171616;
            text-transform: uppercase;
            margin-top: 38.2px;
          }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail .text-brand {
              margin-top: 0px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-category {
            margin-top: 4px;
            -moz-column-gap: 8px;
                 column-gap: 8px;
          }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-category {
              margin-top: 5px;
              -moz-column-gap: 8px;
                   column-gap: 8px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-category .box-category-tag {
              border-radius: 15px;
              border-color: #171616;
              border-width: 1px;
              border-style: solid;
              padding: 5px 10px;
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-category .box-category-tag .text-detail {
                color: #171616;
                text-transform: uppercase;
              }
.investment-portfolio-page .section-1 .custom-container .content .box-detail hr {
            border-color: #171616;
            margin-top: 16px;
            margin-bottom: 15px;
            opacity: 0.5;
          }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail hr {
              margin-top: 20px;
              margin-bottom: 30px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-category-detail .text-category-detail {
              word-break: break-word;
              color: #171616;
              text-transform: uppercase;
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-location {
            margin-top: 17px;
            -moz-column-gap: 16px;
                 column-gap: 16px;
          }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-location {
              margin-top: 21px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-location .box-category-tag .text-detail {
                color: #171616;
                text-transform: uppercase;
              }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share {
            margin-top: 19px;
          }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share {
              margin-top: 23px
          }
            }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share .list-button-share {
              margin-top: 8px;
              -moz-column-gap: 10px;
                   column-gap: 10px;
            }
@media (min-width: 768px) {
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share .list-button-share {
                margin-top: 11px
            }
              }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share .list-button-share .button-share {
                border-radius: 50px;
                border-color: #171616;
                border-width: 2px;
                border-style: solid;
                width: 50px;
                height: 50px;
              }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share .list-button-share .button-share:hover {
                  outline: none;
                  opacity: 0.5;
                  --icon-button-color: var(--button-color-black);
                  --icon-button-bg: transparent;
                  --icon-button-bd: var(--button-color-black);
                }
.investment-portfolio-page .section-1 .custom-container .content .box-detail .box-share .list-button-share .button-share:active {
                  --icon-button-color: var(--button-color-black);
                  --icon-button-bg: transparent;
                  --icon-button-bd: var(--button-color-black);
                }
.investment-portfolio-page .box-show-list-profile {
    margin-top: 11px;
  }
@media (min-width: 768px) {
.investment-portfolio-page .box-show-list-profile {
      margin-top: 1px
  }
    }
/*     .mySwiper {
      width: 100vw;
    } */
.investment-portfolio-page .box-show-list-profile .custom-swiper {
      width: 100%;
    }
@media (min-width: 768px) {
.investment-portfolio-page .box-show-list-profile .custom-swiper {
        max-width: 600px
    }
      }
@media (min-width: 992px) {
.investment-portfolio-page .box-show-list-profile .custom-swiper {
        max-width: 864px
    }
      }
@media (min-width: 1200px) {
.investment-portfolio-page .box-show-list-profile .custom-swiper {
        max-width: 1000px
    }
      }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;

        width: auto;
      }
@media (min-width: 768px) {
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide {
          margin-top: auto;
          margin-bottom: auto
      }
        }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile {
          width: 100%;
          -moz-column-gap: 10px;
               column-gap: 10px;
          text-decoration: none;
        }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile .box-linkedin {
            border-radius: 50px;
            border-width: 2px;
            border-style: solid;

            display: flex;
            justify-content: center;
            align-items: center;

            width: 50px;
            height: 50px;

            padding: 16px;
          }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile .box-linkedin .linkedIn {
              width: 17px;
              height: 17px;
            }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile .box-detail {
            height: -moz-fit-content;
            height: fit-content;
          }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile .box-detail .name {
              margin-bottom: 0px;
              text-transform: uppercase;
              text-align: left;
              overflow-x: visible;
              word-break: break-word;

              font-weight: bold;
            }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile .box-detail .job-position {
              margin-bottom: 0px;
              text-transform: uppercase;
              text-align: left;
              /* white-space: nowrap; */
              overflow-x: visible;
              font-weight: 500;
            }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile:hover {
            outline: none;
            opacity: 0.5;
            --icon-button-color: var(--button-color-black);
            --icon-button-bg: transparent;
            --icon-button-bd: var(--button-color-black);
          }
.investment-portfolio-page .box-show-list-profile .custom-swiper .custom-swiper-slide .box-profile:active {
            --icon-button-color: var(--button-color-black);
            --icon-button-bg: transparent;
            --icon-button-bd: var(--button-color-black);
          }
.investment-portfolio-page .box-show-list-profile .pagination {
      -moz-column-gap: 10px;
           column-gap: 10px;
      margin-top: 20px;
    }
@media (min-width: 768px) {
.investment-portfolio-page .box-show-list-profile .pagination {
        margin-top: 0px
    }
      }
.investment-portfolio-page .box-show-list-profile .pagination .numberSlides {
        margin-bottom: 0px;
      }
.investment-portfolio-page .text-topic {
    color: #171616;
    opacity: 0.8;
    text-transform: uppercase;
  }
@media (max-width: 768px) {
.investment-portfolio-page .text-topic {
      font-weight: 500;
      font-size: 0.625rem;
      line-height: 1.125rem
  }
    }
@media (min-width: 768px) {
.investment-portfolio-page .text-topic {
      font-weight: 500;
      font-size: 0.625rem;
      line-height: 1.125rem
  }
    }
.investment-portfolio-page .section-2 {
    background-color: #ffd300;
  }
.investment-portfolio-page .section-2 .custom-container {
      padding-top: 20px;
      padding-bottom: 23px;
    }
@media (min-width: 768px) {
.investment-portfolio-page .section-2 .custom-container {
        padding-top: 22px;
        padding-bottom: 58px
    }
      }
.investment-portfolio-page .section-2 .custom-container h3 {
        color: #171616;
      }
.investment-portfolio-page .section-2 .custom-container .custom-swiper-slide .box-linkedin {
          border-color: #171616;
        }
.investment-portfolio-page .section-2 .custom-container .custom-swiper-slide .box-detail .name {
            color: #171616;
          }
.investment-portfolio-page .section-2 .custom-container .custom-swiper-slide .box-detail .job-position {
            color: #171616;
          }
.investment-portfolio-page .section-2 .custom-container .numberSlides {
        color: #171616;
      }
.investment-portfolio-page .section-3 {
    background-color: #2c2c2c;
  }
.investment-portfolio-page .section-3 .custom-container {
      padding-top: 20px;
      padding-bottom: 23px;
    }
@media (min-width: 768px) {
.investment-portfolio-page .section-3 .custom-container {
        padding-top: 22px;
        padding-bottom: 58px
    }
      }
.investment-portfolio-page .section-3 .custom-container h3 {
        color: #ffffff;
        text-transform: uppercase;
      }
.investment-portfolio-page .section-3 .custom-container .custom-swiper-slide .box-linkedin {
          border-color: #ffffff;
        }
.investment-portfolio-page .section-3 .custom-container .custom-swiper-slide .box-detail .name {
            color: #ffffff;
          }
.investment-portfolio-page .section-3 .custom-container .custom-swiper-slide .box-detail .job-position {
            color: #ffffff;
          }
.investment-portfolio-page .section-3 .custom-container .numberSlides {
        color: #ffffff;
      }
/* @media (min-width: 768px) {} */
.strategic-partnership-page p {
    word-break: break-word;
  }
.strategic-partnership-page .hero-top-banner {
    background-image: url("/assets/pages/strategic-partnership/mb.jpg");
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: calc((290 * 100vw) / 375);
  }
@media (min-width: 768px) {
.strategic-partnership-page .hero-top-banner {
      background-image: url("/assets/pages/strategic-partnership/dt.jpg");
      height: calc((370 * 100vw) / 1440)
  }
    }
.strategic-partnership-page .hero-top-banner .custom-container {
      position: relative;
      height: 100%;
    }
.strategic-partnership-page .hero-top-banner .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
        margin-bottom: 0px;
      }
.strategic-partnership-page .hero-top-banner .custom-container .breadcrumb p {
          color: #ffffff;
          text-transform: uppercase;
          margin-bottom: 0px;
        }
.strategic-partnership-page .hero-top-banner .custom-container .content {
        height: 100%;
      }
.strategic-partnership-page .hero-top-banner .custom-container .content #headline {
          text-transform: uppercase;
          color: #ffffff;
          line-height: 3.281rem;
          margin-bottom: 0px;
        }
@media (min-width: 768px) {
.strategic-partnership-page .hero-top-banner .custom-container .content #headline {
            line-height: 5.313rem
        }
          }
.strategic-partnership-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
  }
@media (min-width: 768px) {
.strategic-partnership-page .section-2 {
      padding-top: 81px;
      padding-bottom: 81px
  }
    }
.strategic-partnership-page .section-2 .text-title {
      margin-bottom: 0px;
      text-transform: uppercase;

      line-height: 2.313rem;
      margin-bottom: 0px;
    }
@media (min-width: 768px) {
.strategic-partnership-page .section-2 .text-title {
        line-height: 3.313rem
    }
      }
.strategic-partnership-page .section-2 .box-detail {
      border-width: 0px;
      border-left-width: 4px;
      border-style: solid;
      border-color: #ffd300;
      padding-left: 15px;
      margin-top: 12px;
    }
@media (min-width: 768px) {
.strategic-partnership-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
      }
.strategic-partnership-page .section-2 .box-detail .text-datail {
        color: #171616;
        margin-bottom: 0px;
        text-transform: none;
        word-break: break-word;
      }
.strategic-partnership-page .section-3 {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 62px 0 65px 0;
    background-color: #ffd300;
    color: #171616;
  }
.strategic-partnership-page .section-3 .number-label {
      margin: 0;
    }
@media (min-width: 768px) {
.strategic-partnership-page .section-3 .number-label {
        margin: 0
    }
      }
.strategic-partnership-page .section-3 .number-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0px;
      margin-top: 25px;
    }
@media (min-width: 768px) {
.strategic-partnership-page .section-3 .number-group {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        margin: 0px;
        margin-top: 45px
    }
      }
.strategic-partnership-page .section-3 .number-group .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        flex: 1;
      }
.strategic-partnership-page .section-3 .number-group .item .number-running {
          line-height: 1;
        }
.strategic-partnership-page .section-3 .number-group .item .title {
          margin-bottom: 0px;
        }
@media (min-width: 768px) {
.strategic-partnership-page .section-3 .number-group .item .title {
            margin-bottom: 0px
        }
          }
.strategic-partnership-page .section-3 .number-group .divider {
        background-color: #161616;
        width: 150px;
        height: 1px;
        margin: 22px 0;
      }
@media (min-width: 768px) {
.strategic-partnership-page .section-3 .number-group .divider {
          width: 1px;
          height: 130px;
          margin: 0
      }
        }
.strategic-partnership-page .section-lists-partner {
    background-color: #eeece0;
  }
.strategic-partnership-page .section-lists-partner .custom-container {
      padding-top: 57px;
      padding-bottom: 70px;
    }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container {
        padding-top: 65px;
        padding-bottom: 120px
    }
      }
.strategic-partnership-page .section-lists-partner .custom-container .__h2 {
        margin-bottom: 0px;
        color: #171616;

        line-height: 2.406rem;
      }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .__h2 {
          line-height: 2.25rem
      }
        }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter {
        margin-top: 32px;
        position: relative;
      }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown {
          /*           border-width: 0px;
          border-bottom-width: 1px;
          border-style: solid;
          border-color: #707070; */
          padding-bottom: 5px;
        }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .box-dropdown {
            height: 100%;
            width: 100%;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .box-dropdown p {
              margin: 0px;
              color: #171616;
              text-transform: uppercase;
              white-space: nowrap;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .box-dropdown .icon-arrow {
              width: auto;
              height: 100%;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .list-filter {
            border-width: 0px;
            border-bottom-width: 1px;
            border-style: solid;
            border-color: #707070;
            position: absolute;
            /*  visibility: visible; */
            left: 0;
            top: 100%;
            width: 100%;
            overflow-x: hidden;
            overflow-y: hidden;
            max-height: 0;
            transition: max-height 0.4s ease, padding 0.4s, margin 0.4s;
            z-index: 100;

            background-color: #eeece0;
            row-gap: 8px;
            -moz-column-gap: 5px;
                 column-gap: 5px;
          }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .list-filter {
              gap: 5px
          }
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .list-filter.show {
            max-height: 400px;
            overflow-y: visible;

            padding-bottom: 16px;
            margin-top: 8px;
          }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .list-filter.show {
              max-height: 150px;
              padding-bottom: 10px;
              margin-top: 10px
          }
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter {
            border-width: 1px;
            border-style: solid;
            border-color: #171616;
            padding: 5px 10px;
            border-radius: 15px;
            transition: all 0.35s;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter p {
              margin: 0px;
              color: #171616;
              text-transform: uppercase;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter:hover {
            background-color: #171616;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter:hover p {
              color: white;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter:checked {
            background-color: #171616;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter:checked p {
              color: white;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter.active {
            background-color: #171616;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .button-filter.active p {
              color: white;
            }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown p {
            margin: 0px;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .custom-dropdown .icon-arrow {
            width: auto;
            height: 100%;
          }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .icon-arrow-rotate-0 {
          transform: rotate(180deg);
          transition: 0.35s all;
        }
.strategic-partnership-page .section-lists-partner .custom-container .custom-filter .icon-arrow-rotate-180 {
          transform: rotate(0);
          transition: 0.35s all;
        }
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter {
        /*         margin-top: 10px; */
        row-gap: 8px;
        -moz-column-gap: 5px;
             column-gap: 5px;
        padding-top: 10px;
        padding-bottom: 40px;
      }
/*      padding-bottom: 50px;
        padding-top: 10px;
        */
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter {
          padding-top: 10px;
          padding-bottom: 50px;

          height: 120px;
          max-height: 120px;
          padding-bottom: 0px
      }
        }
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter .box-list-filter {
          background-color: #171616;
          padding: 5px 10px;
          border-radius: 50px;
          height: -moz-fit-content;
          height: fit-content;
        }
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter .box-list-filter p {
            color: #ffffff;
            margin: 0;
            text-transform: uppercase;
          }
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter .box-list-filter-clear-all {
          background-color: transparent;
          padding: 5px 0px;
        }
.strategic-partnership-page .section-lists-partner .custom-container .show-list-filter .box-list-filter-clear-all p {
            color: #171616;
            padding: 0px;
            text-transform: uppercase;
          }
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards {
        /*    margin-top: 25px; */
        /*  row-gap: 25px;
        column-gap: 11px; */
        --bs-gutter-y: 25px;
        --bs-gutter-x: 11px;
      }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards {
          /*        margin-top: 79px; */
          /*        row-gap: 40px;
          column-gap: 16px; */
          --bs-gutter-y: 40px;
          --bs-gutter-x: 16px
      }
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards > * {
          margin-top: 16px;
        }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards > * {
            margin-top: 32px
        }
          }
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .__hexagon {
            width: 167px !important;
            height: 167px !important;
          }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .__hexagon {
              width: 180px !important;
              height: 180px !important
          }
              .strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .__hexagon img {
                transition: 0.4s transform;
              }
                .strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .__hexagon img:hover {
                  transform: translate(-50%, -50%) scale(1.08);
                }
            }
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .text-logo {
            margin: 0px;
            margin-top: 4px;
            color: #171616;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
          }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card .text-logo {
              margin-top: 12px
          }
            }
.strategic-partnership-page .section-lists-partner .custom-container .box-list-cards .custom-card:link {
            text-decoration: none;
          }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination {
        padding-top: 43px;
        gap: 30px;
      }
@media (min-width: 768px) {
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination {
          padding-top: 80.3px
      }
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination p {
          margin-bottom: 0px;
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination input {
          background-color: transparent;
          width: 20px;
          padding-bottom: 2px;
          border-width: 0px;
          border-bottom-width: 1px;
          border-color: #707070;
          color: #171616;
          border-radius: 0px;
          text-align: center;
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination input:focus {
          border-width: 0px;
          outline: none;
          border-bottom-width: 1px;
        }
/* Chrome, Safari, Edge, Opera */
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination input::-webkit-outer-spin-button,
        .strategic-partnership-page .section-lists-partner .custom-container .box-pagination input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
/* Firefox */
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination input[type="number"] {
          -moz-appearance: textfield;
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination .box-pagination-number {
          gap: 10px;

          text-transform: uppercase;
        }
.strategic-partnership-page .section-lists-partner .custom-container .box-pagination .box-pagination-button {
          gap: 10px;
        }
.strategic-partnership-page .transition {
    transition: opacity 0.35s;
  }
.acc-eco-detail-page {
  text-transform: uppercase;
}
.acc-eco-detail-page .hero-top-banner {
    background-image: url("/assets/pages/acc-eco-detail/mb.jpg");
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: calc((290 * 100vw) / 375);
  }
@media (min-width: 768px) {
.acc-eco-detail-page .hero-top-banner {
      background-image: url("/assets/pages/acc-eco-detail/dt.jpg");
      height: calc((370 * 100vw) / 1440)
  }
    }
.acc-eco-detail-page .hero-top-banner .custom-container {
      position: relative;
      height: 100%;
    }
.acc-eco-detail-page .hero-top-banner .custom-container .breadcrumb {
        position: absolute;
        padding-top: 10px;
      }
.acc-eco-detail-page .hero-top-banner .custom-container .breadcrumb p {
          color: #ffffff;
          text-transform: uppercase;
        }
.acc-eco-detail-page .hero-top-banner .custom-container .content {
        height: 100%;
      }
.acc-eco-detail-page .hero-top-banner .custom-container .content #headline {
          text-transform: uppercase;
          color: #ffffff;

          line-height: 3.281rem;
        }
.acc-eco-detail-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .acc-eco-detail-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.acc-eco-detail-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .acc-eco-detail-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.acc-eco-detail-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .acc-eco-detail-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.acc-eco-detail-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
.acc-eco-detail-page .hero-top-banner .custom-container .content #headline {
            line-height: 3.75rem
        }
          }
.acc-eco-detail-page .section-lists-startup {
    background-color: #eeece0;
  }
.acc-eco-detail-page .section-lists-startup .custom-container {
      padding-top: 65px;
      padding-bottom: 120px;
    }
@media (max-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container {
        padding-top: 26px
    }
      }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter {
        position: relative;
      }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown {
          /* border-width: 0px;
          border-bottom-width: 1px;
          border-style: solid;
          border-color: #171616; */
          padding-bottom: 5px;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .box-dropdown {
            height: 100%;
            width: 100%;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .box-dropdown p {
              margin: 0px;
              color: #171616;
              text-transform: uppercase;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .list-filter {
            border-width: 0px;
            border-bottom-width: 1px;
            border-style: solid;
            border-color: #707070;

            position: absolute;
            /*  visibility: visible; */
            left: 0;
            top: 100%;
            width: 100%;
            overflow-x: hidden;
            overflow-y: hidden;
            max-height: 0;
            transition: max-height 0.4s ease, padding 0.4s, margin 0.4s;

            background-color: #eeece0;
            z-index: 100;
            gap: 8px;
          }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .list-filter {
              gap: 5px
          }
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .list-filter.show {
            max-height: 150px;
            overflow-y: visible;

            padding-bottom: 16px;
            margin-top: 8px;
          }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .list-filter.show {
              padding-bottom: 10px;
              margin-top: 10px
          }
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter {
            border-width: 1px;
            border-style: solid;
            border-color: #171616;
            padding: 5px 10px;
            border-radius: 50px;
            transition: all 0.35s;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter p {
              margin: 0px;
              color: #171616;
              text-transform: uppercase;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter:hover {
            background-color: #171616;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter:hover p {
              color: white;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter:checked {
            background-color: #171616;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter:checked p {
              color: white;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter.active {
            background-color: #171616;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .button-filter.active p {
              color: white;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown p {
            margin: 0px;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .custom-dropdown .icon-arrow {
            width: auto;
            height: 100%;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .icon-arrow-rotate-0 {
          transform: rotate(180deg);
          transition: 0.35s all;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .custom-filter .icon-arrow-rotate-180 {
          transform: rotate(0);
          transition: 0.35s all;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 {
      height: 123px;
        max-height: 123px;
      }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 {
          height: 120px;
          max-height: 120px
      }
        }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter {
          padding-top: 10px;
        }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter {
            padding-top: 16px
        }
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter .box-list-filter {
            /*  margin-top: 8px; */
            background-color: #171616;
            padding: 5px 10px;
            border-radius: 50px;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter .box-list-filter p {
              color: #ffffff;
              margin: 0;
              text-transform: uppercase;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter .box-list-filter-clear-all {
            background-color: transparent;
            padding: 0px;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter .box-list-filter-clear-all p {
              color: #171616;
            }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter.opacity-0 {
          padding-top: 0px;
          padding-bottom: 30px;
        }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter.opacity-0 {
            padding-bottom: 16px
        }
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter.opacity-100 {
          padding-bottom: 16px;
        }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .show-list-filter.opacity-100 {
            padding-bottom: 16px
        }
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter {
          -moz-column-gap: 16px;
               column-gap: 16px;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter .form-check {
            -moz-column-gap: 6px;
                 column-gap: 6px;
            display: flex;
            align-items: center;
            margin: 0px;
            padding: 0px;


              height: 19px;
              min-height:19px;
              max-height: 19px;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter .form-check .form-check-input {
              margin: 0px;
              width: 19px;
              height: 19px;
              min-width: 19px;
              max-width: 19px;
              min-height:19px;
              max-height: 19px;
            }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter .form-check .form-check-input {
                width: 19px;
                height: 19px
            }
              }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter .form-check .form-check-input {
              box-shadow: none;
              border-color: #171616;
              --bs-form-check-bg: transparent;
}
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter .form-check .form-check-input:checked[type="radio"] {
                --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Group_300323%22%20data-name%3D%22Group%20300323%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cg%20id%3D%22Ellipse_637%22%20data-name%3D%22Ellipse%20637%22%20fill%3D%22%23171616%22%20stroke%3D%22%23171616%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%229.5%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22Check%22%20d%3D%22M14.749%2C7.125a.712.712%2C0%2C0%2C0-1.01%2C0l-5.3%2C5.308L6.21%2C10.2A.727.727%2C0%2C1%2C0%2C5.2%2C11.245l2.732%2C2.732a.712.712%2C0%2C0%2C0%2C1.01%2C0l5.806-5.806a.712.712%2C0%2C0%2C0%2C0-1.046Z%22%20transform%3D%22translate(0.021%20-1.051)%22%20fill%3D%22%23eeece0%22%2F%3E%3C%2Fsvg%3E");
              background-color:black;
                }
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter {
          padding-bottom: 50px;
}
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .filter-v2 .check-box-filter {
            padding-bottom: 50px
        }
          }
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards {
        /*   margin-top: 25px; */
        /*    row-gap: 25px;
        column-gap: 11px; */
        --bs-gutter-y: 25px;
        --bs-gutter-x: 11px;
      }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards {
          /*           margin-top: 79px; */
          /*   row-gap: 40px; */
          /*   column-gap: 16px; */
          --bs-gutter-y: 40px;
          --bs-gutter-x: 16px
      }
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards > * {
          margin-top: 16px;
        }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards > * {
            margin-top: 32px
        }
          }
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .__hexagon {
            width: 167px !important;
            height: 167px !important;
          }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .__hexagon {
              width: 180px !important;
              height: 180px !important
          }
              .acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .__hexagon img {
                transition: 0.4s transform;
              }
                .acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .__hexagon img:hover {
                  transform: translate(-50%, -50%) scale(1.08);
                }
            }
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .text-logo {
            margin: 0px;
            margin-top: 4px;
            text-transform: uppercase;
            color: #171616;
            text-align: center;
            font-size: 14px;
          }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card .text-logo {
              margin-top: 12px
          }
            }
.acc-eco-detail-page .section-lists-startup .custom-container .box-list-cards .custom-card:link {
            text-decoration: none;
          }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination {
        padding-top: 45px;
        gap: 30px;
      }
@media (min-width: 768px) {
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination {
          padding-top: 80px;
          gap: 31px
      }
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination p {
          margin-bottom: 0px;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination input {
          background-color: transparent;
          width: 20px;
          padding-bottom: 2px;
          border-width: 0px;
          border-bottom-width: 1px;
          border-color: #707070;
          color: #171616;
          border-radius: 0px;
          text-align: center;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination input:focus {
          border-width: 0px;
          outline: none;
          border-bottom-width: 1px;
        }
/* Chrome, Safari, Edge, Opera */
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination input::-webkit-outer-spin-button,
        .acc-eco-detail-page .section-lists-startup .custom-container .box-pagination input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
/* Firefox */
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination input[type="number"] {
          -moz-appearance: textfield;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination .box-pagination-button {
          gap: 10px;
        }
.acc-eco-detail-page .section-lists-startup .custom-container .box-pagination .box-pagination-number {
          gap: 10px;
        }
.acc-eco-detail-page .transition {
    transition: 0.4s all;
  }
body.page-404 {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.page-404 main {
    height: 100%;
  }
@media (max-width: 768px) {
    .page-404 .__number-1 {
      font-size: 120px;
    }
  }
.page-404 .content {
    min-height: 480px;
    background: linear-gradient(60deg, #e9e6d8 0% 57%, #eeece0 15% 40%);
  }
@media (min-width: 768px) {
.page-404 .content {
      background: linear-gradient(60deg, #e9e6d8 0% 52%, #eeece0 15% 40%)
  }
    }
.page-404 .content {

    margin-top: auto;
    margin-bottom: auto;
    height: 100%;

    padding-left: 0px;
    padding-right: 0px;
}
.page-404 .content p,
    .page-404 .content h2 {
      margin: 0px;
      text-transform: uppercase;
    }
.page-404 .content .__number-1 {
      color: #83764b;
      opacity: 0.2;
    }
.page-404 .content .__h2 {
      margin-top: 19px;
    }
@media (min-width: 768px) {
.page-404 .content .__h2 {
        margin-top: -26px
    }
      }
.page-404 .content .__h2,
    .page-404 .content .__body-4 {
      color: #171616;
    }
.page-404 .content .box-button {
      margin-top: 38px;
    }
@media (min-width: 768px) {
.page-404 .content .box-button {
        margin-top: 32px
    }
      }
.cookie .modal {
    background-color: rgba(23, 22, 22, 0.8);
  }
@media (min-width: 768px) {
.cookie .modal .modal-dialog {
        width: 100%;
        min-width: 768px
    }
      }
.cookie .modal .modal-content {
      border-radius: 0px;
      background-color: #eeece0;
      padding-left: 16px;
      padding-right: 16px;
    }
@media (min-width: 768px) {
.cookie .modal .modal-content {
        padding-left: 32px;
        padding-right: 32px
    }
      }
.cookie .modal .modal-content .modal-header {
        border-width: 0px;

        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 37px;
      }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-header {
          padding-top: 36px
      }
        }
.cookie .modal .modal-content .modal-header .titile {
          color: #171616;
          margin-bottom: 0px;
        }
.cookie .modal .modal-content .modal-header .detail {
          color: #171616;
          margin-bottom: 0px;
          margin-top: 8px;
        }
.cookie .modal .modal-content .modal-header .line-privacy-policy {
          text-decoration: underline;
          transition: 0.35s all;
        }
@media (min-width: 992px) {
            .cookie .modal .modal-content .modal-header .line-privacy-policy:hover {
              opacity: 0.5;
            }
          }
.cookie .modal .modal-content .modal-body::-webkit-scrollbar {
        /* WebKit */
        width: 0;
        height: 0;
        display: none;
      }
.cookie .modal .modal-content .modal-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;

        border-width: 0px;

        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;
      }
/* Internet Explorer 10+ */
.cookie .modal .modal-content .modal-body .text-seting-cookie {
          font-weight: bold;

          margin-top: 16px;
          margin-bottom: 24px;
        }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .text-seting-cookie {
            margin-top: 16px;
            margin-bottom: 16px
        }
          }
.cookie .modal .modal-content .modal-body .text-inactive {
          color: #83764b;
          padding: 5px 10px;
          background-color: rgba(131, 118, 75, 0.3);
          border-radius: 15px;
          margin-bottom: 0px;
          word-break: keep-all;
          white-space: nowrap;
        }
.cookie .modal .modal-content .modal-body .accordion {
          background-color: transparent;
          padding-left: 0px;
          padding-right: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
        }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .accordion {
            padding-right: 0px
        }
          }
.cookie .modal .modal-content .modal-body .accordion .accordion-item {
            background-color: transparent;
            border-color: rgba(131, 118, 75, 0.3);
            padding-top: 12px;
            padding-bottom: 16px;
          }
.cookie .modal .modal-content .modal-body .accordion .accordion-item:nth-child(1) {
              padding-top: 0px;
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-item:nth-child(4) {
              padding-bottom: 0px;
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-header {
            align-items: flex-start;
            position: relative;
            gap: 32px;
          }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .accordion .accordion-header {
              gap: 18px
          }
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .accordion-button {
              background-color: transparent;

              padding-left: 0px;
              padding-right: 0px;
              padding-top: 0px;
              padding-bottom: 0px;

              border-width: 0px;
              outline: 0;
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

              align-items: start;
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .accordion-button::after {
                position: absolute;
                left: 0;
                width: 15px;
                height: 15px;
                transition: max-height 0.4s ease;
                order: -1;
                background-image: url("../Content/Images/Icons/expand.svg");
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .accordion-button:not(.collapsed)::after {
                width: 15px;
                height: 1px;
                padding-top: 10px;
                background-image: url("../Content/Images/Icons/delete.svg");
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .accordion-button .title {
                margin-bottom: 0px;
                word-break: break-word;
                color: #171616;
                font-weight: bold;

                line-height: 1.078rem;
                padding-left: 31px;
              }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .accordion .accordion-header .accordion-button .title {
                  line-height: 1.125rem;
                  padding-left: 52px
              }
                }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-switch {
              margin: 0px;
              padding: 0px;
              width: -moz-fit-content;
              width: fit-content;
              /* width: 48px;
              height: 28px; */
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-check-input {
              width: 48px;
              height: 28px;
              /* margin-top: 0px; */
              margin: 0px;
              cursor: pointer;

              background-color: rgba(23, 22, 22, 0.05);
              background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2823, 22, 22, 0.1%29'/%3e%3c/svg%3e");

              border-width: 0px;
              outline: 0;
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-check-input:checked {
                background-color: rgba(131, 118, 75, 0.3);
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2383764B'/%3e%3c/svg%3e");
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-check-input:disabled {
                background-color: rgba(23, 22, 2, 0.05);
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-check-input:checked:disabled {
                background-color: rgba(131, 118, 75, 0.3);
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-header .form-check-input:focus {
                border-width: 0px;
                outline: 0;
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse {
            padding-bottom: 0px;
            margin-top: 8px;
          }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse {
              margin-top: -7px
          }
            }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body {
              background-color: transparent;

              padding-top: 0px;
              padding-bottom: 0px;

              padding-left: 31px;
              padding-right: 0px;
            }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body {
                padding-left: 52px;
                padding-right: 164px
            }
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body p {
                margin-bottom: 0px;
                word-break: break-word;
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body .detail {
                color: #171616;
                opacity: 0.6;
                word-break: break-word;
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body ul {
                margin: 0px;
                padding-left: 16px;
              }
.cookie .modal .modal-content .modal-body .accordion .accordion-collapse .accordion-body li::marker {
                color: #171616;
                opacity: 0.6;
              }
.cookie .modal .modal-content .modal-footer {
        display: flex;
        flex-direction: column;

        padding-top: 36px;
        padding-bottom: 36px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 8px;
        border-width: 0px;
      }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-footer {
          flex-direction: row;
          justify-content: start;
          padding-top: 28px;
          padding-bottom: 32px;
          padding-left: 0px;
          padding-right: 0px;
          gap: 10px
      }
        }
.cookie .modal .modal-content .modal-footer button {
          width: 100%;
          padding-top: 9px;
          padding-bottom: 9px;
          margin: 0px;
          transition: 0.3s all;
        }
@media (min-width: 768px) {
.cookie .modal .modal-content .modal-footer button {
            width: -moz-fit-content;
            width: fit-content;
            padding: 9px 55px
        }
          }
.cookie .modal .modal-content .modal-footer button p {
            margin-bottom: 0px;
          }
.cookie .modal .modal-content .modal-footer .button-accept {
          background-color: #171616;
          color: #eeece0;
        }
.cookie .modal .modal-content .modal-footer .button-accept:hover {
          background-color: #ffd300;
          color: #171616;
        }
.cookie .modal .modal-content .modal-footer .button-cancel {
          background-color: transparent;
          color: #171616;
          opacity: 0.3;
        }
.cookie .modal .modal-content .modal-footer .button-cancel:hover {
          background-color: #ffd300;
          color: #171616;
          opacity: 1;
        }
.cookie .modal .modal-content .button-close {
        width: 25px;
        height: 25px;
        opacity: 0.2;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: 0.3s all;
      }
@media (min-width: 768px) {
.cookie .modal .modal-content .button-close {
          right: 10px;
          top: 15px
      }
        }
.cookie .modal .modal-content .button-close .icon-close {
          width: 25px;
          height: 25px;
        }
.cookie .modal .modal-content .button-close:hover {
          opacity: 1;
        }
.cookie .modal .modal-content .button-close:active {
          opacity: 1;
        }
.spalsh-page .modal {
    background-color: rgba(23, 22, 22, 0.8);
  }
.spalsh-page .modal .modal-dialog {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      width: 100%;

      min-width: 345px;
      min-height: 492px;
    }
/*         min-width:calc((345 * 100vw) / 375);
        min-height: calc((492 * 100vw) / 375);  
      @media (min-width: 768px) {
        min-width: calc((964 * 100vw) / 1440);
        min-height: calc((542 * 100vw) / 1440);
      }*/
@media (min-width: 992px) {
.spalsh-page .modal .modal-dialog {
        min-width: 964px;
        min-height: 542px
    }
      }
.spalsh-page .modal .modal-content {
      position: relative;

      border-radius: 0px;
      width: -moz-fit-content;
      width: fit-content;
      background-color: transparent;
    }
.spalsh-page .modal .modal-content .button-close {
        width: 25px;
        height: 25px;
        fill: #726261;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 200;
        transition: 0.3s all;
      }
@media (min-width: 768px) {
.spalsh-page .modal .modal-content .button-close {
          right: 10px;
          top: 15px
      }
        }
.spalsh-page .modal .modal-content .button-close .icon-close {
          width: 25px;
          height: 25px;
        }
.spalsh-page .modal .modal-content .button-close:hover {
          opacity: 1;
          fill: #ffd300;
        }
.spalsh-page .modal .modal-content .button-close:active {
          fill: #ffd300;
        }
.spalsh-page .modal .modal-content .modal-body {
        z-index: 100;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;

        border-width: 0px;
        width: -moz-fit-content;
        width: fit-content;
      }
.spalsh-page .modal .modal-content .modal-body .content {
          width: -moz-fit-content;
          width: fit-content;

          background: transparent;
          background-color: transparent;
          position: relative;
        }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper {
            width: 345px;
            height: 492px;
          }
@media (min-width: 992px) {
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper {
              width: 964px;
              height: 542px
          }
            }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .spalsh-page {
              width: 345px;
              height: 492px;
            }
/*           width: calc((345 * 100vw) / 375);
                 height: calc((492 * 100vw) / 375); 
              @media (min-width: 768px) {
                width: calc((964 * 100vw) / 1440);
                height: calc((542 * 100vw) / 1440);
              }*/
@media (min-width: 992px) {
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .spalsh-page {
                width: 964px;
                height: 542px
            }
              }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .spalsh-page img {
                width: 100%;
                height: 100%;
              }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept {
              position: absolute;
              bottom: 29px;
              left: 50%;
              transform: translate(-50%, 0);

              padding-left: 17px;
              padding-right: 17px;
              width: 100%;
            }
@media (min-width: 992px) {
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept {
                width: -moz-fit-content;
                width: fit-content
            }
              }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept button {
                padding: 9px 39px;
                background-color: #726261;
                width: 100%;
                transition: 0.3s all;
              }
@media (min-width: 992px) {
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept button {
                  padding: 9px 59px;
                  width: -moz-fit-content;
                  width: fit-content
              }
                }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept button p {
                  margin-bottom: 0px;
                  color: #eeece0;
                }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept button:hover {
                background-color: #ffd300;
              }
.spalsh-page .modal .modal-content .modal-body .content .custom-swiper .box-botton-accept button:hover p {
                  color: #171616;
                }
.spalsh-page .modal .modal-content .custom-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 14px;
      }
@media (min-width: 768px) {
.spalsh-page .modal .modal-content .custom-pagination {
          margin-top: 16px
      }
        }
.spalsh-page .modal .modal-content .custom-pagination {
        background-color: transparent;
}
.spalsh-page .modal .modal-content .custom-pagination .custom-swiper-pagination {
          color: #ffffff;
          width: -moz-fit-content;
          width: fit-content;
        }
body.spalsh-page {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.spalsh-page main {
    height: 100%;
}

@media (max-width: 768px) {
    .spalsh-page .__number-1 {
        font-size: 120px;
    }
}

.spalsh-page .content {
    min-height: 480px;
    background: linear-gradient(60deg, #e9e6d8 0% 57%, #eeece0 15% 40%);
}

@media (min-width: 768px) {
    .spalsh-page .content {
        background: linear-gradient(60deg, #e9e6d8 0% 52%, #eeece0 15% 40%)
    }
}

.spalsh-page .content {
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

    .spalsh-page .content p,
    .spalsh-page .content h2 {
        margin: 0px;
        text-transform: uppercase;
    }

    .spalsh-page .content .__number-1 {
        color: #83764b;
        opacity: 0.2;
    }

    .spalsh-page .content .__h2 {
        margin-top: 19px;
    }

@media (min-width: 768px) {
    .spalsh-page .content .__h2 {
        margin-top: -26px
    }
}

.spalsh-page .content .__h2,
.spalsh-page .content .__body-4 {
    color: #171616;
}

.spalsh-page .content .box-button {
    margin-top: 38px;
}

@media (min-width: 768px) {
    .spalsh-page .content .box-button {
        margin-top: 32px
    }
}
.privacy-policy-page , .w014-richtext {
  background-color: #eeece0;
}
    .privacy-policy-page .hero-top-banner {
        position: relative;
        width: 100%;
        /*height: calc((370 * 100vw) / 1440);*/
    }
.privacy-policy-page .hero-top-banner img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.privacy-policy-page .hero-top-banner h1 {
      line-height: 4.5rem;
      text-transform: uppercase;
    }
.privacy-policy-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.privacy-policy-page .hero-top-banner .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.privacy-policy-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.privacy-policy-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
.privacy-policy-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .privacy-policy-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.privacy-policy-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .privacy-policy-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.privacy-policy-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .privacy-policy-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.privacy-policy-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
.privacy-policy-page .hero-top-banner h1 {
        line-height: 2.5rem
    }
      }
.privacy-policy-page .hero-top-banner .container {
      height: 100%;
      position: absolute;
      inset: 0;
    }
.privacy-policy-page .hero-top-banner .hero-img-dt {
      display: block;
    }
.privacy-policy-page .hero-top-banner .hero-img-mb {
      display: none;
    }
@media (max-width: 768px) {
      .privacy-policy-page .hero-top-banner .hero-img-dt {
        display: none;
      }
      .privacy-policy-page .hero-top-banner .hero-img-mb {
        display: block;
      }
    }
.privacy-policy-page .hero-top-banner .hero-content {
      color: white;
      position: relative;
      height: 100%;
    }
.privacy-policy-page .hero-top-banner .hero-content .breadcrumb {
        text-transform: uppercase;
        position: absolute;
        top: 10px;
        left: 0px;
      }
.privacy-policy-page .hero-top-banner .hero-content .hero-title {
        display: flex;
        align-items: center;
        height: 100%;
      }
.privacy-policy-page .container-content {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }
.privacy-policy-page .container-content .text {
      word-break: break-word;

      font-size: 14px;
      line-height: 22px;
      font-weight: 500;
      color: #5a5a5a;
      margin-bottom: 0px;
    }
.privacy-policy-page .container-content .page-title {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 16px;
    }
.privacy-policy-page .container-content .text-title {
      font-size: 17px;
      line-height: 34px;
      color: #545454;
    }
.privacy-policy-page .container-content a {
      cursor: pointer;
      color: #5a5a5a !important;
      word-break: break-word;
      text-decoration: underline;
    }
.privacy-policy-page .container-content a:hover {
      opacity: 0.5;
    }
.privacy-policy-page .container-content .list-text {
      margin-bottom: 0px;
      margin: 0px;
      padding-left: 20px;
    }
.privacy-policy-page .container-content .item-detail {
      padding: 72px 56px 24px 56px;
    }
.privacy-policy-page .container-content .item-detail .img {
        /* background-color: #fff; */
        border-radius: 50%;
        width: 208px;
        height: 208px;
        margin: 0 auto;
        line-height: 208px;
        margin-bottom: 24px;
      }
.privacy-policy-page .container-content .item-detail .img-fluid {
        padding: 48px;
      }
@media (min-width: 768px) {
.privacy-policy-page .container-content .item-detail {
        padding: 60px 15px
    }
      }
.privacy-policy-page .container-content .pb-16px-all {
      padding-bottom: 16px;
    }
.privacy-policy-page .container-content .plr-56px-mobile {
      padding-left: 56px;
      padding-right: 56px;
    }
@media (min-width: 768px) {
.privacy-policy-page .container-content .plr-56px-mobile {
        padding-left: 0px;
        padding-right: 0px
    }
      }
.privacy-policy-page .section-prefooter {
    float: left;
    width: 100%;
    position: relative;
    height: 160px;
    background-position: center top;
    background-size: auto;
  }
.privacy-policy-page .cookie-setting-clear-button-store {
    margin-top: 8px;
  }
.privacy-policy-page .cookie-setting-clear-button-store a {
    cursor: pointer;
    /*    color: #f76f00 !important; */
  }
.privacy-policy-page .cookie-setting-clear-button-store a:hover {
    /*  color: #de6400 !important; */
  }
.privacy-policy-page .cookie-setting-clear-button-store a:nth-child(2)::before {
    content: " | ";
    /*     color: #f76f00 !important; */
  }
.cookie-clear .modal {
    background-color: rgba(23, 22, 22, 0.8);
  }
@media (min-width: 768px) {
.cookie-clear .modal .modal-dialog {
        width: 100%;
        min-width: 568px
    }
      }
.cookie-clear .modal .modal-content {
      width: 568px;

      border-radius: 0px;
      background-color: #eeece0;
      padding-left: 16px;
      padding-right: 16px;
    }
@media (min-width: 768px) {
.cookie-clear .modal .modal-content {
        padding-left: 50px;
        padding-right: 50px
    }
      }
.cookie-clear .modal .modal-content .modal-body {
        margin-top: 56px;
        padding: 0px;
        border-width: 0px;

        overflow: hidden;
      }
.cookie-clear .modal .modal-content .modal-body .clear-cookie-icon {
          margin-bottom: 40px;
        }
.cookie-clear .modal .modal-content .modal-body .text {
          text-align: center;
          color: #222;
          word-break: break-word;
          line-height: 1.5;
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 0px;
        }
.cookie-clear .modal .modal-content .modal-footer {
        display: flex;

        flex-direction: column;

        padding-top: 40px;
        padding-bottom: 36px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 8px;
        border-width: 0px;
      }
@media (min-width: 768px) {
.cookie-clear .modal .modal-content .modal-footer {
          flex-direction: row;
          justify-content: space-between;
          padding-top: 40px;
          padding-bottom: 40px;
          padding-left: 0px;
          padding-right: 0px;
          gap: 10px
      }
        }
.cookie-clear .modal .modal-content .modal-footer button {
          width: 100%;
          padding-top: 9px;
          padding-bottom: 9px;
          margin: 0px;
          transition: 0.3s all;
        }
@media (min-width: 768px) {
.cookie-clear .modal .modal-content .modal-footer button {
            width: -moz-fit-content;
            width: fit-content;
            padding: 9px 55px
        }
          }
.cookie-clear .modal .modal-content .modal-footer button p {
            margin-bottom: 0px;
          }
.cookie-clear .modal .modal-content .modal-footer .button-accept {
          background-color: #171616;
          color: #eeece0;
        }
.cookie-clear .modal .modal-content .modal-footer .button-accept:hover {
          background-color: #ffd300;
          color: #171616;
        }
.cookie-clear .modal .modal-content .modal-footer .button-cancel {
          background-color: transparent;
          color: #171616;
          opacity: 0.3;
        }
.cookie-clear .modal .modal-content .modal-footer .button-cancel:hover {
          background-color: #ffd300;
          color: #171616;
          opacity: 1;
        }
.cookie-clear .modal .modal-content .button-close {
        width: 25px;
        height: 25px;
        opacity: 0.2;
        position: absolute;
        right: 15px;
        top: 15px;
      }
@media (min-width: 768px) {
.cookie-clear .modal .modal-content .button-close {
          right: 10px;
          top: 15px
      }
        }
.cookie-clear .modal .modal-content .button-close .icon-close {
          width: 25px;
          height: 25px;
        }
.cookie-clear .modal .modal-content .button-close:hover {
          opacity: 1;
        }
.cookie-clear .modal .modal-content .button-close:active {
          opacity: 1;
        }
.news-blog-page .hero-top-banner {
    position: relative;
    width: 100%;
    /*height: calc((370 * 100vw) / 1440);*/
}
.news-blog-page .hero-top-banner img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.news-blog-page .hero-top-banner h1 {
      line-height: 4.5rem;
      text-transform: uppercase;
    }
.news-blog-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.news-blog-page .hero-top-banner .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.news-blog-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.news-blog-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
.news-blog-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .news-blog-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.news-blog-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .news-blog-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.news-blog-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .news-blog-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.news-blog-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
.news-blog-page .hero-top-banner h1 {
        line-height: 2.5rem
    }
      }
@media (max-width: 576px) {
.news-blog-page .hero-top-banner h1 {
        white-space: pre-wrap
    }
      }
.news-blog-page .hero-top-banner .container {
      height: 100%;
      position: absolute;
      inset: 0;
    }
.news-blog-page .hero-top-banner .hero-img-dt {
      display: block;
    }
.news-blog-page .hero-top-banner .hero-img-mb {
      display: none;
    }
@media (max-width: 768px) {
      .news-blog-page .hero-top-banner .hero-img-dt {
        display: none;
      }
      .news-blog-page .hero-top-banner .hero-img-mb {
        display: block;
      }
    }
.news-blog-page .hero-top-banner .hero-content {
      color: white;
      position: relative;
      height: 100%;
    }
.news-blog-page .hero-top-banner .hero-content .breadcrumb {
        text-transform: uppercase;
        position: absolute;
        top: 10px;
        left: 0px;
      }
.news-blog-page .hero-top-banner .hero-content .hero-title {
        display: flex;
        align-items: center;
        height: 100%;
      }
.news-blog-page .news-blog-section {
    color: white;
    background-color: #2c2c2c;
    padding: 5rem 0 7.5rem;
  }
@media (max-width: 998px) {
.news-blog-page .news-blog-section {
      padding: 2rem 0 2rem
  }
    }
.news-blog-page .news-blog-section .filter-container {
      display: flex;
      gap: 1rem;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 2.5rem;
    }
@media (max-width: 998px) {
.news-blog-page .news-blog-section .filter-container {
        padding: 0px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0.5rem
    }
        .news-blog-page .news-blog-section .filter-container .tag-list {
          padding: 0px 1rem 1rem;
          width: 100%;
        }
        .news-blog-page .news-blog-section .filter-container .dropdown-container {
          width: 100%;
          padding: 0px 1rem;
        }
        .news-blog-page .news-blog-section .filter-container .dropdown,
        .news-blog-page .news-blog-section .filter-container .dropdown > input {
          width: 100%;
        }
      }
.news-blog-page .news-blog-section .filter-container .tag-list {
        display: flex;
        gap: 0.5rem;
        overflow: auto;
      }
.news-blog-page .news-blog-section .filter-container .tag-list .__tag {
          cursor: pointer;
        }
.news-blog-page .news-blog-section .card-grid {
      margin-bottom: 20px;
    }
.news-blog-page .news-blog-section .card-grid .blog-card {
        cursor: pointer;
        margin-bottom: 104px;
      }
.news-blog-page .news-blog-section .card-grid .blog-card p {
          word-break: break-word;
        }
@media (max-width: 998px) {
.news-blog-page .news-blog-section .card-grid .blog-card {
          margin-bottom: 46px
      }
        }
.news-blog-page .news-blog-section .card-grid .blog-card .card-hero {
          position: relative;
          width: 100%;
          height: 0px;
          padding-top: calc(145 / 376 * 100%);
          margin-bottom: 20px;
          overflow: hidden;
        }
.news-blog-page .news-blog-section .card-grid .blog-card .card-hero img {
            position: absolute;
            inset: 0px;
            transition: all 0.4s;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
          }
.news-blog-page .news-blog-section .card-grid .blog-card .card-tags {
          margin-bottom: 10px;
        }
.news-blog-page .news-blog-section .card-grid .blog-card .card-tags .__tag {
            transition: 0.4s all;
          }
.news-blog-page .news-blog-section .card-grid .blog-card .card-title {
          transition: 0.4s all;
          margin-bottom: 20px;
        }
@media (min-width: 998px) {
            .news-blog-page .news-blog-section .card-grid .blog-card:hover .card-hero img {
              transform: scale(1.03);
            }
            .news-blog-page .news-blog-section .card-grid .blog-card:hover .card-tags > .__tag {
              --bd-c: #ffd300;
              --bg-c: #ffd300;
              --t-c: #161616;
            }
            .news-blog-page .news-blog-section .card-grid .blog-card:hover .card-title {
              color: #ffd300;
            }
        }
.news-blog-page .news-blog-section .pagination-container {
      display: inline-flex;
      gap: 2rem;
    }
.news-blog-page .news-blog-section .pagination-container .btn-container {
        display: inline-flex;
        gap: 0.625rem;
      }
.news-blog-page .news-blog-section .pagination-container .page-input-container {
        display: inline-flex;
        align-items: center;
        gap: 0.625rem;
      }
.news-blog-page .news-blog-section .pagination-container .page-input-container input {
          width: 20px;
          padding-bottom: 2px;
          color: white;
          background: transparent;
          border: none;
          border-bottom: 1px solid rgba(255 255 255 / 0.5);
          border-radius: 0px;
          outline: none;
          text-align: center;
        }
.news-blog-detail-page {
  background-color: #eeece0;
}
.news-blog-detail-page .hero-top-banner {
    height: 370px;
    background: linear-gradient(60deg, #212121 0% 40%, #2c2c2c 40%);
    background-repeat: no-repeat;
    background-color: #2c2c2c;
    background-position-x: -270px;
    color: white;
    padding-top: 0.625rem;
    padding-bottom: 3.5rem;
  }
@media (max-width: 768px) {
.news-blog-detail-page .hero-top-banner {
      height: 330px;
      background-position-x: 0;
      padding-bottom: 45px
  }
    }
.news-blog-detail-page .hero-top-banner .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
.news-blog-detail-page .hero-top-banner .breadcrumb {
      text-transform: uppercase;
    }
.news-blog-detail-page .hero-top-banner .hero-content .hero-title {
        color: #ffd300;
        margin-bottom: 0.5rem;
      }
.news-blog-detail-page .hero-top-banner .hero-content .hero-title h1 {
          text-transform: uppercase;
        }
.news-blog-detail-page .hero-top-banner .custom-container .breadcrumb {
    position: absolute;
    padding-top: 10px;
}
.news-blog-detail-page .hero-top-banner .custom-container .breadcrumb p {
    color: #ffffff;
    text-transform: uppercase;
}
.news-blog-detail-page .hero-top-banner .custom-container .content {
    height: 100%;
}
.news-blog-detail-page .hero-top-banner .custom-container .content #headline {
    text-transform: uppercase;
    color: #ffffff;
}
.news-blog-detail-page .section-2 {
    padding-top: 55px;
    padding-bottom: 65px;
}

@media (min-width: 768px) {
    .news-blog-detail-page .section-2 {
        padding-top: 81px;
        padding-bottom: 95px
    }
}

.news-blog-detail-page .section-2 .text-title {
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 2.313rem;
}

@media (min-width: 768px) {
    .news-blog-detail-page .section-2 .text-title {
        line-height: 3.313rem
    }
}

.news-blog-detail-page .section-2 .box-detail {
    border-width: 0px;
    border-left-width: 4px;
    border-style: solid;
    border-color: #ffd300;
    padding-left: 15px;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .news-blog-detail-page .section-2 .box-detail {
        padding-left: 26px;
        margin-top: 10px
    }
}

.news-blog-detail-page .section-2 .box-detail .text-datail {
    color: #171616;
    margin-bottom: 0px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
          .news-blog-detail-page .hero-top-banner .hero-content .hero-title h1 {
            font-size: 18px;
            line-height: 25px;
          }
        }
.news-blog-detail-page .hero-top-banner .hero-content .hero-description p {
          text-transform: uppercase;
          word-break: break-word;
        }
@media (max-width: 768px) {
          .news-blog-detail-page .hero-top-banner .hero-content .hero-description p {
            line-height: 20px;
          }
        }
.news-blog-detail-page .hero-top-banner .hero-content hr {
        margin: 1.5rem 0px;
        color: white;
        opacity: 0.5;
      }
.news-blog-detail-page .hero-top-banner .hero-content .label {
        text-transform: uppercase;
        color: rgba(255 255 255 / 0.5);
      }
.news-blog-detail-page .hero-top-banner .hero-content .hero-extra {
        display: flex;
        justify-content: space-between;
      }
@media (max-width: 768px) {
.news-blog-detail-page .hero-top-banner .hero-content .hero-extra {
          flex-direction: column;
          gap: 0.75rem
      }
        }
.news-blog-detail-page .hero-top-banner .hero-content .hero-extra .label-group {
          display: inline-flex;
          gap: 2.5rem;
          align-items: center;
        }
.news-blog-detail-page .hero-top-banner .hero-content .hero-extra .button-group {
          display: inline-flex;
          align-items: center;
          gap: 1.5rem;
        }
.news-blog-detail-page .hero-top-banner .hero-content .hero-extra .button-group .button-container {
            display: inline-flex;
            gap: 0.625rem;
          }
.news-blog-detail-page .sec-news-content {
    padding: 60px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
.news-blog-detail-page .sec-news-content a {
      text-decoration: underline;
      transition: 0.35s all;
    }
@media (min-width: 992px) {
        .news-blog-detail-page .sec-news-content a:hover {
          opacity: 0.5;
        }
        .news-blog-detail-page .sec-news-content a:has(button):hover {
          opacity: 1;
        }
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content {
      padding-top: 30px;
      gap: 0.25rem
  }
    }
.news-blog-detail-page .sec-news-content .content-divider hr {
        color: #83764b;
        opacity: 1;
        margin: 44px 0px;
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-divider hr {
          margin: 20px 0px
      }
        }
.news-blog-detail-page .sec-news-content .content-image .pair-images {
        display: flex;
        gap: 1rem;
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-image .pair-images {
          flex-direction: column;
          gap: 0.25rem
      }
        }
.news-blog-detail-page .sec-news-content .content-image .pair-images > * {
          flex: 1;
        }
.news-blog-detail-page .sec-news-content .content-image .image-container {
        position: relative;
        width: 100%;
        height: 0px;
        padding-top: calc(448 / 1160 * 100%);
      }
.news-blog-detail-page .sec-news-content .content-image .image-container img {
          position: absolute;
          inset: 0px;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
          height: 100%;
        }
.news-blog-detail-page .sec-news-content .content-video .video-container {
        position: relative;
        width: 100%;
        height: 0px;
        padding-top: calc(9 / 16 * 100%);
      }
.news-blog-detail-page .sec-news-content .content-video .video-container iframe {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
        }
.news-blog-detail-page .sec-news-content .content-text p {
        margin: 24px 0px;
        word-break: break-word;
      }
.news-blog-detail-page .sec-news-content .content-list .list-title {
        margin-bottom: 1.5rem;
        font-weight: 500;
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-list .list-title {
          margin-bottom: 10px
      }
        }
.news-blog-detail-page .sec-news-content .content-list .list-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 80px;
             column-gap: 80px;
        row-gap: 24px;
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-list .list-container {
          grid-template-columns: 1fr;
          row-gap: 12px
      }
        }
.news-blog-detail-page .sec-news-content .content-list .list-container .list-item h5 {
            text-transform: uppercase;
            margin-bottom: 0.25rem;
          }
.news-blog-detail-page .sec-news-content .content-list .list-container .list-item h5 .list-item-number {
              display: inline-block;
              width: 40px;
            }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-list .list-container .list-item h5 .list-item-number {
                width: 32px
            }
              }
.news-blog-detail-page .sec-news-content .content-list .list-container .list-item p {
            word-break: break-word;
            margin: 0px;
          }
.news-blog-detail-page .sec-news-content .content-quote blockquote {
        color: #83764b;
        font-weight: 500;
      }
.news-blog-detail-page .sec-news-content .content-gallery h3 {
    font-family: 'krungsri simple med';
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.news-blog-detail-page .sec-news-content .content-gallery .gallery-container {
        overflow: auto;
      }
.news-blog-detail-page .sec-news-content .content-gallery .gallery-container .gallery {
          display: flex;
          gap: 1rem;
          height: 23vw;
          justify-content: center;
          min-width: 100%;
          width: -moz-max-content;
          width: max-content;
        }
.news-blog-detail-page .sec-news-content .content-pdf {
      margin: 44px 0px;
    }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-pdf {
        margin: 20px 0px
    }
      }
.news-blog-detail-page .sec-news-content .content-pdf .pdf-box {
        background-color: #dedac5;
        padding: 2.5rem;
        gap: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-pdf .pdf-box {
          flex-direction: column;
          align-items: flex-start;
          padding: 24px 20px;
          gap: 2px
      }
        }
.news-blog-detail-page .sec-news-content .content-pdf .pdf-box h3 {
          font-weight: 500;
          max-width: 600px;
        }
.news-blog-detail-page .sec-news-content .content-pdf .pdf-box .__button {
          display: inline-flex;
          align-items: center;
          gap: 10px;
        }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-content .content-pdf .pdf-box .__button {
            padding: 0.5rem 0px
        }
          }
.news-blog-detail-page .sec-news-info {
    margin-bottom: 120px;
  }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-info {
      margin-bottom: 64px
  }
    }
.news-blog-detail-page .sec-news-info .label {
      text-transform: uppercase;
      color: #171616;
      opacity: 0.8;
    }
.news-blog-detail-page .sec-news-info .info-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.news-blog-detail-page .sec-news-info .info-row .__tag {
        transition: 0.35s all;
      }
.news-blog-detail-page .sec-news-info .info-row .__tag:hover {
          background-color: #161616;
          color: white;
        }
@media (max-width: 768px) {
.news-blog-detail-page .sec-news-info .info-row {
        margin-bottom: 1rem
    }
      }
.news-blog-detail-page .sec-news-info .info-row .tags-container {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
      }
.news-blog-detail-page .sec-news-info .info-row .tags-container a {
          display: inline-grid;
          place-content: center;
          transition: 0.35s all;
        }
@media (min-width: 992px) {
            .news-blog-detail-page .sec-news-info .info-row .tags-container a:hover {
              opacity: 0.5;
            }
          }
.news-blog-detail-page .sec-news-info .info-row .tags-container .hashtag {
          font-weight: 500;
          color: #171616;
          text-transform: uppercase;
          text-decoration: underline;
          cursor: pointer;
        }
.news-blog-detail-page .sec-news-info .info-row .tags-container .hashtag::after {
            display: inline-block;
            content: ",";
          }
.news-blog-detail-page .sec-news-info .info-row .tags-container .hashtag:last-of-type::after {
            content: "";
          }
.news-blog-detail-page .sec-news {
    padding: 60px 0 100px 0;
    color: #ffffff;
    position: relative;

    background: #2c2c2c;
    background: linear-gradient(
      -60deg,
      #191919 0% 45%,
      #212121 45% 75%,
      #2c2c2c 75%
    );
  }
.news-blog-detail-page .sec-news h2 {
      text-transform: uppercase;
    }
@media (min-width: 768px) {
.news-blog-detail-page .sec-news {
      background: linear-gradient(
        -60deg,
        #191919 0% 30%,
        #212121 30% 55%,
        #2c2c2c 55%
      )
  }
    }
.news-blog-detail-page .sec-news .custom-swiper-container {
      width: 100%;
      margin: 40px auto 90px auto;
    }
@media (max-width: 767.98px) {
.news-blog-detail-page .sec-news .custom-swiper-container {
        padding: 0;
        margin: 20px auto 65px auto
    }
      }
.news-blog-detail-page .sec-news .swiper .swiper-slide {
        transition: opacity 0.5s ease-in-out;
      }
.news-blog-detail-page .sec-news .swiper .swiper-slide:not(.swiper-slide-active) {
          opacity: 0.5;
        }
@media (min-width: 768px) {
.news-blog-detail-page .sec-news .swiper .swiper-slide:not(.swiper-slide-active) {
            opacity: 1
        }
          }
.news-blog-detail-page .sec-news .item {
      cursor: pointer;
    }
@media (min-width: 768px) {
          .news-blog-detail-page .sec-news .item:hover img {
            transform: scale(1.03);
          }
          .news-blog-detail-page .sec-news .item:hover .tags div {
            border-color: #ffd300;
            background-color: #ffd300;
            color: #171616;
          }
          .news-blog-detail-page .sec-news .item:hover .title {
            color: #ffd300;
          }
      }
.news-blog-detail-page .sec-news .item .image {
        width: 100%;
        padding-top: calc((145 * 100%) / 376);
        position: relative;
        overflow: hidden;
      }
.news-blog-detail-page .sec-news .item .image img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;

          transition: all 0.4s ease-in-out;
        }
.news-blog-detail-page .sec-news .item .tags {
        display: flex;
        margin: 10px 0;
      }
@media (min-width: 768px) {
.news-blog-detail-page .sec-news .item .tags {
          margin: 20px 0 10px 0
      }
        }
.news-blog-detail-page .sec-news .item .tags div {
          border-radius: 9999px;
          text-transform: uppercase;
          border: 1px solid #fff;
          padding: 5px 10px;
          transition: all 0.25s ease-in-out;
        }
.news-blog-detail-page .sec-news .item .tags div:not(:last-child) {
            margin-right: 5px;
          }
.news-blog-detail-page .sec-news .item .title {
        margin: 0 0 24px 0;
        transition: all 0.25s ease-in-out;
        word-break: break-word;
      }
@media (max-width: 767.98px) {
.news-blog-detail-page .sec-news .item .title {
          font-size: 14px;
          line-height: 20px
      }
        }
@media (min-width: 768px) {
.news-blog-detail-page .sec-news .item .title {
          min-height: 60px;
          margin: 0 0 16px 0
      }
        }
.news-blog-detail-page .custom-controller {
    display: flex;
    align-items: center;
  }
.news-blog-detail-page .custom-controller div[class^="custom-swiper"] {
      width: auto;
    }
.news-blog-detail-page .custom-controller div[class^="custom-swiper"]:not(:last-child) {
        margin-right: 10px;
      }
.search-page .hero-top-banner {
    height: 370px;
    background: linear-gradient(60deg, #212121 0% 40%, #2c2c2c 40%);
    background-repeat: no-repeat;
    background-color: #2c2c2c;
    background-position-x: -270px;
    color: white;
    padding-top: 0.625rem;
    padding-bottom: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
@media (max-width: 768px) {
.search-page .hero-top-banner {
      height: 290px;
      background-position-x: 0;
      padding-bottom: 45px
  }
    }
.search-page .hero-top-banner .input-search {
      margin: auto;
      border-bottom: 1px solid white;
      max-width: 474px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 4px;
    }
.search-page .hero-top-banner .input-search input {
        width: 100%;
        border: none;
        background: transparent;
        color: white;
        outline: none;
      }
    .search-page .hero-top-banner .input-search #search-submit-btn {
        background: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white; /* Default color for the SVG */
    }

        .search-page .hero-top-banner .input-search #search-submit-btn svg {
            width: 18px;
            height: 18px;
            transition: color 0.3s ease;
        }

        .search-page .hero-top-banner .input-search #search-submit-btn:hover {
            color: var(--header-nav-tint); /* This will change the SVG color to brownish */
        }
.search-page .search-result {
    padding: 60px 0px 0px;
  }
@media (max-width: 768px) {
.search-page .search-result {
      padding: 30px 0px 0px
  }
        .search-page .search-result .search-title h1 {
          margin-bottom: 0.25rem;
        }
    }
.search-page .search-result hr {
      color: #cdccc9;
      opacity: 1;
      margin: 40px 0px;
    }
@media (max-width: 768px) {
.search-page .search-result hr {
        margin-top: 30px
    }
      }
.search-page .search-result .search-title {
      display: flex;
      flex-flow: column nowrap;
      text-transform: uppercase;
    }
.search-page .search-result .search-title .search-count {
        font-weight: 500;
        color: #cbaa01;
      }
.search-page .search-result .result-section {
      margin: 40px 0px;
    }
@media (max-width: 768px) {
.search-page .search-result .result-section {
        margin-top: 30px
    }
      }
.search-page .search-result .result-section .result-section-title {
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 1.5rem;
      }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-section-title {
          margin-bottom: 1rem
      }
        }
.search-page .search-result .result-section .result-content {
        margin-bottom: 24px;
      }
.search-page .search-result .result-section .result-content .content-title {
          margin-bottom: 0.25rem;
        }
.search-page .search-result .result-section .result-content p {
          word-break: break-word;
        }
.search-page .search-result .result-section .result-content p > a {
          text-decoration: underline;
          transition: 0.35s all;
        }
@media (min-width: 992px) {
            .search-page .search-result .result-section .result-content p > a:hover {
              opacity: 0.5;
            }
          }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content a:has(.blog-card) {
            margin-top: 8px;
            margin-bottom: 38px
        }
            .search-page .search-result .result-section .result-content a:has(.blog-card):last-of-type {
              margin-bottom: 0px;
            }
          }
.search-page .search-result .result-section .result-content .blog-card {
          cursor: pointer;
        }
.search-page .search-result .result-section .result-content .blog-card .card-hero {
            margin-bottom: 20px;
            overflow: hidden;
            width: 100%;
            height: 0px;
            padding-top: calc(150 / 360 * 100%);
            position: relative;
          }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content .blog-card .card-hero {
              margin-bottom: 10px
          }
            }
.search-page .search-result .result-section .result-content .blog-card .card-hero img {
              transition: all 0.4s;
              position: absolute;
              inset: 0px;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
            }
.search-page .search-result .result-section .result-content .blog-card .card-tags {
            margin-bottom: 10px;
          }
.search-page .search-result .result-section .result-content .blog-card .card-tags .__tag {
              transition: 0.4s all;
            }
.search-page .search-result .result-section .result-content .blog-card .card-title {
            transition: 0.4s all;
            margin-bottom: 20px;
          }
@media (max-width: 576px) {
.search-page .search-result .result-section .result-content .blog-card .card-title {
              font-size: 14px
          }
            }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content .blog-card .card-title {
              margin-bottom: 16px
          }
            }
.search-page .search-result .result-section .result-content .blog-card p.__body-4 {
            margin: 0px;
          }
@media (max-width: 576px) {
.search-page .search-result .result-section .result-content .blog-card p.__body-4 {
              font-size: 12px
          }
            }
@media (min-width: 998px) {
              .search-page .search-result .result-section .result-content .blog-card:hover .card-hero > img {
                transform: scale(1.03);
              }
              .search-page .search-result .result-section .result-content .blog-card:hover .card-tags > .__tag {
                border-color: #ffd300;
                background-color: #ffd300;
                color: #171616;
              }
              .search-page .search-result .result-section .result-content .blog-card:hover .card-title {
                color: #ffd300;
              }
          }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content a:has(.member-card) {
            margin-top: 8px;
            margin-bottom: 35px
        }
            .search-page .search-result .result-section .result-content a:has(.member-card):last-of-type {
              margin-bottom: 0px;
            }
          }
.search-page .search-result .result-section .result-content .member-card {
          cursor: pointer;
        }
@media (min-width: 768px) {
              .search-page .search-result .result-section .result-content .member-card:hover .member-hero > img {
                transform: scale(1.03);
              }
          }
.search-page .search-result .result-section .result-content .member-card .member-hero {
            width: 100%;
            height: 0px;
            padding-top: calc(400 / 360 * 100%);
            position: relative;
            overflow: hidden;
            margin-bottom: 1rem;
          }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content .member-card .member-hero {
              margin-bottom: 0.5rem
          }
            }
.search-page .search-result .result-section .result-content .member-card .member-hero img {
              position: absolute;
              inset: 0px;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              transition: 0.4s all;
            }
.search-page .search-result .result-section .result-content .member-card .member-info .member-title {
              color: #cbaa01;
              display: inline-flex;
              align-items: center;
              gap: 0.25rem;
            }
@media (max-width: 576px) {
.search-page .search-result .result-section .result-content .member-card .member-info .member-title {
                font-size: 1rem
            }
              }
.search-page .search-result .result-section .result-content .member-card .member-info .member-title::before {
                content: "";
                display: inline-block;
                -webkit-mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
                        mask: url("../Content/Images/Icons/play.svg") no-repeat 50% 50%;
                -webkit-mask-size: cover;
                        mask-size: cover;
                width: 0.6rem;
                height: 0.8rem;
                background-color: #cbaa01;
              }
.search-page .search-result .result-section .result-content .member-card .member-info .member-position {
              display: block;
              text-transform: uppercase;
              word-break: break-word;
              margin: 0px 0px 0px 0.875rem;
            }
@media (max-width: 576px) {
.search-page .search-result .result-section .result-content .member-card .member-info .member-position {
                font-size: 1rem
            }
              }
@media (max-width: 992px) {
.search-page .search-result .result-section .result-content .company-card {
            margin-bottom: 1.5rem
        }
          }
.search-page .search-result .result-section .result-content .company-card .hexagon-container {
            width: 100%;
            height: 0px;
            padding-top: 100%;
            position: relative;
          }
@media (min-width: 768px) {
                .search-page .search-result .result-section .result-content .company-card .hexagon-container:hover .__hexagon img {
                  transform: translate(-50%, -50%) scale(1.08);
                }
            }
.search-page .search-result .result-section .result-content .company-card .hexagon-container .__hexagon {
              width: 100%;
              height: 100%;
              position: absolute;
              inset: 0px;
            }
.search-page .search-result .result-section .result-content .company-card .hexagon-container .__hexagon img {
                transition: 0.4s all;
              }
.search-page .search-result .result-section .result-content .company-card .company-title {
            text-transform: uppercase;
            margin: 1rem 0px 0px;
            text-align: center;
          }
@media (max-width: 992px) {
.search-page .search-result .result-section .result-content .company-card .company-title {
              margin-top: 0.25rem
          }
            }
.search-page .search-result .result-section .result-content .pagination-container {
          display: inline-flex;
          margin: 80px 0px 80px;
          gap: 2rem;
        }
@media (max-width: 768px) {
.search-page .search-result .result-section .result-content .pagination-container {
            margin: 60px 0px 20px
        }
          }
.search-page .search-result .result-section .result-content .pagination-container .btn-container {
            display: inline-flex;
            gap: 0.625rem;
          }
.search-page .search-result .result-section .result-content .pagination-container .page-input-container {
            display: inline-flex;
            align-items: center;
            gap: 0.625rem;
          }
.search-page .search-result .result-section .result-content .pagination-container .page-input-container input {
              width: 20px;
              padding-bottom: 2px;
              background: transparent;
              border: none;
              border-bottom: 1px solid #707070;
              outline: none;
              text-align: center;
            }
:root {
    /*--bs-body-font-family: Krungsri;*/
    --bs-body-font-family: 'krungsri simple med';
    /* scroll-behavior: auto; */
} 

header,
footer {
  text-transform: uppercase;
}
button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
p {
    word-break: break-word;
}
p.break-word {
  word-break: break-word;
}
a {
  color: inherit;
  text-decoration: none;
}
.__hexagon {
  width: 240px;
  height: 240px;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  background: rgba(22, 22, 22, 0.2);
  position: relative;
}
.__hexagon.__dim {
    filter: brightness(0.5) grayscale(1) opacity(0.6);
  }
.__hexagon img {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    -o-object-fit: cover;
       object-fit: cover;
  }
.__hexagon .__inner-hexagon {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    overflow: hidden;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
  }
.__hexagon .__inner-hexagon img {
      width: 100%;
      height: 100%;
    }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.__w-85 {
  max-width: 100%;
}
@media (min-width: 768px) {
.__w-85 {
    max-width: 85%
}
  }
.__w-80 {
  max-width: 100%;
}
@media (min-width: 768px) {
.__w-80 {
    max-width: 80%
}
  }
.__w-75 {
  max-width: 100%;
}
@media (min-width: 768px) {
.__w-75 {
    max-width: 75%
}
  }
.__w-70 {
  max-width: 100%;
}
@media (min-width: 768px) {
.__w-70 {
    max-width: 70%
}
  }
.__w-60 {
  max-width: 100%;
}
@media (min-width: 768px) {
.__w-60 {
    max-width: 60%
}
  }
.hidden-scrollbar {
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.hidden-scrollbar::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
  display: none;
}
.hidden-scrollbar-y {
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.stacking-section {
  position: relative;
  z-index: 1;
}