[data-v-a20f16dd] .hero--breadcrumbs a {
    color: #fff;
}

.text-gradient-green {
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #2dff93, #62ff43);
    color: transparent;

}

.animate-marquee {
    animation: marquee-vertical 45s linear infinite
}

.animate-marquee[data-v-fe9eabab] {
    animation: marquee 110s linear infinite;
    mix-blend-mode: soft-light;
}

@media screen and (min-width:768px) {
    .animate-marquee {
        animation: marquee-horizontal 55s linear infinite
    }
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes marquee-horizontal {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}



.animate-marquee[data-v-fe9eabab] {
    animation: marquee 110s linear infinite;
    mix-blend-mode: soft-light
}

section[data-v-9417ae5a] {
    background: linear-gradient(90deg, #1d62a7 .73%, #036);
    position: sticky;
    top: 156px;
    left: 0;
    right: 0;
    z-index: 11;
}

.ht-translate-50 {
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
    #heroRibone[data-v-a20f16dd] {
        background: var(--568292cb) no-repeat;
        background-position: var(--b66e0c8e);
        bottom: 0;
        height: 202px;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    #heroRibone[data-v-a20f16dd] {
        background: var(--568292cb) no-repeat;
        background-position: var(--b66e0c8e);
        bottom: 0;
        height: 202px;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    #line[data-v-02c7cbc0] {
        background: var(--1e545f56) no-repeat;
        background-position: var(--bce15022);
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    #line[data-v-02c7cbc0] {
        background: var(--1e545f56) no-repeat;
        background-position: var(--bce15022);
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}

.slider-reference-objects .swiper-slide {
    transition: width .2s linear;
    width: 130px;
}

section[data-v-fe9eabab] {
    background: linear-gradient(90deg, #00336695, #00336695), var(--787d34ac) no-repeat, linear-gradient(90deg, #1d62a7 .73%, #036);
    background-position: 50%, var(--b2b3730c);
}

section[data-v-50cc09d2] {
    background: var(--73dbc9f6) no-repeat, #036;
    background-position: var(--14c6cf3f), 50%;
}

section[data-v-50cc09d2] {
    background: #036
}

@media screen and (min-width: 768px) {
    section[data-v-50cc09d2] {
        background: var(--73dbc9f6) no-repeat, #036;
        background-position: var(--14c6cf3f), 50%
    }
}

.col[data-v-50cc09d2] {
    transition: flex-basis .2s linear
}

.col-innovation[data-v-50cc09d2] {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 100;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 50px
}

.col-history[data-v-50cc09d2] {
    bottom: 0;
    flex-grow: 1;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%);
    transition: width .2s linear, transform .2s linear;
    width: 100%
}

.col-history[data-v-50cc09d2]:after {
    background: linear-gradient(270deg, #1d62a7 .73%, #036);
    bottom: 0;
    content: "";
    left: 0;
    opacity: var(--bg-opacity, 0);
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s linear
}

.col-history.active[data-v-50cc09d2] {
    transform: translate(0)
}



@media screen and (min-width: 768px) {
    .col-history[data-v-50cc09d2] {
        padding-left: 0;
        padding-right: var(--padding-inline, 0);
        padding-top: 0;
        position: relative;
        transform: translate(0);
        width: 33.3333333%
    }

    .col-history.active[data-v-50cc09d2] {
        width: 80%;
        --bg-opacity: 1
    }
}

@media screen and (min-width: 1440px) {
    .col-history[data-v-50cc09d2] {
        width: 33.3333333%
    }

    .col-history.active[data-v-50cc09d2] {
        width: 66.6666666%;
        --bg-opacity: 1
    }
}

.innovation-section .active .visible-if-inactive,
.innovation-section .visible-if-active {
    opacity: 0;
    transition: opacity .2s linear, display .2s linear;
    visibility: hidden
}

.innovation-section .active .visible-if-active,
.innovation-section .visible-if-inactive {
    opacity: 1;
    visibility: visible
}

.innovation-section .hide-if-active {
    transition: opacity .2s linear, display .2s linear;
    visibility: visible
}

.innovation-section .active .hide-if-active {
    opacity: 0;
    visibility: hidden
}



.ht-rotate-180 {
    transform: rotate(180deg);
}

.ht-rotate-2 {
    transform: rotate(0);

}

.slider-navigation[data-v-98868c3d] {
    justify-content: space-between;
    z-index: 40
}

.ht-paginate .prev.page-numbers,
.ht-paginate .next.page-numbers {
    display: none !important;
}

.ht-paginate .page-numbers {
    color: rgb(0 51 102);
    opacity: .9;
    padding-left: .25rem;
    padding-right: .25rem;
}

.ht-paginate ul.page-numbers {
    display: flex;
    list-style: none;
    justify-content: space-between;
    color: #036;
    opacity: 0.9;
    padding: 0;
}

.ht-paginate .page-numbers.current {
    font-weight: 700;
}

.ht-select-blog {
    display: inline-flex;
    width: 160px;
    height: 40px;
    align-items: center;

    position: relative;
    cursor: pointer;
}

.ht-select-blog.active {
    border-radius: 1.5rem 1.5rem 0 0;
}

.inner-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.list-number-post {
    position: absolute;
    width: 160px;
    left: -1px;
    top: 100%;
    display: none;
    z-index: 3;
}

.list-number-post ul {
    padding: 8px 0;
    background: #fff;
    border-radius: 0 0 1.5rem 1.5rem;
    z-index: 2;
    border-top: none;
}

.list-number-post ul li {
    padding: 1px 20px;
    margin: 3px 0;
    cursor: pointer;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.list-number-post ul li.active,
.list-number-post ul li:hover {
    background: #E5ECFF;

}

@media (min-width: 768px) {

    .ht-paginate ul.page-numbers {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .md\:ml-64 {
        margin-left: 13.33vw;
    }

    .slider-navigation[data-v-98868c3d] {
        flex-direction: column;
        position: absolute;
        top: 3rem
    }
}

.slide-1911 img[data-v-98868c3d] {
    rotate: 6deg;
    top: 300%
}

.slide-1919 img[data-v-98868c3d] {
    top: 50%
}

.slide-1926 img[data-v-98868c3d] {
    top: 200%
}

.slide-1930 img[data-v-98868c3d] {
    top: 160%
}

.slide-1934 img[data-v-98868c3d] {
    top: 360%
}

.slide-1948 img[data-v-98868c3d] {
    left: -10%;
    top: 190%
}

.slide-1982 img[data-v-98868c3d] {
    left: 15%;
    top: 790%
}

.slide-2009 img[data-v-98868c3d] {
    top: 390%
}

.slide-2011 img[data-v-98868c3d] {
    left: 20%;
    top: 390%
}

.slide-2012 img[data-v-98868c3d] {
    left: 10%;
    top: 190%
}

.slide-1987 img {
    top: 400px;
}

.slide-2013 img[data-v-98868c3d] {
    left: -10%;
    top: 200%
}

.slide-2019 img[data-v-98868c3d] {
    left: 10%;
    top: 200%
}

.slide-2020 img[data-v-98868c3d] {
    left: -15%;
    top: 350%
}

.slide-2021 img[data-v-98868c3d] {
    left: -15%;
    top: 350%
}

.slide-2022 img[data-v-98868c3d] {
    left: 35%;
    top: 350%
}

.slide-2023 img[data-v-98868c3d] {
    top: 350%
}

@media screen and (max-width: 767px) {

    .slide-1887 img[data-v-98868c3d],
    .slide-1911 img[data-v-98868c3d],
    .slide-1919 img[data-v-98868c3d],
    .slide-1926 img[data-v-98868c3d],
    .slide-1930 img[data-v-98868c3d],
    .slide-1934 img[data-v-98868c3d],
    .slide-1982 img[data-v-98868c3d],
    .slide-2011 img[data-v-98868c3d],
    .slide-2022 img[data-v-98868c3d] {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }

    .slide-1887 img[data-v-98868c3d],
    .slide-1911 img[data-v-98868c3d],
    .slide-1919 img[data-v-98868c3d],
    .slide-1926 img[data-v-98868c3d],
    .slide-1930 img[data-v-98868c3d],
    .slide-1934 img[data-v-98868c3d],
    .slide-1982 img[data-v-98868c3d],
    .slide-2005 img[data-v-98868c3d],
    .slide-2009 img[data-v-98868c3d],
    .slide-2011 img[data-v-98868c3d] {
        margin-top: 50px;
        max-height: 200px
    }

    .slide-2011 img[data-v-98868c3d] {
        margin-top: 20px
    }

    .slide-2019 img[data-v-98868c3d] {
        margin-top: 100px
    }

    .slide-2021 img[data-v-98868c3d] {
        margin-top: -50px;
        max-height: 250px
    }

    .slide-2022 img[data-v-98868c3d] {
        max-height: 150px
    }
}

.slider[data-v-98868c3d] .swiper-slide {
    opacity: 0;
    transition: opacity 1s linear
}

.slider[data-v-98868c3d] .swiper-slide-active {
    opacity: 1
}

.letters-animation[data-v-c989b0d6] {
    height: 1lh;
    width: calc(var(--letters-animation-width)*1ch)
}

.letters-animation-enter-active[data-v-c989b0d6],
.letters-animation-leave-active[data-v-c989b0d6] {
    transition: transform 2s ease
}

.letters-animation-enter-from.down[data-v-c989b0d6] {
    transform: translateY(100%)
}

.letters-animation-enter-from.up[data-v-c989b0d6],
.letters-animation-leave-to.down[data-v-c989b0d6] {
    transform: translateY(-100%)
}

.letters-animation-leave-to.up[data-v-c989b0d6] {
    transform: translateY(100%)
}

.letters-animation span {
    position: absolute;
    transition: transform 0.5s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.letters-animation span.letters-animation-enter-active {
    transition: transform 0.5s cubic-bezier(.22, .61, .36, 1);
}

.letters-animation span.up {
    transform: translateY(-100%);
}

.letters-animation span.down {
    transform: translateY(100%);
}

.ht-active .selected-text {
    color: #62ff43;
    font-weight: 700
}

.ht-active .circle {
    background-color: #62ff43;
    border-color: #62ff43
}

.arrow-start {
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .arrow-start {
        transform: rotate(-90deg)
    }

    .arrow-end {
        transform: rotate(90deg)
    }
}

.slider-background {
    z-index: 1;
}

.custom-pre-slider svg {
    transform: rotate(0) !important;
}

.custom-next-slider svg {
    transform: rotate(0) !important;
}

.custom-pre-slider,
.custom-next-slider {
    z-index: 12;
}



.slider-main .swiper-slide {
    height: 100%;
}

section[data-v-e3c9eb25] {
    background: linear-gradient(90deg, #1d62a7 .73%, #036)
}

@media screen and (min-width: 768px) {
    section[data-v-e3c9eb25] {
        background: var(--358e8cd3) no-repeat, linear-gradient(90deg, #1d62a7 .73%, #036);
        background-position: var(--50f33a9e)
    }
}

.radio-input[data-v-55f17f19] {
    border-width: 2px;
    height: 1.875rem;
    width: 1.875rem;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.radio-input[data-v-55f17f19]:checked {
    border-width: 2px;
    --tw-border-opacity: 1;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.radio-input[data-v-55f17f19]:hover:checked {
    --tw-border-opacity: 1 !important;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.radio-input[data-v-55f17f19]:focus {
    border-width: 2px !important;
    --tw-border-opacity: 1 !important;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-offset-width: 0px !important
}

.radio-input[data-v-55f17f19]:hover:focus:checked {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}



.element[data-v-14ca9f19] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    gap: 1rem;
    line-height: 1.875rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.radio-input[data-v-b2b8e038] {
    border-width: 2px;
    height: 1.875rem;
    width: 1.875rem;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.radio-input[data-v-b2b8e038]:checked {
    border-width: 2px;
    --tw-border-opacity: 1;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.radio-input[data-v-b2b8e038]:hover:checked {
    --tw-border-opacity: 1 !important;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.radio-input[data-v-b2b8e038]:focus {
    border-width: 2px !important;
    --tw-border-opacity: 1 !important;
    background-color: transparent !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-offset-width: 0px !important
}

.radio-input[data-v-b2b8e038]:hover:focus:checked {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

/* #aboutUsMap {
    width: 1320px;
    height: 750px;
    background: #0c4d7a;
    margin: auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

#aboutUsMap canvas {
    width: 100%;
    height: 100%;
    display: block;
}

.about-map-marker {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ffcc00;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    transform: translate(-50%, -50%);
    pointer-events: none;
} */

.icon-nature {
    object-fit: cover;
    filter: brightness(0) invert(1);
    width: 110px;
}

section[data-v-b6164a57] {
    background: linear-gradient(90deg, #1d62a7 .73%, #036);
    background-position: bottom;
    background-size: 100%
}

@media screen and (min-width: 768px) {
    section[data-v-b6164a57] {
        background: var(--50b8384f) no-repeat, linear-gradient(90deg, #1d62a7 .73%, #036);
        background-position: var(--649d9496), bottom;
        background-size: auto, 100%
    }
}

.icon-people {
    width: 61px;
    filter: brightness(0) invert(1);
    object-fit: cover;

}

section[data-v-c902f6fd] {
    background: no-repeat #036;
    background-position: 50%, 50%;
    background-size: cover, cover
}

@media screen and (min-width: 768px) {
    section[data-v-c902f6fd] {
        background: var(--7d6f655e) no-repeat, no-repeat, #036;
        background-position: var(--46a42d1a), 50%, 50%;
        background-size: auto, cover, cover
    }
}

.cards[data-v-c902f6fd] {
    height: 590px;
    margin-top: 100px
}

.cards[data-v-c902f6fd] .card {
    background: linear-gradient(90deg, #4782bd .73%, #1d62a7);
    display: flex;
    flex-basis: 33.33333333%;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    margin-bottom: 70px;
    margin-top: 70px;
    padding: 0 50px 20px;
    position: relative;
    transition: margin .2s linear, flex-basis .2s linear;
    z-index: 1
}

.cards[data-v-c902f6fd] .card__image {
    left: 50%;
    max-height: 250px;
    max-width: unset;
    position: absolute;
    transform: translate(-50%) translateY(-110px) scale(.8);
    transition: transform .2s linear;
    width: unset
}

.cards[data-v-c902f6fd] .card__content {
    left: 50px;
    position: absolute;
    right: 50px;
    top: calc(50% - 60px)
}

.cards[data-v-c902f6fd] .card__logo-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: flex-end;
    margin-bottom: 1.5em
}

.cards[data-v-c902f6fd] .card__logo {
    transform: scale(.8);
    transform-origin: left center;
    transition: transform .2s linear
}

.cards[data-v-c902f6fd] .card:after {
    background: linear-gradient(90deg, #036 .73%, #1d62a7);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    z-index: -1
}

.cards[data-v-c902f6fd] .card.active {
    flex-basis: 45%;
    margin-bottom: 0;
    margin-top: 0
}

.cards[data-v-c902f6fd] .card.active .card__image {
    max-height: 300px;
    transform: translate(-50%) translateY(-100px) scale(1)
}

.cards[data-v-c902f6fd] .card.active .card__logo {
    transform: scale(1)
}

.cards[data-v-c902f6fd] .card.active .card:after {
    opacity: 1
}

@media (max-width: 1024px) {
    .cards[data-v-c902f6fd] .card {
        padding: 0 20px 20px
    }

    .cards[data-v-c902f6fd] .card__image {
        transform: translate(-50%) translateY(-110px) scale(.4)
    }

    .cards[data-v-c902f6fd] .card__content {
        left: 20px;
        right: 20px;
        top: calc(50% - 115px)
    }

    .cards[data-v-c902f6fd] .card.active .card__image {
        transform: translate(-50%) translateY(-100px) scale(.6)
    }
}

.card:nth-child(3) .card__logo[data-v-c902f6fd] {
    margin-bottom: -10px
}

.card:nth-child(3) .card__image[data-v-c902f6fd] {
    top: 30px
}

.cards-mobile[data-v-c902f6fd] .card .card__image {
    height: 200px;
    margin-bottom: 2em;
    -o-object-fit: contain;
    object-fit: contain
}

.cards-mobile[data-v-c902f6fd] .card .card__logo {
    height: 30px;
    margin-bottom: 2em;
    -o-object-fit: contain;
    object-fit: contain
}

.cards-mobile[data-v-c902f6fd] .card .card__content {
    color: #fff;
    margin-bottom: 2em
}

.cards-mobile[data-v-c902f6fd] .card .card__button {
    margin-bottom: 2em
}

/* .ht-clamp-4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
} */
section[data-v-02ed3b5d] {
    background: linear-gradient(90deg, #1d62a7 .73%, #036);
    background-position: 0 0;
    background-size: 100%
}

@media screen and (min-width: 768px) {
    section[data-v-02ed3b5d] {
        background: var(--f6b97a10) no-repeat, linear-gradient(90deg, #1d62a7 .73%, #036);
        background-position: var(--da828328), 0 0;
        background-size: auto, 100%
    }
}

.element[data-v-02ed3b5d] {
    height: 470px
}

.element__title[data-v-02ed3b5d] {
    opacity: 1;
    transition: opacity .2s linear
}

.element__image-wrapper[data-v-02ed3b5d] {
    height: 220px;
    transition: height .2s linear
}

.element img[data-v-02ed3b5d] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 768px) {
    .element[data-v-02ed3b5d] {
        height: 610px
    }

    .element__image-wrapper[data-v-02ed3b5d] {
        height: 320px
    }

    .swiper-container[data-v-02ed3b5d] .swiper-scrollbar {
        display: none
    }
}

.swiper-main[data-v-02ed3b5d] .swiper-slide {
    width: -moz-fit-content;
    width: fit-content
}

.swiper-container[data-v-02ed3b5d] .swiper-slide {
    transition: width .2s linear;
    width: calc(22.76423% - 20px)
}

.swiper-container[data-v-02ed3b5d] .swiper-slide-active+*+*+* {
    width: calc(34.14634% - 20px)
}

.swiper-container[data-v-02ed3b5d] .swiper-slide-active+*+*+* .element__title {
    opacity: 0
}

.swiper-container[data-v-02ed3b5d] .swiper-slide-active+*+*+* .element__image-wrapper {
    height: 540px
}

.element-desc[data-v-02ed3b5d] {
    height: 500px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.carousel-next-enter-active[data-v-02ed3b5d],
.carousel-next-leave-active[data-v-02ed3b5d],
.carousel-prev-enter-active[data-v-02ed3b5d],
.carousel-prev-leave-active[data-v-02ed3b5d] {
    transition: transform 1s cubic-bezier(.215, .61, .355, 1);
    will-change: transform
}

.carousel-next-enter[data-v-02ed3b5d],
.carousel-prev-leave-to[data-v-02ed3b5d] {
    transform: translate(100%)
}

.carousel-next-leave-to[data-v-02ed3b5d],
.carousel-prev-enter[data-v-02ed3b5d] {
    transform: translate(-100%)
}

.carousel-next-enter-from[data-v-02ed3b5d] {
    transform: translate(100%)
}

.carousel-prev-enter-from[data-v-02ed3b5d] {
    transform: translate(-100%)
}

.swiper-container[data-v-02ed3b5d] .swiper-button-wrapper-next,
.swiper-container[data-v-02ed3b5d] .swiper-button-wrapper-prev {
    display: none
}

.button-transparent[data-v-02ed3b5d] {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer
}

.element-desc[data-v-02ed3b5d] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    padding-left: 20px;
    color: white;
    opacity: 0;
    transform: translateX(100%);
    /* bắt đầu ở bên phải */
    transition: all 0.5s ease;
    /* animation mượt */
    pointer-events: none;
    /* không cho click khi ẩn */
}

.element-desc.active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.img-light {
    filter: brightness(0) invert(1);
    width: 32px;
}

#aboutUsMap img {
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
    object-fit: cover;
}

.map-1 {
    display: block;
}

.map-2 {
    display: none;
}

.animate-marquee[data-v-b9c3c632] {
    animation: marquee-b9c3c632 70s linear infinite
}

@keyframes marquee-b9c3c632 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@media screen and (min-width: 768px) {
    #heroRibone[data-v-a20f16dd] {
        background: var(--568292cb) no-repeat;
        background-position: var(--b66e0c8e);
        bottom: 0;
        height: 202px;
        position: absolute;
        width: 100%;
        z-index: 1
    }
}

[data-v-a20f16dd] .hero--breadcrumbs a {
    color: #fff
}

.animate-marquee[data-v-a20f16dd] {
    animation: marquee-vertical-a20f16dd 45s linear infinite
}

@media screen and (min-width: 768px) {
    .animate-marquee[data-v-a20f16dd] {
        animation: marquee-horizontal-a20f16dd 55s linear infinite
    }
}

@media (max-width:767px) {
    .ht-line {
        width: 100% !important;
        height: 1px !important;
    }
}

@keyframes marquee-horizontal-a20f16dd {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes marquee-vertical-a20f16dd {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.ht-vs__dropdown-menu li {
    padding: 5px 20px;
}

[data-type=table-of-contents-desktop] {
    top: 154px;
}

.ui-table-of-content li.active a {
    font-weight: 700;
}

.ui-table-of-content li.active .ht-text {
    transform: translateX(24px);
}

.ui-table-of-content li.active .ht-icon-toc {
    opacity: 1;
    top: 54%;
    transform: none;
    left: 8px;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.bg-gradient-to-r {
    background: linear-gradient(to right, #036, #2b77c4);
}

.result-tag {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.result-tag.active {
    opacity: 1;
    visibility: visible;
}

.result-search-header {
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    width: 100%;
}

.close-popup-search {
    display: none;
}

@media (max-width:1440px) {
    .ht-number-date.md\:translate-x-52 {
        --tw-translate-x: 2rem;
    }

    .ht-title-innovation {
        flex-wrap: wrap;
    }
}

@media (max-width:1023px) {
    section[data-v-9417ae5a] {
        top: 53px;
    }

    .sth-wrap-search {
        position: absolute;
        left: 0;
        width: 100%;
        max-width: 100%;
        top: 60px;
        transform: translateY(100%);
      /*  display: block !important; */
    }

    .sth-search-by {
        right: 55px;
    }

    .sth-wrap-search form {
        width: 100%;
        padding: 1rem 3rem 1rem 1.75rem;
        background: rgb(0 51 102);
        position: relative;

    }

    .close-popup-search {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        z-index: 2;
    }

    .result-search-header {
        top: 100%;
    }

    .result-search-header {
        display: block !important;
        background-color: #fff;
        height: calc(100dvh - 144px);
        position: initial;
    }

    .search-suggestions__products {
        height: calc(100dvh - 200px);
        overflow-y: auto;
    }

    .sth-search-by {
        min-width: auto;
    }

    .meta-by {
        display: none !important;
    }

    .result-search-header .search-suggestions {
        border-radius: 0;
    }

    .sth-wrap-search {
        transition: all 0.3s ease;
    }

    .sth-wrap-search.active {
        transform: translateY(0);
        top: 0;
    }


}

@media (max-width:767px) {
    .ht-exhistory {
        transform: rotate(0);
    }

    .ht-bg-cat.active {
        opacity: 1 !important;
    }

    .ht-bg-cat-left {
        background: linear-gradient(to right, #ffffff, transparent);
    }

    .ht-bg-cat-right {
        background: linear-gradient(to left, #ffffff, transparent);
    }

    .result-tag {
        left: 0;
    }

    .ht-wrap-tap {
        transition: all 0.3s ease;
    }

    .ht-wrap-tap.active {
        background: none;
        box-shadow: none;
    }

    .ht-wrap-tap.active .ht-inner-tag {
        display: none;
    }

    .ht-wrap-tap.active .btn-hidden-tag svg {
        transform: rotate(-90deg);
    }

    .element[data-v-02ed3b5d] {
        height: auto !important;
    }

    .ht-number-date.md\:translate-x-52 {
        top: 50%;
        left: 44%;
        transform: translate(-50%, -50%);
    }

    .ht-title-innovation {
        z-index: 0;
    }

    .slider-navigation {
        display: block;
        width: 100%;
        position: relative;
        right: 0 !important;
    }

    .custom-pre-slider,
    .custom-next-slider {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .custom-pre-slider svg,
    .custom-next-slider svg {
        position: initial;
        transform: none;
    }

    .custom-pre-slider {
        left: -15px;
    }

    .custom-next-slider {
        right: -15px
    }
}