/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/home.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.highlight-slider .highlight-banner {
    height: 45.83333vw;
    max-height: 750px;
    position: relative
}

@media (max-width:991.98px) {
    .highlight-slider .highlight-banner {
        height: 75vw
    }
}

@media (max-width:767.98px) {
    .highlight-slider .highlight-banner {
        height: 100vw
    }
}

@media (max-width:576.98px) {
    .highlight-slider .highlight-banner {
        height: 140vw
    }
}

.highlight-slider .highlight-banner:before {
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.75));
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.highlight-slider .highlight-banner .highlight-banner-container {
    color: #fff;
    height: 100%;
    left: 0;
    padding: 2rem 3rem 140px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@media (max-width:576.98px) {
    .highlight-slider .highlight-banner .highlight-banner-container {
        padding-left: 0;
        padding-right: 0
    }
}

.highlight-slider .highlight-banner .highlight-banner-container .row {
    align-items: flex-end;
    height: 100%
}

.highlight-slider .highlight-banner .highlight-banner-container .container {
    height: 100%
}

.highlight-slider .highlight-banner .highlight-banner-container .highlight-title {
    font-weight: 300;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(25px);
    transition: .3s;
    transition-delay: .15s;
    visibility: hidden
}

@media (max-width:576.98px) {
    .highlight-slider .highlight-banner .highlight-banner-container .highlight-title {
        font-size: 1.25rem
    }
}

.highlight-slider .highlight-banner .bg-highlight-banner {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

.highlight-slider .highlight-banner .bg-highlight-banner img,.highlight-slider .highlight-banner .bg-highlight-banner video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.highlight-slider .swiper-slide.swiper-slide-active .highlight-banner-container .highlight-title {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.highlight-slider .swiper-tools-group {
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
    z-index: 4
}

.highlight-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-next,.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover,.highlight-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

.highlight-slider .swiper-tools-group .col-fraction {
    width: 75px
}

.highlight-slider .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

.highlight-slider .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

.highlight-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

.highlight-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    .highlight-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

.highlight-slider .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

#highlight {
    background: url(/_next/static/media/bg-highlight.b82a8639.png) 25% no-repeat;
    position: relative
}

@media (max-width:991.98px) {
    #highlight {
        background-position: 50%;
        background-size: 150% auto
    }
}

#highlight:before {
    background: url(/_next/static/media/bg-half-circle.d504dead.png) 100% 100% no-repeat;
    background-size: 260px 180px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:767.98px) {
    #highlight:before {
        background-size: 220px 152px
    }
}

@media (max-width:576.98px) {
    #highlight:before {
        background-size: 180px 124px
    }
}

#highlight .container {
    position: relative;
    z-index: 2
}

#news {
    background: #f3f5fb
}

#story {
    position: relative
}

#story .story-slider .swiper-container {
    margin-left: -10px;
    padding: 10px;
    width: calc(100% + 20px)
}

#story .story-slider .swiper-pagination {
    margin-top: 15px
}

#story .story-slider .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 50px
}

#story .story-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

#story:before {
    background: url(/_next/static/media/bg-half-circle.d504dead.png) 100% 100% no-repeat;
    background-size: 325px 225px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    transform: scaleX(-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:767.98px) {
    #story:before {
        background-size: 275px 190px
    }
}

@media (max-width:576.98px) {
    #story:before {
        background-size: 225px 155px
    }
}

#story .container {
    position: relative;
    z-index: 2
}

#whatwedo {
    background: url(/_next/static/media/bg-whatwedo.43a0167d.png) bottom no-repeat #fbfbfe;
    background-size: 100% auto;
    position: relative
}

#whatwedo:before {
    background: #bf2419;
    background: linear-gradient(200deg,#bf2419,#bf2419 50%,#6b0b04);
    border-bottom-left-radius: 100px;
    content: "";
    height: 350px;
    height: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

#whatwedo .container {
    position: relative;
    z-index: 2
}

#whatwedo .col-title {
    color: #fff;
    width: 500px
}

@media (max-width:991.98px) {
    #whatwedo .col-title {
        margin-bottom: 25px;
        width: 100%
    }
}

#whatwedo .col-title .btn {
    border: 1px solid #fff;
    color: #fff
}

#whatwedo .col-title .btn i {
    display: inline-block;
    transition: .3s
}

#whatwedo .col-title .btn:hover {
    background: #fff;
    border-color: #fff;
    color: #000
}

#whatwedo .col-title .btn:hover i {
    transform: translateX(3px)
}

#whatwedo .col-title hr {
    border: 0;
    border-bottom: 1px solid #fff;
    margin: 1.5rem 0;
    opacity: 1
}

#whatwedo .col-slide-content {
    width: calc(100% - 500px)
}

@media (max-width:991.98px) {
    #whatwedo .col-slide-content {
        width: 100%
    }
}

#whatwedo .col-slide-content .slide-content-wrapper {
    width: calc(50vw + 140px)
}

@media (max-width:1400.98px) {
    #whatwedo .col-slide-content .slide-content-wrapper {
        width: calc(50vw + 50px)
    }
}

@media (max-width:1199.98px) {
    #whatwedo .col-slide-content .slide-content-wrapper {
        width: calc(50vw - 40px)
    }
}

@media (max-width:991.98px) {
    #whatwedo .col-slide-content .slide-content-wrapper {
        margin-left: calc(-50vw - -345px);
        width: 100vw
    }
}

@media (max-width:767.98px) {
    #whatwedo .col-slide-content .slide-content-wrapper {
        margin-left: calc(-50vw - -255px)
    }
}

@media (max-width:576.98px) {
    #whatwedo .col-slide-content .slide-content-wrapper {
        margin-left: -20px
    }
}

#whatwedo .whatwedo-slider .swiper-container {
    padding: 10px 0
}

#whatwedo .whatwedo-slider .swiper-slide {
    height: 479.99966px;
    width: 380px
}

@media (max-width:991.98px) {
    #whatwedo .whatwedo-slider .swiper-slide {
        height: 404.21024px;
        width: 320px
    }
}

@media (max-width:576.98px) {
    #whatwedo .whatwedo-slider .swiper-slide {
        height: 378.9471px;
        width: 300px
    }
}

#whatwedo .whatwedo-slider .swiper-slide.swiper-slide-active .card-whatwedo .card-desc:before {
    border-color: #da291c;
    border-width: 4px;
    bottom: 0;
    height: 100%
}

#whatwedo .whatwedo-slider .swiper-slide.swiper-slide-active .card-whatwedo .card-desc .card-title {
    color: #da291c
}

#whatwedo .whatwedo-slider .swiper-slide.swiper-slide-active .card-whatwedo .card-desc .card-nav button {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

#whatwedo .whatwedo-slider .swiper-tools-group {
    bottom: 0;
    bottom: 10px;
    left: 0;
    left: -515px;
    padding-bottom: 0;
    position: absolute;
    width: 100%;
    width: 500px;
    z-index: 4
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

#whatwedo .whatwedo-slider .swiper-tools-group .col-fraction {
    width: 75px
}

#whatwedo .whatwedo-slider .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    #whatwedo .whatwedo-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

@media (max-width:991.98px) {
    #whatwedo .whatwedo-slider .swiper-tools-group {
        left: 0;
        padding-top: 25px;
        position: relative;
        width: 100%
    }
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border-color: #d0d0ce;
    color: #000;
    margin-right: 6px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #000
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,#whatwedo .whatwedo-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 40px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-fraction {
    color: #000;
    margin-bottom: 5px
}

#whatwedo .whatwedo-slider .swiper-tools-group .swiper-title {
    margin-bottom: 25px
}

#showcase {
    text-align: center
}

#showcase img {
    width: 100%
}

#documents {
    background: url(/_next/static/media/bg-documents.7205333b.png) 100% 100% no-repeat;
    background-size: 650px auto
}

@media (max-width:1400.98px) {
    #documents {
        background-size: 600px auto
    }
}

@media (max-width:991.98px) {
    #documents {
        background-size: 500px auto
    }
}

@media (max-width:576.98px) {
    #documents {
        background-size: 350px auto
    }
}

#documents .documents-wrapper {
    border: 1px solid #d8dcdc
}

#documents .documents-wrapper .documents-header {
    background: #da291c;
    color: #fff;
    padding: 1rem 2rem
}

@media (max-width:767.98px) {
    #documents .documents-wrapper .documents-header {
        padding: 1rem 1.25rem
    }
}

#documents .documents-wrapper .document-item {
    background: hsla(0,0%,100%,.5)
}

#documents .documents-wrapper .document-item a {
    border-bottom: 1px solid #d8dcdc;
    color: #000;
    display: block;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: .3s
}

@media (max-width:767.98px) {
    #documents .documents-wrapper .document-item a {
        padding: .75rem 1.25rem
    }
}

#documents .documents-wrapper .document-item a:hover {
    color: #da291c
}

#documents .documents-wrapper .document-item:last-of-type a {
    border-bottom: 0
}

#documents .documents-wrapper .document-item .col-title {
    padding-bottom: 6px;
    padding-top: 6px;
    width: calc(100% - 400px)
}

@media (max-width:991.98px) {
    #documents .documents-wrapper .document-item .col-title {
        width: 100%
    }
}

@media (max-width:576.98px) {
    #documents .documents-wrapper .document-item .col-title h5 {
        font-size: 1.1rem
    }
}

#documents .documents-wrapper .document-item .col-detail {
    color: #66747e;
    font-size: 1rem;
    width: 400px
}

@media (max-width:991.98px) {
    #documents .documents-wrapper .document-item .col-detail {
        width: 100%
    }
}

@media (max-width:576.98px) {
    #documents .documents-wrapper .document-item .col-detail {
        font-size: .85rem
    }
}

#documents .documents-wrapper .document-item .col-detail>.row {
    justify-content: flex-end
}

@media (max-width:991.98px) {
    #documents .documents-wrapper .document-item .col-detail>.row {
        justify-content: flex-start
    }
}

#documents .documents-wrapper .document-item .col-icon {
    color: #66747e
}

#documents .documents-wrapper .document-item .col-icon .document-icon {
    border: 1px solid #66747e;
    border-radius: 100%;
    height: 40px;
    padding: 8px 5px;
    text-align: center;
    width: 40px
}

@media (max-width:991.98px) {
    #documents .documents-wrapper .document-item .col-icon .document-icon {
        height: 35px;
        padding: 6px 5px;
        width: 35px
    }
}

@media (max-width:576.98px) {
    #documents .documents-wrapper .document-item .col-icon .document-icon {
        height: 30px;
        padding: 3px 5px;
        width: 30px
    }
}

#documents .documents-wrapper .document-item .col-icon .document-icon i {
    display: block;
    font-size: 1.35rem;
    transition: .3s
}

@media (max-width:991.98px) {
    #documents .documents-wrapper .document-item .col-icon .document-icon i {
        font-size: 1.25rem
    }
}

@media (max-width:576.98px) {
    #documents .documents-wrapper .document-item .col-icon .document-icon i {
        font-size: 1rem
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/policy.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
#policy .policy-row {
    --bs-gutter-x: 50px
}

#policy .col-sidebar {
    width: 350px
}

@media (max-width:991.98px) {
    #policy .col-sidebar {
        margin-bottom: 30px;
        width: 100%
    }
}

#policy .col-sidebar .sidebar-wrapper .sidebar-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#policy .col-sidebar .sidebar-wrapper .sidebar-container ul>li {
    border-bottom: 1px solid #d0d0ce
}

@media (max-width:991.98px) {
    #policy .col-sidebar .sidebar-wrapper .sidebar-container ul>li {
        display: inline-block;
        vertical-align: middle
    }
}

#policy .col-sidebar .sidebar-wrapper .sidebar-container ul>li>a {
    color: #000;
    display: block;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 15px 0;
    text-decoration: none;
    transition: .3s
}

#policy .col-sidebar .sidebar-wrapper .sidebar-container ul>li>a:hover {
    color: #da291c
}

#policy .col-sidebar .sidebar-wrapper .sidebar-container ul>li>a.active {
    color: #da291c
}

#policy .col-sidebar .policy-sub-nav a {
    border-bottom: 1px solid #d0d0ce;
    color: #000;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    padding: 12px 20px;
    text-decoration: none;
    transition: .3s
}

@media (max-width:991.98px) {
    #policy .col-sidebar .policy-sub-nav a {
        padding-left: 0;
        padding-right: 0
    }
}

#policy .col-sidebar .policy-sub-nav a:hover {
    color: #da291c
}

#policy .col-sidebar .policy-sub-nav a.active {
    color: #da291c
}

#policy .col-sidebar .accordion {
    border: 0
}

#policy .col-sidebar .accordion .accordion-item {
    background: none;
    border: 0
}

#policy .col-sidebar .accordion .accordion-item .accordion-header .accordion-button {
    background: none;
    border-bottom: 1px solid #d0d0ce;
    box-shadow: none;
    color: #000;
    color: #da291c;
    font-size: 1.25rem;
    line-height: 1.5;
    outline: none;
    padding: 15px 20px 15px 0;
    position: relative;
    transition: .3s
}

#policy .col-sidebar .accordion .accordion-item .accordion-header .accordion-button:hover {
    color: #da291c
}

#policy .col-sidebar .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    color: #000
}

#policy .col-sidebar .accordion .accordion-item .accordion-header .accordion-button.collapsed:after {
    color: #000;
    content: "";
    right: -3px;
    top: 16px
}

#policy .col-sidebar .accordion .accordion-item .accordion-header .accordion-button:after {
    background: none;
    color: #da291c;
    content: "";
    font-family: icons;
    font-size: 1rem;
    line-height: 1.5;
    position: absolute;
    right: 0;
    top: 20px;
    transition: 0s
}

#policy .col-sidebar .accordion .accordion-body {
    border: 0;
    padding: 0
}

#policy .col-article {
    width: calc(100% - 350px)
}

@media (max-width:991.98px) {
    #policy .col-article {
        width: 100%
    }
}

#policy .col-article a {
    color: #da291c;
    text-decoration: none
}

#policy .col-article a:hover {
    text-decoration: underline
}

#policy .col-article ul li {
    margin-bottom: 4px
}

#policy .download-wrap .download-item a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #d0d0ce;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    text-decoration: none;
    transition: .3s
}

#policy .download-wrap .download-item a:hover {
    color: #da291c
}

#policy .download-wrap .download-item a .text {
    flex: 1 0;
    max-width: 100%;
    width: 100%
}

#policy .download-wrap .download-item a .icon {
    flex: 0 0 auto;
    text-align: right;
    width: 30px
}

#policy .download-wrap .download-item a .icon i {
    font-size: 1.25rem;
    position: relative;
    top: 5px
}

#policy .mobile-nav .mobile-nav-menu {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
    white-space: nowrap
}

@media (max-width:576.98px) {
    #policy .mobile-nav .mobile-nav-menu {
        margin-left: -20px;
        padding: 5px 20px;
        width: calc(100% + 40px)
    }
}

#policy .mobile-nav .mobile-nav-menu a {
    background: #d0d0ce;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 1.15rem;
    padding: 10px 25px;
    text-decoration: none;
    transition: .3s;
    vertical-align: top
}

#policy .mobile-nav .mobile-nav-menu a i {
    font-size: .75rem;
    line-height: 1.5;
    margin-left: 3px
}

#policy .mobile-nav .mobile-nav-menu a.active {
    background: #da291c
}

#policy .mobile-nav .mobile-nav-menu a:hover {
    background: #5b6770
}

#policy .mobile-nav .mobile-nav-menu a:hover.active {
    background: #da291c
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/organization-chart.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
#organization .organization-top {
    border-bottom: 1px solid #5b6770;
    padding: 0 1.5rem 2rem;
    text-align: center
}

@media (max-width:991.98px) {
    #organization .organization-top {
        padding-left: 0;
        padding-right: 0
    }
}

#organization .organization-bottom {
    padding-top: 2rem
}

@media (max-width:991.98px) {
    #organization .organization-bottom {
        text-align: center
    }
}

#organization .organization-bottom .col-remark {
    width: 600px
}

@media (max-width:991.98px) {
    #organization .organization-bottom .col-remark {
        width: 500px
    }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/history.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
#history .history-title {
    padding: 4rem 0
}

@media (max-width:991.98px) {
    #history .history-title {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #history .history-title {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #history .history-title {
        padding: 2rem 0
    }
}

@media (max-width:991.98px) {
    #history .history-title .col-title {
        margin-bottom: 15px
    }
}

#history .history-showcase .col-detail,#history .history-showcase .col-gallery,#history .history-showcase .col-year {
    height: 600.28355px;
    overflow: hidden
}

@media (max-width:1400.98px) {
    #history .history-showcase .col-detail,#history .history-showcase .col-gallery,#history .history-showcase .col-year {
        height: 517.48582px
    }
}

#history .history-showcase .col-gallery {
    width: 45%
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-gallery {
        order: 2;
        width: 100%
    }
}

#history .history-showcase .col-gallery .history-gallery-slider {
    height: 100%
}

#history .history-showcase .col-gallery .history-gallery-slider:before {
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0) 35%,#000);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-slide {
    background: #000;
    text-align: center
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-slide img {
    height: 600.28355px
}

@media (max-width:1400.98px) {
    #history .history-showcase .col-gallery .history-gallery-slider .swiper-slide img {
        height: 517.48582px
    }
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group {
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
    z-index: 4;
    z-index: 3
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    font-size: 1rem
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .col-fraction {
    width: 75px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    #history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: hsla(0,0%,100%,.3);
    border-color: hsla(0,0%,100%,.3);
    color: #fff;
    margin-right: 6px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 30px
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-fraction {
    margin-bottom: 0
}

#history .history-showcase .col-gallery .history-gallery-slider .swiper-tools-group .swiper-title {
    bottom: 5px;
    color: #fff;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 5px
}

#history .history-showcase .col-year {
    width: 180px
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        height: auto;
        margin-bottom: 10px;
        order: 1;
        width: 100%
    }
}

#history .history-showcase .col-year .year-wrapper {
    background: #9f1b11;
    background: linear-gradient(90deg,#9f1b11 50%,#bf2419);
    height: 100%;
    padding: 150px 30px
}

@media (max-width:1400.98px) {
    #history .history-showcase .col-year .year-wrapper {
        padding: 100px 30px
    }
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year .year-wrapper {
        padding: 0 80px
    }
}

#history .history-showcase .col-year .history-year-slider,#history .history-showcase .col-year .history-year-slider .swiper-container {
    height: 100%
}

#history .history-showcase .col-year .history-year-slider .swiper-slide {
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 700;
    opacity: .25;
    text-align: right;
    transition: .3s;
    width: 100%
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year .history-year-slider .swiper-slide {
        padding: 25px 0;
        text-align: center
    }
}

#history .history-showcase .col-year .history-year-slider .swiper-slide.swiper-slide-active {
    opacity: 1
}

#history .history-showcase .col-year .history-year-slider .swiper-button-next,#history .history-showcase .col-year .history-year-slider .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    display: block!important;
    height: 40px;
    left: inherit;
    padding: 7px 0;
    right: 0;
    text-align: center;
    transition: .3s;
    width: 40px
}

#history .history-showcase .col-year .history-year-slider .swiper-button-next:after,#history .history-showcase .col-year .history-year-slider .swiper-button-prev:after {
    color: #fff;
    display: block;
    font-size: 1.25rem;
    transform: rotate(90deg)
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year .history-year-slider .swiper-button-next:after,#history .history-showcase .col-year .history-year-slider .swiper-button-prev:after {
        transform: rotate(0deg)
    }
}

#history .history-showcase .col-year .history-year-slider .swiper-button-next:hover,#history .history-showcase .col-year .history-year-slider .swiper-button-prev:hover {
    background: #fff
}

#history .history-showcase .col-year .history-year-slider .swiper-button-next:hover:after,#history .history-showcase .col-year .history-year-slider .swiper-button-prev:hover:after {
    color: #da291c
}

#history .history-showcase .col-year .history-year-slider .swiper-button-prev {
    top: -50px
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year .history-year-slider .swiper-button-prev {
        left: -55px;
        padding: 10px 0;
        right: inherit;
        top: 50%
    }
}

#history .history-showcase .col-year .history-year-slider .swiper-button-next {
    bottom: -70px;
    padding: 9px 0;
    top: inherit
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-year .history-year-slider .swiper-button-next {
        bottom: inherit;
        left: inherit;
        padding: 10px 0;
        right: -55px;
        top: 50%
    }
}

#history .history-showcase .col-detail {
    width: calc(55% - 180px)
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-detail {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        height: auto;
        order: 3;
        width: 100%
    }
}

#history .history-showcase .col-detail .detail-wrapper .detail-outer {
    height: 600.28355px;
    position: relative
}

@media (max-width:1400.98px) {
    #history .history-showcase .col-detail .detail-wrapper .detail-outer {
        height: 517.48582px
    }
}

#history .history-showcase .col-detail .detail-wrapper .detail-outer .detail-content {
    padding: 1.5rem 2rem
}

@media (max-width:1199.98px) {
    #history .history-showcase .col-detail .detail-wrapper .detail-outer .detail-content {
        padding-left: 0;
        padding-right: 0
    }
}

#history .history-showcase .col-detail .detail-wrapper .detail-outer .detail-content ol li,#history .history-showcase .col-detail .detail-wrapper .detail-outer .detail-content ul li {
    margin-bottom: 5px
}

#history .history-showcase .col-detail .detail-wrapper .ps__rail-y {
    background-color: #f5f5f5;
    opacity: 1;
    width: 6px
}

#history .history-showcase .col-detail .detail-wrapper .ps__rail-y .ps__thumb-y {
    background-color: #da291c;
    width: 3px
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/executives-boards.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
#executives-boards {
    position: relative
}

#executives-boards:before {
    background: #bf2419;
    background: linear-gradient(200deg,#bf2419,#bf2419 50%,#6b0b04);
    border-bottom-left-radius: 100px;
    content: "";
    height: 350px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

#executives-boards>.container {
    position: relative;
    z-index: 2
}

.tab-head {
    margin-bottom: 2.5rem
}

.tab-head .nav-item .nav-link {
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    margin: 0 8px;
    padding: 12px 1.5rem;
    width: 220px
}

@media (max-width:576.98px) {
    .tab-head .nav-item .nav-link {
        padding: 10px 1.25rem;
        width: auto
    }
}

.tab-head .nav-item .nav-link:hover {
    background: #d0d0ce;
    border-color: #d0d0ce;
    color: #252a36
}

.tab-head .nav-item .nav-link.active {
    background: #fff;
    color: #000
}

.col-sidebar {
    text-align: center;
    width: 500px
}

@media (max-width:1199.98px) {
    .col-sidebar {
        width: 420px
    }
}

@media (max-width:991.98px) {
    .col-sidebar {
        width: 500px
    }
}

@media (max-width:767.98px) {
    .col-sidebar {
        width: 100%
    }
}

.col-sidebar .profile-thumbnail img.lazyload {
    min-height: 320px
}

.col-article {
    width: calc(100% - 500px)
}

@media (max-width:1199.98px) {
    .col-article {
        width: calc(100% - 420px)
    }
}

@media (max-width:991.98px) {
    .col-article {
        width: 100%
    }
}

.col-article .article-top {
    padding: 0 0 2rem
}

.col-article .article-top h1,.col-article .article-top h2,.col-article .article-top h3,.col-article .article-top h4,.col-article .article-top h5,.col-article .article-top h6 {
    border-left: 4px solid #da291c;
    padding-left: 15px
}

.col-article .article-top ol li,.col-article .article-top ul li {
    margin-bottom: 4px
}

.col-article .article-bottom {
    border-top: 1px solid #d0d0ce;
    padding: 2rem 0
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/awards.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width:991.98px) {
    #awards .highlight {
        padding-bottom: 0!important
    }
}

#awards .highlight hr {
    border: 0;
    border-bottom: 1px solid #d0d0ce;
    margin: 1.5rem 0;
    opacity: 1
}

#awards .highlight .col-gallery {
    position: relative
}

@media (max-width:991.98px) {
    #awards .highlight .col-gallery {
        margin-top: 1.5rem;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
}

#awards .highlight .col-gallery:before {
    background: url(/_next/static/media/bg-gallery.03ab3753.png) bottom no-repeat;
    background-size: cover;
    border-bottom-left-radius: 150px;
    content: "";
    height: calc(100% + 7rem);
    left: 0;
    position: absolute;
    top: -3.5rem;
    width: 100%
}

@media (max-width:991.98px) {
    #awards .highlight .col-gallery:before {
        border-bottom-left-radius: 0;
        height: 100%;
        left: calc(-50vw - -360px);
        top: 0;
        width: 100vw
    }
}

@media (max-width:767.98px) {
    #awards .highlight .col-gallery:before {
        left: calc(-50vw - -270px)
    }
}

@media (max-width:576.98px) {
    #awards .highlight .col-gallery:before {
        left: -15px
    }
}

#awards .highlight .col-detail {
    position: relative
}

#awards .highlight .col-detail .awards-highlight-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:991.98px) {
    #awards .highlight .col-detail .awards-highlight-title {
        display: block;
        text-overflow: inherit
    }
}

#awards .highlight .col-detail .awards-highlight-excerp {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:1400.98px) {
    #awards .highlight .col-detail .awards-highlight-excerp {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:991.98px) {
    #awards .highlight .col-detail .awards-highlight-excerp {
        display: block;
        text-overflow: inherit
    }
}

#awards .highlight .awards-highlight-img {
    height: 413.99996px
}

@media (max-width:1400.98px) {
    #awards .highlight .awards-highlight-img {
        height: 353.99996px
    }
}

@media (max-width:991.98px) {
    #awards .highlight .awards-highlight-img {
        height: 459.99995px
    }
}

@media (max-width:767.98px) {
    #awards .highlight .awards-highlight-img {
        height: 339.99997px
    }
}

@media (max-width:576.98px) {
    #awards .highlight .awards-highlight-img {
        height: calc(66.66666vw - 26.66666px)
    }
}

#awards .highlight .awards-highlight-img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

#awards .highlight .awards-highlight-slider {
    padding: 0 2.5rem;
    position: relative;
    z-index: 2
}

@media (max-width:1199.98px) {
    #awards .highlight .awards-highlight-slider {
        padding: 0
    }
}

#awards .highlight .swiper-tools-group {
    bottom: 0;
    left: 0;
    left: calc(var(--bs-gutter-x)*.5);
    padding-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
    z-index: 3
}

#awards .highlight .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next:after,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

#awards .highlight .swiper-tools-group .col-fraction {
    width: 75px
}

#awards .highlight .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

#awards .highlight .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

#awards .highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

@media (max-width:576.98px) {
    #awards .highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

#awards .highlight .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

@media (max-width:991.98px) {
    #awards .highlight .swiper-tools-group {
        left: 0;
        padding-top: 25px;
        position: relative
    }
}

#awards .highlight .swiper-tools-group .container {
    padding: 0
}

#awards .highlight .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: #fff;
    border-color: #d0d0ce;
    margin-right: 6px
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next:after,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #252a36
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next:hover,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,#awards .highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

#awards .highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 30px
}

@media (max-width:991.98px) {
    #awards .highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        background: #fff
    }
}

#awards .highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

#awards .highlight .swiper-tools-group .swiper-fraction {
    color: #252a36;
    margin-bottom: 0
}

@media (max-width:991.98px) {
    #awards .highlight .swiper-tools-group .swiper-fraction {
        color: #fff
    }
}

#awards .listing {
    background: #f3f5fb
}

#awards .listing .col-year-sidebar {
    width: 150px
}

@media (max-width:991.98px) {
    #awards .listing .col-year-sidebar {
        margin-bottom: 1.5rem;
        width: 100%
    }
}

#awards .listing .col-year-sidebar .year-sidebar-wrapper {
    z-index: 4!important
}

#awards .listing .col-year-sidebar .awards-year-slider {
    height: calc(100vh - 100px);
    padding: 0
}

@media (max-width:991.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider {
        background: #f3f5fb;
        border-bottom: 1px solid #d0d0ce;
        height: auto
    }
}

@media (max-width:576.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider {
        margin-left: -20px;
        width: calc(100% + 40px)
    }
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-container {
    height: 100%
}

@media (max-width:991.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider .swiper-container {
        height: auto
    }
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-slide {
    color: #c4c4c1;
    cursor: pointer;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 8px 0;
    text-align: center
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-slide.swiper-slide-active-year {
    color: #da291c
}

@media (max-width:991.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider .swiper-slide {
        padding: 15px;
        width: auto
    }
}

@media (max-width:576.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider .swiper-slide {
        padding: 15px 20px
    }
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-next,#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-prev {
    display: none;
    height: 40px;
    left: inherit;
    padding: 8px 0;
    text-align: center;
    top: calc(50% + 5px);
    transition: .3s;
    width: 40px
}

@media (max-width:991.98px) {
    #awards .listing .col-year-sidebar .awards-year-slider .swiper-button-next,#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-prev {
        display: block!important
    }
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-next:after,#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-prev:after {
    color: #252a36;
    display: block;
    font-size: 1.5rem
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-next:hover:after,#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-prev:hover:after {
    color: #da291c
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-prev {
    left: -50px;
    right: inherit
}

#awards .listing .col-year-sidebar .awards-year-slider .swiper-button-next {
    left: inherit;
    right: -50px
}

#awards .listing .col-year-detail {
    width: calc(100% - 150px)
}

@media (max-width:991.98px) {
    #awards .listing .col-year-detail {
        width: 100%
    }
}

#awards .listing .col-year-detail .awards-filter {
    border-bottom: 1px solid #d0d0ce;
    padding-bottom: 1rem
}

#awards .listing .col-year-detail .awards-filter .tag-wrapper .tag-item {
    background: transparent;
    border-color: #d0d0ce;
    color: #5b6770;
    font-size: 1rem;
    font-weight: 400
}

@media (max-width:767.98px) {
    #awards .listing .col-year-detail .awards-filter .tag-wrapper .tag-item {
        font-size: .85rem
    }
}

#awards .listing .col-year-detail .awards-filter .tag-wrapper .tag-item.active {
    background: #fff;
    border-color: #da291c;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    color: #da291c
}

#awards .listing .col-year-detail .awards-filter .tag-wrapper .tag-item.active:hover {
    background: #fff;
    border-color: #da291c;
    color: #da291c
}

#awards .listing .col-year-detail .awards-filter .tag-wrapper .tag-item:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

#awards .listing .col-year-detail .awards-filter select {
    background-position: right 15px top 50%;
    border-color: #d0d0ce;
    border-radius: 50px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    padding-left: 20px;
    padding-right: 40px;
    width: 200px
}

@media (max-width:767.98px) {
    #awards .listing .col-year-detail .awards-filter select {
        width: 100%
    }
}

#awards .listing .col-year-detail .awards-container .awards-content {
    border-top: 1px solid #d0d0ce;
    padding: 2rem 0
}

#awards .listing .col-year-detail .awards-container .awards-content:first-of-type {
    border-top: 0
}

#awards .listing .col-year-detail .awards-container .awards-content:last-of-type {
    padding-bottom: 0
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/business-purpose.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
#business-purpose .inclusive {
    padding-bottom: 4rem
}

#business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
    height: 417.33333px
}

@media (max-width:1400.98px) {
    #business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
        height: 357.33333px
    }
}

@media (max-width:1199.98px) {
    #business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
        height: 401.33333px
    }
}

@media (max-width:991.98px) {
    #business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
        height: 450.66667px
    }
}

@media (max-width:767.98px) {
    #business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
        height: 330.66667px
    }
}

@media (max-width:576.98px) {
    #business-purpose .inclusive .inclusive-slider .card-business .card-img .card-img-inner {
        height: calc(66.66667vw - 13.33333px)
    }
}

#business-purpose .inclusive .inclusive-slider .card-business .card-desc .card-nav button {
    background: hsla(0,0%,100%,.15);
    border-color: transparent
}

#business-purpose .inclusive .inclusive-slider .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    margin: 0
}

#business-purpose .esg {
    background: url(/_next/static/media/bg-half-circle-green.c4c3a44c.png) 100% 100% no-repeat #f3f5fb;
    background-size: 290px auto
}

@media (max-width:1400.98px) {
    #business-purpose .esg {
        background-size: 220px auto
    }
}

@media (max-width:991.98px) {
    #business-purpose .esg {
        padding-bottom: 3rem
    }
}

@media (max-width:767.98px) {
    #business-purpose .esg {
        background-size: 160px auto
    }
}

#business-purpose .esg .esg-content {
    padding: 2rem 3.5rem
}

@media (max-width:1400.98px) {
    #business-purpose .esg .esg-content {
        padding: 2rem
    }
}

@media (max-width:1199.98px) {
    #business-purpose .esg .esg-content {
        padding: 2rem 1.5rem
    }
}

@media (max-width:991.98px) {
    #business-purpose .esg .esg-content {
        padding: 1.5rem 0
    }
}

#business-purpose .rating {
    background: url(/_next/static/media/bg-recognition.92e48906.png) top no-repeat;
    background-size: cover;
    color: #fff
}

#business-purpose .rating .rating-nav {
    text-align: center
}

#business-purpose .rating .rating-nav .btn {
    --bs-btn-padding-y: .75rem;
    --bs-btn-color: #000;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #da291c;
    --bs-btn-hover-border-color: #da291c;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #da291c;
    width: 200px
}

#business-purpose .rating .rating-slider .swiper-container {
    padding: 10px 0
}

#business-purpose .rating .rating-slider .swiper-button-next:after,#business-purpose .rating .rating-slider .swiper-button-prev:after {
    color: #fff
}

#business-purpose .rating .rating-slider .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    border-radius: 0;
    margin: 0
}

#business-purpose .rating .rating-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

#business-purpose .col-sidebar {
    text-align: center;
    width: 500px
}

@media (max-width:1199.98px) {
    #business-purpose .col-sidebar {
        width: 420px
    }
}

@media (max-width:991.98px) {
    #business-purpose .col-sidebar {
        width: 500px
    }
}

@media (max-width:767.98px) {
    #business-purpose .col-sidebar {
        width: 100%
    }
}

#business-purpose .col-article {
    width: calc(100% - 500px)
}

@media (max-width:1199.98px) {
    #business-purpose .col-article {
        width: calc(100% - 420px)
    }
}

@media (max-width:991.98px) {
    #business-purpose .col-article {
        width: 100%
    }
}

#business-purpose .col-article .article-top {
    padding: 0 0 2rem
}

#business-purpose .col-article .article-top h1,#business-purpose .col-article .article-top h2,#business-purpose .col-article .article-top h3,#business-purpose .col-article .article-top h4,#business-purpose .col-article .article-top h5,#business-purpose .col-article .article-top h6 {
    color: #079455
}

#business-purpose .col-article .article-top ol li,#business-purpose .col-article .article-top ul li {
    margin-bottom: 4px
}

#business-purpose .col-article .article-bottom {
    border-top: 1px solid #d0d0ce;
    padding: 2rem 0
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/search-result.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
#search-result {
    padding: 4rem 0
}

@media (max-width:991.98px) {
    #search-result {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #search-result {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #search-result {
        padding: 2rem 0
    }
}

#search-result .switch-lang a {
    color: #000;
    display: inline-block;
    font-size: 1rem;
    margin: 0 5px;
    padding: 0 5px 3px;
    text-decoration: none;
    transition: .3s;
    vertical-align: top
}

#search-result .switch-lang a.active {
    border-bottom: 2px solid #da291c;
    color: #da291c
}

#search-result .switch-lang a:hover {
    color: #da291c
}

#search-result .search-wrapper,#search-result .search-wrapper .search-inner {
    position: relative
}

#search-result .search-wrapper .search-inner .form-control {
    border: 1px solid #d0d0ce;
    border-radius: 50px;
    font-weight: 400;
    height: 55px;
    padding-left: 50px;
    padding-right: 120px;
    position: relative;
    z-index: 1
}

@media (max-width:576.98px) {
    #search-result .search-wrapper .search-inner .form-control {
        height: 52px;
        padding-left: 40px;
        padding-right: 90px
    }
}

#search-result .search-wrapper .search-inner .form-control:-ms-input-placeholder,#search-result .search-wrapper .search-inner .form-control::-webkit-input-placeholder,#search-result .search-wrapper .search-inner .form-control::placeholder {
    color: #5b6770;
    font-weight: 700
}

@media (max-width:576.98px) {

    #search-result .search-wrapper .search-inner .form-control:-ms-input-placeholder,#search-result .search-wrapper .search-inner .form-control::-webkit-input-placeholder,#search-result .search-wrapper .search-inner .form-control::placeholder {
        font-size: .9rem
    }
}

#search-result .search-wrapper .search-inner .form-control::-moz-placeholder {
    color: #5b6770;
    font-weight: 700
}

@media (max-width:576.98px) {
    #search-result .search-wrapper .search-inner .form-control::-moz-placeholder {
        font-size: .9rem
    }
}

#search-result .search-wrapper .search-inner:before {
    color: #d0d0ce;
    content: "";
    font-family: icons;
    font-size: 1.5rem;
    left: 15px;
    position: absolute;
    top: 13px;
    z-index: 2
}

@media (max-width:576.98px) {
    #search-result .search-wrapper .search-inner:before {
        font-size: 1.25rem;
        left: 13px;
        top: 13px
    }
}

#search-result .search-wrapper .btn-search {
    background: #da291c;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 8px 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 20px);
    transition: .3s;
    width: 100px;
    z-index: 2
}

@media (max-width:576.98px) {
    #search-result .search-wrapper .btn-search {
        font-size: .9rem;
        top: calc(50% - 19px);
        width: 75px
    }
}

#search-result .search-wrapper .btn-search:hover {
    background: #e4382c
}

#search-result .result-heading {
    border-bottom: 1px solid #d0d0ce;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

#search-result .result-wrapper .result-item {
    margin-bottom: 1.5rem
}

#search-result .result-wrapper .result-item:last-of-type {
    margin-bottom: 0
}

#search-result .result-wrapper .result-item .result-item-title {
    margin-bottom: .25rem
}

#search-result .result-wrapper .result-item .result-item-title a {
    color: #000;
    text-decoration: none;
    transition: .3s
}

#search-result .result-wrapper .result-item .result-item-title a:hover {
    color: #da291c;
    text-decoration: underline
}

#search-result .result-wrapper .result-item .result-item-info {
    --bs-gutter-x: 40px;
    font-weight: 300
}

#search-result .result-wrapper .result-item .result-item-info>[class*="col "],#search-result .result-wrapper .result-item .result-item-info>[class^=col] {
    position: relative
}

#search-result .result-wrapper .result-item .result-item-info>[class*="col "]:first-of-type:after,#search-result .result-wrapper .result-item .result-item-info>[class^=col]:first-of-type:after {
    background: #d0d0ce;
    content: "";
    height: 80%;
    position: absolute;
    right: -1px;
    top: 10%;
    width: 1px
}

#search-result .result-wrapper .result-item .result-item-desc {
    color: #808d98
}

#search-notfound {
    align-items: center;
    display: flex;
    min-height: 500px;
    padding: 4rem 0;
    position: relative
}

@media (max-width:991.98px) {
    #search-notfound {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #search-notfound {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #search-notfound {
        min-height: 400px;
        padding: 2rem 0
    }
}

#search-notfound:after {
    background: url(/_next/static/media/bg-half-circle.d504dead.png) 100% 100% no-repeat;
    background-size: 286px 198px;
    bottom: 0;
    content: "";
    height: 243px;
    pointer-events: none;
    position: absolute;
    right: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 350px
}

@media (max-width:767.98px) {
    #search-notfound:after {
        background-size: 242px 167.2px
    }
}

@media (max-width:576.98px) {
    #search-notfound:after {
        background-size: 198px 136.4px
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/agile-organization.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
#agile-organization .visions {
    background: #f3f5fb;
    background: linear-gradient(180deg,#f3f5fb,#fff 75%,#fff);
    overflow: hidden;
    padding: 4rem 0;
    position: relative
}

@media (max-width:991.98px) {
    #agile-organization .visions {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #agile-organization .visions {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #agile-organization .visions {
        padding: 2rem 0
    }
}

#agile-organization .visions>.container {
    position: relative;
    z-index: 2
}

#agile-organization .visions:before {
    background: url(/_next/static/media/bg-double-circle.4ebe4574.png) 0 no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    height: 390px;
    position: absolute;
    right: 0;
    width: 480px
}

@media (max-width:1199.98px) {
    #agile-organization .visions:before {
        height: 324px;
        right: -80px;
        width: 400px
    }
}

@media (max-width:991.98px) {
    #agile-organization .visions:before {
        height: 390px;
        right: -150px;
        width: 480px
    }
}

@media (max-width:767.98px) {
    #agile-organization .visions:before {
        right: -150px
    }
}

@media (max-width:576.98px) {
    #agile-organization .visions:before {
        background-size: auto 100%;
        height: 100%;
        right: -230px
    }
}

#agile-organization .business {
    padding-bottom: 4rem
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/corporate-governance.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
#corporate-governance .corporate {
    background: url(/_next/static/media/bg-half-circle.d504dead.png) 100% 100% no-repeat;
    background-size: 260px 180px;
    padding-bottom: 4rem
}

@media (max-width:767.98px) {
    #corporate-governance .corporate {
        background-size: 220px 152px
    }
}

@media (max-width:576.98px) {
    #corporate-governance .corporate {
        background-size: 180px 124px
    }
}

#corporate-governance .related {
    background: #f4f4f8
}

#corporate-governance .related-document-slider .swiper-container {
    margin-left: -10px;
    padding: 10px;
    width: calc(100% + 20px)
}

#corporate-governance .related-document-slider .swiper-button-next,#corporate-governance .related-document-slider .swiper-button-prev {
    top: calc(50% - 14.5px)
}

@media (max-width:576.98px) {
    #corporate-governance .related-document-slider .swiper-button-next,#corporate-governance .related-document-slider .swiper-button-prev {
        display: none
    }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/business-groups.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
#smart-living .pre-title {
    background: #fff
}

#smart-living .pre-title .pre-title-header {
    border-bottom: 1px solid #d0d0ce;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

#smart-living .activity {
    background: #fff
}

#smart-living .activity .activity-slider .swiper-tools-group {
    bottom: 0;
    left: 0;
    margin-top: 25px;
    padding-bottom: 0;
    position: absolute;
    position: relative;
    width: 100%;
    z-index: 4
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

#smart-living .activity .activity-slider .swiper-tools-group .col-fraction {
    width: 75px
}

#smart-living .activity .activity-slider .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    #smart-living .activity .activity-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

#smart-living .activity .activity-slider .swiper-tools-group .container {
    padding: 0
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: #fff;
    border-color: #000;
    margin-right: 6px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next:after,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #000
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,#smart-living .activity .activity-slider .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 70px
}

#smart-living .activity .activity-slider .swiper-tools-group .swiper-fraction {
    color: #5b6770;
    margin-bottom: 0
}

#smart-living .information {
    background: #fcfcfd;
    border-top: 1px solid #dcdcdb;
    text-align: center
}

@media (max-width:576.98px) {
    #smart-living .information {
        text-align: left
    }
}

#smart-living .information a:not(.btn) {
    color: #000;
    text-decoration: none;
    transition: .3s
}

#smart-living .information a:not(.btn):hover {
    color: #da291c
}

#smart-living .information a:not(.btn):hover .icon {
    transform: translateY(-2px)
}

#smart-living .information .icon,#smart-living .information .text {
    display: inline-block;
    vertical-align: middle
}

#smart-living .information .icon {
    margin-right: 3px;
    position: relative;
    top: -2px;
    transition: .3s
}

#smart-living .information .information-nav {
    --bs-gutter-x: 60px;
    --bs-gutter-y: 30px
}

@media (max-width:991.98px) {
    #smart-living .information .information-nav {
        --bs-gutter-x: 50px
    }
}

@media (max-width:576.98px) {
    #smart-living .information .information-nav {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 15px
    }
}

#smart-living .information .information-nav>[class^=col-] {
    position: relative
}

#smart-living .information .information-nav>[class^=col-]:after {
    background: #dcdcdb;
    content: "";
    height: 50px;
    position: absolute;
    right: 0;
    top: -5px;
    width: 1px
}

@media (max-width:576.98px) {
    #smart-living .information .information-nav>[class^=col-]:after {
        display: none
    }
}

#smart-living .information .information-nav>[class^=col-]:last-of-type:after {
    display: none
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/sustainability.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.quote {
    background: url(/_next/static/media/bg-quote.9dc6bd18.png) 0 0 no-repeat;
    background-size: 320px auto;
    border-bottom: 1px solid #d0d0ce
}

@media (max-width:576.98px) {
    .quote {
        background-size: 240px auto
    }
}

.quote .block-quote-outer {
    position: relative
}

.quote .block-quote-outer:after,.quote .block-quote-outer:before {
    content: "";
    position: absolute;
    z-index: 1
}

.quote .block-quote-outer:before {
    background: url(/_next/static/media/quote-start.3f59bf9e.png) 50% no-repeat;
    background-size: 100% auto;
    height: 112px;
    left: -35px;
    top: -50px;
    width: 145px
}

.quote .block-quote-outer:after {
    background: url(/_next/static/media/quote-end.396498a4.png) 50% no-repeat;
    background-size: 100% auto;
    bottom: -80px;
    height: 137px;
    right: -35px;
    width: 170px
}

.quote .block-quote-outer .block-quote-inner {
    background: #f3f5fb;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    padding: 2.5rem;
    position: relative;
    z-index: 2
}

@media (max-width:576.98px) {
    .quote .block-quote-outer .block-quote-inner {
        padding: 1.75rem
    }
}

.quote .block-quote-outer .block-quote-inner:after {
    background: url(/_next/static/media/quote-end-inner.8dee130a.png) 50% no-repeat;
    background-size: 100% auto;
    bottom: 20px;
    content: "";
    display: none;
    height: 38px;
    position: absolute;
    right: 20px;
    width: 50px
}

@media (max-width:576.98px) {
    .quote .block-quote-outer .block-quote-inner:after {
        height: 29px;
        width: 38px
    }
}

.esg-4-plus {
    background: url(/_next/static/media/bg-esg-4-plus.623ba2e4.png) 100% 100% no-repeat;
    background-size: 380px auto
}

@media (max-width:576.98px) {
    .esg-4-plus {
        background-size: 250px auto
    }
}

.esg-4-plus .esg-icon-outer {
    overflow: hidden
}

.esg-4-plus .esg-icon-outer .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 20px
}

.esg-4-plus .esg-icon-outer .row>[class*=" col-"],.esg-4-plus .esg-icon-outer .row>[class^=col-] {
    position: relative
}

.esg-4-plus .esg-icon-outer .row>[class*=" col-"]:after,.esg-4-plus .esg-icon-outer .row>[class^=col-]:after {
    background: #079455;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.esg-4-plus .esg-icon-outer .row>[class*=" col-"]:last-of-type:after,.esg-4-plus .esg-icon-outer .row>[class^=col-]:last-of-type:after {
    display: none
}

@media (max-width:576.98px) {
    .esg-4-plus .esg-icon-outer img {
        max-height: 55px
    }
}

.net-zero {
    background: url(/_next/static/media/bg-net-zero.55486f74.png) 0 no-repeat;
    background-size: cover
}

.net-zero .net-zero-title {
    -webkit-line-clamp: 3;
    color: #079455
}

.net-zero .net-zero-excerp,.net-zero .net-zero-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.net-zero .net-zero-excerp {
    -webkit-line-clamp: 4
}

.net-zero .net-zero-slider .swiper-slide img {
    max-width: calc(100% + 2px)
}

.net-zero .swiper-tools-group {
    bottom: 0;
    bottom: inherit;
    left: 0;
    left: inherit;
    padding-bottom: 0;
    position: absolute;
    position: relative;
    width: 100%;
    z-index: 4;
    z-index: 3
}

.net-zero .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next:after,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

.net-zero .swiper-tools-group .col-fraction {
    width: 75px
}

.net-zero .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

.net-zero .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

.net-zero .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

.net-zero .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    .net-zero .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

.net-zero .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

.net-zero .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: transparent;
    border-color: #d0d0ce;
    color: #fff;
    margin-right: 6px
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next:after,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #252a36
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next:hover,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

.net-zero .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,.net-zero .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

.net-zero .swiper-tools-group .swiper-pagination {
    text-align: right
}

@media (max-width:576.98px) {
    .net-zero .swiper-tools-group .swiper-pagination {
        text-align: left
    }
}

.net-zero .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 30px
}

.net-zero .swiper-tools-group .swiper-fraction {
    color: #252a36;
    margin-bottom: 0
}

.net-zero .swiper-tools-group .swiper-fraction strong {
    font-size: 1.35rem;
    position: relative;
    top: 1px
}

.net-zero .card-net-zero .card-img:before {
    display: none
}

.recommend-project {
    position: relative
}

.recommend-project:before {
    background: url(/_next/static/media/bg-recommend-project.0ee7381a.png) top no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    height: 350px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width:1199.98px) {
    .recommend-project:before {
        background-position: 100% 100%
    }
}

@media (max-width:576.98px) {
    .recommend-project:before {
        background-size: 200% auto
    }
}

.recommend-project .container {
    position: relative;
    z-index: 2
}

.recommend-project .recommend-project-slider .swiper-container {
    margin-left: -5px;
    padding: 10px 5px;
    width: calc(100% + 10px)
}

.recommend-project .recommend-project-slider .swiper-pagination {
    top: 10px
}

@media (max-width:576.98px) {
    .recommend-project .recommend-project-slider .swiper-pagination {
        top: 0
    }
}

.recommend-project .recommend-project-slider .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    margin: 0;
    width: 40px
}

.recommend-project .recommend-project-slider .swiper-button-next,.recommend-project .recommend-project-slider .swiper-button-prev {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0,0%,100%,.75);
    border: 1px solid #d0d0ce;
    border-radius: 100%;
    height: 45px;
    top: calc(50% - 13px);
    transition: .3s;
    width: 45px
}

@media (max-width:576.98px) {
    .recommend-project .recommend-project-slider .swiper-button-next,.recommend-project .recommend-project-slider .swiper-button-prev {
        display: none
    }
}

.recommend-project .recommend-project-slider .swiper-button-next:after,.recommend-project .recommend-project-slider .swiper-button-prev:after {
    color: #252a36;
    font-size: 1.25rem
}

.recommend-project .recommend-project-slider .swiper-button-next:hover,.recommend-project .recommend-project-slider .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c
}

.recommend-project .recommend-project-slider .swiper-button-next:hover:after,.recommend-project .recommend-project-slider .swiper-button-prev:hover:after {
    color: #fff
}

.recommend-project .recommend-project-slider .swiper-button-prev {
    left: -20px
}

.recommend-project .recommend-project-slider .swiper-button-next {
    right: -20px
}

.recommend-project .project-section .project-accordion .accordion-item {
    border: 1px solid #d0d0ce;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    margin-bottom: 1.5rem
}

.recommend-project .project-section .project-accordion .accordion-item .accordion-button {
    background: #f9fafb!important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    padding: 2.5rem calc(2.5rem + 40px) 2.5rem 2.5rem;
    position: relative
}

@media (max-width:1199.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button {
        padding: 2rem calc(2rem + 40px) 2rem 2rem
    }
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1.35rem calc(1.35rem + 40px) 1.35rem 1.35rem
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1.25rem calc(1.25rem + 30px) 1.25rem 1.25rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1rem calc(1rem + 30px) 1rem 1rem
    }
}

.recommend-project .project-section .project-accordion .accordion-item .accordion-button:after {
    background: none;
    content: "-";
    font-size: 3rem;
    font-weight: 300;
    line-height: .5;
    position: absolute;
    right: 2.5rem;
    text-align: center;
    top: 2.75rem;
    transition: none
}

@media (max-width:1199.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button:after {
        right: 2rem;
        top: 2.25rem
    }
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 2.25rem;
        right: 1.5rem;
        top: 1.5rem
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 2rem;
        right: 1.25rem;
        top: 1.25rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 1.75rem;
        right: 1rem;
        top: 1rem
    }
}

.recommend-project .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
    content: "+";
    font-size: 2.5rem;
    transform: translate(2px,-3px)
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 2rem;
        transform: translate(-2px,4px)
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 1.75rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 1.5rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-button .h4 {
        font-size: 1.25rem
    }
}

.recommend-project .project-section .project-accordion .accordion-item .accordion-body {
    background: #f9fafb;
    padding: 0 2.5rem 2.5rem
}

@media (max-width:1199.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 2rem 2rem
    }
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1.5rem 1.5rem
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1.25rem 1.25rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1rem 1rem
    }
}

.recommend-project .project-section .project-accordion .accordion-item .accordion-detail {
    background: #f2f4f7;
    border-radius: 15px;
    padding: 2rem 2.5rem
}

@media (max-width:1199.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 2rem
    }
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.25rem
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.5rem
    }
}

.recommend-project .project-section .project-accordion .accordion-item .contact-detail {
    background: #f9fafb;
    border-radius: 15px;
    margin-top: 2rem;
    padding: 1.5rem
}

.recommend-project .project-section .project-accordion .accordion-item a:not(.btn) {
    color: #000;
    text-decoration: none;
    transition: .3s
}

.recommend-project .project-section .project-accordion .accordion-item a:not(.btn):hover {
    color: #da291c
}

.recommend-project .project-section .project-accordion .accordion-item a:not(.btn):hover .icon {
    transform: translateY(-2px)
}

.recommend-project .project-section .project-accordion .accordion-item .icon,.recommend-project .project-section .project-accordion .accordion-item .text {
    display: inline-block;
    vertical-align: middle
}

.recommend-project .project-section .project-accordion .accordion-item .icon {
    margin-right: 3px;
    position: relative;
    top: -2px;
    transition: .3s
}

.recommend-project .project-section .project-accordion .accordion-item .information-nav {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 30px
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .information-nav {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 15px
    }
}

.recommend-project .project-section .project-accordion .accordion-item .information-nav>[class^=col-] {
    position: relative
}

.recommend-project .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:after {
    background: #dcdcdb;
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    width: 1px
}

@media (max-width:991.98px) {
    .recommend-project .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:after {
        display: none
    }
}

.recommend-project .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:last-of-type:after {
    display: none
}

.recommend-project .project-section .col-logo {
    width: 150px
}

@media (max-width:991.98px) {
    .recommend-project .project-section .col-logo {
        width: 130px
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .col-logo {
        width: 90px
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .col-logo {
        width: 70px
    }
}

.recommend-project .project-section .col-desc {
    width: calc(100% - 150px)
}

@media (max-width:991.98px) {
    .recommend-project .project-section .col-desc {
        width: calc(100% - 130px)
    }
}

@media (max-width:767.98px) {
    .recommend-project .project-section .col-desc {
        width: calc(100% - 90px)
    }
}

@media (max-width:576.98px) {
    .recommend-project .project-section .col-desc {
        width: calc(100% - 70px)
    }
}

.sustainability-report .report-wrap {
    background: #fcfcfd;
    border: 1px solid #d0d0ce;
    border-radius: 8px;
    height: 100%;
    padding: 1rem;
    text-align: center
}

@media (max-width:991.98px) {
    .sustainability-report .report-wrap {
        height: 100%
    }
}

.sustainability-report .report-wrap .report-header {
    background: #f3f5fb;
    padding: 10px
}

.sustainability-report .report-wrap .report-header .report-icon {
    margin-bottom: 5px
}

.sustainability-report .report-wrap .report-header .report-icon img {
    width: 42px
}

.sustainability-report .report-wrap .report-body .body-item {
    border-bottom: 1px solid #d0d0ce;
    padding: 1.25rem 0
}

.sustainability-report .report-wrap .report-body .body-item:last-of-type {
    border-bottom: 0
}

.sustainability-report .report-wrap .report-body .body-item .hilight {
    color: var(--theme-color);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:1199.98px) {
    .sustainability-report .report-wrap .report-body .body-item .hilight {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .sustainability-report .report-wrap .report-body .body-item .hilight {
        font-size: 2.25rem
    }
}

@media (max-width:576.98px) {
    .sustainability-report .report-wrap .report-body .body-item .hilight {
        font-size: 2rem
    }
}

.sustainability-report .report-wrap .report-body .body-item .report-img {
    margin-bottom: .5rem
}

.sustainability-report .report-wrap .report-body .body-item .report-img .report-img-inner {
    height: 50px
}

@media (max-width:576.98px) {
    .sustainability-report .report-wrap .report-body .body-item .report-img .report-img-inner {
        height: 40px
    }
}

.sustainability-report .report-wrap .report-body .body-item .report-img .report-img-inner img {
    max-height: 100%
}

.sustainability-report .report-wrap .report-body .text-theme-color {
    color: var(--theme-color)
}

.partners {
    background: #f3f5fb
}

.partners .partners-slider {
    padding: 0 120px
}

@media (max-width:1400.98px) {
    .partners .partners-slider {
        padding: 0 80px
    }
}

@media (max-width:1199.98px) {
    .partners .partners-slider {
        padding: 0 30px
    }
}

@media (max-width:991.98px) {
    .partners .partners-slider {
        padding: 0
    }
}

.partners .partners-slider .swiper-slide {
    text-align: center
}

.partners .partners-slider .swiper-slide img {
    margin: auto;
    max-height: 45px
}

.partners .partners-slider .swiper-slide img.lazyload {
    background-size: 140px auto;
    height: 80px
}

.partners .partners-slider .swiper-pagination {
    top: 15px
}

.partners .partners-slider .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    margin: 0;
    width: 40px
}

.partners .partners-slider .swiper-button-next,.partners .partners-slider .swiper-button-prev {
    background: hsla(0,0%,100%,.5);
    border: 1px solid #d0d0ce;
    border-radius: 100%;
    height: 45px;
    top: calc(50% - 13px);
    transition: .3s;
    width: 45px
}

@media (max-width:576.98px) {
    .partners .partners-slider .swiper-button-next,.partners .partners-slider .swiper-button-prev {
        display: none
    }
}

.partners .partners-slider .swiper-button-next:after,.partners .partners-slider .swiper-button-prev:after {
    color: #252a36;
    font-size: 1.25rem
}

.partners .partners-slider .swiper-button-next:hover,.partners .partners-slider .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c
}

.partners .partners-slider .swiper-button-next:hover:after,.partners .partners-slider .swiper-button-prev:hover:after {
    color: #fff
}

.partners .partners-slider .swiper-button-prev {
    left: -60px
}

.partners .partners-slider .swiper-button-next {
    right: -60px
}

.feature-stories {
    position: relative
}

.feature-stories .container {
    position: relative;
    z-index: 2
}

.feature-stories:after,.feature-stories:before {
    content: "";
    pointer-events: none;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.feature-stories:before {
    background: url(/_next/static/media/bg-feature-right.8f492933.png) 50% no-repeat;
    background-size: 100% auto;
    height: 250px;
    right: 0;
    top: 0;
    width: 378px
}

@media (max-width:1199.98px) {
    .feature-stories:before {
        width: 320px
    }
}

@media (max-width:767.98px) {
    .feature-stories:before {
        width: 280px
    }
}

.feature-stories:after {
    background: url(/_next/static/media/bg-feature-left.edffdea9.png) 50% no-repeat;
    background-size: 100% auto;
    bottom: 0;
    height: 208px;
    left: 0;
    width: 112px
}

.sustain-section {
    background: #f3f5fb
}

.sustain-section .swiper-tools-group {
    bottom: 0;
    bottom: inherit;
    left: 0;
    left: inherit;
    margin-top: 1.5rem;
    padding-bottom: 0;
    position: absolute;
    position: relative;
    width: 100%;
    z-index: 4;
    z-index: 3
}

.sustain-section .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next:after,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

.sustain-section .swiper-tools-group .col-fraction {
    width: 75px
}

.sustain-section .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

.sustain-section .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

.sustain-section .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

.sustain-section .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    .sustain-section .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

.sustain-section .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

.sustain-section .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: transparent;
    border-color: #d0d0ce;
    color: #fff;
    margin-right: 6px
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next:after,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #252a36
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next:hover,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,.sustain-section .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

.sustain-section .swiper-tools-group .swiper-pagination {
    text-align: right
}

@media (max-width:576.98px) {
    .sustain-section .swiper-tools-group .swiper-pagination {
        text-align: left
    }
}

.sustain-section .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 30px
}

.sustain-section .swiper-tools-group .swiper-fraction {
    color: #252a36;
    margin-bottom: 0
}

.sustain-section .swiper-tools-group .swiper-fraction strong {
    font-size: 1.35rem;
    position: relative;
    top: 1px
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/flagship-project.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
#flagship-project {
    background: #fcfcfd;
    position: relative
}

#flagship-project:before {
    background: url(/_next/static/media/bg-recommend-project.0ee7381a.png) top no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    height: 350px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width:1199.98px) {
    #flagship-project:before {
        background-position: 100% 100%
    }
}

@media (max-width:576.98px) {
    #flagship-project:before {
        background-size: 200% auto
    }
}

#flagship-project .container {
    position: relative;
    z-index: 2
}

#flagship-project .article-wrapper .article-section {
    margin-bottom: 2.5rem
}

#flagship-project .article-wrapper .article-section .article-header {
    background: transparent;
    border: 0;
    color: #fff;
    height: 240px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    position: relative;
    text-align: left;
    width: 100%
}

@media (max-width:767.98px) {
    #flagship-project .article-wrapper .article-section .article-header {
        height: 200px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:576.98px) {
    #flagship-project .article-wrapper .article-section .article-header {
        height: 180px
    }
}

#flagship-project .article-wrapper .article-section .article-header .container {
    height: 100%;
    padding: 2rem 0;
    position: relative;
    z-index: 2
}

@media (max-width:991.98px) {
    #flagship-project .article-wrapper .article-section .article-header .container {
        align-items: flex-end;
        display: flex
    }
}

#flagship-project .article-wrapper .article-section .article-header .container>.row {
    align-items: flex-end;
    height: 100%
}

@media (max-width:991.98px) {
    #flagship-project .article-wrapper .article-section .article-header .container>.row {
        height: auto
    }
}

#flagship-project .article-wrapper .article-section .article-header .container h5 {
    line-height: 1.5
}

#flagship-project .article-wrapper .article-section .article-header .bg-header {
    border-bottom-left-radius: 80px;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:991.98px) {
    #flagship-project .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 50px
    }
}

@media (max-width:767.98px) {
    #flagship-project .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 0
    }
}

#flagship-project .article-wrapper .article-section .article-header .bg-header img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    width: 100%;
    z-index: 2
}

#flagship-project .article-wrapper .article-section .article-header .bg-header:before {
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0) 25%,#000);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 3
}

#flagship-project .article-wrapper .article-section .article-header .icon img {
    max-height: 70px
}

#flagship-project .article-wrapper .article-section .article-header .article-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #da291c;
    border-radius: 100%;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 3.5rem;
    top: calc(50% - 25px);
    width: 50px;
    z-index: 3
}

@media (max-width:767.98px) {
    #flagship-project .article-wrapper .article-section .article-header .article-nav {
        height: 40px;
        right: 20px;
        top: calc(50% - 20px);
        width: 40px
    }
}

#flagship-project .article-wrapper .article-section .article-header .article-nav i {
    display: block;
    line-height: 1;
    position: relative;
    top: 2px
}

#flagship-project .article-wrapper .article-section .article-detail {
    padding: 1.5rem 0
}

#flagship-project .article-detail .project-accordion .accordion-item {
    border: 1px solid #d0d0ce;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    margin-bottom: 1.5rem
}

#flagship-project .article-detail .project-accordion .accordion-item .accordion-button {
    background: #f9fafb!important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    padding: 2.5rem;
    position: relative;
    text-decoration: none;
    transition: .3s
}

@media (max-width:1199.98px) {
    #flagship-project .article-detail .project-accordion .accordion-item .accordion-button {
        padding: 2rem calc(2rem + 40px) 2rem 2rem
    }
}

@media (max-width:991.98px) {
    #flagship-project .article-detail .project-accordion .accordion-item .accordion-button {
        padding: 1.35rem calc(1.35rem + 40px) 1.35rem 1.35rem
    }
}

@media (max-width:767.98px) {
    #flagship-project .article-detail .project-accordion .accordion-item .accordion-button {
        padding: 1.25rem calc(1.25rem + 30px) 1.25rem 1.25rem
    }
}

@media (max-width:576.98px) {
    #flagship-project .article-detail .project-accordion .accordion-item .accordion-button {
        padding: 1rem calc(1rem + 30px) 1rem 1rem
    }

    #flagship-project .article-detail .project-accordion .accordion-item .accordion-button .h4 {
        font-size: 1.25rem
    }
}

#flagship-project .article-detail .col-logo {
    width: 150px
}

@media (max-width:991.98px) {
    #flagship-project .article-detail .col-logo {
        width: 130px
    }
}

@media (max-width:767.98px) {
    #flagship-project .article-detail .col-logo {
        width: 90px
    }
}

@media (max-width:576.98px) {
    #flagship-project .article-detail .col-logo {
        width: 90px
    }
}

#flagship-project .article-detail .col-desc {
    line-height: 1.5;
    width: calc(100% - 315px)
}

@media (max-width:991.98px) {
    #flagship-project .article-detail .col-desc {
        width: calc(100% - 130px)
    }
}

@media (max-width:767.98px) {
    #flagship-project .article-detail .col-desc {
        width: calc(100% - 90px)
    }
}

@media (max-width:576.98px) {
    #flagship-project .article-detail .col-desc {
        width: calc(100% - 90px)
    }
}

#flagship-project .article-detail .col-more {
    text-align: right;
    width: 165px
}

@media (max-width:991.98px) {
    #flagship-project .article-detail .col-more {
        margin-left: 130px;
        text-align: left
    }
}

@media (max-width:767.98px) {
    #flagship-project .article-detail .col-more {
        margin-left: 90px
    }
}

#flagship-project .article-detail .col-more button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border: 1px solid #fda29b;
    border-radius: 50px;
    box-shadow: 4px 4px 4px rgba(0,0,0,.05);
    color: #b42318;
    display: flex;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    padding: 10px 15px;
    transition: .3s;
    width: 100%
}

#flagship-project .article-detail .col-more button i {
    line-height: 1;
    position: relative;
    top: 1px
}

#flagship-project .article-detail .col-more button:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/sustainability-performance.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
#sustainability-performance .performance .performance-wrapper .performance-item {
    border-bottom: 2px dashed #303286;
    padding: 3rem 0
}

#sustainability-performance .performance .performance-wrapper .performance-item:first-of-type {
    padding-top: 0
}

#sustainability-performance .performance .performance-wrapper .performance-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-header {
    border-bottom: 1px solid var(--theme-color);
    margin-bottom: 1rem;
    padding-bottom: .75rem
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-header .col-icon {
    width: 55px
}

@media (max-width:991.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-header .col-icon {
        width: 65px
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-header .col-icon img {
    width: 100%
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-header .col-title {
    padding-top: 7px;
    width: calc(100% - 55px)
}

@media (max-width:991.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-header .col-title {
        padding-top: 12px;
        width: calc(100% - 65px)
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body {
    overflow: hidden
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .col-block {
    position: relative
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --bs-gutter-x: 0;
    --bs-gutter-y: 25px;
    justify-content: center;
    position: relative;
    width: calc(100% + 2px)
}

@media (max-width:991.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-row {
        justify-content: flex-start
    }
}

@media (min-width:991.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-row .col-block:last-of-type .performance-block:after {
        display: none
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block {
    height: 100%;
    padding: 1rem 1.5rem;
    position: relative;
    width: 100%
}

@media (max-width:767.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block {
        padding-left: 0;
        padding-right: 0
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .hilight {
    color: var(--theme-color);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:767.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .hilight {
        font-size: 2.25rem
    }
}

@media (max-width:576.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .hilight {
        font-size: 2rem
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block:before {
    border-bottom: 1px solid #dcdcdb;
    bottom: -15px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block:after {
    border-right: 1px solid #dcdcdb;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 1px
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .performance-img {
    margin-bottom: .5rem
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .performance-img .performance-img-inner {
    align-items: center;
    display: flex;
    height: 60px
}

@media (max-width:576.98px) {
    #sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .performance-img .performance-img-inner {
        height: 50px
    }
}

#sustainability-performance .performance .performance-wrapper .performance-item .performance-body .performance-block .performance-img .performance-img-inner img {
    max-height: 100%
}

#sustainability-performance .performance .performance-wrapper .performance-item .text-theme-color {
    color: var(--theme-color)
}

#sustainability-performance .documents {
    background: #f3f3f7
}

#sustainability-performance .documents .documents-wrapper {
    border: 1px solid #d8dcdc
}

#sustainability-performance .documents .documents-wrapper .documents-header {
    background: #da291c;
    color: #fff;
    padding: 1rem 2rem
}

@media (max-width:767.98px) {
    #sustainability-performance .documents .documents-wrapper .documents-header {
        padding: 1rem 1.25rem
    }
}

#sustainability-performance .documents .documents-wrapper .document-item {
    background: hsla(0,0%,100%,.5)
}

#sustainability-performance .documents .documents-wrapper .document-item a {
    border-bottom: 1px solid #d8dcdc;
    color: #000;
    display: block;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: .3s
}

@media (max-width:767.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item a {
        padding: .75rem 1.25rem
    }
}

#sustainability-performance .documents .documents-wrapper .document-item a:hover {
    color: #da291c
}

#sustainability-performance .documents .documents-wrapper .document-item:last-of-type a {
    border-bottom: 0
}

#sustainability-performance .documents .documents-wrapper .document-item .col-title {
    padding-bottom: 6px;
    padding-top: 6px;
    width: calc(100% - 400px)
}

@media (max-width:991.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-title {
        width: 100%
    }
}

@media (max-width:576.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-title h5 {
        font-size: 1.1rem
    }
}

#sustainability-performance .documents .documents-wrapper .document-item .col-detail {
    color: #66747e;
    font-size: 1rem;
    width: 400px
}

@media (max-width:991.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-detail {
        width: 100%
    }
}

@media (max-width:576.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-detail {
        font-size: .85rem
    }
}

#sustainability-performance .documents .documents-wrapper .document-item .col-detail>.row {
    justify-content: flex-end
}

@media (max-width:991.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-detail>.row {
        justify-content: flex-start
    }
}

#sustainability-performance .documents .documents-wrapper .document-item .col-icon {
    color: #66747e
}

#sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon {
    border: 1px solid #66747e;
    border-radius: 100%;
    height: 40px;
    padding: 8px 5px;
    text-align: center;
    width: 40px
}

@media (max-width:991.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon {
        height: 35px;
        padding: 6px 5px;
        width: 35px
    }
}

@media (max-width:576.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon {
        height: 30px;
        padding: 3px 5px;
        width: 30px
    }
}

#sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon i {
    display: block;
    font-size: 1.35rem;
    transition: .3s
}

@media (max-width:991.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon i {
        font-size: 1.25rem
    }
}

@media (max-width:576.98px) {
    #sustainability-performance .documents .documents-wrapper .document-item .col-icon .document-icon i {
        font-size: 1rem
    }
}

#sustainability-performance .documents .documents-wrapper .documents-header {
    background: #079455
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/contactus.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
#contactus {
    background: #fff
}

#contactus .contact-top {
    padding: 4rem 0
}

@media (max-width:991.98px) {
    #contactus .contact-top {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #contactus .contact-top {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #contactus .contact-top {
        padding: 2rem 0
    }
}

#contactus .contact-top .container>.row {
    --bs-gutter-x: 60px
}

@media (max-width:1199.98px) {
    #contactus .contact-top .container>.row {
        --bs-gutter-x: 30px
    }
}

@media (max-width:991.98px) {
    #contactus .contact-top .container>.row {
        --bs-gutter-y: 40px
    }
}

#contactus .address-top {
    border-bottom: 1px solid #d0d0ce;
    padding-bottom: 1.5rem
}

#contactus .contact-address-wrap .contact-address-row {
    border-bottom: 1px solid #d0d0ce;
    padding: 1.25rem 0
}

#contactus .contact-address-wrap .contact-address-row .col-address-left {
    width: 220px
}

@media (max-width:1199.98px) {
    #contactus .contact-address-wrap .contact-address-row .col-address-left {
        width: 180px
    }
}

@media (max-width:576.98px) {
    #contactus .contact-address-wrap .contact-address-row .col-address-left {
        margin-bottom: 5px;
        width: 100%
    }
}

#contactus .contact-address-wrap .contact-address-row .col-address-right {
    width: calc(100% - 220px)
}

@media (max-width:1199.98px) {
    #contactus .contact-address-wrap .contact-address-row .col-address-right {
        width: calc(100% - 180px)
    }
}

@media (max-width:576.98px) {
    #contactus .contact-address-wrap .contact-address-row .col-address-right {
        width: 100%
    }
}

#contactus .address-nav a {
    color: #000;
    display: block;
    padding: 5px 0;
    text-decoration: none;
    transition: .2s
}

#contactus .address-nav a:hover {
    color: #da291c
}

#contactus .address-nav a img {
    margin-right: 3px;
    position: relative;
    top: -1px;
    width: 16px
}

#contactus .social-nav a {
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
    transition: .3s;
    vertical-align: top
}

#contactus .social-nav a:hover {
    transform: translateY(-3px)
}

#contactus .social-nav a img {
    width: 35px
}

#contactus .contact-frame {
    background: #f3f5fb;
    border: 1px solid #d0d0ce;
    border-radius: 10px;
    padding: 1.5rem
}

@media (max-width:576.98px) {
    #contactus .contact-frame {
        padding: 1.25rem
    }
}

#contactus .contact-frame h3 i {
    position: relative;
    top: 5px
}

#contactus .map iframe {
    display: block;
    height: 60vw;
    margin: 0;
    max-height: 600px;
    width: 100%
}

@media (max-width:576.98px) {
    #contactus .map iframe {
        height: 100vw
    }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/product-directory.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
#product-directory {
    padding: 4rem 0
}

@media (max-width:991.98px) {
    #product-directory {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #product-directory {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #product-directory {
        padding: 2rem 0
    }
}

#product-directory .page-title {
    text-shadow: 0 4px 25px rgba(37,42,54,.15)
}

#product-directory .brand-wrapper {
    border-bottom: 1px solid #d0d0ce;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

#product-directory .brand-wrapper>.row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
    text-align: center
}

#product-directory .brand-wrapper img.lazyload {
    background-size: 200px auto;
    height: 80px
}

#product-directory .brand-directory-wrapper .brand-directory {
    border-bottom: 1px solid #d0d0ce;
    overflow: hidden;
    padding: 2rem 0;
    width: calc(100% + 1px)
}

#product-directory .brand-directory-wrapper .brand-directory:first-of-type {
    padding-top: 0
}

#product-directory .brand-directory-wrapper .brand-directory:last-of-type {
    border-bottom: 0
}

#product-directory .brand-nav-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px
}

#product-directory .brand-nav-row>[class*="col "],#product-directory .brand-nav-row>[class^=col] {
    position: relative
}

#product-directory .brand-nav-row>[class*="col "]:after,#product-directory .brand-nav-row>[class^=col]:after {
    background: #e9e9e8;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

#product-directory .brand-nav a {
    color: #000;
    display: block;
    font-size: 1rem;
    padding: 2px 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    transition: .3s
}

#product-directory .brand-nav a:hover {
    color: #da291c
}

#product-directory .brand-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#product-directory .brand-nav ul li {
    padding-left: 35px;
    position: relative
}

#product-directory .brand-nav ul li:before {
    background: #000;
    border-radius: 100%;
    content: "";
    height: 5px;
    left: 18px;
    position: absolute;
    top: 13px;
    transition: .3s;
    width: 5px
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/sitemap.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
#sitemap {
    background: #fff;
    padding: 4rem 0
}

@media (max-width:991.98px) {
    #sitemap {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #sitemap {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #sitemap {
        padding: 2rem 0
    }
}

#sitemap .page-title {
    text-shadow: 0 4px 25px rgba(37,42,54,.15)
}

#sitemap .sitemap-nav {
    margin-bottom: 2rem
}

#sitemap .sitemap-nav a {
    color: #252a36;
    display: block;
    font-size: 1rem;
    padding: 5px 0;
    text-decoration: none;
    transition: .3s
}

#sitemap .sitemap-nav a:hover {
    color: #da291c
}

#sitemap .sitemap-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#sitemap .sitemap-nav ul ul {
    margin-bottom: .5rem
}

@media (max-width:991.98px) {
    #sitemap .sitemap-nav ul ul {
        margin-top: .5rem
    }
}

#sitemap .sitemap-nav ul ul li {
    padding-left: 35px;
    position: relative
}

#sitemap .sitemap-nav ul ul li:before {
    background: #252a36;
    border-radius: 100%;
    content: "";
    height: 5px;
    left: 18px;
    position: absolute;
    top: 13px;
    transition: .3s;
    width: 5px
}

#sitemap .sitemap-nav ul ul a {
    color: #252a36;
    padding: 2px 0
}

#sitemap .sitemap-nav ul ul ul {
    margin-bottom: .75rem
}

@media (max-width:991.98px) {
    #sitemap .sitemap-nav ul ul ul {
        margin-top: 0
    }
}

#sitemap .sitemap-nav ul ul ul li {
    padding-left: 10px
}

#sitemap .sitemap-nav ul ul ul li:before {
    display: none
}

#sitemap .sitemap-nav ul ul ul a {
    color: #5b6770;
    font-weight: 300
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/news-update.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
#news-update .hilight-section,#news-update .relation-section,#news-update .video-section {
    padding: 3.5rem 0
}

@media (max-width:991.98px) {
    #news-update .hilight-section,#news-update .relation-section,#news-update .video-section {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #news-update .hilight-section,#news-update .relation-section,#news-update .video-section {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #news-update .hilight-section,#news-update .relation-section,#news-update .video-section {
        padding: 2rem 0
    }
}

#news-update .hilight-section .col-article {
    width: calc(100% - 320px)
}

@media (max-width:1199.98px) {
    #news-update .hilight-section .col-article {
        width: calc(100% - 280px)
    }
}

@media (max-width:991.98px) {
    #news-update .hilight-section .col-article {
        width: 100%
    }
}

#news-update .hilight-section .col-tags {
    width: 320px
}

@media (max-width:1199.98px) {
    #news-update .hilight-section .col-tags {
        width: 280px
    }
}

@media (max-width:991.98px) {
    #news-update .hilight-section .col-tags {
        width: 100%
    }
}

#news-update .hilight-section .newsroom-section {
    padding-bottom: 2rem;
    position: relative
}

#news-update .hilight-section .newsroom-section:before {
    background: #cad0d0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

#news-update .hilight-section .leader-section {
    padding-top: 2rem
}

#news-update .hilight-section .related-tags-wrapper {
    background: url(/_next/static/media/bg-related-tags.452f0d88.jpg) 50% no-repeat;
    background-size: cover;
    height: 100%;
    padding: 1.25rem
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner {
    position: relative
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control {
    border: 1px solid #d0d0ce;
    border-radius: 50px;
    font-weight: 400;
    height: 55px;
    padding-left: 50px;
    padding-right: 120px;
    z-index: 1
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control {
        height: 52px;
        padding-left: 40px;
        padding-right: 90px
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control:-ms-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-webkit-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::placeholder {
    color: #5b6770;
    font-weight: 700
}

@media (max-width:576.98px) {

    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control:-ms-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-webkit-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::placeholder {
        font-size: .9rem
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-moz-placeholder {
    color: #5b6770;
    font-weight: 700
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-moz-placeholder {
        font-size: .9rem
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner:before {
    color: #d0d0ce;
    content: "";
    font-family: icons;
    font-size: 1.5rem;
    left: 15px;
    position: absolute;
    top: 13px;
    z-index: 2
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner:before {
        font-size: 1.25rem;
        left: 13px;
        top: 13px
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .btn-search {
    background: #da291c;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 8px 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 20px);
    transition: .3s;
    width: 100px;
    z-index: 2
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .btn-search {
        font-size: .9rem;
        top: calc(50% - 19px);
        width: 75px
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .btn-search:hover {
    background: #e4382c
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control {
    background: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
    height: 45px;
    padding-left: 45px;
    padding-right: 15px;
    position: relative
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control {
        height: 45px;
        padding-left: 45px;
        padding-right: 15px
    }
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control:-ms-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-webkit-input-placeholder,#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::placeholder {
    color: #f5f5f5;
    font-weight: 400
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner .form-control::-moz-placeholder {
    color: #f5f5f5;
    font-weight: 400
}

#news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner:before {
    color: #f5f5f5;
    font-size: 1.25rem;
    left: 14px;
    top: 8px
}

@media (max-width:576.98px) {
    #news-update .hilight-section .related-tags-wrapper .search-wrapper .search-inner:before {
        font-size: 1.25rem;
        left: 14px;
        top: 8px
    }
}

#news-update .hilight-section .tag-wrapper .tag-item {
    background: hsla(0,0%,100%,.15);
    border: 0;
    color: #e9e9e8;
    font-size: .95rem;
    margin: 5px 2px;
    padding: 2px 12px
}

#news-update .hilight-section .tag-wrapper .tag-item.active {
    background: hsla(0,0%,100%,.4);
    border-color: transparent;
    color: #fff
}

#news-update .hilight-section .tag-wrapper .tag-item:hover {
    background: hsla(0,0%,100%,.4);
    border-color: transparent;
    color: #fff
}

#news-update .hilight-section .news-hilight-slider .swiper-container {
    margin-left: -10px;
    padding: 0 10px 10px;
    width: calc(100% + 20px)
}

#news-update .relation-section {
    background: #f3f5fb
}

#news-update .relation-section .col-document {
    position: relative
}

#news-update .relation-section .col-document:after {
    background: #cad0d0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

@media (max-width:1199.98px) {
    #news-update .relation-section .col-document:after {
        bottom: -25px;
        height: 1px;
        right: 1.5rem;
        top: inherit;
        width: calc(100% - 3rem)
    }
}

#news-update .relation-section .news-document-slider .swiper-container {
    margin-left: -10px;
    padding: 0 10px 10px;
    width: calc(100% + 20px)
}

#news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
    height: 236.81px
}

@media (max-width:1400.98px) {
    #news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
        height: 207.87px
    }
}

@media (max-width:1199.98px) {
    #news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
        height: 195.07832px
    }
}

@media (max-width:991.98px) {
    #news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
        height: 221.71017px
    }
}

@media (max-width:767.98px) {
    #news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
        height: 339.55611px
    }
}

@media (max-width:576.98px) {
    #news-update .relation-section .news-gallery-slider .card-gallery .card-img .card-img-inner {
        height: calc(66.57963vw - 26.63185px)
    }
}

#news-update .video-section .news-videos-slider .swiper-container {
    margin-left: -10px;
    padding: 0 10px 10px;
    width: calc(100% + 20px)
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/company-profile.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
#company-profile .about-company,#company-profile .presentation {
    padding: 3.5rem 0
}

@media (max-width:991.98px) {
    #company-profile .about-company,#company-profile .presentation {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #company-profile .about-company,#company-profile .presentation {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #company-profile .about-company,#company-profile .presentation {
        padding: 2rem 0
    }
}

#company-profile .about-company h1,#company-profile .about-company h2,#company-profile .about-company h3,#company-profile .about-company h4,#company-profile .about-company h5,#company-profile .about-company h6,#company-profile .overview-company h1,#company-profile .overview-company h2,#company-profile .overview-company h3,#company-profile .overview-company h4,#company-profile .overview-company h5,#company-profile .overview-company h6 {
    border-left: 6px solid #da291c;
    padding-left: 15px
}

#company-profile .presentation {
    background: url(/_next/static/media/bg-presentation.ebee9184.png) bottom no-repeat;
    background-size: 100% auto;
    position: relative
}

#company-profile .presentation:before {
    background: url(/_next/static/media/bg-half-circle.d504dead.png) 100% 100% no-repeat;
    background-size: 260px 180px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    transform: scaleX(-1) scaleY(-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:767.98px) {
    #company-profile .presentation:before {
        background-size: 220px 152px
    }
}

@media (max-width:576.98px) {
    #company-profile .presentation:before {
        background-size: 180px 124px
    }
}

@media (max-width:767.98px) {
    #company-profile .presentation h1 {
        font-size: 1.75rem
    }
}

@media (max-width:576.98px) {
    #company-profile .presentation h1 {
        font-size: 1.6rem
    }
}

@media (max-width:767.98px) {
    #company-profile .presentation h2 {
        font-size: 1.35rem
    }
}

@media (max-width:576.98px) {
    #company-profile .presentation h2 {
        font-size: 1.25rem
    }
}

#company-profile .about-company {
    background: url(/_next/static/media/bg-about.23647c75.jpg) bottom no-repeat #f3f4f8;
    background-size: 100% auto
}

#company-profile .about-company table {
    border: 1px solid #d0d0ce
}

#company-profile .about-company table tbody td {
    background: #fff;
    border: 1px solid #d0d0ce;
    padding: .75rem 1rem
}

#company-profile .about-company table tbody td:first-of-type {
    background: #f5f5f5
}

@media (max-width:767.98px) {
    #company-profile .about-company table tbody td:first-of-type {
        font-weight: 700
    }
}

@media (max-width:767.98px) {
    #company-profile .about-company table tbody td {
        display: block
    }
}

#company-profile .overview-company {
    background: url(/_next/static/media/bg-overview.447f91ea.png) bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 3.5rem
}

@media (max-width:991.98px) {
    #company-profile .overview-company {
        padding-bottom: 3rem
    }
}

@media (max-width:767.98px) {
    #company-profile .overview-company {
        padding-bottom: 2.5rem
    }
}

@media (max-width:576.98px) {
    #company-profile .overview-company {
        padding-bottom: 2rem
    }
}

#company-profile .overview-company .overview-bottom,#company-profile .overview-company .overview-top {
    padding: 3.5rem 0
}

@media (max-width:991.98px) {
    #company-profile .overview-company .overview-bottom,#company-profile .overview-company .overview-top {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #company-profile .overview-company .overview-bottom,#company-profile .overview-company .overview-top {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #company-profile .overview-company .overview-bottom,#company-profile .overview-company .overview-top {
        padding: 2rem 0
    }
}

#company-profile .overview-company .overview-bottom {
    border-top: 1px solid #d0d0ce;
    padding: 2rem 0
}

#company-profile .overview-company .chart-legend {
    font-size: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

#company-profile .overview-company .chart-legend li {
    padding-left: 20px;
    position: relative
}

#company-profile .overview-company .chart-legend li:before {
    background: var(--bullet-color);
    border-radius: 100%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 10px
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/global-presence.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
#global-presence .global-presence-top {
    background: #fff;
    padding-top: 3.5rem;
    position: relative;
    text-align: center
}

@media (max-width:991.98px) {
    #global-presence .global-presence-top {
        padding-top: 3rem
    }
}

@media (max-width:767.98px) {
    #global-presence .global-presence-top {
        padding-top: 2.5rem
    }
}

@media (max-width:576.98px) {
    #global-presence .global-presence-top {
        padding-top: 2rem
    }
}

#global-presence .global-presence-top:before {
    background: url(/_next/static/media/half-circle.cbc72410.png) left 20px no-repeat;
    background-size: 144px 402px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:991.98px) {
    #global-presence .global-presence-top:before {
        background-size: 110px 308px
    }
}

@media (max-width:767.98px) {
    #global-presence .global-presence-top:before {
        background-size: 90px 252px
    }
}

@media (max-width:576.98px) {
    #global-presence .global-presence-top:before {
        background-size: 50px 140px
    }
}

#global-presence .global-presence-top img {
    position: relative;
    z-index: 2
}

#global-presence .global-presence-bottom {
    background: url(/_next/static/media/bg-wave.d2945188.jpg) bottom no-repeat #fff;
    background-size: 100% auto;
    padding: 3.5rem 0;
    position: relative
}

@media (max-width:991.98px) {
    #global-presence .global-presence-bottom {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #global-presence .global-presence-bottom {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #global-presence .global-presence-bottom {
        padding: 2rem 0
    }
}

#global-presence .global-presence-bottom:before {
    background: url(/_next/static/media/half-circle.cbc72410.png) 0 no-repeat;
    background-size: 144px 402px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    transform: scaleX(-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:991.98px) {
    #global-presence .global-presence-bottom:before {
        background-size: 110px 308px
    }
}

@media (max-width:767.98px) {
    #global-presence .global-presence-bottom:before {
        background-size: 90px 252px
    }
}

@media (max-width:576.98px) {
    #global-presence .global-presence-bottom:before {
        background-size: 50px 140px
    }
}

#global-presence .global-presence-bottom .zone-wrapper h3 {
    border-left: 6px solid #007a83;
    color: #007a83;
    margin-bottom: 2.25rem;
    padding-left: 15px;
    position: relative
}

#global-presence .global-presence-bottom .zone-wrapper h3:before {
    background: #cad0d0;
    content: "";
    height: 1px;
    left: -6px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 15px);
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(100% + 6px)
}

#global-presence .global-presence-bottom .zone-wrapper .col-country {
    border-right: 1px solid #cad0d0;
    width: 220px
}

@media (max-width:576.98px) {
    #global-presence .global-presence-bottom .zone-wrapper .col-country {
        border-right: 0;
        position: relative;
        width: 100%
    }

    #global-presence .global-presence-bottom .zone-wrapper .col-country:after {
        background: #cad0d0;
        bottom: -8px;
        content: "";
        height: 1px;
        left: .5rem;
        position: absolute;
        width: calc(100% - 1rem)
    }
}

#global-presence .global-presence-bottom .zone-wrapper .col-desc {
    width: calc(100% - 220px)
}

@media (max-width:576.98px) {
    #global-presence .global-presence-bottom .zone-wrapper .col-desc {
        width: 100%
    }
}

#global-presence .global-presence-bottom .zone-wrapper .col-desc ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#global-presence .global-presence-bottom .zone-wrapper .col-desc ul li {
    margin-bottom: 4px
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/publication.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
#publication .latest-publication {
    background: #f4f4f8
}

#publication .latest-publication .related-document-slider .swiper-container {
    margin-left: -10px;
    padding: 10px;
    width: calc(100% + 20px)
}

#publication .latest-publication .related-document-slider .swiper-button-next,#publication .latest-publication .related-document-slider .swiper-button-prev {
    top: calc(50% - 14.5px)
}

@media (max-width:576.98px) {
    #publication .latest-publication .related-document-slider .swiper-button-next,#publication .latest-publication .related-document-slider .swiper-button-prev {
        display: none
    }
}

#publication .listing-publication {
    background: #fff
}

#publication .listing-publication .filter select {
    background-position: right 15px top 50%;
    border-color: #d0d0ce;
    border-radius: 50px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    padding-left: 20px;
    padding-right: 40px;
    width: 200px;
    width: 100%
}

#publication .listing-publication .download .download-item a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #d0d0ce;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 15px;
    text-decoration: none;
    transition: .3s
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a {
        justify-content: flex-start
    }
}

#publication .listing-publication .download .download-item a:hover {
    color: #da291c
}

#publication .listing-publication .download .download-item a .text {
    flex: 1 0;
    max-width: 100%;
    padding-top: 5px;
    position: relative;
    width: 100%
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a .text {
        flex: 0 0 auto;
        padding-bottom: 5px;
        padding-top: 0
    }
}

#publication .listing-publication .download .download-item a .text:after {
    background: #b8bfbe;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 5%;
    width: 1px
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a .text:after {
        display: none
    }
}

#publication .listing-publication .download .download-item a .detail {
    -webkit-box-flex: 0;
    color: #66747e;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-align: right;
    width: 185px
}

@media (max-width:576.98px) {
    #publication .listing-publication .download .download-item a .detail {
        font-size: .85rem
    }
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a .detail {
        padding-left: 0;
        text-align: left;
        width: auto
    }
}

#publication .listing-publication .download .download-item a .icon {
    flex: 0 0 auto;
    text-align: right;
    width: 40px
}

#publication .listing-publication .download .download-item a .icon .download-icon {
    border: 1px solid #66747e;
    border-radius: 100%;
    height: 40px;
    padding: 8px 5px;
    text-align: center;
    width: 40px
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a .icon .download-icon {
        height: 35px;
        padding: 6px 5px;
        width: 35px
    }
}

@media (max-width:576.98px) {
    #publication .listing-publication .download .download-item a .icon .download-icon {
        height: 30px;
        padding: 3px 5px;
        width: 30px
    }
}

#publication .listing-publication .download .download-item a .icon .download-icon i {
    color: #66747e;
    display: block;
    font-size: 1.35rem;
    transition: .3s
}

@media (max-width:991.98px) {
    #publication .listing-publication .download .download-item a .icon .download-icon i {
        font-size: 1.25rem
    }
}

@media (max-width:576.98px) {
    #publication .listing-publication .download .download-item a .icon .download-icon i {
        font-size: 1rem
    }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/photo-gallery.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
#gallery {
    padding: 3.5rem 0
}

@media (max-width:991.98px) {
    #gallery {
        padding: 3rem 0
    }
}

@media (max-width:767.98px) {
    #gallery {
        padding: 2.5rem 0
    }
}

@media (max-width:576.98px) {
    #gallery {
        padding: 2rem 0
    }
}

#gallery .category {
    text-align: center
}

#gallery .category .tag-wrapper .tag-item {
    padding: 8px 20px
}

#gallery .category .tag-wrapper .tag-item.active {
    background: #fff;
    border-color: #da291c;
    color: #da291c
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/organization-possibilities.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
#organization-possibilities {
    position: relative
}

#organization-possibilities:after,#organization-possibilities:before {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

#organization-possibilities:before {
    background: url(/_next/static/media/half-circle.762257ab.png) 0 0 no-repeat;
    background-size: 260px 193px;
    z-index: 2
}

@media (max-width:1199.98px) {
    #organization-possibilities:before {
        background-size: 220px 164px
    }
}

@media (max-width:991.98px) {
    #organization-possibilities:before {
        background-size: 190px 142px
    }
}

@media (max-width:576.98px) {
    #organization-possibilities:before {
        background-size: 130px 97px
    }
}

#organization-possibilities:after {
    background: #fcfcfd;
    background: linear-gradient(180deg,#fcfcfd,#fff 50%,#fff);
    z-index: 1
}

#organization-possibilities .container {
    position: relative;
    z-index: 3
}

#organization-possibilities .join-section,#organization-possibilities .project-section {
    padding-top: 0
}

#organization-possibilities .project-section .project-accordion .accordion-item {
    border: 1px solid #d0d0ce;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    margin-bottom: 1.5rem
}

#organization-possibilities .project-section .project-accordion .accordion-item .accordion-button {
    background: #fff!important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    padding: 2.5rem calc(2.5rem + 40px) 2.5rem 2.5rem;
    position: relative
}

@media (max-width:1199.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button {
        padding: 2rem calc(2rem + 40px) 2rem 2rem
    }
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1.35rem calc(1.35rem + 40px) 1.35rem 1.35rem
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1.25rem calc(1.25rem + 30px) 1.25rem 1.25rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button {
        padding: 1rem calc(1rem + 30px) 1rem 1rem
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .accordion-button:after {
    background: none;
    content: "-";
    font-size: 3rem;
    font-weight: 300;
    line-height: .5;
    position: absolute;
    right: 2.5rem;
    text-align: center;
    top: 2.75rem;
    transition: none
}

@media (max-width:1199.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button:after {
        right: 2rem;
        top: 2.25rem
    }
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 2.25rem;
        right: 1.5rem;
        top: 1.5rem
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 2rem;
        right: 1.25rem;
        top: 1.25rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button:after {
        font-size: 1.75rem;
        right: 1rem;
        top: 1rem
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
    content: "+";
    font-size: 2.5rem;
    transform: translate(2px,-3px)
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 2rem;
        transform: translate(-2px,4px)
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 1.75rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button.collapsed:after {
        font-size: 1.5rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-button .h4 {
        font-size: 1.25rem
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .accordion-body {
    padding: 0 2.5rem 2.5rem
}

@media (max-width:1199.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 2rem 2rem
    }
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1.5rem 1.5rem
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1.25rem 1.25rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-body {
        padding: 0 1rem 1rem
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .accordion-detail {
    background: #f9f9fb;
    border-radius: 15px;
    padding: 2rem 2.5rem
}

@media (max-width:1199.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 2rem
    }
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.25rem
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .accordion-detail {
        padding: 1.5rem
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .contact-detail {
    background: #fff;
    border-radius: 15px;
    margin-top: 2rem;
    padding: 1.5rem
}

#organization-possibilities .project-section .project-accordion .accordion-item a:not(.btn) {
    color: #000;
    text-decoration: none;
    transition: .3s
}

#organization-possibilities .project-section .project-accordion .accordion-item a:not(.btn):hover {
    color: #da291c
}

#organization-possibilities .project-section .project-accordion .accordion-item a:not(.btn):hover .icon {
    transform: translateY(-2px)
}

#organization-possibilities .project-section .project-accordion .accordion-item .icon,#organization-possibilities .project-section .project-accordion .accordion-item .text {
    display: inline-block;
    vertical-align: middle
}

#organization-possibilities .project-section .project-accordion .accordion-item .icon {
    margin-right: 3px;
    position: relative;
    top: -2px;
    transition: .3s
}

#organization-possibilities .project-section .project-accordion .accordion-item .information-nav {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 30px
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .information-nav {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 15px
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .information-nav>[class^=col-] {
    position: relative
}

#organization-possibilities .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:after {
    background: #dcdcdb;
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    width: 1px
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:after {
        display: none
    }
}

#organization-possibilities .project-section .project-accordion .accordion-item .information-nav>[class^=col-]:last-of-type:after {
    display: none
}

#organization-possibilities .project-section .col-logo {
    width: 150px
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .col-logo {
        width: 130px
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .col-logo {
        width: 90px
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .col-logo {
        width: 70px
    }
}

#organization-possibilities .project-section .col-desc {
    width: calc(100% - 150px)
}

@media (max-width:991.98px) {
    #organization-possibilities .project-section .col-desc {
        width: calc(100% - 130px)
    }
}

@media (max-width:767.98px) {
    #organization-possibilities .project-section .col-desc {
        width: calc(100% - 90px)
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .project-section .col-desc {
        width: calc(100% - 70px)
    }
}

#organization-possibilities .join-section .joinus {
    background: url(/_next/static/media/bg-joinus.12657621.png) 50% no-repeat;
    background-size: cover;
    height: 400px;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media (max-width:1199.98px) {
    #organization-possibilities .join-section .joinus {
        height: 300px
    }
}

@media (max-width:576.98px) {
    #organization-possibilities .join-section .joinus {
        height: 260px
    }
}

#organization-possibilities .join-section .joinus:before {
    background: rgba(0,0,0,.4);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

#organization-possibilities .join-section .joinus>* {
    position: relative;
    z-index: 2
}

#organization-possibilities .join-section .joinus .btn {
    margin: 5px 8px;
    width: 240px
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/esg-in-action.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.pretitle {
    background: url(/_next/static/media/bg-pre-title.01fbbc97.png) bottom no-repeat;
    background-size: 100% auto;
    text-align: center
}

.pretitle .h5 {
    line-height: 1.65
}

.categories-nav .nav-item {
    background: #eaf8ef;
    border: 0;
    border-bottom-right-radius: 50px;
    box-shadow: 4px 4px 12px rgba(0,0,0,.1);
    padding: 15px 5px;
    text-align: center;
    transition: .3s;
    width: 100%
}

.categories-nav .nav-item .arrow,.categories-nav .nav-item .icon,.categories-nav .nav-item .text {
    display: block
}

.categories-nav .nav-item .icon {
    height: 50px;
    margin-bottom: 5px
}

.categories-nav .nav-item .icon img {
    max-height: 100%
}

.categories-nav .nav-item .text {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 5px
}

@media (max-width:576.98px) {
    .categories-nav .nav-item .text {
        font-size: 1rem
    }
}

.categories-nav .nav-item .arrow {
    border-radius: 100%;
    height: 34px;
    margin: auto;
    padding: 7px 8px;
    transition: .3s;
    width: 34px
}

.categories-nav .nav-item .arrow:hover {
    background: #079455
}

.categories-nav .nav-item:hover {
    border-color: #079455;
    box-shadow: 4px 5px 12px rgba(0,0,0,.1)
}

.categories-nav .nav-item:hover .arrow {
    background: #079455;
    color: #fff
}

.categories {
    background: #f6f6f9
}

.categories .categories-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width:991.98px) {
    .categories .categories-nav {
        display: block
    }
}

.categories .categories-nav .categories-group {
    border: 1px solid #079455;
    border-radius: 100px;
    padding: 15px 5px
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-group {
        text-align: center;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .categories .categories-nav .categories-group {
        border-radius: 25px;
        padding: 15px 1rem
    }
}

@media (max-width:576.98px) {
    .categories .categories-nav .categories-group {
        border-radius: 15px;
        padding: 15px 5px
    }
}

.categories .categories-nav .categories-separate {
    padding: 0 35px;
    text-align: center
}

@media (max-width:1199.98px) {
    .categories .categories-nav .categories-separate {
        padding: 0 15px
    }
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-separate {
        padding: 15px;
        width: 100%
    }
}

.categories .categories-nav .categories-separate img {
    width: 40px
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-separate img {
        width: 35px
    }

    .categories .categories-nav .categories-additional {
        text-align: center;
        width: 100%
    }
}

.categories .categories-nav .categories-additional .nav-item {
    margin: 0
}

.categories .categories-nav .nav-item {
    background: #eaf8ef;
    border: 1px solid transparent;
    border-radius: 100%;
    display: inline-block;
    height: 155px;
    margin: 0 15px;
    padding: 15px 10px;
    text-align: center;
    transition: .3s;
    vertical-align: top;
    width: 155px
}

@media (max-width:1199.98px) {
    .categories .categories-nav .nav-item {
        height: 152px;
        margin: 0 5px;
        width: 152px
    }
}

@media (max-width:767.98px) {
    .categories .categories-nav .nav-item {
        margin: 10px
    }
}

@media (max-width:576.98px) {
    .categories .categories-nav .nav-item {
        height: 140px;
        margin: 5px;
        padding: 15px 5px;
        width: 140px
    }
}

.categories .categories-nav .nav-item .arrow,.categories .categories-nav .nav-item .icon,.categories .categories-nav .nav-item .text {
    display: block
}

.categories .categories-nav .nav-item .icon {
    height: 45px;
    margin-bottom: 5px
}

.categories .categories-nav .nav-item .icon img {
    max-height: 100%
}

.categories .categories-nav .nav-item .text {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 5px
}

@media (max-width:576.98px) {
    .categories .categories-nav .nav-item .text {
        font-size: 1rem
    }
}

.categories .categories-nav .nav-item .arrow {
    border-radius: 100%;
    height: 34px;
    margin: auto;
    padding: 7px 8px;
    transition: .3s;
    width: 34px
}

.categories .categories-nav .nav-item .arrow:hover {
    background: #079455
}

.categories .categories-nav .nav-item:hover {
    border-color: #079455;
    box-shadow: 4px 5px 12px rgba(0,0,0,.1)
}

.categories .categories-nav .nav-item:hover .arrow {
    background: #079455;
    color: #fff
}

.article-wrapper .article-section .article-header {
    color: #fff;
    height: 400px;
    position: relative
}

@media (max-width:767.98px) {
    .article-wrapper .article-section .article-header {
        height: 420px
    }
}

@media (max-width:576.98px) {
    .article-wrapper .article-section .article-header {
        height: 500px
    }
}

.article-wrapper .article-section .article-header .container {
    height: 100%;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative;
    z-index: 2
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .container {
        align-items: flex-end;
        display: flex
    }
}

.article-wrapper .article-section .article-header .container>.row {
    align-items: flex-end;
    height: 100%
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .container>.row {
        height: auto
    }
}

.article-wrapper .article-section .article-header .container h5 {
    line-height: 1.5
}

.article-wrapper .article-section .article-header .bg-header {
    border-bottom-left-radius: 80px;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 50px
    }
}

@media (max-width:767.98px) {
    .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 0
    }
}

.article-wrapper .article-section .article-header .bg-header img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    width: 100%;
    z-index: 2
}

.article-wrapper .article-section .article-header .bg-header:before {
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0) 25%,#000);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 3
}

.article-wrapper .article-section .article-header .icon img {
    max-height: 80px
}

.article-wrapper .article-section .article-thumb {
    background: #f2f4f7
}

.article-wrapper .article-section .article-thumb .card-net-zero .card-desc .card-title {
    font-size: 1.25rem
}

.article-wrapper .article-section .article-thumb .card-net-zero .card-desc .card-excerp {
    -webkit-line-clamp: none
}

.article-wrapper .article-section .article-highlight {
    background: #fff
}

.article-wrapper .article-section .article-highlight .card-net-zero .card-img:before {
    display: none
}

.article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
    height: 372.6px
}

@media (max-width:1400.98px) {
    .article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
        height: 376.8px
    }
}

@media (max-width:1199.98px) {
    .article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
        height: 313.8px
    }
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
        height: 414px
    }
}

@media (max-width:767.98px) {
    .article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
        height: 306px
    }
}

@media (max-width:576.98px) {
    .article-wrapper .article-section .article-highlight .card-net-zero .card-img .card-img-inner {
        height: calc(60vw - 24px)
    }
}

.article-wrapper .article-section .article-highlight .swiper-tools-group {
    bottom: 0;
    bottom: inherit;
    left: 0;
    left: inherit;
    padding-bottom: 0;
    position: absolute;
    position: relative;
    width: 100%;
    z-index: 4;
    z-index: 3
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons {
    margin-bottom: 20px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    left: inherit;
    margin-right: 12px;
    padding: 5px 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    transition: .3s;
    width: 40px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next:after,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #fff;
    font-size: 1rem
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .col-fraction {
    width: 75px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .col-pagination {
    width: calc(100% - 75px)
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination {
    bottom: inherit;
    display: block!important;
    height: 4px;
    left: inherit;
    opacity: 1;
    position: relative;
    text-align: left;
    top: inherit
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    background: #d0d0ce;
    border-radius: 0;
    display: inline-block!important;
    height: 4px;
    margin: 0;
    vertical-align: top;
    width: 100px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da291c
}

@media (max-width:576.98px) {
    .article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
        width: 50px
    }
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-fraction {
    color: #fff;
    position: relative
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons {
    margin-bottom: 15px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev {
    background: transparent;
    border-color: #d0d0ce;
    color: #fff;
    margin-right: 6px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next:after,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:after {
    color: #252a36
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next:hover,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:hover {
    background: #da291c;
    border-color: #da291c;
    color: #fff
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-next:hover:after,.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-buttons .swiper-button-prev:hover:after {
    color: #fff
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination {
    text-align: right
}

@media (max-width:576.98px) {
    .article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination {
        text-align: left
    }
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-pagination .swiper-pagination-bullet {
    width: 30px
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-fraction {
    color: #252a36;
    margin-bottom: 0
}

.article-wrapper .article-section .article-highlight .swiper-tools-group .swiper-fraction strong {
    font-size: 1.35rem;
    position: relative;
    top: 1px
}

.article-wrapper .card-net-zero .card-img .card-img-inner {
    height: 517.5px
}

@media (max-width:1400.98px) {
    .article-wrapper .card-net-zero .card-img .card-img-inner {
        height: 442.5px
    }
}

@media (max-width:1199.98px) {
    .article-wrapper .card-net-zero .card-img .card-img-inner {
        height: 366.25px
    }
}

.article-wrapper .card-net-zero .card-desc {
    padding: 20px
}

.article-wrapper .card-net-zero:hover {
    transform: translateY(-4px)
}

.net-zero-type {
    --bs-gutter-x: 80px;
    --bs-gutter-y: 30px
}

@media (max-width:991.98px) {
    .net-zero-type {
        --bs-gutter-x: 35px;
        --bs-gutter-y: 60px
    }
}

.net-zero-type>[class*=" col"],.net-zero-type>[class^=-col] {
    position: relative
}

.net-zero-type>[class*=" col"]:after,.net-zero-type>[class^=-col]:after {
    background: #d5d5d3;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

@media (max-width:991.98px) {
    .net-zero-type>[class*=" col"]:after,.net-zero-type>[class^=-col]:after {
        bottom: -30px;
        height: 1px;
        top: inherit;
        width: 100%
    }
}

.net-zero-type>[class*=" col"]:last-of-type:after,.net-zero-type>[class^=-col]:last-of-type:after {
    display: none
}

.nature-positive-col {
    --bs-gutter-x: 80px;
    --bs-gutter-y: 30px
}

@media (max-width:991.98px) {
    .nature-positive-col {
        --bs-gutter-x: 35px;
        --bs-gutter-y: 60px
    }
}

.nature-positive-col>[class*=" col"],.nature-positive-col>[class^=-col] {
    position: relative
}

.nature-positive-col>[class*=" col"]:after,.nature-positive-col>[class^=-col]:after {
    background: #d5d5d3;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

@media (max-width:991.98px) {
    .nature-positive-col>[class*=" col"]:after,.nature-positive-col>[class^=-col]:after {
        bottom: -30px;
        height: 1px;
        top: inherit;
        width: 100%
    }
}

.nature-positive-col>[class*=" col"]:last-of-type:after,.nature-positive-col>[class^=-col]:last-of-type:after {
    display: none
}

#article-net-zero .article-body {
    background: url(/_next/static/media/bg-detail-net-zero.c615659e.png) bottom no-repeat;
    background-size: 100% auto
}

#article-net-zero .article-body.section {
    padding-bottom: 18rem
}

@media (max-width:991.98px) {
    #article-net-zero .article-body.section {
        padding-bottom: 12rem
    }
}

@media (max-width:576.98px) {
    #article-net-zero .article-body.section {
        padding-bottom: 6rem
    }
}

#article-nature-positive .article-body {
    background: url(/_next/static/media/bg-detail-nature-positive.3e4357e4.png) bottom no-repeat;
    background-size: 100% auto
}

#article-nature-positive .article-body.section {
    padding-bottom: 18rem
}

@media (max-width:991.98px) {
    #article-nature-positive .article-body.section {
        padding-bottom: 12rem
    }
}

@media (max-width:576.98px) {
    #article-nature-positive .article-body.section {
        padding-bottom: 6rem
    }
}

#article-inclusive .article-body {
    background: url(/_next/static/media/bg-circle.fa923c14.png) 0 100% no-repeat #f2f4f7;
    background-size: 400px auto
}

#article-inclusive .article-body.section {
    padding-bottom: 6rem
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/assets/frontend/css/esg-4-plus.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.pretitle {
    background: url(/_next/static/media/bg-pre-title.01fbbc97.png) bottom no-repeat;
    background-size: 100% auto;
    text-align: center
}

.categories {
    background: #f6f6f9
}

.categories .categories-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width:991.98px) {
    .categories .categories-nav {
        display: block
    }
}

.categories .categories-nav .categories-group {
    border: 1px solid #079455;
    border-radius: 100px;
    padding: 15px 5px
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-group {
        text-align: center;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .categories .categories-nav .categories-group {
        border-radius: 25px;
        padding: 15px 1rem
    }
}

@media (max-width:576.98px) {
    .categories .categories-nav .categories-group {
        border-radius: 15px;
        padding: 15px 5px
    }
}

.categories .categories-nav .categories-separate {
    padding: 0 35px;
    text-align: center
}

@media (max-width:1199.98px) {
    .categories .categories-nav .categories-separate {
        padding: 0 15px
    }
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-separate {
        padding: 15px;
        width: 100%
    }
}

.categories .categories-nav .categories-separate img {
    width: 40px
}

@media (max-width:991.98px) {
    .categories .categories-nav .categories-separate img {
        width: 35px
    }

    .categories .categories-nav .categories-additional {
        text-align: center;
        width: 100%
    }
}

.categories .categories-nav .categories-additional .nav-item {
    margin: 0
}

.categories .categories-nav .nav-item {
    background: #eaf8ef;
    border: 1px solid transparent;
    border-radius: 100%;
    display: inline-block;
    height: 155px;
    margin: 0 15px;
    padding: 15px 10px;
    text-align: center;
    transition: .3s;
    vertical-align: top;
    width: 155px
}

@media (max-width:1199.98px) {
    .categories .categories-nav .nav-item {
        height: 152px;
        margin: 0 5px;
        width: 152px
    }
}

@media (max-width:767.98px) {
    .categories .categories-nav .nav-item {
        margin: 10px
    }
}

@media (max-width:576.98px) {
    .categories .categories-nav .nav-item {
        height: 140px;
        margin: 5px;
        padding: 15px 5px;
        width: 140px
    }
}

.categories .categories-nav .nav-item .arrow,.categories .categories-nav .nav-item .icon,.categories .categories-nav .nav-item .text {
    display: block
}

.categories .categories-nav .nav-item .icon {
    height: 45px;
    margin-bottom: 5px
}

.categories .categories-nav .nav-item .icon img {
    max-height: 100%
}

.categories .categories-nav .nav-item .text {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 5px
}

@media (max-width:576.98px) {
    .categories .categories-nav .nav-item .text {
        font-size: 1rem
    }
}

.categories .categories-nav .nav-item .arrow {
    border-radius: 100%;
    height: 34px;
    margin: auto;
    padding: 7px 8px;
    transition: .3s;
    width: 34px
}

.categories .categories-nav .nav-item .arrow:hover {
    background: #079455
}

.categories .categories-nav .nav-item:hover {
    border-color: #079455;
    box-shadow: 4px 5px 12px rgba(0,0,0,.1)
}

.categories .categories-nav .nav-item:hover .arrow {
    background: #079455;
    color: #fff
}

.article-wrapper .article-section .article-header {
    color: #fff;
    height: 400px;
    position: relative
}

@media (max-width:767.98px) {
    .article-wrapper .article-section .article-header {
        height: 420px
    }
}

@media (max-width:576.98px) {
    .article-wrapper .article-section .article-header {
        height: 500px
    }
}

.article-wrapper .article-section .article-header .container {
    height: 100%;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative;
    z-index: 2
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .container {
        align-items: flex-end;
        display: flex
    }
}

.article-wrapper .article-section .article-header .container>.row {
    align-items: flex-end;
    height: 100%
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .container>.row {
        height: auto
    }
}

.article-wrapper .article-section .article-header .container h5 {
    line-height: 1.5
}

.article-wrapper .article-section .article-header .bg-header {
    border-bottom-left-radius: 80px;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media (max-width:991.98px) {
    .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 50px
    }
}

@media (max-width:767.98px) {
    .article-wrapper .article-section .article-header .bg-header {
        border-bottom-left-radius: 0
    }
}

.article-wrapper .article-section .article-header .bg-header img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    width: 100%;
    z-index: 2
}

.article-wrapper .article-section .article-header .bg-header:before {
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0) 25%,#000);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 3
}

.article-wrapper .article-section .article-header .icon img {
    max-height: 80px
}

.article-wrapper .card-net-zero .card-img .card-img-inner {
    height: 517.5px
}

@media (max-width:1400.98px) {
    .article-wrapper .card-net-zero .card-img .card-img-inner {
        height: 442.5px
    }
}

@media (max-width:1199.98px) {
    .article-wrapper .card-net-zero .card-img .card-img-inner {
        height: 366.25px
    }
}

.article-wrapper .card-net-zero .card-desc {
    padding: 20px
}

.article-wrapper .card-net-zero:hover {
    transform: translateY(-4px)
}

.net-zero-type {
    --bs-gutter-x: 60px;
    --bs-gutter-y: 30px;
    text-align: center
}

@media (max-width:1199.98px) {
    .net-zero-type {
        --bs-gutter-x: 25px;
        --bs-gutter-y: 60px
    }
}

.net-zero-type>[class*=" col"],.net-zero-type>[class^=-col] {
    position: relative
}

.net-zero-type>[class*=" col"]:after,.net-zero-type>[class^=-col]:after {
    background: #d5d5d3;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

@media (max-width:1199.98px) {
    .net-zero-type>[class*=" col"]:after,.net-zero-type>[class^=-col]:after {
        bottom: -30px;
        height: 1px;
        top: inherit;
        width: 100%
    }
}

.net-zero-type>[class*=" col"]:last-of-type:after,.net-zero-type>[class^=-col]:last-of-type:after {
    display: none
}

.cooperate-block {
    background: #fff;
    border: 1px solid #d5d5d3;
    height: 100%;
    padding: 25px
}

@media (max-width:1199.98px) {
    .cooperate-block {
        padding: 20px
    }
}

.cooperate-block .cooperate-block-header {
    border-bottom: 1px solid #d5d5d3;
    height: 80px;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center
}

@media (max-width:1199.98px) {
    .cooperate-block .cooperate-block-header {
        height: 70px
    }
}

.cooperate-block .cooperate-block-header img {
    max-height: 100%
}

.cooperate-block .cooperate-block-body p {
    margin-bottom: 1.25rem
}

.cooperate-block .cooperate-block-body p:last-of-type {
    margin: 0
}