@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important;
    text-transform: none
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 100%;
    height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    resize: none;
    vertical-align: bottom;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    clip: rect(0 0 0 0)!important;
    border: 0!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    right: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(180deg,#fff 50%,#eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
    outline: 0
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: linear-gradient(180deg,#eee 50%,#ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: -webkit-linear-gradient(top,#fff,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(180deg,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(180deg,#eee 50%,#fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    box-shadow: none;
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

main {
    overflow: hidden
}

figure {
    margin: 1em 4rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: 600
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img,picture {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: .1rem dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.2rem
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

.black {
    color: #000
}

.white {
    color: #fff
}

.primary {
    color: #004737
}

.secondary {
    color: #b2df82
}

.primary-100 {
    color: #ccdad7
}

.primary-200 {
    color: #99b5af
}

.primary-300 {
    color: #669187
}

.primary-400 {
    color: #336c5f
}

.primary-500 {
    color: #004737
}

.primary-600 {
    color: #00392c
}

.primary-700 {
    color: #002b21
}

.primary-800 {
    color: #001c16
}

.primary-900 {
    color: #000e0b
}

.secondary-100 {
    color: #f0f9e6
}

.secondary-200 {
    color: #e0f2cd
}

.secondary-300 {
    color: #d1ecb4
}

.secondary-400 {
    color: #c1e59b
}

.secondary-500 {
    color: #b2df82
}

.secondary-600 {
    color: #8eb268
}

.secondary-700 {
    color: #6b864e
}

.secondary-800 {
    color: #475934
}

.secondary-900 {
    color: #242d1a
}

.grey-100 {
    color: #e8eaee
}

.grey-200 {
    color: #d1d6dd
}

.grey-300 {
    color: #bbc1cc
}

.grey-400 {
    color: #a4adbb
}

.grey-500 {
    color: #8d98aa
}

.grey-600 {
    color: #717a88
}

.grey-700 {
    color: #555b66
}

.grey-800 {
    color: #383d44
}

.grey-900 {
    color: #1c1e22
}

.fw-bold {
    font-weight: 600
}

.line-clamp {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp--1 {
    -webkit-line-clamp: 1
}

.line-clamp--2 {
    -webkit-line-clamp: 2
}

.line-clamp--3 {
    -webkit-line-clamp: 3
}

.line-clamp--4 {
    -webkit-line-clamp: 4
}

.m-0 {
    margin: 0!important
}

.m-2 {
    margin: .2rem!important
}

.m-4 {
    margin: .4rem!important
}

.m-8 {
    margin: .8rem!important
}

.m-12 {
    margin: 1.2rem!important
}

.m-14 {
    margin: 1.4rem!important
}

.m-16 {
    margin: 1.6rem!important
}

.m-20 {
    margin: 2rem!important
}

.m-22 {
    margin: 2.2rem!important
}

.m-24 {
    margin: 2.4rem!important
}

.m-28 {
    margin: 2.8rem!important
}

.m-32 {
    margin: 3.2rem!important
}

.m-36 {
    margin: 3.6rem!important
}

.m-40 {
    margin: 4rem!important
}

.m-48 {
    margin: 4.8rem!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-2 {
    margin-top: .2!important
}

.mt-4 {
    margin-top: .4rem!important
}

.mt-8 {
    margin-top: .8rem!important
}

.mt-12 {
    margin-top: 1.2rem!important
}

.mt-14 {
    margin-top: 1.4rem!important
}

.mt-16 {
    margin-top: 1.6rem!important
}

.mt-20 {
    margin-top: 2rem!important
}

.mt-22 {
    margin-top: 2.2rem!important
}

.mt-24 {
    margin-top: 2.4rem!important
}

.mt-28 {
    margin-top: 2.8rem!important
}

.mt-32 {
    margin-top: 3.2rem!important
}

.mt-36 {
    margin-top: 3.6rem!important
}

.mt-40 {
    margin-top: 4rem!important
}

.mt-46 {
    margin-top: 4.6rem!important
}

.mt-48 {
    margin-top: 4.8rem!important
}

.mt-56 {
    margin-top: 5.6rem!important
}

.mt-96 {
    margin-top: 9.6rem!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-2 {
    margin-bottom: .2rem!important
}

.mb-4 {
    margin-bottom: .4rem!important
}

.mb-8 {
    margin-bottom: .8rem!important
}

.mb-12 {
    margin-bottom: 1.2rem!important
}

.mb-14 {
    margin-bottom: 1.4rem!important
}

.mb-16 {
    margin-bottom: 1.6rem!important
}

.mb-18 {
    margin-bottom: 1.8rem!important
}

.mb-20 {
    margin-bottom: 2rem!important
}

.mb-22 {
    margin-bottom: 2.2rem!important
}

.mb-24 {
    margin-bottom: 2.4rem!important
}

.mb-28 {
    margin-bottom: 2.8rem!important
}

.mb-32 {
    margin-bottom: 3.2rem!important
}

.mb-34 {
    margin-bottom: 3.4rem!important
}

.mb-36 {
    margin-bottom: 3.6rem!important
}

.mb-38 {
    margin-bottom: 3.8rem!important
}

.mb-40 {
    margin-bottom: 4rem!important
}

.mb-46 {
    margin-bottom: 4.6rem!important
}

.mb-48 {
    margin-bottom: 4.8rem!important
}

.mb-96 {
    margin-bottom: 9.6rem!important
}

.mb-138 {
    margin-bottom: 13.8rem!important
}

.ml-20 {
    margin-left: 2rem!important
}

.ml-16 {
    margin-left: 1.6rem!important
}

.z--1 {
    z-index: -1
}

.of-y-hidden {
    overflow-y: hidden
}

.body2,.button-text,.h1,.h2,.h3,.h4,.h5,.h6,.subtitle,.tab-menu,h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    margin-bottom: 1.6rem;
    margin-top: 0
}

.h1,h1 {
    font-size: 5.6rem;
    letter-spacing: -.02em;
    line-height: 120%
}

@media (max-width: 63.99em) {
    .h1,h1 {
        font-size:4rem
    }
}

.h2,h2 {
    font-size: 4.6rem;
    font-weight: 300;
    letter-spacing: -.02em;
    line-height: 130%
}

@media (max-width: 63.99em) {
    .h2,h2 {
        font-size:3.4rem
    }
}

.h3,h3 {
    font-size: 3.6rem;
    letter-spacing: -.02em;
    line-height: 120%
}

@media (max-width: 63.99em) {
    .h3,h3 {
        font-size:2.6rem
    }
}

.h4,h4 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 140%
}

@media (max-width: 63.99em) {
    .h4,h4 {
        font-size:2.2rem;
        font-weight: 300
    }
}

.h5,h5 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 140%
}

@media (max-width: 63.99em) {
    .h5,h5 {
        font-size:2rem
    }
}

p {
    margin-bottom: 1.6rem;
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

p a {
    text-decoration: underline
}

.subtitle {
    font-weight: 500
}

@media (max-width: 63.99em) {
    .subtitle {
        font-size:1.6rem
    }
}

.tab-menu {
    font-size: 1.4rem;
    font-weight: 400
}

.body2 {
    font-size: 1.6rem;
    font-weight: 300
}

@media (max-width: 63.99em) {
    .body2 {
        font-size:1.4rem
    }
}

.button-text {
    font-weight: 400;
    line-height: 120%
}

@media (max-width: 63.99em) {
    .button-text {
        font-size:1.6rem
    }
}

.details {
    font-family: Poppins;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.8rem
}

.center {
    text-align: center
}

*,:after,:before,html {
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    min-height: 100%;
    scroll-behavior: smooth
}

html,html[lang=th] {
    font-family: Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}

html[lang=en-US],html[lang=en] {
    font-family: Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    min-height: 100%;
    overflow-x: hidden;
    text-rendering: optimizeLegibility
}

@media (max-width: 63.99em) {
    body {
        font-size:1.6rem
    }
}

body button,body input[type=email],body input[type=file],body input[type=number],body input[type=password],body input[type=search],body input[type=tel],body input[type=text],body input[type=url],body select,body textarea {
    font-family: Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important
}

body button:-ms-input-placeholder,body input[type=email]:-ms-input-placeholder,body input[type=file]:-ms-input-placeholder,body input[type=number]:-ms-input-placeholder,body input[type=password]:-ms-input-placeholder,body input[type=search]:-ms-input-placeholder,body input[type=tel]:-ms-input-placeholder,body input[type=text]:-ms-input-placeholder,body input[type=url]:-ms-input-placeholder,body select:-ms-input-placeholder,body textarea:-ms-input-placeholder {
    color: #a4adbb!important;
    font-size: 1.6rem!important;
    font-weight: 300!important
}

body button::-ms-input-placeholder,body input[type=email]::-ms-input-placeholder,body input[type=file]::-ms-input-placeholder,body input[type=number]::-ms-input-placeholder,body input[type=password]::-ms-input-placeholder,body input[type=search]::-ms-input-placeholder,body input[type=tel]::-ms-input-placeholder,body input[type=text]::-ms-input-placeholder,body input[type=url]::-ms-input-placeholder,body select::-ms-input-placeholder,body textarea::-ms-input-placeholder {
    color: #a4adbb!important;
    font-size: 1.6rem!important;
    font-weight: 300!important
}

body button::placeholder,body input[type=email]::placeholder,body input[type=file]::placeholder,body input[type=number]::placeholder,body input[type=password]::placeholder,body input[type=search]::placeholder,body input[type=tel]::placeholder,body input[type=text]::placeholder,body input[type=url]::placeholder,body select::placeholder,body textarea::placeholder {
    color: #a4adbb!important;
    font-size: 1.6rem!important;
    font-weight: 300!important
}

.overflow-hidden {
    overflow: hidden
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: auto
}

.lazyload {
    transition: opacity 50ms ease-in-out,background .2s ease-in-out
}

img:not([src]):not([srcset]) {
    visibility: hidden
}

hr {
    border: none;
    border-bottom: .1px solid #dbdbdb
}

.lazyload,.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

main {
    padding-top: 9.6rem
}

@media (max-width: 1180px) {
    main {
        padding-top:7rem
    }
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .4s ease-in-out
}

p a,table a {
    color: #004737;
    text-decoration: underline
}

.page-title {
    margin-bottom: 4rem;
    margin-top: 6rem
}

.no-list-style {
    margin: 0
}

.no-list-style,ol {
    list-style: none;
    padding: 0
}

ol {
    counter-reset: number;
    margin-left: 2rem
}

ol li {
    counter-increment: number
}

ol li:before {
    content: counter(number) ". "
}

ol ol {
    margin-left: 2rem
}

.placeholder-img {
    background-image: url(../images/placeholder.jpeg);
    background-position: 50%;
    background-size: cover
}

.placeholder-img,.placeholder-people {
    background-color: #c4c4c4;
    height: 100%;
    transition: all .4s ease-in-out;
    width: 100%
}

.placeholder-people {
    background-image: url(../images/placeholder-people.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 85%;
    left: 0;
    position: absolute;
    top: 0
}

::-webkit-scrollbar {
    width: .5rem
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1rem
}

::-webkit-scrollbar-thumb {
    background: #d1d6dd;
    border-radius: 1rem
}

::-webkit-scrollbar-thumb:hover {
    background: #d1d6dd
}

.wp-block-table {
    margin: 3.2rem 0
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table table td {
    padding: 1.2rem
}

.wp-block-table .wp-element-caption {
    font-size: 1.2rem;
    text-align: center
}

.wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #ccdad7
}

.wp-block-file__button {
    background-color: #b2df82;
    color: #004737;
    display: inline-block;
    padding: 1rem 2.4rem;
    transition: all .4s ease-in-out
}

.wp-block-file__button:hover {
    background-color: #004737;
    color: #b2df82
}

.has-text-align-left {
    text-align: left
}

.has-text-align-center {
    text-align: center
}

.has-text-align-right {
    text-align: right
}

.wp-block-image {
    margin: unset;
    margin-bottom: 4.8rem;
    overflow: auto
}

.wp-block-image>img {
    height: 100%;
    max-width: unset;
    width: 126rem
}

@media (max-width: 1180px) {
    .wp-block-image>img {
        scale:.8;
        transform-origin: top
    }
}

.wp-block-embed,.wp-block-video {
    clip-path: polygon(25% 0,31% 6%,100% 6%,100% 100%,66% 100%,60% 94%,0 94%,0 0);
    margin: 3rem 0 0;
    padding-top: 57.1784298176%;
    position: relative
}

@media (max-width: 1180px) {
    .wp-block-embed,.wp-block-video {
        padding-top:76.6081871345%;
        position: relative
    }
}

.wp-block-embed>video,.wp-block-video>video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.wp-block-embed .btn-play,.wp-block-video .btn-play {
    background-image: url(../images/icons/play-video.webp);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 100%;
    left: 50%;
    max-height: 11.3rem;
    max-width: 11.3rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 100
}

@media (max-width: 1180px) {
    .wp-block-embed .btn-play,.wp-block-video .btn-play {
        max-height:5.1rem;
        max-width: 5.1rem
    }
}

.desktop {
    display: block
}

@media (max-width: 1180px) {
    .desktop {
        display:none
    }
}

.mobile {
    display: none
}

@media (max-width: 1180px) {
    .mobile {
        display:block
    }
}

.w-full {
    width: 100%
}

.w-fit {
    width: fit-content
}

.h-full {
    height: 100%
}

.h-fit {
    height: fit-content
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-start {
    justify-content: start
}

.justify-end {
    justify-content: end
}

.items-center {
    align-items: center
}

.items-start {
    align-items: start
}

.items-end {
    align-items: end
}

.text-center {
    text-align: center
}

.index {
    background-image: url(../images/bg-page/bg-index.webp);
    background-position: 100% -10%;
    background-repeat: no-repeat
}

@media (max-width: 1180px) {
    .index {
        background-position:100% 0;
        background-size: contain
    }
}

.wrapper {
    margin: 0 auto;
    max-width: 126rem;
    position: relative;
    width: 100%
}

@media (max-width: 89.99em) {
    .wrapper {
        width:85%
    }
}

.facetwp-template,.row {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1180px) {
    .facetwp-template,.row {
        margin:0
    }
}

.facetwp-template--reverse,.row--reverse {
    flex-direction: row-reverse
}

.facetwp-template .col,.row .col {
    margin-bottom: 2.4rem;
    padding: 0 1.2rem;
    width: 100%
}

@media (max-width: 1180px) {
    .facetwp-template .col,.row .col {
        padding:0
    }
}

.facetwp-template .col--2,.row .col--2 {
    width: 50%
}

@media (max-width: 1180px) {
    .facetwp-template .col--2,.row .col--2 {
        width:100%
    }
}

.facetwp-template .col--2-0,.row .col--2-0 {
    margin-bottom: 0;
    padding: 0;
    width: 50%
}

@media (max-width: 1180px) {
    .facetwp-template .col--2-0,.row .col--2-0 {
        width:100%
    }
}

.facetwp-template .col--2-1,.row .col--2-1 {
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

@media (min-width: 48em) {
    .facetwp-template .col--2-1,.row .col--2-1 {
        width:48%
    }
}

.facetwp-template .col--2-2,.row .col--2-2 {
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

@media (min-width: 48em) {
    .facetwp-template .col--2-2,.row .col--2-2 {
        width:53%
    }
}

.facetwp-template .col--3,.row .col--3 {
    width: 33.33%
}

@media (max-width: 1180px) {
    .facetwp-template .col--3,.row .col--3 {
        width:100%
    }
}

.facetwp-template .col--4,.row .col--4 {
    width: 25%
}

@media (max-width: 1180px) {
    .facetwp-template .col--4,.row .col--4 {
        width:100%
    }
}

.facetwp-template .col--5,.row .col--5 {
    width: 20%
}

@media (max-width: 1180px) {
    .facetwp-template .col--5,.row .col--5 {
        width:100%
    }
}

.facetwp-template .col--6,.row .col--6 {
    width: 16.66%
}

@media (max-width: 1180px) {
    .facetwp-template .col--6,.row .col--6 {
        width:100%
    }
}

.facetwp-template .col--7,.row .col--7 {
    width: 14.28%
}

@media (max-width: 1180px) {
    .facetwp-template .col--7,.row .col--7 {
        width:100%
    }
}

.facetwp-template .col--8,.row .col--8 {
    width: 12.5%
}

@media (max-width: 1180px) {
    .facetwp-template .col--8,.row .col--8 {
        width:100%
    }
}

.facetwp-template .col--9,.row .col--9 {
    width: 11.11%
}

@media (max-width: 1180px) {
    .facetwp-template .col--9,.row .col--9 {
        width:100%
    }
}

.facetwp-template .col--10,.row .col--10 {
    width: 10%
}

@media (max-width: 1180px) {
    .facetwp-template .col--10,.row .col--10 {
        width:100%
    }
}

.facetwp-template .col--11,.row .col--11 {
    width: 9.09%
}

@media (max-width: 1180px) {
    .facetwp-template .col--11,.row .col--11 {
        width:100%
    }
}

.facetwp-template .col--12,.row .col--12 {
    width: 8.33%
}

@media (max-width: 1180px) {
    .facetwp-template .col--12,.row .col--12 {
        width:100%
    }
}

.grid {
    column-gap: 1.6rem;
    display: grid;
    grid-template-columns: repeat(12,[col-start] 1fr);
    row-gap: 2.4rem
}

.grid .grid-col {
    width: 100%
}

@media (max-width: 1180px) {
    .grid .grid-col {
        padding:0
    }
}

.grid .grid-col-sm-1 {
    grid-column-end: span 1
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-1 {
        grid-column-end:span 1!important
    }
}

.grid .grid-col-sm-2 {
    grid-column-end: span 2
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-2 {
        grid-column-end:span 2!important
    }
}

.grid .grid-col-sm-3 {
    grid-column-end: span 3
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-3 {
        grid-column-end:span 3!important
    }
}

.grid .grid-col-sm-4 {
    grid-column-end: span 4
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-4 {
        grid-column-end:span 4!important
    }
}

.grid .grid-col-sm-5 {
    grid-column-end: span 5
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-5 {
        grid-column-end:span 5!important
    }
}

.grid .grid-col-sm-6 {
    grid-column-end: span 6
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-6 {
        grid-column-end:span 6!important
    }
}

.grid .grid-col-sm-7 {
    grid-column-end: span 7
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-7 {
        grid-column-end:span 7!important
    }
}

.grid .grid-col-sm-8 {
    grid-column-end: span 8
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-8 {
        grid-column-end:span 8!important
    }
}

.grid .grid-col-sm-9 {
    grid-column-end: span 9
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-9 {
        grid-column-end:span 9!important
    }
}

.grid .grid-col-sm-10 {
    grid-column-end: span 10
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-10 {
        grid-column-end:span 10!important
    }
}

.grid .grid-col-sm-11 {
    grid-column-end: span 11
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-11 {
        grid-column-end:span 11!important
    }
}

.grid .grid-col-sm-12 {
    grid-column-end: span 12
}

@media (max-width: 1180px) {
    .grid .grid-col-sm-12 {
        grid-column-end:span 12!important
    }
}

.grid .grid-col-12 {
    grid-column-end: span 12
}

.grid .grid-col-11 {
    grid-column-end: span 11
}

@media (max-width: 1180px) {
    .grid .grid-col-11 {
        grid-column-end:span 12
    }
}

.grid .grid-col-10 {
    grid-column-end: span 10
}

@media (max-width: 1180px) {
    .grid .grid-col-10 {
        grid-column-end:span 12
    }
}

.grid .grid-col-9 {
    grid-column-end: span 9
}

@media (max-width: 1180px) {
    .grid .grid-col-9 {
        grid-column-end:span 12
    }
}

.grid .grid-col-8 {
    grid-column-end: span 8
}

@media (max-width: 1180px) {
    .grid .grid-col-8 {
        grid-column-end:span 12
    }
}

.grid .grid-col-7 {
    grid-column-end: span 7
}

@media (max-width: 1180px) {
    .grid .grid-col-7 {
        grid-column-end:span 12
    }
}

.grid .grid-col-6 {
    grid-column-end: span 6
}

@media (max-width: 1180px) {
    .grid .grid-col-6 {
        grid-column-end:span 12
    }
}

.grid .grid-col-5 {
    grid-column-end: span 5
}

@media (max-width: 1180px) {
    .grid .grid-col-5 {
        grid-column-end:span 12
    }
}

.grid .grid-col-4 {
    grid-column-end: span 4
}

@media (max-width: 1180px) {
    .grid .grid-col-4 {
        grid-column-end:span 12
    }
}

.grid .grid-col-3 {
    grid-column-end: span 3
}

@media (max-width: 1180px) {
    .grid .grid-col-3 {
        grid-column-end:span 12
    }
}

.grid .grid-col-2 {
    grid-column-end: span 2
}

@media (max-width: 1180px) {
    .grid .grid-col-2 {
        grid-column-end:span 12
    }
}

.grid .grid-col-1 {
    grid-column-end: span 1
}

@media (max-width: 1180px) {
    .grid .grid-col-1 {
        grid-column-end:span 12
    }
}

.header {
    align-items: center;
    backdrop-filter: blur(1rem);
    background-color: #004737;
    color: #ccdad7;
    display: flex;
    font-size: 1.6rem;
    height: 9.6rem;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

@media (max-width: 1180px) {
    .header {
        height:7rem
    }
}

.header .wrapper {
    height: 100%
}

.header__body {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header__body,.header__box-menus {
    height: 100%;
    width: 100%
}

@media (max-width: 73.75em) {
    .header__box-menus {
        display:none
    }
}

.header .header__menu-item div.current-menu,.header a.current-menu {
    color: #fff
}

.header .header__submenu .title>div>a.current-menu {
    color: #004737
}

.header .header__submenu .title>div>a:after {
    display: none!important
}

.header .header__submenu a.current-menu {
    color: #004737
}

.header .header__submenu a.current-menu:after {
    background: #004737;
    content: "";
    display: block;
    height: .1rem;
    margin-top: .8rem;
    width: 100%
}

.header__menus {
    margin-left: auto;
    padding-left: 9.6rem;
    width: fit-content
}

.header__menu-item,.header__menus {
    align-items: center;
    display: flex;
    height: 100%
}

.header__menu-item {
    margin-right: 2.7rem
}

@media (max-width: 85.375em) {
    .header__menu-item {
        margin-right:2.1rem
    }
}

.header__menu-item.hover {
    z-index: 5
}

.header__menu-item.hover .header__submenu {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.header__menu-item.hover span,.header__menu-item.hover>a {
    color: #fff;
    cursor: pointer
}

.header__menu-item.hover i {
    cursor: pointer;
    transform: rotate(180deg)
}

.header__menu-item:last-child {
    margin-right: 0
}

.header .-has-children {
    align-items: center;
    display: flex;
    height: 100%
}

.header .-has-children>span {
    margin-right: .4rem;
    width: 100%
}

.header__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.header__container>li {
    padding: 0 10rem;
    width: 20%
}

.header__container>li.lessspace {
    padding-left: 1.7rem;
    padding-right: 1.7rem
}

@media (max-width: 63.99em) {
    .header__container>li.lessspace {
        padding:0
    }
}

.header__container>li.lessspace:last-child {
    padding-right: 0
}

.header__container>li.lessspace:first-child {
    padding-left: 0
}

.header__submenu {
    background-color: #fff;
    left: 0;
    opacity: 0;
    padding: 5rem 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.header__submenu .title a {
    color: #1c1e22;
    font-weight: 700
}

.header__submenu .text-bold {
    color: #1c1e22!important;
    font-weight: 700!important
}

.header__submenu .sub-item {
    margin-bottom: 2.5rem
}

.header__submenu .sub-item:last-child {
    margin-bottom: 0
}

.header__submenu .sub-item:first-child {
    margin-top: 2.5rem
}

.header__submenu .no-sub-item,.header__submenu .sub-item {
    width: fit-content
}

.header__submenu .no-sub-item a,.header__submenu .sub-item a {
    color: #717a88;
    font-weight: 300
}

.header__submenu .no-sub-item a:after,.header__submenu .sub-item a:after {
    background: #004737;
    content: "";
    display: block;
    height: .1rem;
    margin-top: .8rem;
    transition: width .4s;
    width: 0
}

.header__submenu .no-sub-item a:hover,.header__submenu .sub-item a:hover {
    color: #004737!important
}

.header__submenu .no-sub-item a:hover:after,.header__submenu .sub-item a:hover:after {
    width: 100%
}

.header__submenu .sub-in-sub {
    display: flex;
    flex-direction: row
}

.header__submenu .box-shadow {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 .4rem 2rem hsla(0,0%,78%,.65);
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% + 50vw);
    z-index: -1
}

.header__submenu .title a:hover {
    color: #004737!important
}

.header__submenu>li {
    margin-bottom: 2.5rem
}

.header__submenu>li a {
    display: block
}

.header__submenu>li:last-child {
    margin-bottom: 0
}

.header__submenu.sub {
    color: #1c1e22
}

.header .hamburger-menu {
    cursor: pointer;
    display: inline-block;
    height: 2.2rem;
    width: 3.7rem
}

@media (max-width: 1180px) {
    .header .hamburger-menu {
        height:1.75rem;
        width: 2.6rem
    }
}

.header .logo-header {
    cursor: pointer;
    display: inline-block;
    height: 5.2rem;
    width: 7rem
}

@media (max-width: 1180px) {
    .header .logo-header {
        height:100%;
        width: 3.8rem
    }
}

.header__drawer {
    margin-right: 2.4rem
}

.header__box-logo {
    align-items: center;
    height: 100%;
    width: 9.5rem;
    width: fit-content
}

.header .drawer__logo,.header__box-logo {
    display: flex;
    flex-flow: row nowrap
}

.header .drawer__logo>img {
    padding-right: 1.34rem
}

.header .drawer .header__container .no-sub-item,.header .drawer .header__container .sub-item {
    width: fit-content
}

.header .drawer .header__container .no-sub-item>a,.header .drawer .header__container .sub-item>a {
    font-weight: 300
}

.header .drawer .header__container .no-sub-item>a:after,.header .drawer .header__container .sub-item>a:after {
    background: #004737;
    content: "";
    display: block;
    height: .1rem;
    margin-top: .8rem;
    transition: width .4s;
    width: 0
}

.header .drawer .header__container .no-sub-item a:hover,.header .drawer .header__container .sub-item a:hover {
    color: #004737!important
}

.header .drawer .header__container .no-sub-item a:hover:after,.header .drawer .header__container .sub-item a:hover:after {
    width: 100%
}

.header .drawer .header__container>li>ul>li {
    margin-bottom: 2.5rem
}

.header .drawer .header__container>li>ul>li:last-child {
    margin-bottom: 0
}

.header .drawer .header__container>li[class*=title]>div>a {
    color: #1c1e22;
    font-weight: 600
}

.header .drawer .header__container>li[class*=title]>div>a:hover {
    color: #004737
}

.header .drawer .header__container>li[class*=title]>ul {
    margin-top: 2.4rem
}

.header .drawer .header__container>li[class*=title]>ul>li {
    margin-bottom: 3.3rem
}

.header .drawer .header__container>li[class*=title]>ul>li:last-child {
    margin-bottom: 0
}

.header .header-lang {
    border-left: .1rem solid;
    margin-left: 2.4rem;
    padding-left: 2.4rem
}

.footer {
    background-color: #002b21;
    color: #fff;
    padding: 5.6rem 0 0
}

@media (max-width: 1180px) {
    .footer {
        padding:5.3rem 0 0
    }
}

.footer .row {
    margin: 0
}

.footer .row .col {
    margin-bottom: 5rem;
    padding: 0 2rem
}

.footer .row .col:last-child {
    padding-right: 0
}

.footer .row .col:first-child {
    padding-left: 0
}

@media (max-width: 56.25em) {
    .footer .row .col {
        margin-bottom:0;
        padding: 2rem 0
    }

    .footer .row .col:first-child {
        padding-top: 0
    }

    .footer .row .col:last-child {
        margin-bottom: 3.7rem;
        padding-bottom: 0
    }

    .footer .row {
        flex-direction: column
    }

    .footer .row .col {
        width: 100%
    }
}

.footer .row__box {
    padding: 0 3rem
}

.footer .row__box.box-side .title_logo {
    margin-bottom: .8rem;
    padding-top: 1.08rem
}

.footer .row__box.box-side .body2 {
    font-size: 1.6rem
}

.footer .row__box.box-center {
    color: #fff
}

.footer .row__box.box-center .menu_item {
    column-gap: 10rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: fit-content;
    margin: 0 auto;
    row-gap: 2.4rem;
    width: fit-content
}

@media (max-width: 56.25em) {
    .footer .row__box.box-center .menu_item {
        column-gap:6rem;
        grid-auto-flow: column;
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        margin: unset
    }
}

@media (min-width: 48em) and (max-width:79.99em) {
    .footer .row__box.box-center .menu_item {
        column-gap:6rem
    }
}

.footer .row__box.box-center .menu_item .menu-item {
    white-space: nowrap
}

.footer .row__box.box-center div[class~=current-menu]>a {
    color: #fff
}

.footer .row__box.box-center .child a {
    color: #ccdad7;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.footer .row__box.box-center .child a:hover {
    color: #fff
}

.footer__sub {
    align-items: center;
    border-top: .15rem solid #fff;
    display: flex;
    font-size: 1.6rem;
    justify-content: space-between;
    padding: 2.28rem 0
}

@media (max-width: 63.99em) {
    .footer__sub {
        flex-direction:column;
        padding: 3.2rem 0
    }
}

.footer__copy-right {
    align-items: center;
    display: flex
}

@media (max-width: 1180px) {
    .footer__copy-right {
        display:block;
        text-align: center
    }
}

.footer__copy-right .line {
    margin-right: 0
}

.footer__copy-right a {
    margin-right: 1.6rem
}

@media (max-width: 1180px) {
    .footer__copy-right a {
        display:inline-block;
        margin-left: 0
    }
}

.footer__copy-right a:hover {
    color: #ccdad7
}

.footer__copy-right div {
    margin-left: 1.6rem
}

@media (max-width: 1180px) {
    .footer__copy-right div {
        display:inline-block
    }
}

.footer__sub-logos {
    align-items: center;
    display: flex
}

@media (max-width: 1180px) {
    .footer__sub-logos {
        justify-content:center
    }
}

.footer__sub-logos .ft-certificate {
    text-align: -webkit-center
}

.footer__sub-logos .ft-certificate:last-child {
    margin-left: 1.6rem
}

.footer__sub-logos .ft-certificate .label {
    color: #fff;
    font-family: Kanit;
    font-size: 1rem
}

.footer__sub-logos .logo-item {
    margin-right: 2rem
}

.footer__sub-logos .logo-item:last-child {
    margin-right: 0
}

.footer__sub-logos .logo-item>img {
    height: auto;
    max-width: 15rem;
    width: 100%
}

@media (max-width: 1180px) {
    .footer__sub-logos .logo-item>img {
        max-width:14.5rem
    }
}

.footer__sub-logos--center>a {
    margin-right: 1.6rem
}

.footer__sub-logos--center>a:last-child {
    margin-right: 0
}

.footer__sub-logos--center>a i {
    transition: none
}

.footer__sub-logos--center>a:hover i,.footer__sub-logos--center>a:hover>img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(1865%) hue-rotate(31deg) brightness(91%) contrast(90%)
}

@media (max-width: 63.99em) {
    .footer__sub-logos--center {
        justify-content:center;
        margin: 2.75rem 0;
        text-align: -webkit-center
    }
}

.prefooter {
    align-items: center;
    background-image: url(../images/prefooter.webp);
    background-size: cover;
    clip-path: polygon(69% 16%,75% 0,100% 0,100% 100%,0 100%,0 16%);
    height: 50rem;
    width: 100vw
}

@media (max-width: 1180px) {
    .prefooter {
        clip-path:polygon(0 8%,65% 8%,74% 0,100% 0,100% 100%,0 100%)
    }
}

.prefooter .wrapper {
    height: 100%;
    padding-top: 8rem
}

.prefooter__content {
    align-items: center;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.prefooter__center {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.btn,input[type=submit] {
    align-items: center;
    background: #000;
    border: none;
    border-radius: .2rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    font-weight: 300;
    justify-content: center;
    outline: none;
    padding: 1.6rem;
    position: relative;
    text-decoration: none;
    transition: all .4s ease-in-out
}

@media (max-width: 1180px) {
    .btn,input[type=submit] {
        padding:1rem 1.6rem
    }
}

.btn>i,input[type=submit]>i {
    margin-right: 1rem
}

.btn.btn-submit,input[type=submit].btn-submit {
    padding: 0
}

.btn.btn-submit i,input[type=submit].btn-submit i {
    margin-left: 1.6rem;
    margin-right: 1rem
}

.btn.btn-submit input,input[type=submit].btn-submit input {
    background: transparent!important;
    margin-left: -4.4rem;
    padding-left: 4.4rem
}

.btn:hover,input[type=submit]:hover {
    background: #004737;
    border-color: #000;
    color: #000
}

.btn:hover i,input[type=submit]:hover i {
    filter: brightness(0) saturate(100%)
}

.btn-edit {
    bottom: 3vh;
    left: 3vw;
    position: fixed;
    z-index: 99
}

.btn-primary {
    background-color: #b2df82;
    border: .1rem solid #b2df82;
    clip-path: polygon(12% 0,100% 0,100% 77%,92% 100%,0 100%,0 30%);
    color: #004737;
    cursor: pointer;
    height: 4.8rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .4s ease-in-out;
    width: 15rem
}

.btn-primary:before {
    content: attr(data-hover);
    opacity: 0;
    transform: translate(-50%,100%)
}

.btn-primary:before,.btn-primary>div {
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all .4s ease-in-out;
    width: 100%
}

.btn-primary>div {
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-primary:hover {
    background-color: #004737;
    border: .1rem solid #004737;
    box-shadow: 0 .7rem 1.8rem rgba(0,71,55,.35)
}

.btn-primary:hover:before {
    color: #fff;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-primary:hover>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.btn-outline {
    background-color: #fff;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 4.8rem;
    max-width: 15rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .4s ease-in-out;
    width: 100%
}

.btn-outline,.btn-outline:before {
    clip-path: polygon(12% 0,100% 0,100% 77%,92% 100%,0 100%,0 30%)
}

.btn-outline:before {
    background: linear-gradient(277.7deg,#004737 105.27%,#fff 134.21%);
    content: "";
    height: 4.4rem;
    left: .2rem;
    position: absolute;
    top: .2rem;
    width: 97.4%
}

.btn-outline:after {
    content: attr(data-hover);
    opacity: 0;
    transform: translate(-50%,100%)
}

.btn-outline:after,.btn-outline>div {
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all .4s ease-in-out;
    width: 100%
}

.btn-outline>div {
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-outline:hover {
    background-color: #b2df82
}

.btn-outline:hover:after {
    color: #b2df82;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-outline:hover>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.btn-outline-white {
    background-color: #004737;
    box-sizing: border-box;
    color: #004737;
    cursor: pointer;
    height: 4.8rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .4s ease-in-out;
    width: 15rem
}

.btn-outline-white,.btn-outline-white:before {
    clip-path: polygon(12% 0,100% 0,100% 77%,92% 100%,0 100%,0 30%)
}

.btn-outline-white:before {
    background: #fff;
    content: "";
    height: 4.4rem;
    left: .2rem;
    position: absolute;
    top: .2rem;
    width: 14.6rem
}

.btn-outline-white:after {
    content: attr(data-hover);
    opacity: 0;
    transform: translate(-50%,100%)
}

.btn-outline-white:after,.btn-outline-white>div {
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all .4s ease-in-out;
    width: 100%
}

.btn-outline-white>div {
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-outline-white:hover {
    background-color: #004737
}

.btn-outline-white:hover:before {
    background: #ccdad7
}

.btn-outline-white:hover:after {
    color: #004737;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.btn-outline-white:hover>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.btn-back {
    align-items: center;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 2.4rem;
    cursor: pointer;
    display: flex;
    margin-top: 2.4rem;
    padding: .8rem 1.2rem .8rem .8rem;
    position: fixed;
    width: fit-content;
    z-index: 99
}

@media (max-width: 1180px) {
    .btn-back {
        padding:.5rem 1rem .5rem .5rem
    }

    .btn-back i {
        height: 2rem!important;
        width: 2rem!important
    }

    .btn-back .h5 {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none!important;
    transition: filter .4s ease-in-out,opacity .2s;
    z-index: 1
}

.button:hover {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.button:hover .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.button:hover .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.button:disabled {
    cursor: not-allowed;
    opacity: .7;
    pointer-events: none
}

.button:disabled .button__inner {
    background-color: #d1d6dd;
    color: #717a88
}

.button--primary .button__inner {
    background-color: #b2df82;
    color: #004737
}

.button--primary .button__inner:hover {
    background-color: #004737;
    color: #b2df82
}

.button--primary .button__inner:hover i {
    filter: invert(100%) sepia(76%) saturate(1056%) hue-rotate(28deg) brightness(98%) contrast(78%)
}

.button--outline-primary .button__inner {
    background: transparent;
    border: .2rem solid #fff;
    color: #fff;
    transition: border .4s ease-in-out,background-color .4s ease-in-out
}

.button--outline-primary .button__inner:after,.button--outline-primary .button__inner:before {
    background-color: #fff;
    content: "";
    height: 3rem;
    position: absolute;
    transition: background-color .4s ease-in-out;
    width: .18rem
}

.button--outline-primary .button__inner:before {
    left: 6px;
    top: -9px;
    transform: rotate(51deg)
}

.button--outline-primary .button__inner:after {
    bottom: -13px;
    right: 7px;
    transform: rotate(50deg)
}

.button--outline-primary .button__inner:hover {
    background: hsla(89,59%,69%,.12);
    border: .15rem solid #b2df82;
    color: #b2df82
}

.button--outline-primary .button__inner:hover:after,.button--outline-primary .button__inner:hover:before {
    background-color: #b2df82
}

.button--outline-secondary .button__inner {
    background: transparent;
    border: .2rem solid #004737;
    color: #004737;
    transition: border .4s ease-in-out,background-color .4s ease-in-out
}

.button--outline-secondary .button__inner:after,.button--outline-secondary .button__inner:before {
    background-color: #004737;
    content: "";
    height: 3rem;
    position: absolute;
    transition: background-color .4s ease-in-out;
    width: .18rem
}

.button--outline-secondary .button__inner:before {
    left: 6px;
    top: -9px;
    transform: rotate(51deg)
}

.button--outline-secondary .button__inner:after {
    bottom: -13px;
    right: 7px;
    transform: rotate(50deg)
}

.button--outline-secondary .button__inner:hover {
    background: rgba(0,71,55,.12)
}

.button--link-primary .button__inner {
    background-color: transparent;
    clip-path: none;
    color: #fff;
    min-height: auto;
    min-width: auto;
    padding: .6rem 0
}

.button--link-primary:hover .button__underline {
    max-width: 100%
}

.button--link-secondary .button__inner {
    background-color: transparent;
    clip-path: none;
    min-height: auto;
    min-width: auto;
    padding: .6rem 0
}

.button--link-secondary:hover .button__underline {
    max-width: 100%
}

.button__inner {
    background-color: #b2df82;
    clip-path: polygon(12% 0,100% 0,100% 77%,92% 100%,0 100%,0 30%);
    color: #004737;
    font-size: 1.8rem;
    font-weight: 400;
    min-height: 4.8rem;
    min-width: 15rem;
    overflow: hidden;
    padding: 0 3rem;
    position: relative;
    transition: background .4s ease-in-out
}

.button__body,.button__inner {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}

.button__body {
    height: 100%;
    transition: transform .3s ease-in-out,color .2s ease-in-out,opacity .4s;
    width: 100%;
    z-index: 1
}

.button__body--hover {
    left: 0;
    position: absolute;
    top: 100%
}

.button__prefix {
    display: inline-flex;
    margin-right: .5rem
}

.button__suffix {
    display: inline-flex;
    margin-left: .5rem
}

.button__underline {
    background-color: #004737;
    bottom: 0;
    height: .1rem;
    left: 0;
    max-width: 0;
    position: absolute;
    transition: max-width .4s ease-in-out;
    width: 100%
}

.category {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin: 1.6rem 0 1.4rem
}

.category div {
    background-color: #fbfbfb;
    border: .1rem solid #004737;
    border-radius: 8.8rem;
    color: #004737;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    padding: .8rem 1.6rem
}

@media (max-width: 1180px) {
    .category div {
        padding:.55rem 1.6rem
    }
}

.category--news {
    margin: 2.4rem 0 1.2rem
}

@media (max-width: 1180px) {
    .category--news {
        margin:1.6rem 0 1.4rem
    }
}

i {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    transition: all .4s ease-in-out;
    vertical-align: middle
}

i.icon-facebook {
    background-image: url(../images/icons/icon-facebook.svg);
    height: 2.4rem;
    width: 2.4rem
}

i.icon-facebook-square {
    background-image: url(../images/icons/icon-facebook-square.svg);
    height: 3rem;
    width: 3rem
}

i.icon-linkedin-square {
    background-image: url(../images/icons/icon-linkedin-square.svg);
    height: 3rem;
    width: 3rem
}

i.icon-instagram-square {
    background-image: url(../images/icons/icon-instagram-square.svg);
    height: 3rem;
    width: 3rem
}

i.icon-line-square {
    background-image: url(../images/icons/icon-line-square.svg);
    height: 3rem;
    width: 3rem
}

i.icon-read-more {
    background-image: url(../images/icons/icon-read-more.svg);
    height: 1.5rem;
    width: 1.5rem
}

i.icon-read-more-white {
    background-image: url(../images/icons/icon-read-more-white.svg);
    height: 1.5rem;
    width: 1.5rem
}

i.icon-correct {
    background-image: url(../images/icons/icon-correct.svg);
    height: 2.5rem;
    width: 2.5rem
}

i.icon-correct-no-border {
    background-image: url(../images/icons/icon-correct-no-border.svg);
    height: 2.5rem;
    width: 2.5rem
}

i.arrow-left {
    background-image: url(../images/icons/arrow-left.svg);
    height: 2.5rem;
    width: 2.5rem
}

i.arrow-right {
    background-image: url(../images/icons/arrow-right.svg);
    height: 2.5rem;
    width: 2.5rem
}

i.arrow-right-green {
    background-image: url(../images/icons/arrow-right-green.svg);
    height: 3.2rem;
    width: 3.2rem
}

i.arrow-left-green {
    background-image: url(../images/icons/arrow-left-green.svg);
    height: 1.575rem;
    width: .675rem
}

i.line {
    background-image: url(../images/icons/line.svg);
    margin-right: 1rem
}

i.line,i.line-green {
    height: 3rem;
    width: 1rem
}

i.line-green {
    background-image: url(../images/icons/line-green.svg);
    margin-top: .4rem
}

i.hamburger {
    background-image: url(../images/icons/hamburger.svg);
    filter: brightness(0) saturate(100%) invert(0) sepia(1%) saturate(5%) hue-rotate(304deg) brightness(100%) contrast(102%);
    height: 2.4rem;
    width: 2.4rem
}

i.dropdown-menu {
    background-image: url(../images/icons/dropdown-menu.svg);
    height: 1.6rem;
    width: 1.6rem
}

i.download {
    background-image: url(../images/icons/download.svg);
    height: 1.6rem;
    width: 1.6rem
}

i.close {
    background-image: url(../images/icons/close.svg);
    cursor: pointer
}

i.close,i.close-back {
    height: 3.2rem;
    width: 3.2rem
}

i.close-back {
    background-image: url(../images/icons/close-back.svg)
}

i.close-mobile {
    background-image: url(../images/icons/icon-close-mobile.svg);
    height: 3.2rem;
    width: 3.2rem
}

i.check {
    background-image: url(../images/icons/check.svg);
    height: 1.6rem;
    width: 1.6rem
}

i.icon-bag {
    background-image: url(../images/icons/bag.svg);
    height: 2.4rem;
    width: 2.4rem
}

i.icon-ioi {
    background-image: url(../images/icons/ioi.svg);
    height: 2.4rem;
    width: 2.5rem
}

i.icon-map-point {
    background-image: url(../images/icons/map-point.svg);
    height: 2.4rem;
    width: 2.4rem
}

i.icon-share {
    background-image: url(../images/icons/share.svg);
    height: 3.2rem;
    width: 3.2rem
}

i.icon-arrow-right-career {
    background-image: url(../images/icons/arrow-right-career.svg);
    height: 3rem;
    width: 6rem
}

i.close-modal {
    background-image: url(../images/close-modal.svg);
    height: 4.8rem;
    width: 4.8rem
}

i.medal-ribbon {
    background-image: url(../images/icons/medal-ribbon-star.svg);
    height: 4.6rem;
    width: 4.6rem
}

@media (max-width: 1180px) {
    i.medal-ribbon {
        height:3.6rem;
        width: 3.6rem
    }
}

i.mail {
    background-image: url(../images/icons/letter.svg)
}

i.mail,i.phone {
    height: 2.4rem;
    width: 2.4rem
}

i.phone {
    background-image: url(../images/icons/phone.svg)
}

i.down-arrow {
    background-image: url(../images/icons/down-arrow.svg);
    height: 2rem;
    width: 2rem
}

i.facebook-share {
    background-image: url(../images/share-icon/facebook-share.webp);
    height: 4.5rem;
    width: 4.5rem
}

i.linkedin-share {
    background-image: url(../images/share-icon/linkedin-share.webp);
    height: 4.5rem;
    width: 4.5rem
}

i.line-share {
    background-image: url(../images/share-icon/line-share.webp);
    height: 4.5rem;
    width: 4.5rem
}

i.icon-plus {
    background-image: url(../images/icons/icon-plus.svg);
    height: 1.4rem;
    width: 1.4rem
}

i.icon-trash {
    background-image: url(../images/icons/icon-trash.svg);
    height: 2rem;
    width: 1.8rem
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #fff;
    border: .1rem solid #a4adbb;
    border-radius: .5rem;
    color: #1c1e22;
    font-size: 1.6rem;
    height: 4.8rem;
    outline: none;
    padding: 1rem 1.6rem;
    transition: border-color 25ms ease-in-out;
    width: 100%
}

input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled {
    background-color: #e8eaee;
    border-color: #a4adbb;
    color: #a4adbb
}

input[type=email]:active:enabled,input[type=email]:focus:enabled,input[type=email]:hover:enabled,input[type=number]:active:enabled,input[type=number]:focus:enabled,input[type=number]:hover:enabled,input[type=password]:active:enabled,input[type=password]:focus:enabled,input[type=password]:hover:enabled,input[type=search]:active:enabled,input[type=search]:focus:enabled,input[type=search]:hover:enabled,input[type=tel]:active:enabled,input[type=tel]:focus:enabled,input[type=tel]:hover:enabled,input[type=text]:active:enabled,input[type=text]:focus:enabled,input[type=text]:hover:enabled,input[type=url]:active:enabled,input[type=url]:focus:enabled,input[type=url]:hover:enabled,select:active:enabled,select:focus:enabled,select:hover:enabled,textarea:active:enabled,textarea:focus:enabled,textarea:hover:enabled {
    border-color: #336c5f
}

textarea {
    height: 18.5rem;
    max-width: 100%;
    resize: none
}

@media (max-width: 1180px) {
    textarea {
        height:10.8rem
    }
}

::placeholder {
    color: #a4adbb;
    opacity: 1
}

:-ms-input-placeholder {
    color: #a4adbb
}

::-ms-input-placeholder {
    color: #a4adbb
}

.checkbox {
    display: flex;
    padding-left: 4rem;
    position: relative
}

.checkbox input[type=checkbox] {
    cursor: pointer;
    display: none;
    opacity: 0
}

.checkbox input[type=checkbox]:checked~.checkbox__checkmark {
    background-color: #004737;
    border-color: #004737
}

.checkbox input[type=checkbox]:checked~.checkbox__checkmark:after {
    border-color: #fff;
    border-style: none solid solid none;
    border-width: .4rem;
    content: "";
    height: 1.8rem;
    left: 45%;
    opacity: 1;
    position: absolute;
    top: 40%;
    transform: rotate(45deg) translate(-100%,-20%);
    width: .8rem
}

.checkbox__checkmark {
    border: .2rem solid #000;
    border-radius: .3rem;
    cursor: pointer;
    display: block;
    height: 2.4rem;
    left: 0;
    margin-top: .2rem;
    position: absolute;
    top: 0;
    width: 2.4rem;
    z-index: -1
}

.checkbox__checkmark:after {
    border-radius: inherit;
    display: block;
    opacity: 0
}

.checkbox__label {
    font-size: 1.8rem
}

@media (max-width: 1180px) {
    .checkbox__label {
        font-size:1.6rem
    }
}

.checkbox__label--light {
    color: #717a88;
    font-weight: 300
}

input[type=radio] {
    accent-color: #000;
    height: 1.6rem;
    width: 1.6rem
}

.extext-customer::placeholder {
    color: #000!important;
    opacity: 1
}

.extext-customer:-ms-input-placeholder {
    color: #000!important
}

.extext-customer::-ms-input-placeholder {
    color: #000!important
}

.input-quantity {
    display: flex;
    position: relative
}

.input-quantity__inner {
    position: relative;
    width: 100%
}

.input-quantity__minus,.input-quantity__plus {
    cursor: pointer;
    height: 1.35rem;
    left: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.35rem;
    z-index: 10
}

.input-quantity__minus:before,.input-quantity__plus:before {
    background-color: #000;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.input-quantity input {
    border-radius: .5rem 0 0 .5rem!important;
    text-align: center
}

.input-quantity__plus {
    left: unset;
    right: 2rem
}

.input-quantity__plus:after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: .1rem
}

.input-quantity__unit {
    align-items: center;
    background-color: #fbfbfb;
    border: .1rem solid #a4adbb;
    border-radius: 0 .5rem .5rem 0;
    color: #555b66;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
    height: 4.8rem;
    justify-content: center;
    padding: 0 1rem;
    width: auto
}

.drawer {
    background-color: #004737;
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 1
}

@media (max-width: 1180px) {
    .drawer {
        background-color:#fff
    }
}

.drawer--active {
    opacity: 1;
    transform: translateX(0)
}

.drawer .header__container {
    display: grid;
    margin-bottom: 15rem;
    row-gap: 6rem
}

@media (max-width: 63.99em) {
    .drawer .header__container {
        grid-template-columns:1fr!important
    }
}

.drawer .header__container>li {
    width: 100%!important
}

.drawer .header__container>li:nth-child(4) {
    grid-column-start: 2
}

@media (max-width: 63.99em) {
    .drawer .header__container>li:nth-child(4) {
        grid-column-start:unset
    }
}

.drawer .header__container .no-sub-item>a.current-menu,.drawer .header__container .sub-item>a.current-menu,.drawer .header__container>li.title>a.current-menu {
    color: #004737
}

.drawer .header__container .no-sub-item>a.current-menu:after,.drawer .header__container .sub-item>a.current-menu:after {
    background: #004737;
    content: "";
    display: block;
    height: .1rem;
    margin-top: .8rem;
    width: 100%
}

.drawer__tab {
    float: left;
    height: 100vh;
    width: 31.8rem
}

@media (max-width: 1180px) {
    .drawer__tab {
        width:100%
    }
}

.drawer__header {
    align-items: center;
    border-bottom: .1rem solid #fff;
    display: flex;
    gap: 1.7rem;
    justify-content: flex-start;
    margin-bottom: 1.6rem;
    min-height: 11.7rem;
    padding: 0 3.2rem
}

@media (max-width: 1180px) {
    .drawer__header {
        background-color:#004737;
        border: none;
        height: 7rem;
        margin: unset;
        min-height: auto;
        padding: 1.6rem 2.4rem
    }
}

.drawer__list {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    height: calc(100vh - 20rem);
    overflow: auto;
    padding: 0 3.2rem
}

@media (max-width: 1180px) {
    .drawer__list {
        /* height:calc(100vh - 11.8rem); */
        margin-top: 4.8rem;
        margin-bottom: 4.8rem;
    }
}

.drawer__menu {
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    opacity: .8;
    outline: none;
    padding: 1.6rem .8rem;
    text-align: left;
    transition: all .4s ease-in-out;
    width: 100%
}

.drawer__menu.active,.drawer__menu:hover {
    color: #fff;
    opacity: 1
}

@media (max-width: 1180px) {
    .drawer__menu,.drawer__menu.active,.drawer__menu:hover {
        color:#004737;
        filter: none
    }

    .drawer__menu {
        padding: 1.9rem .8rem
    }

    .drawer__menu .drawer__menu.active,.drawer__menu .drawer__menu:hover {
        color: #004737
    }
}

.drawer__tab-content {
    background-color: #fff;
    border-left: none;
    color: #004737;
    float: left;
    min-height: 100vh;
    width: calc(100% - 31.8rem)
}

@media (max-width: 1180px) {
    .drawer__tab-content {
        left:0;
        margin-top: 7rem;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.drawer__tab-header {
    align-items: center;
    border-bottom: .1rem solid #d1d6dd;
    display: flex;
    min-height: 11.7rem;
    padding: 0 4.6rem
}

@media (max-width: 63.99em) {
    .drawer__tab-header {
        padding:0 4.6rem
    }
}

@media (max-width: 1180px) {
    .drawer__tab-header {
        align-items:center;
        background-color: #f3f7f5;
        border-bottom: .1rem solid #e8eaee;
        display: flex;
        gap: 1.6rem;
        min-height: auto;
        padding: 2.4rem
    }
}

.drawer__tab-header--mobile h4 {
    font-size: 2.4rem
}

.drawer__tab-detail {
    height: calc(100vh - 11.3rem);
    overflow-y: scroll;
    padding: 5.4rem 4.6rem
}

.drawer__tab-detail p {
    color: #717a88
}

@media (max-width: 1180px) {
    .drawer__tab-detail {
        margin:2.4rem 2.4rem 4.8rem;
        padding: unset
    }

    .drawer__tab-detail .lessspace {
        color: #717a88;
        width: 100%
    }

    .drawer__logo {
        height: 3.6rem;
        width: 4.8rem
    }

    .drawer__logo>img {
        height: 100%;
        padding-right: unset!important;
        width: 100%
    }
}

.drawer .mobile .drawer__tab-detail .title>div>.h5 {
    color: #1c1e22;
    font-weight: 600
}

.drawer .mobile .drawer__tab-detail .title>div>.h5.current-menu {
    color: #004737
}

.drawer .mobile .drawer__tab-detail a {
    font-size: 1.8rem
}

.drawer .mobile .drawer__tab-detail .h4.current-menu {
    color: #004737
}

.drawer .mobile .drawer__tab-detail .h4.current-menu:after {
    background: #004737;
    content: "";
    display: block;
    height: .1rem;
    margin-top: .8rem;
    width: 100%
}

.drawer .mobile .drawer__tab-detail>* {
    border-bottom: .1rem solid #d1d6dd;
    padding-bottom: 2.8rem;
    padding-top: 2.9rem
}

.drawer .mobile .drawer__tab-detail>*>:last-child {
    margin-bottom: 0!important;
    padding-bottom: 0
}

.drawer .mobile .drawer__tab-detail>:first-child {
    padding-top: 0
}

.drawer .mobile .drawer__tab-detail>:last-child {
    border: none;
    padding-bottom: 5rem
}

.drawer .text-bold {
    color: #1c1e22!important;
    font-weight: 600!important
}

.drawer .-drawer-has-children:hover {
    color: #004737
}

.popup {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

.popup.opened,.popup.opened .popup__body {
    opacity: 1;
    visibility: visible
}

.popup.opened .popup__body {
    transform: scale(1)
}

.popup__body {
    background-color: #fff;
    opacity: 0;
    position: relative;
    transform: scale(.8);
    transition: all .4s ease-in-out;
    visibility: hidden
}

@media (max-width: 1180px) {
    .popup__body {
        width:85%!important
    }
}

.accordion {
    border-bottom: .1rem solid #d1d6dd;
    cursor: pointer;
    padding: 2.4rem 0;
    position: relative;
    transition: all .4s ease-in-out
}

.accordion--active .accordion__icon {
    border-top: 1rem solid #004737;
    transform: rotate(0deg)
}

.accordion__header {
    align-items: center;
    display: flex;
    gap: 2.9rem;
    justify-content: space-between
}

.accordion__icon {
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1rem solid #004737;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: all .2s ease-in-out
}

.accordion__content {
    display: none
}

.accordion__detail {
    display: grid;
    gap: 5.6rem;
    margin-top: 2.4rem
}

@media (max-width: 1180px) {
    .accordion__detail {
        gap:unset
    }

    .accordion__detail div:first-child {
        min-width: 13rem
    }
}

.newsletter {
    position: relative
}

.newsletter input {
    background-color: transparent;
    border: .1rem solid #ccdad7;
    border-radius: .5rem;
    color: #fff
}

.newsletter input[type=submit] {
    height: 4.8rem;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4.8rem;
    z-index: 1
}

.newsletter input[type=email]:active:enabled,.newsletter input[type=email]:focus:enabled,.newsletter input[type=email]:hover:enabled {
    border: .1rem solid #fff
}

.newsletter input:-ms-input-placeholder,.newsletter input::-ms-input-placeholder,.newsletter input::placeholder {
    color: #ccdad7;
    font-size: 1.6rem;
    font-weight: 300;
    opacity: 1
}

@media (max-width: 63.99em) {
    .newsletter input:-ms-input-placeholder,.newsletter input::-ms-input-placeholder,.newsletter input::placeholder {
        font-size:1.4rem
    }
}

.newsletter svg {
    color: #ccdad7;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%)
}

.newsletter:hover input {
    border: .1rem solid #fff
}

.newsletter:hover input::placeholder {
    color: #fff;
    opacity: 1
}

.newsletter:hover input:-ms-input-placeholder {
    color: #fff
}

.newsletter:hover input::-ms-input-placeholder {
    color: #fff
}

.newsletter:hover svg>path {
    fill: #fff
}

.lds-ring {
    display: inline-block;
    height: 4rem;
    position: relative;
    width: 4rem
}

.lds-ring div {
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border: .4rem solid transparent;
    border-radius: 50%;
    border-top-color: #004737;
    box-sizing: border-box;
    display: block;
    height: 3.2rem;
    margin: .4rem;
    position: absolute;
    width: 3.2rem
}

.lds-ring div:first-child {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.banner {
    color: #004737;
    padding: 9.6rem 0;
    position: relative
}

@media (max-width: 63.99em) {
    .banner {
        padding:4.8rem 0 5.6rem
    }
}

.banner--no-banner {
    padding: 0
}

.banner__header {
    display: flex;
    gap: 3.2rem;
    justify-content: space-between
}

@media (max-width: 63.99em) {
    .banner__header {
        flex-direction:column;
        gap: 2.4rem
    }
}

.banner__title {
    width: 100%
}

@media (min-width: 80em) {
    .banner__title {
        max-width:61.4rem
    }
}

.banner__description {
    margin-top: 1.6rem;
    width: 100%
}

@media (max-width: 63.99em) {
    .banner__description {
        margin-top:unset
    }
}

.banner__video {
    clip-path: polygon(0 0,100% 0,100% 94%,40% 94%,35% 100%,0 100%);
    overflow: hidden;
    width: 100%;
    z-index: -1
}

@media (max-width: 1180px) {
    .banner__video {
        clip-path:polygon(0 0,100% 0,100% 96%,51% 96%,42% 100%,0 100%)
    }
}

.banner__video--banner-link {
    height: 100vh
}

.banner__video--text {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__video--text .wrapper {
    height: 100%
}

.banner__desc-icon .title {
    color: #004737;
    margin-bottom: 1.1rem
}

.banner__desc-icon .desc {
    color: #8d98aa;
    opacity: .8
}

.banner__ratio-video {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    width: 100vw
}

@media (max-width: 79.99em) {
    .banner__ratio-video {
        padding-bottom:100%
    }
}

@media (max-width: 1180px) {
    .banner__ratio-video {
        padding-bottom:225%
    }
}

.banner__ratio-video>video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__ratio-video,.banner__video {
    background-color: #fbfbfb;
    z-index: -1
}

.banner__video-title {
    left: 0;
    max-width: 45rem;
    position: absolute;
    top: 40.8%;
    transform: translateY(-50%);
    width: 100%
}

.banner__scroll-icon {
    border: .15rem solid #fff;
    border-radius: 3rem;
    bottom: 10.9rem;
    height: 6rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3.5rem
}

@media (max-width: 1180px) {
    .banner__scroll-icon {
        display:none
    }
}

.banner__scroll-icon:before {
    animation-delay: 5s;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: dot;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .8rem;
    margin: 1rem 1.3rem;
    position: relative;
    width: .8rem
}

@keyframes dot {
    0% {
        opacity: 1;
        top: 0
    }

    15% {
        opacity: 1;
        top: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0;
        top: 60%
    }
}

.card-download {
    display: block
}

.card-download .category {
    margin: 0
}

.card-download__thumbnail {
    aspect-ratio: 1.56;
    border-radius: .8rem;
    margin-bottom: 1.6rem;
    overflow: hidden
}

.card-download__thumbnail>img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.card-download__detail {
    color: #1c1e22
}

.card-download__title {
    margin-bottom: .8rem;
    margin-top: 1.4rem
}

.card-download__short-desc {
    color: #717a88;
    font-size: 1.4rem;
    margin-top: .8rem;
    max-height: 4rem
}

.card-download__size {
    font-size: 1.4rem
}

.card-download__size>span:after {
    content: ",";
    display: inline-block
}

.card-download__size>span:last-child:after {
    display: none
}

.card-download .button {
    margin-top: 1.4rem
}

.card-download:hover .button {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.card-download:hover .button .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.card-download:hover .button .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.card-download:hover .button .button__underline {
    max-width: 100%
}

.card-news {
    display: flex;
    flex-direction: column;
    justify-self: center
}

@media (min-width: 80em) {
    .card-news h4 {
        margin-bottom:1.8rem
    }
}

.card-news:hover .button {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.card-news:hover .button .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.card-news:hover .button .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.card-news:hover .button .button__underline {
    max-width: 100%
}

.card-news__image {
    border-radius: .8rem;
    overflow: hidden;
    padding-bottom: 64.217%;
    position: relative
}

.card-news__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1180px) {
    .card-news__image {
        padding-bottom:64.48%
    }
}

.card-product {
    align-items: center;
    background-color: #f2f2f2;
    clip-path: polygon(0 0,100% 0,100% 77%,88% 100%,0 100%);
    display: flex;
    padding: 2.4rem
}

@media (max-width: 1180px) {
    .card-product {
        clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%);
        display: block;
        padding: 3.5rem
    }
}

.card-product__thumbnail {
    clip-path: polygon(36% 0,100% 0,100% 88%,86% 100%,0 100%,0 8%,26% 8%);
    margin-right: 3.2rem;
    width: 42%
}

@media (max-width: 1180px) {
    .card-product__thumbnail {
        margin-right:0;
        width: 100%
    }
}

.card-product__thumbnail>img {
    aspect-ratio: .88;
    object-fit: cover;
    width: 100%
}

.card-product__detail {
    width: calc(58% - 3.2rem)
}

@media (max-width: 1180px) {
    .card-product__detail {
        margin-top:2rem;
        width: 100%
    }
}

.card-product__detail .button {
    margin-top: 1.2rem
}

.card-product:hover .button {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.card-product:hover .button .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.card-product:hover .button .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.card-product:hover .button .button__underline {
    max-width: 100%
}

.card-product-type {
    padding-top: 75%;
    position: relative
}

@media (max-width: 79.99em) {
    .card-product-type {
        padding-top:85%
    }
}

@media (max-width: 63.99em) {
    .card-product-type {
        padding-top:100%
    }
}

@media (max-width: 44.6875em) {
    .card-product-type {
        padding-top:80%
    }
}

@media (max-width: 32em) {
    .card-product-type {
        padding-top:100%
    }
}

.card-product-type__inner {
    align-items: center;
    background-color: #f2f2f2;
    clip-path: polygon(15% 0,100% 0,100% 100%,0 100%,0 18%);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card-product-type img {
    bottom: 0;
    position: absolute;
    transition: all .4s ease-in-out;
    z-index: -1
}

.card-product-type:hover img {
    transform: scale(1.1)
}

.card-product-type:hover .button {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.card-product-type:hover .button .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.card-product-type:hover .button .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.card-career {
    margin-top: .55rem
}

.card-career:first-child {
    margin-top: 0
}

.card-career.active .list-career h5 {
    color: #004737
}

@media (min-width: 64em) {
    .card-career.active .list-career {
        background-color:#f3f7f5
    }

    .card-career.active .list-career i {
        opacity: 1;
        transform: scale(1)
    }
}

.card-swiper {
    position: relative
}

.card-swiper .swiper-button-next,.card-swiper .swiper-button-prev {
    --swiper-navigation-size: 2.4rem;
    --swiper-navigation-color: #1c274c;
    height: 2.8rem;
    width: 1.2rem
}

.card-swiper .swiper-button-next:after,.card-swiper .swiper-button-prev:after {
    height: 100%;
    width: 100%
}

.card-swiper .swiper-button-next {
    right: -3.4rem
}

.card-swiper .swiper-button-prev {
    left: -3.4rem
}

@media (max-width: 1180px) {
    .card-swiper .swiper-button-next {
        right:-1.65rem
    }

    .card-swiper .swiper-button-prev {
        left: -1.65rem
    }
}

.card-staff {
    cursor: pointer;
    overflow: hidden
}

.card-staff__image {
    aspect-ratio: .83;
    background-color: #c4c4c4;
    border-radius: .8rem;
    clip-path: polygon(15% 0,100% 0,100% 87%,88% 100%,0 100%,0 17%);
    margin-bottom: 1.6rem;
    overflow: hidden;
    position: relative;
    transition: all .4s ease-in-out
}

.card-staff__image:after {
    background-color: #004737;
    content: "";
    height: 4.3rem;
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: rotate(-51deg);
    transform-origin: 0 0;
    transition: all .4s ease-in-out;
    width: 100%
}

.card-staff__image>img {
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: all .4s ease-in-out;
    width: 100%
}

.card-staff__name {
    font-size: 2.4rem;
    font-weight: 400
}

.card-staff:hover .card-staff__image:after {
    left: 72%;
    opacity: 1
}

.card-staff:hover .card-staff__image>img {
    transform: scale(1)
}

.list-career {
    clip-path: polygon(72% 0,85% 30%,100% 30%,100% 100%,25% 100%,0 100%,0 0);
    cursor: pointer;
    margin-bottom: .55rem;
    padding: 3rem 2.4rem;
    position: relative;
    transition: background .1s,color .1s
}

.list-career>h5 {
    max-width: 90%
}

.list-career>p {
    max-width: 80%
}

.list-career>i {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 55%;
    transform: scale(0);
    transition: all .4s ease-in-out
}

@media (max-width: 79.99em) {
    .list-career {
        padding:3rem 0 3rem 2.4rem
    }
}

@media (max-width: 63.99em) {
    .list-career {
        clip-path:unset;
        padding: 3rem 0 1.6rem
    }

    .list-career>div,.list-career>h5 {
        max-width: unset
    }
}

@media (max-width: 1180px) {
    .list-career {
        border-bottom:.1rem solid #d1d6dd
    }
}

.list-career:hover h5 {
    color: #004737
}

@media (min-width: 64em) {
    .list-career:hover {
        background-color:#f3f7f5
    }

    .list-career:hover i {
        opacity: 1;
        transform: scale(1)
    }
}

.staff-modal {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.staff-modal.active {
    opacity: 1;
    visibility: visible
}

.staff-modal__content {
    -ms-overflow-style: none;
    background-color: #fff;
    height: 100vh;
    max-width: 70.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    scroll-behavior: smooth;
    scrollbar-width: none;
    top: 0;
    transform: translateX(100%);
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 1001
}

.staff-modal__content::-webkit-scrollbar {
    display: none
}

.staff-modal__content.active {
    transform: translateX(0)
}

.staff-modal__close {
    cursor: pointer;
    left: 4rem;
    position: absolute;
    top: 2.4rem;
    z-index: 10002
}

.staff-modal__image {
    clip-path: polygon(0 0,100% 0,100% 83%,88% 100%,0 100%,0 50%);
    overflow: hidden;
    padding-bottom: 60.685%;
    position: relative
}

.staff-modal__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.staff-modal__image .placeholder-people {
    background-size: 50%
}

.staff-modal__header {
    margin: 5.6rem 4.3rem 3.4rem
}

.staff-modal__bio {
    margin: 0 4.3rem
}

.staff-modal__history {
    border-top: .1rem solid #d1d6dd;
    margin: 0 4rem;
    padding: 3.2rem 0;
    position: relative
}

.staff-modal__list {
    height: fit-content;
    padding-bottom: 4rem;
    padding-left: 2.9rem;
    position: relative
}

.staff-modal__list:before {
    border-radius: 50%;
    height: .9rem;
    left: 0;
    width: .9rem
}

.staff-modal__list:after,.staff-modal__list:before {
    background-color: #b2df82;
    content: "";
    position: absolute;
    top: 1rem
}

.staff-modal__list:after {
    height: 100%;
    left: .3rem;
    width: .3rem
}

.staff-modal__list:last-child:after {
    display: none
}

.staff-modal .overlay-popup {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: relative;
    width: 100%;
    z-index: 100
}

.conditions-modal {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.conditions-modal.active {
    opacity: 1;
    visibility: visible
}

.conditions-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.conditions-modal__close {
    cursor: pointer
}

.conditions-modal__content {
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 .4rem 2rem hsla(0,0%,78%,.65);
    max-width: 83rem;
    opacity: 0;
    overflow: hidden;
    padding: 3.2rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%);
    transition: all .4s ease-in-out;
    width: 90%;
    z-index: 1001
}

@media (max-width: 1180px) {
    .conditions-modal__content {
        padding:2.4rem
    }
}

.conditions-modal__content.active {
    opacity: 1
}

.conditions-modal__blur {
    border: .1rem solid #d1d6dd;
    border-radius: 1.6rem;
    margin-bottom: 3.2rem;
    padding: 3.2rem 2.4rem;
    position: relative
}

@media (max-width: 1180px) {
    .conditions-modal__blur {
        margin-bottom:2.4rem;
        padding: 1.6rem
    }
}

.conditions-modal__blur:after {
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: 0;
    content: "";
    height: 5rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 96%
}

.conditions-modal__detail {
    font-size: 1.6rem;
    margin-right: -1rem;
    max-height: 50vh;
    overflow-y: auto;
    padding-bottom: 3.2rem;
    padding-right: 1.6rem
}

@media (max-width: 1180px) {
    .conditions-modal__detail {
        font-size:1.4rem;
        padding-bottom: 1.6rem;
        padding-right: .8rem
    }
}

.conditions-modal__btn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: center
}

.conditions-modal__btn .btn-outline-white {
    max-width: 14rem;
    width: 100%
}

.conditions-modal__btn .btn-outline-white:before {
    width: 97%
}

@media (max-width: 1180px) {
    .conditions-modal__btn .btn-outline-white {
        width:10.8rem
    }

    .conditions-modal__btn .btn-outline-white:before {
        width: 96%
    }
}

.conditions-modal__btn .btn-primary {
    max-width: 19.6rem;
    width: 100%
}

@media (max-width: 1180px) {
    .conditions-modal__btn .btn-primary {
        width:17rem
    }
}

.conditions-modal .overlay-popup {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: relative;
    width: 100%;
    z-index: 100
}

.share-modal {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.share-modal.active {
    opacity: 1;
    visibility: visible
}

.share-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.share-modal__close {
    cursor: pointer
}

.share-modal__content {
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 .4rem 2rem hsla(0,0%,53%,.65);
    max-width: 62.9rem;
    opacity: 0;
    overflow: hidden;
    padding: 3.2rem 3.2rem 5.5rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%);
    transition: all .4s ease-in-out;
    width: 90%;
    z-index: 1001
}

.share-modal__content.active {
    opacity: 1
}

.share-modal__icons-link {
    align-items: center;
    display: flex;
    gap: 4rem;
    justify-content: center;
    margin: 4.3rem 0
}

.share-modal__copy {
    position: relative
}

.share-modal__copy input[type=text] {
    border: .1rem solid #a4adbb;
    border-radius: .5rem;
    box-shadow: none;
    color: #a4adbb;
    font-size: 1.6rem;
    padding: 1rem 8rem 1rem 1.6rem
}

.share-modal__copy>div {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%)
}

.share-modal__copy .tooltip {
    background-color: #004737;
    border-radius: 1.6rem;
    color: #fff;
    opacity: 0;
    padding: .5rem 1rem;
    position: absolute;
    right: 1.5rem;
    text-align: center;
    top: -2rem;
    transition: all .2s ease;
    z-index: 1
}

.share-modal__copy .tooltip:after {
    background-color: #004737;
    content: "";
    height: 1rem;
    position: absolute;
    right: 41%;
    top: 70%;
    transform: rotate(45deg);
    width: 1rem;
    z-index: -1
}

.share-modal__copy .tooltip--active {
    opacity: 1
}

.share-modal .overlay-popup {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: relative;
    width: 100%;
    z-index: 100
}

.filter-modal {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.filter-modal.active {
    opacity: 1;
    visibility: visible
}

.filter-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.filter-modal__content {
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 .4rem 2rem hsla(0,0%,53%,.65);
    height: calc(100vh - 4rem);
    max-width: 62.9rem;
    opacity: 0;
    overflow: hidden;
    padding: 3.2rem 3.2rem 5.5rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%);
    transition: all .4s ease-in-out;
    width: 90%;
    z-index: 1001
}

.filter-modal__content.active {
    opacity: 1
}

.filter-modal__filter {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.filter-modal__filter .filter .facetwp-btn,.filter-modal__filter .filter .fs-dropdown:before {
    display: none
}

.filter-modal__filter .filter .fs-option:last-child {
    margin-bottom: unset
}

.filter-modal__filter>.facetwp-btn {
    bottom: 0;
    left: 0;
    padding: 1.9rem 2.5rem 1.8rem 2.7rem;
    position: absolute;
    width: 100%
}

.filter-modal__filter>.facetwp-btn:before {
    background-color: #d1d6dd;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.filter-modal__filter>.facetwp-btn .facetwp-btn__apply {
    max-width: 17.8rem
}

.filter-modal .overlay-popup {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: relative;
    width: 100%;
    z-index: 100
}

.tab-container {
    position: relative
}

.tab {
    background-color: #fff;
    border: .1rem solid #004737;
    border-radius: .8rem;
    display: grid;
    grid-auto-flow: column;
    overflow: hidden
}

.tab__button {
    background: none;
    border: none;
    border-right: .1rem solid #004737;
    color: #004737;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    padding: 1.4rem 1.6rem;
    text-decoration: none!important;
    transition: color .3s,background-color .3s
}

.tab__button:last-child {
    border-right: none
}

.tab__button:hover {
    background-color: #f3f7f5
}

.tab__button.active {
    background-color: #004737;
    color: #fff
}

.tab--no-wrap {
    grid-auto-columns: minmax(0,1fr)
}

.tab--lg .tab__button {
    padding: 1.85rem 0
}

.tabcontent {
    display: none;
    margin-top: 2.4rem
}

.error404 main {
    align-items: center;
    display: flex
}

.error404 .error-content {
    margin: 12.5rem 0;
    text-align: center
}

.error404 .error-content img {
    margin-bottom: 1.6rem
}

.error404 .btn-primary {
    margin: 0 auto;
    max-width: 19.6rem;
    width: 100%
}

.board-director {
    background-image: url(../images/bg-page/bg-chief-executive.webp);
    background-position: 100% -33%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 9.6rem 0 12.6rem
}

@media (max-width: 63.99em) {
    .board-director {
        padding:0 0 10.4rem
    }
}

.board-director__style {
    display: flex;
    gap: 1.6rem
}

@media (max-width: 63.99em) {
    .board-director__style {
        flex-direction:column
    }
}

.board-director__header {
    margin-bottom: 2.3rem;
    text-align: center
}

@media (max-width: 1180px) {
    .board-director__header {
        margin-bottom:3.2rem
    }
}

.board-director__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -3.2rem
}

@media (min-width: 37.5em) and (max-width:63.99em) {
    .board-director__row {
        margin:0 -2rem
    }
}

@media (max-width: 1180px) {
    .board-director__row {
        margin:0
    }
}

.board-director__col {
    margin-bottom: 6rem;
    padding: 0 3.2rem;
    width: 33.33%
}

@media (min-width: 37.5em) and (max-width:63.99em) {
    .board-director__col {
        padding:0 2rem
    }
}

@media (min-width: 37.5em) and (max-width:1180px) {
    .board-director__col {
        width:50%
    }
}

@media (max-width: 37.5em) {
    .board-director__col {
        padding:0;
        width: 100%
    }
}

.board-director__col:first-child {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%
}

.board-director__col:first-child .card-staff {
    width: calc(33.33% - 6.4rem)
}

@media (min-width: 48em) and (max-width:63.99em) {
    .board-director__col:first-child .card-staff {
        width:calc(33.33% - 4rem)
    }
}

@media (min-width: 37.5em) and (max-width:1180px) {
    .board-director__col:first-child .card-staff {
        width:calc(50% - 4rem)
    }
}

@media (max-width: 37.5em) {
    .board-director__col:first-child .card-staff {
        width:100%
    }
}

.board-director__tab {
    background-color: #f3f7f5;
    border-radius: 1.6rem;
    height: fit-content;
    margin: 0;
    padding: 1.6rem
}

@media (max-width: 63.99em) {
    .board-director__tab li {
        white-space:nowrap
    }
}

@media (min-width: 80em) {
    .board-director__tab {
        max-width:32.3rem
    }
}

@media (max-width: 63.99em) {
    .board-director__tab {
        -ms-overflow-style:none;
        background-color: unset;
        background-color: #fff;
        border-bottom: .1rem solid #f3f7f5;
        border-radius: unset;
        display: flex;
        flex-flow: row nowrap;
        left: 0;
        overflow-x: scroll;
        position: fixed;
        scrollbar-width: none;
        width: 100%;
        z-index: 1
    }

    .board-director__tab::-webkit-scrollbar {
        display: none
    }
}

.board-director .tab-btn {
    background-color: #f3f7f5;
    border: none;
    border-radius: .8rem;
    color: #000;
    cursor: pointer;
    display: block;
    margin-top: .8rem;
    outline: none;
    padding: 1.6rem;
    position: relative;
    text-align: left;
    transition: all .4s ease-in-out;
    width: 100%
}

@media (max-width: 63.99em) {
    .board-director .tab-btn {
        height:fit-content;
        margin-left: .8rem;
        margin-top: 0;
        padding: 1.6rem
    }

    .board-director .tab-btn:before {
        display: none
    }
}

.board-director .tab-btn:first-child {
    margin: unset
}

.board-director .tab-btn>div {
    margin-bottom: 0;
    padding-right: 3rem
}

@media (max-width: 63.99em) {
    .board-director .tab-btn>div {
        padding-right:0;
        width: max-content
    }
}

.board-director .tab-btn:hover {
    background-color: #004737;
    color: #fff
}

.board-director .tab-btn:hover:before {
    background-image: url(../images/icons/arrow-right-tab.svg);
    background-repeat: no-repeat;
    content: "";
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 2rem
}

.board-director .tab-btn.active {
    background-color: #004737;
    color: #fff
}

.board-director .tab-btn.active:before {
    background-image: url(../images/icons/arrow-right-tab.svg);
    background-repeat: no-repeat;
    content: "";
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 2rem
}

.board-director .tab-content {
    display: none
}

.board-director .tab-content.active {
    display: block;
    width: 100%
}

@media (max-width: 63.99em) {
    .board-director .tab-content {
        margin-top:13.4rem
    }
}

.career {
    background-image: url(../images/bg-page/bg-career.webp);
    background-position: 100% -20%;
    background-repeat: no-repeat
}

.career .banner {
    padding-bottom: 4.8rem
}

.career__container {
    display: grid;
    grid-template-columns: 4fr 6fr
}

@media (max-width: 1180px) {
    .career__container {
        grid-template-columns:1fr
    }
}

.career__tab {
    min-height: 51rem;
    padding-bottom: 3.2rem;
    padding-right: 3.2rem;
    position: relative
}

@media (max-width: 63.99em) {
    .career__tab {
        padding-right:1.6rem
    }
}

.career__tab:after {
    background-color: #d1d6dd;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: .1rem
}

@media (max-width: 1180px) {
    .career__tab:after {
        display:none
    }
}

.career__header {
    border-bottom: .1rem solid #a4adbb;
    display: flex;
    gap: 2.4rem;
    padding-bottom: 2rem
}

@media (max-width: 79.99em) {
    .career__header {
        flex-direction:column;
        gap: 0
    }
}

.career__detail {
    margin-left: 2.1rem;
    padding: 2.4rem
}

@media (max-width: 63.99em) {
    .career__detail {
        margin-left:unset
    }
}

@media (max-width: 1180px) {
    .career__detail {
        margin:unset;
        padding: unset;
        padding-top: 8.8rem
    }
}

.career__flex {
    display: flex;
    gap: .4rem;
    justify-content: space-between;
    margin: 2rem 0 0
}

@media (max-width: 63.99em) {
    .career__flex {
        flex-wrap:wrap
    }
}

.career__flex>div {
    display: flex;
    gap: .4rem
}

.career__flex--workingType {
    min-width: 11rem
}

.career__flex--salaryRate {
    min-width: 17rem
}

.career__flex--province {
    min-width: 12rem
}

.career__reverse {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    height: 100%
}

@media (max-width: 79.99em) {
    .career__reverse {
        align-items:center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.4rem;
        justify-content: space-between;
        margin-top: 2.4rem
    }
}

.career__scroll-slide {
    color: #8d98aa;
    height: 32rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 2rem;
    scroll-behavior: smooth
}

@media (max-width: 1180px) {
    .career__scroll-slide {
        height:unset;
        margin-bottom: 12.3rem;
        overflow: unset
    }
}

.career__scroll-slide strong {
    color: #1c1e22;
    font-weight: 500
}

.career__share {
    cursor: pointer;
    padding: .5rem 0
}

.career .filter {
    margin-bottom: 3.2rem;
    max-width: 35.2rem
}

@media (max-width: 1180px) {
    .career .filter {
        max-width:unset
    }
}

.career .facetwp-pager {
    text-align: start
}

.career form {
    position: relative
}

.career form:hover .btn-primary {
    background-color: #004737;
    border: .1rem solid #004737;
    box-shadow: 0 .7rem 1.8rem rgba(0,71,55,.35)
}

.career form:hover .btn-primary:before {
    color: #fff;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.career form:hover .btn-primary>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.career form input[type=submit] {
    height: 5rem;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.career form .btn-primary {
    height: 5rem
}

.chief-executive {
    background-image: url(../images/bg-page/bg-chief-executive.webp);
    background-position: 100% -5%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 8.4rem
}

@media (max-width: 1180px) {
    .chief-executive {
        background-position:100% 0
    }
}

.chief-executive .banner {
    padding-bottom: 11rem
}

@media (max-width: 63.99em) {
    .chief-executive .banner {
        padding:4.8rem 0 5.6rem
    }
}

.chief-executive__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 90%
}

@media (max-width: 63.99em) {
    .chief-executive__row {
        max-width:100%
    }
}

@media (max-width: 1180px) {
    .chief-executive__row {
        margin:0
    }
}

.chief-executive__col {
    margin-bottom: 6rem;
    padding: 0 5.4rem;
    width: 33.33%
}

@media (min-width: 37.5em) and (max-width:63.99em) {
    .chief-executive__col {
        padding:0 2rem
    }
}

@media (min-width: 37.5em) and (max-width:1180px) {
    .chief-executive__col {
        width:50%
    }
}

@media (max-width: 37.5em) {
    .chief-executive__col {
        padding:0;
        width: 100%
    }
}

.chief-executive__col:first-child {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%
}

.chief-executive__col:first-child .card-staff {
    width: calc(33.33% - 10.8rem)
}

@media (min-width: 48em) and (max-width:63.99em) {
    .chief-executive__col:first-child .card-staff {
        width:calc(33.33% - 4rem)
    }
}

@media (min-width: 37.5em) and (max-width:1180px) {
    .chief-executive__col:first-child .card-staff {
        width:calc(50% - 4rem)
    }
}

@media (max-width: 37.5em) {
    .chief-executive__col:first-child .card-staff {
        width:100%
    }
}

.download {
    background-image: url(../images/bg-page/bg-download.webp);
    background-position: 100% 0;
    background-repeat: no-repeat
}

@media (max-width: 1180px) {
    .download {
        background-size:contain
    }
}

.download .banner {
    padding-bottom: 4.8rem
}

.download .banner__title {
    max-width: unset
}

@media (max-width: 1180px) {
    .download .banner {
        padding-bottom:3.2rem
    }
}

.download .facetwp-template {
    column-gap: 3.1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: fit-content;
    margin: unset;
    margin-bottom: 9.7rem;
    row-gap: 3.2rem
}

@media (max-width: 63.99em) {
    .download .facetwp-template {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 37.5em) {
    .download .facetwp-template {
        gap:3.2rem;
        grid-template-columns: 1fr;
        margin-bottom: 11rem
    }
}

.download__grid {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    margin-bottom: 3.2rem
}

.download__grid>* {
    min-width: 0
}

@media (max-width: 79.99em) {
    .download__grid .fs-dropdown {
        min-width:31.2rem
    }
}

@media (max-width: 1180px) {
    .download__grid {
        display:flex
    }

    .download__grid .search {
        width: 90%
    }
}

.download__filter {
    height: 100%;
    max-height: 4.8rem;
    max-width: 4.8rem;
    padding: 1rem;
    position: relative;
    width: 100%
}

.download__filter:before {
    border: .1rem solid #a4adbb;
    border-radius: .4rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.download__not-found {
    align-items: self-start;
    display: none;
    justify-content: center;
    min-height: 24vh
}

.download__not-found--active {
    display: flex
}

.home .banner {
    padding: unset
}

.news-detail {
    background-image: url(../images/bg-page/bg-news-detail.webp);
    background-position: 0;
    background-repeat: no-repeat;
    color: #004737
}

.news-detail .btn-back {
    margin-top: 9.6rem
}

@media (max-width: 1180px) {
    .news-detail .btn-back {
        margin-top:2.4rem
    }
}

.news-detail .news-block__grid {
    margin-bottom: 13.8rem;
    margin-top: unset
}

@media (max-width: 1180px) {
    .news-detail .news-block__grid {
        margin-bottom:10.4rem
    }
}

.news-detail__header {
    padding-top: 17.2rem
}

@media (max-width: 1180px) {
    .news-detail__header {
        padding-top:9.6rem
    }
}

.news-detail__image {
    border-radius: .8rem;
    margin-top: 4rem;
    overflow: hidden;
    padding-bottom: 37.461%;
    position: relative
}

.news-detail__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 44.6875em) {
    .news-detail__image {
        margin-top:3.2rem;
        padding-bottom: 124.985%
    }
}

.news-detail__content {
    border-bottom: .1rem solid #d1d6dd;
    display: grid;
    gap: 3.2rem;
    grid-template-columns: 3fr 9fr;
    padding: 3.2rem 0 4.8rem
}

@media (max-width: 44.6875em) {
    .news-detail__content {
        grid-template-columns:1fr;
        padding-bottom: 3.2rem
    }

    .news-detail__content--none {
        display: none
    }
}

.news-detail__content>div {
    color: #717a88;
    overflow: hidden
}

.news-detail__content>div>p {
    text-indent: 5rem
}

@media (max-width: 1180px) {
    .news-detail__content>div>p {
        margin-bottom:3.2rem
    }
}

.news-detail__content>div>p>strong {
    color: #1c1e22
}

.news-detail__title {
    margin: 4.8rem 0 3.2rem
}

@media (max-width: 1180px) {
    .news-detail__title {
        margin:3.2rem 0 1.6rem
    }
}

.news {
    background-image: url(../images/bg-page/bg-news.webp);
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: #004737
}

@media (max-width: 1180px) {
    .news {
        background-size:contain
    }
}

.news .banner {
    padding-bottom: 3.2rem
}

@media (max-width: 1180px) {
    .news .banner {
        padding-bottom:5.6rem
    }
}

.news .facetwp-template {
    column-gap: 3.2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: fit-content;
    margin: unset;
    margin-bottom: 2.2rem;
    row-gap: 4rem
}

@media (max-width: 63.99em) {
    .news .facetwp-template {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 37.5em) {
    .news .facetwp-template {
        gap:3.2rem;
        grid-template-columns: 1fr
    }
}

.news__latest {
    margin-bottom: 3.8rem;
    position: relative;
    transition: all .4s ease-in-out
}

.news__latest h2 {
    max-width: 66.4rem
}

.news__latest:before {
    background-image: url(../images/icons/icon-read-more.svg);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 5rem;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all .4s ease-in-out;
    width: 5rem
}

.news__latest:hover h1 {
    color: #004737
}

.news__latest:hover img {
    transform: scale(1.1)
}

.news__latest:hover:before {
    opacity: 1
}

@media (max-width: 44.6875em) {
    .news__latest {
        margin-bottom:4rem
    }

    .news__latest h1 {
        color: #004737
    }

    .news__latest:hover img {
        transform: scale(1)
    }

    .news__latest:hover:before {
        opacity: 0
    }
}

.news__image {
    border-radius: .8rem;
    overflow: hidden;
    padding-bottom: 37.461%;
    position: relative
}

.news__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 37.5em) {
    .news__image {
        padding-bottom:124.985%
    }
}

.news__image>img {
    transition: all .4s ease-in-out
}

.news__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

@media (max-width: 1180px) {
    .news__header {
        margin-bottom:1.6rem
    }
}

.single-product {
    color: #004737
}

.single-product .btn-back {
    margin-top: 9.6rem
}

@media (max-width: 1180px) {
    .single-product .btn-back {
        margin-top:4rem
    }
}

.single-product__intro {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 19.6rem 0 9.6rem
}

@media (max-width: 1180px) {
    .single-product__intro {
        flex-wrap:wrap;
        padding: 11.6rem 0 5.6rem
    }
}

.single-product__image {
    clip-path: polygon(0 9%,27% 9%,36% 0,100% 0,100% 88%,86% 100%,0 100%);
    overflow: hidden;
    padding-top: 55%;
    position: relative;
    width: 50%
}

@media (max-width: 1180px) {
    .single-product__image {
        padding-top:118%;
        width: 100%
    }
}

.single-product__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.single-product__detail {
    align-self: center;
    margin-left: 7.8rem;
    width: 50%
}

@media (max-width: 1180px) {
    .single-product__detail {
        margin-left:0;
        margin-top: 4rem;
        width: 100%
    }
}

.single-product__button {
    align-items: center;
    display: flex;
    gap: 1.8rem
}

.single-product__list {
    background-color: #002b21;
    background-image: url(../images/bg-block/bg-product-detail.webp);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 9.6rem 0 9.4rem
}

@media (max-width: 1180px) {
    .single-product__list {
        padding:5.6rem 0
    }
}

.single-product__header {
    margin: 0 auto;
    max-width: 73.5rem;
    text-align: center
}

.single-product__grid {
    column-gap: 7.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 9.6rem;
    row-gap: 7.2rem
}

@media (max-width: 63.99em) {
    .single-product__grid {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 1180px) {
    .single-product__grid {
        gap:4.8rem;
        grid-template-columns: 1fr;
        margin-top: 3.2rem
    }
}

.single-product__item {
    display: flex;
    flex-direction: column
}

@media (max-width: 1180px) {
    .single-product__item {
        align-items:center;
        text-align: center
    }
}

.single-product__item>img {
    height: 4rem;
    margin-bottom: 1.6rem;
    width: 4rem
}

.single-product__size {
    background-color: #fbfbfb;
    background-image: url(../images/bg-block/bg-product-detail-size.webp);
    background-position: 0 0;
    background-repeat: no-repeat
}

.single-product__flex {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 3.2rem;
    justify-content: space-between;
    padding: 9.6rem 0 17.45rem
}

.single-product__flex h2 {
    min-width: 21rem
}

@media (max-width: 1180px) {
    .single-product__flex {
        flex-direction:column;
        gap: 2.4rem;
        padding: 5.5rem 0 15.4rem
    }

    .single-product__flex h2 {
        text-align: center;
        width: 100%
    }
}

.single-product__table {
    display: flex;
    justify-content: space-between;
    padding: 9.6rem 0 10.3rem
}

.single-product__table h2 {
    min-width: 21rem
}

.single-product__table .custom-table {
    max-width: 82.8rem
}

@media (min-width: 64em) and (max-width:79.99em) {
    .single-product__table .custom-table {
        max-width:60rem
    }
}

@media (max-width: 63.99em) {
    .single-product__table {
        flex-direction:column;
        gap: 2.4rem;
        padding: 5.5rem 0 5.6rem
    }

    .single-product__table h2 {
        text-align: center;
        width: 100%
    }
}

.single-product__accordion {
    max-width: 72.2rem;
    width: 100%
}

.single-product__other {
    padding: 9.6rem 0
}

@media (max-width: 1180px) {
    .single-product__other {
        padding:5.6rem 0 8.1rem
    }
}

.single-career__header {
    border-bottom: .1rem solid #a4adbb;
    display: flex;
    padding-bottom: 2rem
}

@media (max-width: 63.99em) {
    .single-career__header {
        flex-direction:column
    }
}

.single-career__share {
    cursor: pointer
}

.single-career__detail {
    padding-top: 8.8rem
}

.single-career__detail .w-full {
    margin-right: 6.3rem;
    width: 100%
}

.single-career__detail .flex {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: space-between;
    margin: 2rem 0 2.4rem
}

@media (max-width: 1180px) {
    .single-career__detail .flex {
        gap:1.6rem;
        justify-content: flex-start
    }
}

.single-career__detail .flex>div {
    display: flex;
    gap: .4rem
}

.single-career__detail .reverse {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between
}

@media (min-width: 64em) {
    .single-career__detail .reverse a {
        margin-top:2rem
    }
}

@media (max-width: 63.99em) {
    .single-career__detail .reverse {
        align-items:center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.4rem;
        justify-content: space-between
    }
}

.single-career__scroll {
    margin-bottom: 12.3rem;
    padding-top: 2rem
}

.single-career__scroll strong {
    color: #1c1e22;
    font-weight: 500
}

.single-career form {
    position: relative
}

.single-career form:hover .btn-primary {
    background-color: #004737;
    border: .1rem solid #004737;
    box-shadow: 0 .7rem 1.8rem rgba(0,71,55,.35)
}

.single-career form:hover .btn-primary:before {
    color: #fff;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.single-career form:hover .btn-primary>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.single-career form input[type=submit] {
    height: 5rem;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.single-career form .btn-primary {
    height: 5rem
}

main .single-subsidiary {
    background-image: url(../images/bg-page/bg-single-subsidiary.webp);
    background-position: 0 39.1rem;
    background-repeat: no-repeat
}

@media (max-width: 1180px) {
    main .single-subsidiary {
        background:none
    }
}

main .single-subsidiary__banner {
    clip-path: polygon(0 0,100% 0,100% 88%,39% 88%,34% 100%,0 100%);
    overflow: hidden;
    padding-top: 36.17%;
    position: relative;
    width: 100%
}

main .single-subsidiary__banner>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 32em) {
    main .single-subsidiary__banner {
        clip-path:polygon(0 0,100% 0,100% 92%,40% 92%,30% 100%,0 100%);
        padding-top: 130.65%
    }
}

main .single-subsidiary__logo {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 45%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media (max-width: 1180px) {
    main .single-subsidiary__logo {
        max-width:24.5rem
    }
}

main .single-subsidiary__detail {
    float: right;
    margin: 9.6rem 0;
    max-width: 71.8rem
}

main .single-subsidiary__detail p {
    margin-bottom: 2.2rem
}

@media (max-width: 1180px) {
    main .single-subsidiary__detail {
        margin:4.8rem 0 2.6rem
    }

    main .single-subsidiary__detail p {
        margin-bottom: 2.4rem
    }
}

main .single-subsidiary__image {
    clip-path: polygon(12% 0,100% 0,100% 100%,88% 100%,0 100%,0 20%);
    margin-bottom: 9.6rem;
    overflow: hidden;
    padding-bottom: 44%;
    position: relative;
    width: 100%
}

main .single-subsidiary__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 32em) {
    main .single-subsidiary__image {
        margin-bottom:3.2rem;
        padding-bottom: 67.23%
    }
}

main .single-subsidiary__quality-bg {
    background-color: #fbfbfb
}

main .single-subsidiary__quality-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8.9rem 0 0;
    text-align: center
}

main .single-subsidiary__quality-header h2 {
    max-width: 69.6rem
}

@media (max-width: 1180px) {
    main .single-subsidiary__quality-header {
        padding:5.6rem 0 0
    }
}

main .single-subsidiary__quality-grid {
    grid-row-gap: 3.1rem;
    grid-column-gap: 5.3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 4.8rem auto 0;
    max-width: 98.2rem;
    padding: 8.9rem 0 9.4rem
}

main .single-subsidiary__quality-grid .single-subsidiary__quality-card:nth-child(2) {
    margin-top: -8rem
}

@media (max-width: 60em) {
    main .single-subsidiary__quality-grid .single-subsidiary__quality-card:nth-child(2) {
        margin:unset
    }
}

main .single-subsidiary__quality-grid .single-subsidiary__quality-card:nth-child(5) {
    margin-top: -8rem
}

@media (max-width: 60em) {
    main .single-subsidiary__quality-grid .single-subsidiary__quality-card:nth-child(5) {
        margin:unset
    }
}

@media (max-width: 63.99em) {
    main .single-subsidiary__quality-grid {
        grid-row-gap:2.1rem;
        grid-column-gap: 2.3rem
    }
}

@media (max-width: 60em) {
    main .single-subsidiary__quality-grid {
        gap:1.6rem;
        grid-template-columns: 1fr 1fr;
        margin: unset;
        padding: 3.2rem 0 5.6rem
    }
}

@media (max-width: 32em) {
    main .single-subsidiary__quality-grid {
        grid-template-columns:1fr
    }
}

main .single-subsidiary__quality-card {
    border: .1rem solid #bbc1cc;
    border-radius: 1.6rem;
    height: fit-content;
    padding: 4.9rem 2.4rem;
    width: 100%
}

@media (max-width: 32em) {
    main .single-subsidiary__quality-card {
        padding:5.3rem 2.4rem
    }
}

main .single-subsidiary__footer {
    align-items: center;
    background-color: #004737;
    clip-path: polygon(45% 0,100% 0,100% 84%,94% 100%,0 100%,0 11%,41% 11%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    margin-bottom: 11.1rem
}

main .single-subsidiary__footer>img {
    max-width: 20.7rem;
    width: 100%
}

@media (max-width: 1180px) {
    main .single-subsidiary__footer {
        clip-path:polygon(64% 0,100% 0,100% 92%,89% 100%,0 100%,0 7%,53% 7%);
        gap: 3.75rem;
        grid-template-columns: 1fr;
        margin-bottom: 10.4rem;
        padding: 0 2.4rem 6rem
    }

    main .single-subsidiary__footer>img {
        max-width: 17rem
    }
}

main .single-subsidiary__footer-detail {
    margin: 14.6rem 0 10.2rem 10.7rem
}

main .single-subsidiary__footer-detail .h1,main .single-subsidiary__footer-detail p {
    margin-bottom: 2.2rem
}

@media (max-width: 1180px) {
    main .single-subsidiary__footer-detail {
        margin:unset;
        margin-top: 9.1rem;
        text-align: center
    }

    main .single-subsidiary__footer-detail .btn-outline {
        margin: 0 auto
    }

    main .single-subsidiary__footer-detail .h1,main .single-subsidiary__footer-detail p {
        margin-bottom: 1.6rem
    }
}

main .single-subsidiary .about__header {
    margin-left: unset;
    max-width: 70.6rem
}

@media (max-width: 1180px) {
    main .single-subsidiary .about__header {
        max-width:100%
    }
}

main .single-subsidiary .about {
    background-color: unset;
    background-image: none;
    padding-bottom: 8rem;
    padding-top: 9.6rem
}

@media (max-width: 1180px) {
    main .single-subsidiary .about {
        padding:5.6rem 0
    }
}

main .single-subsidiary .about__swiper {
    margin-top: 4.8rem
}

@media (max-width: 1180px) {
    main .single-subsidiary .about__swiper {
        margin-top:3.2rem
    }
}

.subsidiaries {
    background-image: url(../images/bg-page/bg-subsidiaries.webp);
    background-position: 100% -8%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #004737;
    position: relative
}

.subsidiaries:after {
    background-position: 100%;
    background-repeat: no-repeat;
    bottom: -9.5%;
    content: url(../images/bg-page/bg-after-subsidiaries.webp);
    height: fit-content;
    position: absolute;
    right: 0;
    width: fit-content;
    z-index: -1
}

@media (max-width: 1180px) {
    .subsidiaries {
        background-position:100% 0
    }
}

.subsidiaries .banner {
    padding: 9.6rem 0 8.3rem
}

@media (max-width: 63.99em) {
    .subsidiaries .banner {
        padding:4.8rem 0 3.2rem
    }
}

.subsidiaries__banner {
    clip-path: polygon(6% 0,100% 0,100% 89%,58% 89%,52% 100%,0 100%,0 14%);
    overflow: hidden;
    padding-top: 44%;
    position: relative;
    width: 100%
}

.subsidiaries__banner>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 32em) {
    .subsidiaries__banner {
        clip-path:polygon(14% 0,100% 0,100% 90%,59% 90%,50% 100%,0 100%,0 16%);
        padding-top: 80.062%
    }
}

.subsidiaries__content {
    display: grid;
    gap: 1.3rem;
    margin-bottom: 10.8rem;
    margin-top: 9.6rem
}

@media (max-width: 79.99em) {
    .subsidiaries__content {
        gap:4.8rem
    }
}

@media (max-width: 1180px) {
    .subsidiaries__content {
        gap:3.2rem;
        margin-bottom: 10.4rem;
        margin-top: 3.2rem
    }
}

.subsidiaries__block {
    align-items: center;
    display: flex;
    gap: 3.2rem
}

.subsidiaries__block:nth-child(2n) {
    flex-direction: row-reverse
}

@media (min-width: 80em) {
    .subsidiaries__block:nth-child(2n) {
        gap:0
    }
}

@media (max-width: 44.6875em) {
    .subsidiaries__block:nth-child(2n) {
        flex-direction:column;
        gap: 3.2rem
    }
}

.subsidiaries__block:nth-child(2n) .subsidiaries__detail {
    padding-left: 8.5rem
}

@media (max-width: 79.99em) {
    .subsidiaries__block:nth-child(2n) .subsidiaries__detail {
        padding-left:unset
    }
}

@media (max-width: 44.6875em) {
    .subsidiaries__block:nth-child(2n) .subsidiaries__detail {
        padding-left:unset
    }

    .subsidiaries__block {
        flex-direction: column
    }
}

.subsidiaries__detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

@media (max-width: 44.6875em) {
    .subsidiaries__detail {
        width:100%
    }
}

.subsidiaries__list {
    display: flex;
    gap: 1.6rem
}

.subsidiaries__list>div {
    width: fit-content
}

.subsidiaries__link {
    display: flex;
    gap: 1.6rem;
    margin-top: 3.1rem
}

@media (max-width: 1180px) {
    .subsidiaries__link {
        gap:1.3rem;
        margin-top: 2.4rem
    }
}

.subsidiaries__image {
    clip-path: polygon(15% 0,100% 0,100% 87%,88% 100%,0 100%,0 17%);
    overflow: hidden;
    padding-top: 50%;
    position: relative;
    width: 50%
}

@media (max-width: 44.6875em) {
    .subsidiaries__image {
        padding-top:80%;
        width: 80%
    }
}

@media (max-width: 32em) {
    .subsidiaries__image {
        padding-top:100%;
        width: 100%
    }
}

.subsidiaries__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.subsidiaries__icon>img {
    left: 50%;
    max-width: 25rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 79.99em) {
    .subsidiaries__icon>img {
        max-width:13.8rem
    }
}

.our-product {
    background-image: url(../images/bg-page/bg-our-product.webp);
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: #004737
}

.our-product .banner {
    padding-bottom: 0
}

.our-product__grid {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 9.6rem;
    padding-top: 4.9rem
}

@media (max-width: 44.6875em) {
    .our-product__grid {
        grid-template-columns:1fr;
        padding-bottom: 8.1rem;
        padding-top: 5.6rem
    }
}

.product-list {
    color: #004737
}

.product-list__bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    z-index: -1
}

.product-list__bg>img {
    height: 100%;
    width: 100%
}

@media (max-width: 1180px) {
    .product-list__bg {
        width:100%
    }
}

.product-list__banner {
    display: flex;
    gap: 3.2rem;
    padding: 9.6rem 0 6.4rem
}

@media (max-width: 1180px) {
    .product-list__banner {
        align-items:flex-end;
        flex-direction: column;
        gap: 6.4rem;
        padding: 4.8rem 0
    }
}

.product-list__icon {
    height: 100%;
    max-height: 9.5rem;
    max-width: 10.7rem;
    padding-top: 10.7rem;
    position: relative;
    width: 100%
}

.product-list__icon>img {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.product-list__description,.product-list__header {
    max-width: 61.4rem;
    width: 100%
}

.product-list__description {
    margin-top: 9.8rem
}

@media (max-width: 1180px) {
    .product-list__description {
        margin-top:unset;
        max-width: 25.3rem
    }
}

.product-list__sub-description {
    max-width: 48rem
}

.product-list__grid {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 11.2rem
}

@media (max-width: 32em) {
    .product-list__grid {
        grid-template-columns:1fr;
        margin-bottom: 8.1rem
    }
}

.single-service {
    color: #004737
}

.single-service__intro {
    align-items: center;
    background-color: #00392c;
    display: flex;
    flex-direction: column;
    padding: 9.6rem 0 5.4rem;
    position: relative
}

.single-service__intro:after,.single-service__intro:before {
    content: "";
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 200%
}

.single-service__intro:before {
    background-color: inherit;
    height: 100%;
    top: 0;
    z-index: -1
}

.single-service__intro:after {
    background-color: #fff;
    bottom: -.1rem;
    height: 30%;
    z-index: 0
}

@media (max-width: 1180px) {
    .single-service__intro:after {
        height:30%
    }

    .single-service__intro {
        padding: 4.8rem 0
    }
}

.single-service__header {
    color: #fff;
    max-width: 60.4rem;
    text-align: center
}

.single-service__header h1 {
    margin-bottom: 1.1rem
}

.single-service__header .h3 {
    margin-bottom: 2rem
}

.single-service__header p {
    margin-bottom: 6.8rem;
    max-width: 77.1rem
}

@media (max-width: 1180px) {
    .single-service__header {
        max-width:unset
    }

    .single-service__header .h3,.single-service__header h1 {
        margin-bottom: 1.6rem
    }

    .single-service__header p {
        margin-bottom: 4.8rem
    }
}

.single-service__video {
    clip-path: polygon(0 0,93% 0,100% 14%,100% 100%,8% 100%,0 82%);
    overflow: hidden;
    padding-top: 45%;
    position: relative;
    width: 100%;
    z-index: 1
}

.single-service__video>video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1180px) {
    .single-service__video {
        padding-top:105%
    }
}

.single-service__content {
    background-color: #fbfbfb;
    padding: 8.6rem 0 9.1rem
}

@media (max-width: 1180px) {
    .single-service__content {
        padding:4.8rem 0
    }
}

.single-service__title {
    margin: 0 auto 8.4rem;
    max-width: 67rem;
    text-align: center
}

.single-service__title h2 {
    margin-bottom: 4rem
}

@media (max-width: 1180px) {
    .single-service__title {
        margin-bottom:3.2rem
    }

    .single-service__title h2 {
        margin-bottom: 2.4rem
    }
}

.single-service__button {
    display: flex;
    gap: 1.8rem;
    justify-content: center
}

.single-service__grid {
    align-items: start;
    display: grid;
    gap: 6rem;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between
}

@media (max-width: 63.99em) {
    .single-service__grid {
        gap:3rem
    }
}

@media (max-width: 44.6875em) {
    .single-service__grid {
        gap:3.2rem;
        grid-template-columns: 1fr
    }
}

.single-service__image {
    clip-path: polygon(0 0,85% 0,100% 12%,100% 100%,35% 100%,27% 92%,0 92%);
    margin: 0 auto;
    max-width: 57rem;
    overflow: hidden;
    padding-top: 110%;
    position: relative;
    width: 100%
}

@media (max-width: 44.6875em) {
    .single-service__image {
        max-width:unset;
        padding-top: 109.2%;
        width: 90%
    }
}

@media (max-width: 32em) {
    .single-service__image {
        padding-top:119.2%;
        width: 100%
    }
}

.single-service__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.single-service__accordion {
    max-width: 61.4rem;
    width: 100%
}

.single-service__accordion .accordion__header h5 {
    max-width: 39.5rem
}

.single-service__accordion .accordion__header-title {
    display: flex;
    gap: 1.6rem
}

.single-service__accordion .accordion__content {
    margin-top: 1.6rem
}

.single-service__accordion .accordion__content p {
    margin-left: 4.3rem;
    max-width: 49.5rem
}

.single-service__other {
    padding-bottom: 13.3rem
}

.single-service__other h2 {
    margin-bottom: 3.6rem
}

@media (max-width: 1180px) {
    .single-service__other {
        padding-bottom:8.1rem
    }

    .single-service__other h2 {
        margin: 5.6rem 0 3.6rem
    }

    .single-service .impression {
        padding: 9.4rem 0 10.3rem
    }
}

.contact-us {
    background-image: url(../images/bg-page/bg-career.webp);
    background-position: 100% 0;
    background-repeat: no-repeat
}

.contact-us__flex {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    margin-bottom: 10.8rem;
    width: 100%
}

.contact-us__address {
    height: 100%;
    padding-right: 10.8rem;
    width: 60%
}

@media (max-width: 63.99em) {
    .contact-us__address {
        padding-right:0;
        width: 100%
    }
}

.contact-us__address .title {
    margin-bottom: .7rem
}

.contact-us__address .address {
    margin-bottom: 2.6rem
}

.contact-us__address .contact {
    column-gap: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 5.85rem;
    row-gap: 3.6rem
}

@media (max-width: 63.99em) {
    .contact-us__address .contact {
        grid-template-columns:1fr
    }
}

@media (max-width: 1180px) {
    .contact-us__address .contact {
        margin-bottom:1.6rem
    }
}

.contact-us__address .contact .card>.title {
    margin-bottom: .8rem
}

.contact-us__address .contact .card>.cont {
    color: #717a88;
    display: flex;
    margin-bottom: 1.6rem
}

.contact-us__address .contact .card>.cont:last-child {
    margin-bottom: 0
}

.contact-us__address .contact .card>.cont>i {
    margin-right: .8rem
}

.contact-us__address .contact .card>.cont a {
    display: inline-block
}

.contact-us__address .contact .card>.cont a:hover {
    color: #336c5f
}

.contact-us__address .contact .card>.cont a:first-child {
    border-right: .1rem solid #a4adbb;
    margin-right: .8rem;
    padding-right: .8rem
}

.contact-us__address .contact .card>.cont a:last-child {
    border: none
}

.contact-us__address .social {
    margin-bottom: 3.2rem
}

.contact-us__address .social .logo-item {
    margin-right: 1.6rem
}

.contact-us__address .social .logo-item:last-child {
    margin-right: 0
}

.contact-us__address .social i {
    filter: brightness(0) saturate(100%) invert(6%) sepia(7%) saturate(7398%) hue-rotate(187deg) brightness(97%) contrast(93%);
    transition: none
}

.contact-us__address .social i:hover {
    filter: brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(1865%) hue-rotate(31deg) brightness(91%) contrast(90%)
}

.contact-us__ask-more {
    height: 100%;
    width: 40%
}

@media (max-width: 63.99em) {
    .contact-us__ask-more {
        width:100%
    }
}

.contact-us__ask-more .h4 {
    color: #1d2939;
    margin-bottom: 1.6rem
}

@media (max-width: 1180px) {
    .contact-us__ask-more .h4 {
        margin-bottom:3.2rem
    }
}

.contact-us__ask-more form {
    width: 100%
}

.contact-us .mailto {
    padding-left: 0!important
}

.career-form .btn-back {
    margin-bottom: 4rem;
    margin-top: -6rem;
    position: relative
}

@media (max-width: 1180px) {
    .career-form .btn-back {
        margin-bottom:2.4rem
    }
}

.career-form__form-subtitle {
    margin-bottom: 2.4rem;
    margin-top: 3.2rem
}

.career-form__flex {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 10.8rem;
    margin-top: 9.4rem;
    width: 100%
}

.career-form__title-fixed {
    width: 40%
}

@media (max-width: 1180px) {
    .career-form__title-fixed {
        width:100%
    }
}

.career-form__from {
    height: 100%;
    width: 55%
}

@media (max-width: 1180px) {
    .career-form__from {
        width:100%
    }
}

.career-form__from .group-input {
    margin-bottom: 3.2rem
}

.career-form__from .row-flex {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 2.4rem
}

.career-form__from .row-flex:first-of-type {
    margin-top: 2.4rem
}

.career-form__from .row-flex:last-child {
    margin-bottom: 0
}

.career-form__from .row-flex .col:first-child,.career-form__from .row-flex .col:first-of-type {
    margin-right: .8rem
}

.career-form__from .row-flex .col:last-child {
    margin-left: .8rem
}

.career-form__from .row-flex .col--2 {
    width: 50%
}

.career-form__from .row-flex .col--c {
    width: 5%
}

.career-form__from .row-flex .col--l {
    margin-left: 1.6rem;
    width: 95%
}

.career-form__from .row-flex .col--l span {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.career-form__from input[type=checkbox] {
    height: 2.4rem;
    margin: .4rem;
    width: 2.4rem
}

.career-form__from select option:first-child {
    color: #a4adbb
}

.career-form__from select:required:invalid {
    color: #a4adbb
}

.career-form__from label {
    font-weight: 400
}

.career-form__from [class*=forms] .uploadfile {
    margin-top: 2.4rem
}

.career-form__from [class*=forms] .uploadfile>span {
    width: 60%
}

.career-form__from [class*=forms] .uploadfile>span>input {
    cursor: pointer
}

.career-form__from [class*=forms] .uploadfile .uploadf>input {
    width: 80%
}

.career-form__from [class*=forms] .uploadfile .uploadf>div {
    width: 20%
}

.career-form__from input::-webkit-inner-spin-button,.career-form__from input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.career-form__from input[type=number] {
    -moz-appearance: textfield
}

.career-form__from input {
    box-shadow: none
}

.career-form__from select {
    height: 4.8rem
}

.career-form__from input,.career-form__from select {
    border: .1rem solid #a4adbb;
    border-radius: .5rem
}

.career-form__from input:hover,.career-form__from select:hover {
    border: .1rem solid #004737
}

.col--c {
    position: relative
}

.col--c input[type=checkbox] {
    cursor: pointer;
    opacity: 0
}

.col--c input[type=checkbox]:checked~.checkmark {
    background-color: #004737;
    border-color: #004737
}

.col--c input[type=checkbox]:checked~.checkmark:after {
    border-color: #fff;
    border-style: none solid solid none;
    border-width: .4rem;
    content: "";
    height: 1.8rem;
    left: 45%;
    opacity: 1;
    position: absolute;
    top: 40%;
    transform: rotate(45deg) translate(-100%,-20%);
    width: .8rem
}

.col--c .checkmark {
    border: .1rem solid #000;
    border-radius: .3rem;
    display: block;
    height: 2.4rem;
    left: 0;
    margin: .4rem;
    position: absolute;
    top: 0;
    width: 2.4rem;
    z-index: -1
}

.col--c .checkmark:after {
    border-radius: inherit;
    display: block;
    opacity: 0
}

.js-graduation-checkbox {
    display: none
}

.js-remove-graduation {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 4.8rem;
    outline: none;
    padding: 0;
    text-decoration: none!important
}

.js-career-job {
    display: none
}

.quotation__container {
    column-gap: 10rem;
    display: flex
}

@media (max-width: 63.99em) {
    .quotation__container {
        flex-direction:column
    }
}

.quotation__left {
    flex: 1
}

@media (max-width: 63.99em) {
    .quotation__left {
        width:100%
    }
}

.quotation__right {
    max-width: 72rem;
    width: 100%
}

@media (max-width: 63.99em) {
    .quotation__right {
        max-width:unset
    }
}

.quotation__title {
    color: #004737;
    font-weight: 300
}

.quotation__form-subtitle {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 2.4rem
}

.quotation__form-subtitle:first-child {
    font-size: 1.6rem;
    margin-bottom: 2.8rem
}

.quotation__subtitle {
    color: #667085;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 3.2rem!important
}

.quotation__delete-button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 4.8rem;
    justify-content: center;
    outline: none;
    padding: 0;
    text-decoration: none!important
}

.q-overlay-popup {
    background: rgba(0,0,0,.25);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.q-overlay-popup .q-popup {
    align-items: center;
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 4px 20px hsla(0,0%,78%,.65);
    display: flex;
    flex-direction: column;
    height: 36.7rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 65.6rem
}

@media (max-width: 1180px) {
    .q-overlay-popup .q-popup {
        height:24.7rem;
        width: 85%
    }
}

.js-product-list {
    overflow: hidden;
    overflow-y: auto
}

.js-product-checkbox,.js-quotation-search-button,.js-quotation-search-option {
    display: none
}

.organization-chart .banner {
    padding: 9.6rem 0 4.8rem
}

@media (max-width: 1180px) {
    .organization-chart .banner {
        padding:4.8rem 0 9.6rem
    }
}

.about {
    background-color: #fbfbfb;
    background-image: url(../images/bg-block/bg-about-block.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 9.6rem 0 9.3rem
}

@media (max-width: 1180px) {
    .about {
        padding:5.6rem 0 4.5rem
    }
}

.about__header {
    border-radius: 0;
    height: fit-content;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    width: 56%
}

.about__header p {
    max-width: 54rem
}

@media (max-width: 63.99em) {
    .about__header {
        width:75%
    }
}

@media (max-width: 1180px) {
    .about__header {
        width:100%
    }
}

.about__group-gallery {
    margin-right: calc(-83vw + 100%);
    margin-top: 9rem
}

@media (max-width: 1180px) {
    .about__group-gallery {
        margin:6.5rem -8vw 0
    }
}

.about__gallery-slide {
    overflow: inherit;
    padding-right: 9rem
}

@media (max-width: 1180px) {
    .about__gallery-slide {
        padding-right:7rem
    }
}

.about__gallery-slide .swiper-slide {
    height: auto!important;
    transition: all .4s ease-in-out
}

.about__gallery-slide .swiper-slide>img {
    aspect-ratio: 16/11;
    clip-path: polygon(100% 0,100% 83%,85% 100%,0 100%,0 0);
    object-fit: cover;
    width: 100%
}

.about__gallery-slide .swiper-slide.swiper-slide-active {
    width: 53.1%!important
}

@media (max-width: 1180px) {
    .about__gallery-slide .swiper-slide.swiper-slide-active {
        width:100%!important
    }
}

.product-type {
    background-image: url(../images/bg-block/bg-product-block.webp);
    background-position: top;
    background-repeat: no-repeat;
    color: #004737;
    padding-bottom: 14.4rem;
    padding-top: 9.6rem
}

@media (max-width: 1180px) {
    .product-type {
        padding-bottom:10.4rem
    }
}

.product-type__header {
    text-align: center
}

.product-type__grid {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 4.8rem
}

@media (max-width: 44.6875em) {
    .product-type__grid {
        grid-template-columns:1fr;
        margin-top: 5.6rem
    }
}

.service {
    position: relative;
    z-index: 2
}

.service:after,.service:before {
    background-color: #00392c;
    content: "";
    height: 96%;
    position: absolute;
    width: calc(50vw - 40rem)
}

.service:before {
    bottom: 0;
    left: 0
}

.service:after {
    right: 0;
    top: 0;
    z-index: -1
}

@media (max-width: 63.99em) {
    .service:after,.service:before {
        width:calc(50vw - 20rem)
    }
}

@media (max-width: 32em) {
    .service:after,.service:before {
        width:calc(50vw - 14rem)
    }
}

.service__bg {
    background-color: #00392c;
    clip-path: polygon(0 4%,69% 4%,75% 0,100% 0,100% 96%,39% 96%,33% 100%,0 100%);
    margin-bottom: -4.8rem;
    margin-top: -4.8rem;
    padding-bottom: 15.1rem;
    padding-top: 15.1rem;
    position: relative
}

.service__header {
    color: #fff;
    margin: 0 auto;
    max-width: 66rem;
    text-align: center
}

.service__card {
    border-radius: .8rem;
    clip-path: polygon(0 13%,20% 0,100% 0,100% 87%,80% 100%,0 100%);
    width: 100%
}

.service__card:first-child,.service__card:last-child {
    margin-top: 10.8rem
}

.service__card .button--link-secondary:hover .button__underline {
    max-width: 0
}

.service__card:hover .btn-ghost .btn-ghost__text {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.service__card:hover .btn-ghost .btn-ghost__text-hover {
    opacity: 1;
    transform: translate(-50%,-50%)
}

@media (max-width: 1180px) {
    .service__card:first-child,.service__card:last-child {
        margin-top:6.7rem
    }
}

.service__video {
    overflow: hidden;
    padding-top: 142%;
    position: relative;
    width: 100%
}

.service__video>video {
    background-size: cover;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.service__video:hover .button {
    filter: drop-shadow(0 .7rem 1.8rem rgba(0,71,55,.35));
    z-index: 2
}

.service__video:hover .button .button__body {
    opacity: 0;
    transform: translateY(-200%)
}

.service__video:hover .button .button__body--hover {
    opacity: 1;
    transform: translateY(-100%)
}

.service__video:hover .button .button__inner:after {
    max-width: 100%
}

.service__center {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1
}

.service__center .button__inner {
    color: #fff
}

.service__center .button__underline {
    background-color: #fff
}

.service__center .icon-read-more {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(163deg) brightness(105%) contrast(101%)
}

.service .service-swiper {
    margin: 4.8rem 0 0
}

@media (max-width: 1180px) {
    .service .service-swiper {
        margin:3.2rem 0 0
    }
}

.download-block {
    background-color: #fbfbfb;
    background-image: url(../images/bg-block/bg-download-block.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #004737;
    padding-bottom: 9.3rem;
    padding-top: 14.4rem;
    position: relative
}

@media (max-width: 1180px) {
    .download-block {
        background-image:url(../images/bg-block/bg-download-block-mobile.webp);
        background-position: 100% 0;
        background-size: contain;
        padding-top: 10.4rem
    }
}

.download-block__header {
    margin: 0 auto;
    text-align: -webkit-center
}

@media (max-width: 44.6875em) {
    .download-block__header {
        max-width:30rem
    }
}

.download-block__grid {
    display: grid;
    gap: 3.1rem;
    grid-template-columns: 1fr 1fr 1fr;
    height: fit-content;
    margin-top: 6.7rem
}

@media (max-width: 44.6875em) {
    .download-block__grid {
        grid-template-columns:1fr
    }
}

.impression {
    background-image: url(../images/bg-block/bg-impression-block.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}

@media (max-width: 1180px) {
    .impression {
        padding:7.9rem 0 8.8rem
    }
}

.impression__grid {
    align-items: center;
    display: flex;
    gap: 7.2rem;
    justify-content: space-between
}

@media (max-width: 63.99em) {
    .impression__grid {
        gap:3.2rem
    }
}

@media (max-width: 1180px) {
    .impression__grid {
        grid-template-columns:1fr
    }
}

.impression__header {
    max-width: 42rem;
    width: 100%
}

@media (max-width: 1180px) {
    .impression__header {
        max-width:30rem;
        padding-bottom: 3.2rem
    }
}

.impression__header-description {
    margin-bottom: unset;
    max-width: 30.9rem
}

@media (max-width: 1180px) {
    .impression__header-description {
        max-width:29rem
    }
}

.impression__scrollable {
    -ms-overflow-style: none;
    align-items: center;
    display: grid;
    height: 84.5rem;
    justify-content: flex-end;
    max-width: 64.7rem;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    width: 100%
}

.impression__scrollable::-webkit-scrollbar {
    display: none
}

.impression__scrollable:before {
    background: linear-gradient(0deg,hsla(0,0%,100%,0),#fff);
    content: "";
    height: 21.7rem;
    pointer-events: none;
    position: absolute;
    top: -.5rem;
    width: 100%;
    z-index: 1
}

@media (max-width: 63.99em) {
    .impression__scrollable:before {
        height:12.4rem
    }
}

.impression__scrollable:after {
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: 0;
    content: "";
    height: 12.4rem;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (max-width: 63.99em) {
    .impression__scrollable {
        height:68rem
    }
}

@media (max-width: 1180px) {
    .impression__scrollable {
        display:none
    }
}

.impression__list {
    align-items: center;
    background-color: #f3f7f5;
    border-radius: 1.6rem;
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 3fr 1fr;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    padding: 3.2rem
}

.impression__list:first-child {
    margin-top: 21.7rem
}

@media (max-width: 63.99em) {
    .impression__list:first-child {
        margin-top:9.6rem
    }
}

.impression__list:last-child {
    margin-bottom: 9.6rem
}

@media (min-width: 80em) {
    .impression__list {
        gap:5.4rem
    }
}

@media (max-width: 1180px) {
    .impression__list {
        align-items:start;
        display: flex;
        flex-direction: row-reverse;
        gap: 1.6rem;
        padding: 1.6rem
    }

    .impression__list:first-child,.impression__list:last-child {
        margin: unset
    }
}

.impression__logo {
    position: relative;
    text-align: right
}

.impression__logo>img {
    max-width: 9rem
}

@media (max-width: 1180px) {
    .impression__logo>img {
        width:5rem
    }
}

.slide-image {
    background-color: #002b21;
    height: 100%;
    padding: 9.6rem 0 21.3rem;
    width: 100%
}

@media (max-width: 1180px) {
    .slide-image {
        padding:5.6rem 0 15.5rem
    }
}

.slide-image__header {
    color: #fff;
    margin: 0 auto 5.4rem;
    max-width: 77rem;
    text-align: center
}

@media (max-width: 1180px) {
    .slide-image__header {
        margin:0 auto 4.2rem
    }
}

.slide-image__image {
    border-radius: .8rem;
    cursor: grab;
    overflow: hidden;
    padding-bottom: 31.6%;
    position: relative;
    width: 100%
}

.slide-image__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1180px) {
    .slide-image__image {
        padding-bottom:56%
    }
}

@media (max-width: 32em) {
    .slide-image__image {
        padding-bottom:76%
    }
}

.slide-image .swiper {
    overflow: inherit
}

.slide-image .swiper-slide {
    transition: all .4s ease-in-out
}

.slide-image .swiper-slide:nth-child(odd) {
    transform: translateY(10.1rem)
}

.news-block {
    background-image: url(../images/bg-block/bg-news-block.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #004737;
    padding-bottom: 9.3rem;
    padding-top: 9.6rem
}

@media (max-width: 1180px) {
    .news-block {
        background-image:url(../images/bg-block/bg-news-block-mobile.webp);
        background-position: 100% -55%;
        background-size: contain
    }
}

.news-block__header {
    text-align: -webkit-center
}

.news-block__grid {
    display: grid;
    gap: 3.1rem;
    grid-template-columns: 1fr 1fr 1fr;
    height: fit-content;
    margin-top: 5.5rem
}

@media (max-width: 44.6875em) {
    .news-block__grid {
        grid-template-columns:1fr
    }
}

.certificate {
    background-color: #fbfbfb;
    position: relative
}

.certificate .wrapper {
    position: unset
}

.certificate__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 1180px) {
    .certificate__grid {
        grid-template-columns:1fr
    }
}

.certificate__left {
    margin-bottom: 9.3rem;
    margin-top: 6.1rem;
    padding-right: 5.8rem
}

@media (max-width: 1180px) {
    .certificate__left {
        margin-bottom:5.9rem;
        margin-top: 5.6rem;
        padding-right: 0
    }
}

.certificate__card {
    align-items: flex-start;
    border-bottom: .1rem solid #d1d6dd;
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 9.3rem 1fr;
    padding: 2.4rem 0
}

.certificate__card:first-child {
    margin-top: 3.2rem
}

@media (max-width: 1180px) {
    .certificate__card {
        grid-template-columns:6rem 1fr
    }

    .certificate__card:first-child {
        margin-top: .8rem
    }
}

.certificate__logo {
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.certificate__logo>img {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1180px) {
    .certificate__logo {
        max-width:6rem
    }
}

.certificate__right {
    align-items: flex-end;
    background-color: #004737;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 1
}

.certificate__right:after {
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -1
}

@media (max-width: 1180px) {
    .certificate__right {
        padding:7rem 0;
        position: relative
    }

    .certificate__right:after,.certificate__right:before {
        background-color: inherit;
        content: "";
        height: calc(100% + .1rem);
        position: absolute;
        width: 100%;
        z-index: -1
    }

    .certificate__right:after {
        right: -99%;
        top: 0
    }

    .certificate__right:before {
        left: -99%;
        top: 0
    }
}

.certificate__image {
    float: right;
    object-fit: cover;
    padding-top: 91.8%;
    position: relative;
    width: 68%
}

.certificate__image>img {
    clip-path: polygon(20% 0,100% 0,100% 87%,88% 100%,0 100%,0 11%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.certificate__image>span {
    color: #fff;
    font-size: 2.37rem;
    font-weight: 600;
    line-height: 3.3rem;
    position: absolute
}

.certificate__image--span1 {
    background-color: #002b21;
    border-radius: 3.4rem;
    left: -15.5%;
    padding: 2.5% 5.4%;
    top: 39%
}

.certificate__image--span2 {
    backdrop-filter: blur(1.07069rem);
    background-color: rgba(204,218,215,.47);
    border-radius: 2.8rem;
    left: -15%;
    padding: 2.5% 5.4%;
    top: 55%
}

.certificate__image--span3 {
    background-color: #8d98aa;
    border-radius: 2.4rem;
    padding: 2.5% 5.4%;
    right: -12.6%;
    top: 16%
}

.certificate__image--span4 {
    backdrop-filter: blur(1.07069rem);
    background-color: rgba(204,218,215,.67);
    border-radius: 2.8rem;
    padding: 2.5% 5.4%;
    right: -11%;
    top: 62.4%
}

@media (max-width: 1180px) {
    .certificate__image {
        margin:0 auto;
        padding-top: 118.26%;
        width: 87.71%
    }
}

.certificate__description {
    max-width: 30rem;
    width: 100%
}

.mission {
    background-color: #004737;
    background-image: url(../images/bg-block/bg-mission-block.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
    padding: 9.6rem 0 9rem;
    position: relative
}

@media (max-width: 1180px) {
    .mission {
        padding:5.6rem 0 10.4rem
    }
}

.mission__grid {
    display: grid;
    gap: 3.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 4.8rem
}

@media (max-width: 1180px) {
    .mission__grid {
        gap:3.2rem;
        grid-template-columns: 1fr;
        margin-top: 3.2rem
    }
}

.mission__card {
    backdrop-filter: blur(.35rem);
    background: rgba(204,218,215,.1);
    border: .1rem solid #99b5af;
    clip-path: polygon(3.6rem 0,100% 0,100% 100%,0 100%,0 3rem);
    height: fit-content;
    overflow: hidden;
    padding: 4.9rem 1.7rem 5.4rem 4.4rem;
    position: relative
}

.mission__card:nth-child(odd) {
    margin-top: 15.8rem
}

.mission__card:before {
    background-color: #fff;
    content: "";
    height: 5rem;
    left: 1.4rem;
    position: absolute;
    top: -.9rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(50deg);
    width: .1rem
}

@media (max-width: 1180px) {
    .mission__card:nth-child(odd) {
        margin:unset
    }
}

.quote {
    margin: 3.2rem 0 5.9rem
}

@media (max-width: 1180px) {
    .quote {
        margin:3.2rem 0
    }
}

.quote__reverse {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

@media (max-width: 1180px) {
    .quote__reverse {
        gap:3.2rem
    }
}

.quote__reverse--col1 {
    width: 53.5%
}

@media (max-width: 1180px) {
    .quote__reverse--col1 {
        width:100%
    }
}

.quote__reverse--col2 {
    width: 46.5%
}

@media (max-width: 1180px) {
    .quote__reverse--col2 {
        width:100%
    }
}

.quote__image {
    border-radius: .8rem;
    overflow: hidden;
    padding-bottom: 79.6%;
    position: relative;
    width: 100%
}

.quote__image>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.quote__content {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 20.4%;
    text-align: center;
    width: 100%
}

@media (max-width: 1180px) {
    .quote__content {
        padding:6rem 4.4rem
    }
}

.quote__content>div {
    position: relative
}

.quote__content>div:after,.quote__content>div:before {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.quote__content>div:before {
    background-image: url(../images/quote2.svg);
    top: -6.5rem
}

.quote__content>div:after,.quote__content>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 5.6rem;
    width: 5.6rem
}

.quote__content>div:after {
    background-image: url(../images/quote1.svg);
    bottom: -6.5rem
}

.subsidiary-block {
    background-image: url(../images/bg-block/bg-subsidiary-block.webp);
    background-position: 50% -40%;
    background-repeat: no-repeat;
    padding-top: 9.6rem;
    position: relative
}

@media (max-width: 1180px) {
    .subsidiary-block {
        background-position:top;
        background-size: 150% 50%
    }
}

.subsidiary-block__bg {
    background-size: cover;
    clip-path: polygon(7% 0,100% 0,100% 100%,0 100%,0 55%,7% 40%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

.subsidiary-block__header {
    margin: 0 auto 5rem;
    max-width: 60rem;
    text-align: center
}

@media (max-width: 1180px) {
    .subsidiary-block__header {
        margin:0 auto 3.2rem
    }
}

.subsidiary-block .subsidiary-item {
    background-color: #336c5f;
    color: #fff;
    display: flex;
    position: relative;
    z-index: 1
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item {
        display:block;
        margin-bottom: 4rem
    }
}

.subsidiary-block .subsidiary-item:before {
    background-color: #336c5f;
    content: "";
    height: 100%;
    position: absolute;
    right: 99%;
    top: 0;
    width: 50vw;
    z-index: -1
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item:before {
        display:none
    }
}

.subsidiary-block .subsidiary-item__col {
    position: relative;
    width: 52.2%
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item__col {
        width:100%
    }
}

.subsidiary-block .subsidiary-item__col.col-text {
    padding: 13rem 7rem 13rem 0;
    width: 47.8%
}

@media (min-width: 48em) and (max-width:63.99em) {
    .subsidiary-block .subsidiary-item__col.col-text {
        padding:4rem 4rem 4rem 0
    }
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item__col.col-text {
        padding:4.8rem 0 17rem;
        width: 100%
    }
}

.subsidiary-block .subsidiary-item__col.col-text:after {
    background-color: #336c5f;
    clip-path: polygon(100% 0,100% 50%,100% 100%,100% 85%,0 100%,0 0);
    content: "";
    height: 50%;
    left: 99%;
    position: absolute;
    top: -.03rem;
    width: 10%;
    z-index: 1
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item__col.col-text:after,.subsidiary-block .subsidiary-item__col.col-text:before {
        background-color:#336c5f;
        clip-path: none;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 50vw;
        z-index: -1
    }

    .subsidiary-block .subsidiary-item__col.col-text:before {
        left: auto;
        right: 99%
    }

    .subsidiary-block .subsidiary-item__col.col-media {
        aspect-ratio: 1.4;
        margin-top: -14rem
    }
}

.subsidiary-block .subsidiary-item__title {
    font-family: Manrope;
    font-weight: 400
}

.subsidiary-block .subsidiary-item__desc {
    font-size: 2rem;
    margin-top: 1.6rem
}

.subsidiary-block .subsidiary-item__group-btn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.6rem
}

.subsidiary-block .subsidiary-item__line {
    background-color: #fff;
    height: 3.6rem;
    margin: 0 1.6rem;
    width: .1rem
}

.subsidiary-block .subsidiary-item__bg {
    height: 100%;
    margin-right: calc(-58vw + 100%);
    position: relative
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item__bg {
        clip-path:polygon(58% 0,67% 11%,100% 11%,100% 100%,0 100%,0 0);
        margin: 0
    }
}

.subsidiary-block .subsidiary-item__bg>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.subsidiary-block .subsidiary-item__logo {
    left: 50%;
    max-width: 30rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

@media (min-width: 64em) and (max-width:90em) {
    .subsidiary-block .subsidiary-item__logo {
        max-width:16rem
    }
}

@media (max-width: 63.99em) {
    .subsidiary-block .subsidiary-item__logo {
        max-width:12rem
    }
}

.subsidiary-block .subsidiary-item:nth-of-type(2n) {
    background-color: #00392c;
    flex-direction: row-reverse
}

.subsidiary-block .subsidiary-item:nth-of-type(2n):before {
    background-color: #00392c;
    left: 99%;
    right: 0
}

.subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text {
    padding-left: 7rem;
    padding-right: 0
}

@media (min-width: 48em) and (max-width:63.99em) {
    .subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text {
        padding:4rem 0 4rem 4rem
    }
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text {
        padding:4.8rem 0 17rem
    }
}

.subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text:after {
    background-color: #00392c;
    clip-path: polygon(100% 0,100% 50%,100% 100%,100% 100%,0 85%,0 0);
    content: "";
    left: auto;
    position: absolute;
    right: 99%
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text:after {
        clip-path:none;
        left: 99%;
        right: auto
    }
}

.subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__col.col-text:before {
    background-color: #00392c
}

.subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__bg {
    margin-left: calc(-58vw + 100%);
    margin-right: 0
}

@media (max-width: 1180px) {
    .subsidiary-block .subsidiary-item:nth-of-type(2n) .subsidiary-item__bg {
        margin:0
    }
}

.subsidiary-block .subsidiary-item .button__inner {
    color: #fff
}

.subsidiary-block .subsidiary-item .button__underline {
    background-color: #fff
}

.subsidiary-block .subsidiary-item .icon-read-more {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0) saturate(1701%) hue-rotate(197deg) brightness(120%) contrast(100%)
}

.timeline {
    margin-top: 5.6rem
}

.timeline__wrapper {
    padding-top: 15rem;
    position: relative
}

@media (max-width: 63.99em) {
    .timeline__wrapper {
        padding-top:0
    }
}

.timeline__wrapper:after,.timeline__wrapper:before {
    border-left: .1rem solid #e8eaee;
    content: "";
    height: 77%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: .1rem;
    z-index: -1
}

@media (max-width: 79.99em) {
    .timeline__wrapper:after,.timeline__wrapper:before {
        display:none
    }
}

.timeline__wrapper:after {
    height: 72%;
    left: 25%;
    top: 5%
}

@media (min-width: 80em) {
    .timeline__heading {
        margin-bottom:-15%;
        max-width: 45%
    }
}

.timeline__container {
    margin-left: auto;
    max-width: 89.5rem;
    overflow: hidden;
    padding-bottom: 6rem;
    position: relative
}

@media (min-width: 80em) and (max-width:85.3125em) {
    .timeline__container {
        max-width:75rem
    }
}

@media (max-width: 79.99em) {
    .timeline__container {
        margin-top:4.5rem
    }
}

@media (max-width: 1180px) {
    .timeline__container {
        margin-left:-8vw;
        margin-right: -8vw
    }
}

.timeline__container:after,.timeline__container:before {
    background: linear-gradient(0deg,hsla(0,0%,100%,0),#fff);
    content: "";
    height: 10rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.timeline__container:before {
    top: -1%
}

.timeline__container:after {
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: -1%;
    height: 25rem
}

.timeline__scroll {
    margin-right: -3rem;
    max-height: 83rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 3rem
}

.timeline__scrollbar-track {
    border-right: .1rem solid #ccdad7;
    height: calc(100% - 6rem);
    left: 45%;
    position: absolute;
    top: 0;
    z-index: 1
}

@media (max-width: 63.99em) {
    .timeline__scrollbar-track {
        left:30%
    }
}

.timeline__scrollbar-thumb {
    background-color: #336c5f;
    height: 12.5rem;
    left: -.1rem;
    position: absolute;
    top: 0;
    width: .3rem
}

.timeline .timeline-item {
    display: flex;
    margin-bottom: 9.5rem
}

.timeline .timeline-item:first-child {
    margin-top: 9.5rem
}

.timeline .timeline-item:last-child {
    margin-bottom: 16rem
}

.timeline .timeline-item__left {
    padding-right: 1.165rem;
    width: 45%
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__left {
        padding-right:1.6rem;
        width: 30%
    }
}

.timeline .timeline-item__left:not(:has(:empty))~.timeline-item__right {
    padding-right: 20rem
}

@media (min-width: 48em) and (max-width:63.99em) {
    .timeline .timeline-item__left:not(:has(:empty))~.timeline-item__right {
        padding-right:16rem
    }
}

@media (max-width: 1180px) {
    .timeline .timeline-item__left:not(:has(:empty))~.timeline-item__right {
        padding-right:10rem
    }
}

.timeline .timeline-item__right {
    height: fit-content;
    padding-left: 3rem;
    position: relative;
    width: 55%
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__right {
        padding-left:1.6rem;
        width: 70%
    }
}

.timeline .timeline-item__right .timeline-item__desc {
    max-width: 100%
}

.timeline .timeline-item__right .timeline-item__image {
    height: -webkit-fill-available;
    position: absolute;
    right: 0;
    text-align: end;
    top: 0;
    width: 20rem
}

@media (min-width: 48em) and (max-width:63.99em) {
    .timeline .timeline-item__right .timeline-item__image {
        width:16rem
    }
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__right .timeline-item__image {
        top:50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 1180px) {
    .timeline .timeline-item__right .timeline-item__image {
        text-align:center;
        width: 10rem
    }
}

.timeline .timeline-item__right .timeline-item__image img {
    max-height: -webkit-fill-available;
    max-width: 20rem
}

@media (min-width: 48em) and (max-width:63.99em) {
    .timeline .timeline-item__right .timeline-item__image img {
        max-width:16rem
    }
}

@media (max-width: 1180px) {
    .timeline .timeline-item__right .timeline-item__image img {
        margin-right:-5vw;
        max-width: 10rem
    }
}

.timeline .timeline-item__years {
    color: #004737;
    font-size: 4.6rem;
    font-weight: 300;
    letter-spacing: -.02em;
    line-height: 130%
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__years {
        font-size:3.4rem
    }
}

.timeline .timeline-item__desc {
    max-width: 65%
}

.timeline .timeline-item__desc.full-width {
    max-width: 100%
}

.timeline .timeline-item__image {
    text-align: right
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__image {
        text-align:left
    }
}

.timeline .timeline-item__image img {
    max-width: 25rem
}

@media (max-width: 63.99em) {
    .timeline .timeline-item__image img {
        max-width:100%
    }
}

.vision {
    border-radius: 8px;
    clip-path: polygon(12% 0,100% 0,100% 100%,0 100%,0 20%);
    margin-bottom: 9.6rem;
    overflow: hidden;
    padding-top: 43.969%;
    position: relative;
    width: 100%
}

@media (max-width: 1180px) {
    .vision {
        clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 9%);
        margin-bottom: 5.6rem;
        padding-top: 133.843%
    }
}

.vision>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.vision__content {
    left: 50%;
    max-width: 62.3rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1
}

@media (max-width: 1180px) {
    .vision__content {
        max-width:28.7rem
    }
}

.wpcf7-select.type-form~.select2-container--default {
    margin-bottom: 2.4rem
}

.wpcf7-select.type-form~.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000
}

#dropdown-goods~.select2-container--default {
    height: 100%;
    min-height: 4.8rem
}

#dropdown-goods~.select2-container--default .select2-selection--multiple {
    height: 100%;
    min-height: 4.8rem;
    padding-bottom: .55rem;
    padding-top: .55rem
}

#dropdown-goods~.select2-container--default .select2-selection__arrow {
    height: 100%
}

.select2-container {
    height: 4.8rem;
    width: 100%!important
}

.select2-container--focus {
    border: .1rem solid #004737;
    border-radius: .5rem
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    align-items: center;
    color: #8d98aa;
    display: flex;
    font-size: 1.6rem;
    height: 100%;
    padding-left: 1.6rem;
    padding-right: 4.4rem;
    transition: color .2s
}

.select2-container .select2-selection--single {
    height: 100%
}

.select2-container .select2-selection--multiple {
    align-items: center;
    cursor: unset;
    display: flex;
    height: 100%;
    padding-bottom: unset;
    padding-right: 4.4rem
}

.select2-container .select2-selection--multiple .select2-selection__arrow {
    height: 4.8rem;
    margin-right: .6rem;
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: 2rem
}

.select2-container .select2-selection--multiple .select2-selection__arrow.active>b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container .select2-selection--multiple .select2-selection__arrow>b {
    border-color: #004737 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -.5rem;
    margin-top: -.2rem;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-top: 0;
    padding-left: 1.6rem!important;
    padding-right: 1.6rem!important
}

.select2-container .select2-selection--multiple .select2-selection__rendered:not(:has(li)) {
    padding: 0 0 0 1.6rem!important
}

.select2-container .select2-selection--multiple .select2-selection__rendered:has(li) {
    --gap: 1rem;
    display: inline-flex;
    flex-wrap: wrap;
    margin: calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);
    width: fit-content
}

.select2-container .select2-selection--multiple .select2-selection__rendered:has(li)~.select2-search--inline>textarea {
    display: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered>li {
    background-color: #f0f9e6;
    margin: var(--gap) 0 0 var(--gap)
}

.select2-container .select2-selection--multiple .select2-selection__rendered>li button {
    background-color: #f0f9e6;
    height: 100%
}

.select2-container .select2-selection--multiple .select2-search--inline {
    align-items: center;
    cursor: pointer;
    display: flex
}

.select2-container .select2-selection--multiple .select2-search--inline textarea {
    margin: 0
}

.select2-container .select2-selection:hover {
    border: .1rem solid #004737
}

.select2-container .select2-selection .select2-selection__arrow {
    border-width: 5px 4px 0;
    height: 4.8rem;
    margin-left: -.5rem;
    margin-right: .6rem;
    margin-top: -.2rem
}

.select2-container .select2-selection .select2-selection__arrow>b {
    border-color: #004737 transparent transparent
}

.select2-container .select2-dropdown {
    margin-top: 1.6rem
}

.select2-container .select2-dropdown--above,.select2-container .select2-dropdown--below {
    border: .1rem solid #fff!important;
    border-radius: .8rem!important;
    box-shadow: 0 0 4rem 0 rgba(89,126,166,.1)
}

.select2-container .select2-dropdown--above .add-item,.select2-container .select2-dropdown--below .add-item {
    display: flex;
    padding: 1.6rem
}

.select2-container .select2-dropdown--above .add-item .item-name,.select2-container .select2-dropdown--below .add-item .item-name {
    margin-right: 1.6rem
}

.select2-container .select2-dropdown--above .add-item .btn-primary,.select2-container .select2-dropdown--below .add-item .btn-primary {
    margin-bottom: 0
}

.select2-container .select2-dropdown--above .select2-results,.select2-container .select2-dropdown--below .select2-results {
    box-shadow: none!important
}

.select2-container .select2-dropdown .select2-search {
    display: none
}

.select2-container .select2-dropdown .select2-results {
    box-shadow: 0 0 4rem rgba(89,126,166,.1)
}

.select2-container .select2-dropdown .select2-results__options {
    height: 100%;
    padding: .8rem
}

.select2-container .select2-dropdown .select2-results__options li {
    align-items: center;
    border-radius: .8rem;
    display: flex;
    min-height: 5rem;
    padding: 1.6rem;
    position: relative
}

.select2-container .select2-dropdown .select2-results__options li[aria-selected=true] {
    background-color: unset;
    color: #004737
}

.select2-container .select2-dropdown .select2-results__options:not([id=select2-dropdown-goods-results]) li:first-child {
    display: none
}

.select2-container .select2-dropdown .select2-results__option--selected {
    background-color: transparent;
    color: #004737
}

.select2-container .select2-dropdown .select2-results__option--selected:before {
    content: url(../images/icons/np_check.svg);
    height: fit-content;
    position: absolute;
    right: .75rem;
    top: 57.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: fit-content
}

.select2-container .select2-dropdown .select2-results--highlighted,.select2-container .select2-dropdown .select2-results__option--highlighted {
    background-color: #f0f9e6!important
}

.select2-hidden-accessible {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.facetwp-facet {
    height: 100%!important;
    margin: unset!important;
    width: 100%!important
}

.facetwp-facet input {
    height: 4.8rem;
    min-width: unset!important
}

.fs-label-wrap,.fs-wrap {
    height: 100%!important;
    width: 100%!important
}

.filter .fs-label-wrap .fs-label {
    display: inline-block!important;
    line-height: 4.5rem!important;
    padding-right: 3rem!important
}

.fs-label {
    cursor: pointer;
    height: 100%!important;
    width: 100%!important
}

.fs-label__badge {
    align-items: center;
    background-color: #004737;
    border-radius: 100%;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    height: 2rem;
    justify-content: center;
    margin-left: .3rem;
    margin-right: .9rem;
    position: relative;
    top: -.175rem;
    width: 2rem
}

.fs-search {
    display: none!important
}

.fs-dropdown {
    border: none!important;
    border-radius: 1.6rem;
    box-shadow: 0 .4rem 2rem hsla(0,0%,78%,.65);
    max-height: 36.4rem;
    padding: 2.7rem 2.4rem 2.4rem;
    right: 0
}

.fs-dropdown:before {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    bottom: 7.1rem;
    content: "";
    height: 4.9rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 91%;
    z-index: 1
}

.fs-options {
    max-height: 21rem!important;
    position: relative
}

.fs-option {
    color: #004737;
    padding: 1.3rem 0 1.3rem 2.8rem!important
}

.fs-option:last-child {
    margin-bottom: 2.4rem
}

.fs-open .fs-label-wrap .fs-label,.fs-open .fs-label-wrap .fs-label:hover {
    border: .1rem solid #336c5f!important;
    color: #000!important
}

.fs-checkbox {
    width: 2.4rem!important
}

.fs-checkbox i {
    border-color: #000!important;
    height: 1.8rem!important;
    width: 1.8rem!important
}

.selected .fs-checkbox i {
    background-color: transparent!important;
    background-image: url(../images/icons/checkBox-active.svg);
    background-repeat: no-repeat;
    background-size: inherit
}

.search .facetwp-input-wrap {
    height: 100%;
    width: 100%
}

.search .facetwp-input-wrap input {
    border: .1rem solid #a4adbb;
    border-radius: .5rem;
    box-shadow: none;
    color: #004737;
    font-size: 1.6rem;
    overflow: hidden;
    transition: all .4s ease-in-out
}

.search .facetwp-input-wrap input::placeholder {
    color: #a4adbb
}

.search .facetwp-input-wrap input:focus {
    border: .1rem solid #004737
}

.search .facetwp-input-wrap input.facetwp-search {
    padding-right: 4rem
}

.search .facetwp-icon {
    color: #004737;
    opacity: unset
}

.search .facetwp-icon:before {
    background-image: url(../images/icons/icon-search.svg);
    background-position: 50% 50%;
    width: 5.2rem
}

.filter {
    height: 4.8rem
}

.filter .fs-label-wrap {
    border: none
}

.filter .fs-label-wrap .fs-label {
    align-items: center;
    border: .1rem solid #a4adbb;
    border-radius: .5rem;
    color: #a4adbb;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    padding: unset;
    padding-left: 1.6rem;
    transition: all .4s ease-in-out
}

.filter .fs-label-wrap .fs-label:hover {
    border: .1rem solid #004737;
    color: #004737
}

.filter .fs-label-wrap .fs-arrow {
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-top: .7rem solid #004737;
    right: 2rem
}

.not-border .fs-label-wrap,.not-border .fs-open .fs-label-wrap .fs-label {
    border: none!important
}

.not-border .fs-wrap {
    width: 10rem!important
}

.not-border .fs-label {
    color: #004737
}

.not-border .fs-arrow {
    border-left: .7rem solid transparent!important;
    border-right: .7rem solid transparent!important;
    border-top: .7rem solid #004737!important
}

.not-border .fs-search {
    display: none!important
}

.not-border .fs-option-label {
    color: #004737
}

.not-border .facetwp-facet {
    border: none;
    margin: unset!important
}

.not-border .fs-dropdown {
    background: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 .4rem 2rem hsla(0,0%,78%,.65);
    right: 0;
    width: 31.2rem!important
}

.not-border .fs-option {
    padding: 1.3rem 2.8rem!important
}

.facetwp-btn {
    align-items: center;
    display: flex;
    gap: 1.7rem;
    justify-content: center;
    position: relative;
    z-index: 2
}

.facetwp-btn__reset {
    cursor: pointer;
    padding: 1.3rem 1.65rem
}

.facetwp-btn .btn-primary {
    width: 100%
}

.filter .fs-label-wrap .fs-label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.facetwp-pager {
    margin-bottom: 7.2rem;
    text-align: center
}

.facetwp-page.active {
    background: #f0f9e6;
    border-radius: .8rem;
    cursor: unset!important;
    font-weight: unset!important
}

.facetwp-page {
    color: #1c1e22;
    line-height: 2.5rem;
    margin: unset!important;
    padding: .8rem 1.6rem!important
}

.facetwp-page.next,.facetwp-page.prev {
    display: none!important
}

.select2-search__field,.wpcf7 {
    font-family: Kanit;
    font-size: 1.6rem;
    font-weight: 300
}

.wpcf7,[class*=forms] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.wpcf7>label,[class*=forms]>label {
    margin-bottom: 2.4rem;
    margin-top: .8rem
}

@media (max-width: 1180px) {
    .wpcf7 .row .col:first-child,[class*=forms] .row .col:first-child {
        margin-bottom:2.4rem
    }
}

.wpcf7 .row .col--2,[class*=forms] .row .col--2 {
    margin: 0;
    padding: 0
}

.wpcf7 .row .col--2:first-child,[class*=forms] .row .col--2:first-child {
    padding-right: 1.2rem
}

@media (max-width: 1180px) {
    .wpcf7 .row .col--2:first-child,[class*=forms] .row .col--2:first-child {
        padding-right:unset
    }
}

.wpcf7 .row .col--2:last-child,[class*=forms] .row .col--2:last-child {
    padding-left: 1.2rem
}

@media (max-width: 1180px) {
    .wpcf7 .row .col--2:last-child,[class*=forms] .row .col--2:last-child {
        padding-left:unset
    }
}

.wpcf7>div,.wpcf7>input,.wpcf7>span,[class*=forms]>div,[class*=forms]>input,[class*=forms]>span {
    margin-bottom: 2.4rem;
    width: -webkit-fill-available
}

.wpcf7 [data-class=wpcf7cf_group]>span:not(:last-child) .wpcf7-radio>span,.wpcf7 [data-class=wpcf7cf_group]>span:not(:last-child)>span,[class*=forms] [data-class=wpcf7cf_group]>span:not(:last-child) .wpcf7-radio>span,[class*=forms] [data-class=wpcf7cf_group]>span:not(:last-child)>span {
    margin-bottom: 2.4rem
}

.wpcf7>label,[class*=forms]>label {
    margin-right: auto
}

.wpcf7 .wpcf7-file,[class*=forms] .wpcf7-file {
    height: 100%;
    width: 100%
}

.wpcf7 input[type=checkbox]:checked,[class*=forms] input[type=checkbox]:checked {
    background-color: #004737
}

.wpcf7 input,.wpcf7 textarea,[class*=forms] input,[class*=forms] textarea {
    border: .1rem solid #a4adbb;
    border-radius: .5rem
}

.wpcf7 input:hover,.wpcf7 textarea:hover,[class*=forms] input:hover,[class*=forms] textarea:hover {
    border: .1rem solid #004737
}

.wpcf7 input[type=submit],[class*=forms] input[type=submit] {
    height: 4.8rem;
    opacity: 0;
    position: absolute;
    width: 15.4rem;
    z-index: 1
}

.wpcf7 .wpcf7-spinner,[class*=forms] .wpcf7-spinner {
    display: none
}

.wpcf7 .btn-conditions,[class*=forms] .btn-conditions {
    color: #000;
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline;
    vertical-align: bottom
}

.wpcf7 .uploadfile>span,[class*=forms] .uploadfile>span {
    height: 4.8rem;
    opacity: 0;
    position: absolute;
    width: -webkit-fill-available;
    z-index: 1
}

.wpcf7 .uploadfile:hover .uploadf .btn-outline-white,[class*=forms] .uploadfile:hover .uploadf .btn-outline-white {
    background-color: #004737
}

.wpcf7 .uploadfile:hover .uploadf .btn-outline-white:before,[class*=forms] .uploadfile:hover .uploadf .btn-outline-white:before {
    background: #ccdad7
}

.wpcf7 .uploadfile:hover .uploadf .btn-outline-white:after,[class*=forms] .uploadfile:hover .uploadf .btn-outline-white:after {
    color: #004737;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.wpcf7 .uploadfile:hover .uploadf .btn-outline-white>div,[class*=forms] .uploadfile:hover .uploadf .btn-outline-white>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.wpcf7 .uploadfile:hover .uploadf .extext-career,.wpcf7 .uploadfile:hover .uploadf .extext-customer,.wpcf7 .uploadfile:hover .uploadf .extext-vendor,[class*=forms] .uploadfile:hover .uploadf .extext-career,[class*=forms] .uploadfile:hover .uploadf .extext-customer,[class*=forms] .uploadfile:hover .uploadf .extext-vendor {
    border: .1rem solid #004737
}

.wpcf7 .uploadfile .uploadf,[class*=forms] .uploadfile .uploadf {
    align-items: center;
    display: flex;
    flex-flow: row nowrap
}

.wpcf7 .uploadfile .uploadf .extext-career,.wpcf7 .uploadfile .uploadf .extext-customer,.wpcf7 .uploadfile .uploadf .extext-vendor,[class*=forms] .uploadfile .uploadf .extext-career,[class*=forms] .uploadfile .uploadf .extext-customer,[class*=forms] .uploadfile .uploadf .extext-vendor {
    border: .1rem solid #a4adbb;
    border-radius: .5rem;
    margin-right: 1.6rem;
    transition: all .4s ease-in-out
}

@media (max-width: 1180px) {
    .wpcf7 .uploadfile .uploadf .extext-career,.wpcf7 .uploadfile .uploadf .extext-customer,.wpcf7 .uploadfile .uploadf .extext-vendor,[class*=forms] .uploadfile .uploadf .extext-career,[class*=forms] .uploadfile .uploadf .extext-customer,[class*=forms] .uploadfile .uploadf .extext-vendor {
        width:-webkit-fill-available
    }
}

.wpcf7 .uploadfile .uploadf .btn-outline-white,[class*=forms] .uploadfile .uploadf .btn-outline-white {
    margin: 0 0 0 auto
}

.wpcf7 .uploadfile .uploadf .btn-outline-white:before,[class*=forms] .uploadfile .uploadf .btn-outline-white:before {
    left: 1%;
    width: 98%
}

.wpcf7 .button-submit,[class*=forms] .button-submit {
    margin-right: auto;
    width: auto
}

@media (max-width: 1180px) {
    .wpcf7 .button-submit,[class*=forms] .button-submit {
        width:100%
    }
}

.wpcf7 .button-submit:hover .btn-primary,[class*=forms] .button-submit:hover .btn-primary {
    background-color: #004737;
    border: .1rem solid #004737;
    box-shadow: 0 .7rem 1.8rem rgba(0,71,55,.35)
}

.wpcf7 .button-submit:hover .btn-primary:before,[class*=forms] .button-submit:hover .btn-primary:before {
    color: #fff;
    opacity: 1;
    transform: translate(-50%,-50%)
}

.wpcf7 .button-submit:hover .btn-primary>div,[class*=forms] .button-submit:hover .btn-primary>div {
    opacity: 0;
    transform: translate(-50%,-200%)
}

.wpcf7 .button-submit .submitf,[class*=forms] .button-submit .submitf {
    width: 15.4rem
}

@media (max-width: 1180px) {
    .wpcf7 .button-submit .submitf,[class*=forms] .button-submit .submitf {
        clip-path:polygon(0 35%,5% 0,100% 0,100% 77%,97% 100%,0 100%)
    }
}

.wpcf7-list-item {
    align-items: center;
    display: inline-flex;
    flex-direction: row-reverse;
    margin: 0 1.6rem 0 0
}

.wpcf7-list-item>label {
    align-items: flex-start;
    display: flex
}

.wpcf7-list-item>label>span {
    padding-left: 2rem
}

.wpcf7-list-item .wpcf7-list-item-label {
    float: right;
    margin-left: .8rem
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--focus {
    border: none
}

.wpcf7 form .wpcf7-response-output {
    border: none;
    margin: 0;
    padding: 1rem 0
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #dc3232
}

.location__show-map #map {
    height: 52rem;
    z-index: 1
}

.custom-table {
    -ms-overflow-style: none;
    border: .1rem solid #a4adbb;
    border-radius: 2.4rem;
    overflow-y: hidden;
    scrollbar-width: none;
    width: 100%
}

.custom-table::-webkit-scrollbar {
    display: none
}

@media (max-width: 1180px) {
    .custom-table {
        overflow-x:auto
    }
}

.custom-table table {
    margin: 0
}

.custom-table table caption {
    display: none!important
}

.custom-table table thead tr>th {
    background-color: #004737;
    border-right: .1rem solid #336c5f;
    color: #fff;
    font-weight: 500;
    padding: 2.4rem;
    text-align: -webkit-center
}

.custom-table table thead tr>th:last-child {
    border: none
}

.custom-table table tbody {
    color: #000;
    table-layout: fixed
}

.custom-table table tbody *>td:not([rowspan]) {
    padding: 3rem 0
}

.custom-table table tbody *>td:not([rowspan])[class*="2"] {
    text-align: -webkit-center
}

.custom-table table tbody *>td:not([rowspan]):not([class*="2"]) {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.custom-table table tbody *>td[class*="1"],.custom-table table tbody *>td[rowspan] {
    background-color: #f3f7f5;
    position: relative;
    text-align: -webkit-center;
    vertical-align: middle;
    z-index: 1
}

@media (max-width: 1180px) {
    .custom-table table tbody *>td[class*="1"]:first-child,.custom-table table tbody *>td[rowspan]:first-child {
        left:0;
        min-width: 9rem;
        position: sticky;
        top: 0;
        word-break: break-word
    }

    .custom-table table tbody *>td[class*="1"]:first-child:after,.custom-table table tbody *>td[rowspan]:first-child:after {
        border-right: .1rem solid #a4adbb;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .custom-table table th:first-child {
        border-right: none;
        left: 0;
        min-width: 9rem;
        padding: 1rem;
        position: sticky;
        top: 0;
        word-break: break-word
    }

    .custom-table table th:first-child:after {
        border-right: .1rem solid #336c5f;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.custom-table table td {
    background-color: #fff;
    border-color: #a4adbb;
    border-right: .1rem solid #a4adbb
}

.custom-table table td:last-child {
    border-right: none
}

@media (max-width: 1180px) {
    .custom-table table td[class=column-1]:first-child {
        border-right:none
    }
}

.language_list {
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.language_list .other_lang {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 17px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 4px 17px 0 rgba(0,0,0,.26);
    box-shadow: 0 4px 17px 0 rgba(0,0,0,.26);
    display: none;
    margin-top: 1rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 2.4rem;
    z-index: 99
}

.language_list .other_lang:after {
    background-color: #fff;
    content: "";
    display: none;
    height: .8rem;
    left: 50%;
    position: absolute;
    top: -.3rem;
    transform: translateX(-50%) rotate(45deg);
    width: .8rem
}

.language_list .other_lang--show {
    animation: lang_in .2s forwards;
    display: block;
    opacity: 1
}

.language_list .other_lang ul {
    margin: 0;
    padding: .8rem 1.6rem
}

.language_list .other_lang ul li {
    align-items: center;
    border-radius: .5rem;
    display: block;
    display: flex;
    height: 3.4rem;
    margin: .8rem 0;
    padding: 0;
    transition: all .2s
}

.language_list .other_lang ul li:before {
    display: none
}

.language_list .other_lang ul li a {
    color: #717a88;
    text-decoration: none
}

.language_list .other_lang ul li:hover a {
    color: #004737
}

.language_list .other_lang ul .activeLang {
    transition: all .5s
}

.language_list .other_lang ul .activeLang a {
    color: #004737;
    transition: all .5s
}

.language_list .other_lang ul .activeLang:hover a {
    color: #004737
}

.language_list .active_lang {
    padding-right: 1.5rem;
    position: relative
}

.language_list .active_lang--multiple {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: all .2s
}

.language_list .active_lang--multiple:hover {
    transition: all .2s
}

.language_list .active_lang--multiple:after {
    background-image: url(../images/icons/dropdown-menu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 1.6rem;
    margin-left: -.8rem;
    transition: all .2s;
    width: 1.6rem
}

.language_list .active_lang--multiple--active:after {
    transform: rotate(-180deg)
}

.language_list--mobile {
    align-items: center;
    color: #717a88;
    display: flex;
    margin: 0 -1rem;
    text-transform: uppercase
}

.language_list--mobile>div {
    padding: 0 1rem
}

.language_list--mobile .active_lang {
    color: #000
}

@keyframes lang_in {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (min-width: 48em) {
    .is-mobile {
        display:none
    }
}

@media (max-width: 1180px) {
    .is-desktop {
        display:none
    }
}