/* About 2024 */
.message-1 {
    padding: 3.5rem 0 0;
}

.message-1-inner {
    display: flex;
    align-items: flex-end;
}

.message-1__image {
    width: 38%;
    flex: none;
    display: grid;
}

.message-1__content {
    height: 100%;
    color: #1F2933;
    font-size: 1.125rem;
    line-height: 1.6;
    padding-bottom: 2rem;
    text-align: justify;
}

.message-1__content blockquote {
    color: #1876BC;
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
}

.message-2 {
    margin: 0;
    padding: 5rem 0;
    position: relative;
}

.message-2__content {
    color: #fff;
    text-align: justify;
    font-size: 1.75rem;
    z-index: 2;
    position: relative;
}

.message-2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background: #00000075;

}

.message-3 {
    padding: 3.5rem 0;
}

.message-3-inner {
    display: flex;
}

.message-3__image {
    flex: none;
    width: 30%;
}

.message-3__content {
    flex-grow: 1;
    padding-right: 2.5rem;
    font-size: 1.1875rem;
    line-height: 1.6;
    text-align: justify;
}

.message-3__content p:first-child {
    margin-top: 0;
}

.philosophy-section {
    padding: 3.5rem 0;
}

.philosophy-inner {
    display: flex;
}

.philosophy__content {
    text-align: justify;
}

.philosophy__image {
    flex: none;
    width: 50%;
}

.philosophy__image img {
    /* aspect-ratio: 624/612; */
    object-fit: cover;
    width: 100%;
    height: auto;

}

.philosophy__contents {
    flex-grow: 1;
    padding-right: 4rem;
    color: #1F2933;
    font-size: 1rem;
    line-height: 1.6;
}

/*--------------------------------------------------------------
>>> Brands
--------------------------------------------------------------*/
.brands {
    padding: 1.5rem 0 3.5rem;
}

.brands-inner {
    padding: 0;
    position: relative;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 1.5rem;
}

.brands__images {
    flex-grow: 1;
}

.brands__contents {
    margin-left: 4rem;
    box-sizing: border-box;
    width: 50%;
    flex: none;
}

.brands__content {
    color: #1F2933;
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}

.brands__content ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.brands__content li {
    width: calc((100% - 1rem)/2);
    position: relative;
    padding-left: 1.6rem;
    box-sizing: border-box;
    margin-bottom: .5rem;

    /* white-space:nowrap; */
}

html:not([lang="vi"]) .brands__content li {
    text-align: left;
}

.brands__content li:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: .3125rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(/images/check.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}

.brands-inner {
    display: flex;
}

.mision-section {
    background-color: #00622f;
    padding: 3.5rem 0;
    position: relative;
}

.mision-section .section-title {
    text-align: center;
    color: #fff;
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
}

.mision-section:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0;
    width: 19rem;
    height: 100%;
    /* Ảnh trang trí GREENFEED gốc chưa từng được mang sang khi clone - bỏ hẳn thay vì trỏ ảnh chết */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.light-1 {
    width: 38rem;
    height: auto;
    bottom: 2.5rem;
    left: 6rem;
}

.circle-44 {
    width: 12rem;
    height: auto;
    top: 0;
    right: 0;
}

.dots-1 {
    width: 10rem;
    height: auto;
    top: 0;
    left: 0;
}

.mision-row {
    padding: 0 0 0 16.5rem;
    display: flex;
    margin-bottom: 2rem;
    position: relative;
}

.mision-row.value:before {
    content: '';
    position: absolute;
    left: calc(-1 * (100vw - 78.75rem)/2);
    top: 50%;
    transform: translateY(-50%);
    width: calc(26rem + (100vw - 78.75rem)/2);
    height: 100%;
    background-image: url('/images/vision (5).png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.mision-row.value:after {
    content: '';
    position: absolute;
    left: 11rem;
    bottom: 0%;
    width: calc(14.5rem);
    height: 50%;
    background-image: url('/images/dots (2).svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.values-list {
    padding-right: 4rem;
    padding-left: 16rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.value-item:first-child {
    position: absolute;
    width: 16rem;
    left: 0;
    height: 100%;
    background-image: url('/images/vision (3).png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.value-item:first-child:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0%;
    width: 6rem;
    height: calc(100% - 50%);
    background-image: url('/images/dots (3).svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.value-item {
    width: calc((100%)/2);
    position: relative;
    padding: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.value-item:nth-child(2) {
    background-image: url('/images/vision (2).png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.value-item:nth-child(3) {
    background: #008a52;
}

.value-item:nth-child(4),
.value-item:nth-child(5) {
    background-image: url('/images/vision (4).png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.value-item:nth-child(2):before {
    content: '';
    position: absolute;
    right: -3rem;
    top: 0%;
    width: 6rem;
    height: calc(100% - 0%);
    background-image: url('/images/dots (1).svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.value-item:nth-child(4):before {
    content: '';
    position: absolute;
    right: -5rem;
    top: 0%;
    width: 10rem;
    height: calc(100% - 50%);
    background-image: url('/images/dots (5).svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.value-item__image {
    position: relative;
    z-index: 2;
    display: grid;
    top: 1rem;
}

.mision-row .title {
    color: #fff;
    font-size: 1.375rem;
    flex: none;
    width: 9rem;
    font-weight: 500;
}

.mision-row.value .title {
    padding-top: 2rem;
}

.mision-row .content {
    color: #fff;
    text-align: justify;
}

.mision-row .content p {
    margin-top: .5rem;
}

.value-item__title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    left: 2rem;
    padding-right: 4rem;
    top: 2rem;
}

.value-item:nth-child(2n+1) .value-item__title {
    text-align: right;
    padding-right: 2rem;
    padding-left: 4rem;
    width: 100%;
    box-sizing: border-box;
    left: 0;
}

.value-item__image {
    padding-right: 3rem;
    margin-top: auto;
}

.value-item:nth-child(1) .value-item__image {
    padding-right: 0;
    padding-left: 0rem;
    right: -3rem;
}

.value-item:nth-child(2n+2) .value-item__image {
    padding-right: 0;
    padding-left: 3rem;
}

.value-item:nth-child(4) .value-item__image {
    padding-left: 4.5rem;
}

.culture-section {
    padding: 3.5rem 0;
}

.culture-inner {
    display: flex;

}

.culture-inner .section-title {
    line-height: 1.4;
}

.culture__contents {
    width: 35%;
    flex-grow: 1;
    padding-right: 4.5rem;
    color: #1F2933;
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}

.section__content {
    color: #1F2933;
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}

.section-title {
    color: #000;
}

.culture__image {
    flex: none;
    width: 50%;
}

.culture__image img {
    height: 100%;
    object-fit: cover;
}

.number-section {
    padding: 3.5rem 0;
}

.number-inner {
    display: flex;

}

.number__images {
    display: flex;
    flex-direction: column;
    flex: none;
    width: calc(50% - 3rem);
    margin-right: 3rem;
    box-sizing: border-box;
    position: relative;
}

.number__images>* {
    padding-right: calc(50% + 1.5rem);
    display: grid;
}

.number__image1 {
    margin-bottom: 1.5rem;
}

.number__images>.number__image3 {
    width: 50%;
    position: absolute;
    right: 0;
    padding-right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.number__images>.number__image3 img {
    aspect-ratio: 270/400;
}

.number__images img {
    aspect-ratio: 270/320;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: .75rem;
}

.counter-wrap {
    background: #f4fdf2;
    margin-bottom: .5rem;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    padding: .5rem 2rem;
    flex-wrap: wrap;
}

.dotted-1 {
    width: 7rem;
    height: 5rem;
    right: -2rem;
    bottom: 5rem;
    z-index: -1;
}

.counter {
    font-size: 3rem;
    color: #1876BC;
    font-weight: 600;
    margin-right: 1rem;
    min-width: 25%;
    text-align: center;
    line-height: 1;
    padding-bottom: .5rem;
}

.counter-content {
    font-size: 1rem;
}

.one_half.last~.one_half .counter-wrap {
    background: #effafa;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.one_half.last~.one_half .counter-wrap .counter {
    color: #2FB6EF;
    width: 100%;
    text-align: left;
}

.one_half.last~.last~.one_half .counter-wrap {
    background: #f7faef;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.one_half.last~.last~.one_half .counter-wrap .counter {
    color: #A6CB5E;
    width: 100%;
    text-align: left;
}

.history__contents {
    text-align: center;
}

.history__list-wrap {
    display: flex;
    align-items: center;
    margin: 4rem 0 0;
    position: relative;
    /* overflow: hidden; */
}

.history__list {
    display: flex;
    align-items: center;
    width: 78.75rem;
}

.history__item {
    flex: none;
    width: 16rem;
    position: relative;
    margin: 18rem 0 24rem;
    position: relative;
}

.history__item:nth-child(2) {
    position: relative;
    left: -5rem;
    z-index: 2;
    width: 11rem;
}

.history__item:nth-child(3) {
    position: relative;
    transform: translateX(-70%) translateY(-2rem);
    z-index: -1;
}

.history__item:nth-child(4) {
    position: relative;
    transform: translateX(calc(-100% + 2rem)) translateY(-1rem);
    z-index: -2;
}

.history__item:nth-child(4) .history__item-image>img {
    transform: translateX(60%);
    position: relative;
    z-index: 0;
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 12rem;
    height: auto;

}

.history__item:nth-child(5) {
    position: relative;
    transform: translateX(calc(-200% + 2rem)) translateY(-1rem);
    z-index: -1;
}

.history__item:nth-child(7) {
    position: relative;
    transform: translateX(calc(-200% + 1rem)) translateY(-1.35rem);
    z-index: -2;
}

.history__item:nth-child(8) {
    position: relative;
    transform: translateX(calc(-300% - 5rem)) translateY(1rem);
    z-index: -3;
    width: 12rem;
}

.history__item:nth-child(9) {
    position: relative;
    transform: translateX(calc(-300% - 7rem)) translateY(-2rem);
    z-index: -2;
    width: 12rem;
}

.history__item:nth-child(10) {
    position: relative;
    transform: translateX(calc(-400% + 4rem)) translateY(1rem);
    z-index: -3;
    width: 14rem;
}

/* .history__item:nth-child(11)
{
     position:relative;
     transform: translateX(calc(-300% + 7rem))  translateY(-2rem);
     z-index: -2;
    width:12rem;
} */
.history__item:nth-child(n+11):nth-child(odd) {
    position: relative;
    transform: translateX(calc(-400% + 7rem)) translateY(-2rem);
    z-index: -3;
}

.history__item:nth-child(n+11):nth-child(even) {
    position: relative;
    transform: translateX(calc(-400% + 4rem)) translateY(-1rem);
    z-index: -3;
}

.history__item:nth-child(12) {
    position: relative;
    bottom: -1rem;
    z-index: -3;

}

.history__item:nth-child(13) {
    position: relative;
    left: -12rem;
    z-index: -3;
}

.history__item:nth-child(9) .history__item-image>img {
    aspect-ratio: 16/11;
    object-fit: cover;
    width: 100%;
    height: auto;

}

.history__item:nth-child(7) .history__item-image>img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height: auto;

}

.history__item:nth-child(5) .history__item-image>img {
    position: relative;
    z-index: -22;
    /* aspect-ratio: 1/1; */
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
}

.history__item-image2 {
    position: absolute;
    z-index: 9;
    width: 14rem;
    top: calc(50% + 0rem);
    left: 2rem;
    /* display: none; */
    transform: translateX(-50%);
    z-index: -1;
}

.circle-1.abs-icon {
    width: 4rem;
    height: 4rem;
    left: -2rem;
    bottom: calc(40% - 1rem);
    opacity: .5;
    z-index: 9999;
}

.circle-2.abs-icon {
    width: 4rem;
    height: 4rem;
    left: 6rem;
    bottom: calc(40% - 3.5rem);
    opacity: 1;
    z-index: -1;
}

.circle-3.abs-icon {
    width: 3rem;
    height: 3rem;
    right: -1.75rem;
    bottom: -1.5rem;
    opacity: 1;
    z-index: -1;
}

.circle-4.abs-icon {
    width: 5rem;
    height: 5rem;
    right: -5rem;
    bottom: calc(40% + 2rem);
    opacity: 1;
    z-index: -1;
    transform: rotate(-90deg);
}

.history__item:nth-child(13) .circle-4.abs-icon {
    display: none;
    ;
}

.circle-5.abs-icon {
    width: 8rem;
    height: 8rem;
    right: -4rem;
    bottom: calc(40% - 2rem);
    opacity: .35;
    z-index: -1;
}

.circle-7.abs-icon {
    width: 6rem;
    height: 6rem;
    left: 5rem;
    bottom: calc(40% - 5.5rem);
    opacity: 1;
    z-index: -1;
}

.circle-6.abs-icon {
    width: 3rem;
    height: 3rem;
    right: 0rem;
    bottom: -2rem;
    opacity: 1;
    z-index: -1;
}

.circle-8.abs-icon {
    width: 5rem;
    height: 5rem;
    right: -4rem;
    top: 5rem;
    opacity: .6;
    z-index: -1;
    transform: rotate(-90deg);
}

.history__item .history__item-image {
    display: grid;
    position: relative;
    z-index: 2;
}

.history__item:nth-child(2n+1) .history__item-image {
    padding-bottom: 40%;
}

.history__item:nth-child(2n+2) .history__item-image {
    padding-top: 40%;
}

.history__item-year {
    position: absolute;
    height: 100%;
    left: .5rem;
}

.history__item:nth-child(2n+1) .history__item-year {
    top: -15rem;
    padding-bottom: 6rem;
    padding-left: 1rem;
}

.line {
    position: absolute;
    height: 100%;
    left: -3rem;
    top: .5rem;
}

.line circle {
    fill: #1876BC;
}

.line svg {
    height: 100%;
    overflow: hidden;
    /* width: auto; */
    /* transform: scaleX(-1); */
}

.line circle {
    transform: translateY(-445px);
}

.history__item .title {
    color: #1F2933;
    font-size: 1rem;
}

.history__item .content {
    color: #1F2933;
    font-size: .75rem;
}

.history__item .content ul {
    margin: .5rem 0 0;
    padding: 0;
    list-style: none;
}

.history__item .content li {
    margin-bottom: .25rem;
    position: relative;
    padding-left: .425rem;
}

.history__item .content li p {
    margin: 0;
}

.history__item .content li:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: .5rem;
    width: .2rem;
    height: .25rem;
    background: #1F2933;
    border-radius: 50%;

}

.history__item .history__item-year:nth-child(2),
.history__item:nth-child(7) .history__item-year {
    left: 5rem;
    top: calc(-15rem + 6.5rem);
    max-height: calc((100% - 7rem));
}

.history__item:nth-child(9) .history__item-year:nth-child(2) {
    top: calc(-15rem + 4.5rem);
}

.history__item .history__item-year:nth-child(3),
.history__item:nth-child(2n+2) .history__item-year {
    top: unset;
    max-height: calc((100% - 0rem));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 6rem;
    padding-bottom: 0;
}

.history__item .history__item-year:nth-child(3) {
    left: 7rem;
    bottom: calc(-15rem + 0rem);
    min-height: calc((100% + 7rem));
}

.history__item:nth-child(2n+2) .history__item-year {
    bottom: calc(-15rem + 6rem);
    max-height: calc((100% - 6rem));
}

.history__item:nth-child(2n+2) .history__item-year:nth-child(2) {
    bottom: calc(-15rem + 12rem);
    max-height: calc((100% - 12rem));
}

.history__item:nth-child(2n+2) .history__item-year {
    left: 40%;
}

.history__item:nth-child(2n+2) .history__item-year:nth-child(2) {
    left: 65%;
}

.history__item:nth-child(2) .history__item-year {
    left: 20%;
}

.history__item:nth-child(2) .history__item-year:nth-child(2) {
    left: 50%;
}

.history__item:nth-child(3) .history__item-year {
    left: 50%;
}

.history__item:nth-child(7) .history__item-year,
.history__item:last-child .history__item-year {
    left: 10%;
}

.history__item:nth-child(4) .history__item-year {
    max-height: calc((100% - 2rem));
    bottom: calc(-15rem + 1rem);
}

.history__item:nth-child(4) .history__item-year:nth-child(2) {
    max-height: calc((100% - 8rem));
    bottom: calc(-15rem + 8rem);
}

.history__item:nth-child(5) .history__item-year {
    left: 80%;
}

.history__item:nth-child(11) .history__item-year,
.history__item:nth-child(13) .history__item-year {
    left: 50%;
    top: -13rem;
}

.history__item:nth-child(10) .history__item-year {
    left: 66%;
}

.history__item:nth-child(n+10) .history__item-year {
    opacity: 0;
}

.page-2 .history__item .history__item-year {
    opacity: 0;
}

.page-2 .history__item:nth-child(n+3) .history__item-year {
    opacity: 1;
}

.history__item .history__item-year:nth-child(3) .line,
.history__item:nth-child(2n+2) .history__item-year .line {
    display: flex;
    flex-direction: column-reverse;
    transform: rotate(180deg);
}

.history__item .history__item-year:nth-child(3) .line+.history__item-content,
.history__item:nth-child(2n+2) .history__item-year .history__item-content {
    position: absolute;
    top: calc(100% - .5rem);
    left: 1rem;
}

.history__item-content {
    min-width: 14rem;
}

.nav {
    position: absolute;
    height: 100%;
    width: 16rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 9;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 8rem, rgba(255, 255, 255, 1) 100%);
    bottom: 0;
    right: -8rem;
    transition: all .25s;
}

.nav:before {
    content: '';
    position: absolute;
    left: calc(100% - 0rem);
    top: 0;
    width: calc(78.75rem + (100vw - 78.75rem)/2);
    height: 100%;
    background: #fff;
    z-index: -1;
}

.nav.prev:before {
    right: calc(100% - 0rem);
    left: unset;
}

.nav.prev {
    right: auto;
    left: -8rem;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 8rem, rgba(255, 255, 255, 1) 100%);
    justify-content: flex-start;
    visibility: hidden;
    opacity: 0;
}

.page-2+.navs .nav.prev {
    visibility: visible;
    opacity: 1;
}

.page-2+.navs .nav.next {
    visibility: hidden;
    opacity: 0;
}

.nav img {
    width: 4rem;
    cursor: pointer;
}

.nav.prev img {
    transform: rotate(180deg);
}

.award__contents {
    text-align: center;
    margin-bottom: 2rem;
}

.award__contents .section__content {
    padding: 0 20%;
}

.certificate-item__title {
    text-transform: uppercase;
    font-size: .8125rem;
    color: #999;
    margin: 1rem 0;
    position: relative;
    padding-left: 1rem;
}

.certificate-item__title:before {
    content: '';
    position: absolute;
    top: .4125rem;
    left: 0;
    width: .4125rem;
    height: .4125rem;
    border-radius: 50%;
    background: #1876BC;
}

.certificate-item__title span {
    font-size: 1.125rem;
    color: #000;
    display: block;
    text-transform: none;
    margin-left: -1rem;
    margin-top: .25rem;
}

.award-section {
    background: #f4f7f4;
    padding: 2.5rem 0;
}

.award-list {
    margin: 3rem 0 0;
}

.award-list .owl-item {
    height: 100%;
}

.award-list .certificate-item {
    background: #fff;
    border-radius: 1rem;
    padding: .5rem 1.5rem;
}

.carousel--style1.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    min-width: calc(100% + 10rem);
    left: -5rem;
}

.carousel--style1.owl-theme .owl-nav .owl-prev {
    right: unset;
    left: -4rem;
}

.carousel--style1 .nav-btn {
    width: 4rem;
    height: 4rem;
    background: transparent !important;
    padding: .5rem;
    border-radius: .3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel--style1.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.carousel--style1 .disabled .nav-btn {
    background: transparent;
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.carousel--style1 .nav-btn.prev-nav {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel--style1 .nav-btn img {
    width: 100%;
    height: auto;
}

.carousel--style1.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.carousel--style1 .owl-nav> :not(.disabled):hover img {
    -webkit-animation: bounce-arrow .5s ease-in-out;
    animation: bounce-arrow .5s ease-in-out;
}

@-webkit-keyframes bounce-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(0.25rem);
        transform: translateX(0.25rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(0.25rem);
        transform: translateX(0.25rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.award-section .owl-carousel .owl-stage-outer {
    z-index: 2;
}

.development-section {
    padding: 3.5rem 0;
}

.development-inner {
    display: flex;

}

.development__contents {
    flex: none;
    width: 40%;
}

.development__image {
    flex-grow: 1;
    position: relative;
    /* top:-3.5rem; */
    padding-left: 4rem;
    display: flex;
    align-items: center;
}

.development__image-info .icon {
    color: #fe9d13;
    font-weight: 700;
    font-size: 3rem;
    flex: none;
    width: auto;
    line-height: 1;
}

.development__image-info .text {
    font-weight: 500;
    font-size: 1.125rem;
    color: #525561;
    margin-top: .5rem;
}

.development__image-info-main {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.development__image-info-main .development__image-info-group {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.development__image-info-group-2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.development__image-info-main>.development__image-info-group:first-child {
    flex-direction: column;
    flex: none;
    gap: 0;
}

.development__image-info-sub {
    margin-top: 1.5rem;
    border-top: thin solid #fe9d1354;
    padding-top: 1.5rem;
    display: flex;
    gap: 1rem;
}

.development__image-info-sub .icon {
    display: flex;
    gap: 1rem;
}

.development__image-info-sub .icon img {
    width: 4rem;

}

.development__image-info-sub .icon img:nth-child(2) {
    max-height: 4rem;
    width: auto;
}

/*--------------------------------------------------------------
>>> Vertical Nav
--------------------------------------------------------------*/
#vertical-navs {
    position: fixed;
    right: 2.3125rem;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
}

#vertical-navs li {
    text-align: right;
    list-style-type: none;
    margin-bottom: 1.75rem;
}

#vertical-navs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #8FC640;
    font-weight: 500;
    font-size: .8125rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
}

#vertical-navs .nav-label {
    position: absolute;
    right: .5rem;
    margin-right: .75rem;
    padding: .4em .5em;
    color: #8FC640;
    font-size: 0.8125rem;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    line-height: 1;
    -webkit-transform: translateY(-0.125rem);
    transform: translateY(-0.125rem);
    background: #ffffff;
    border-radius: .15rem;
    padding: .25rem .5rem .35rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 3rem;
    pointer-events: none;
}

#vertical-navs .nav-label:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: .35rem solid transparent;
    border-left-color: #ffffff;
    border-right: 0;
    margin-top: -.35rem;
    margin-right: -.35rem;
}

#vertical-navs a:after {
    content: "";
    display: table;
    clear: both;
}

#vertical-navs a span {
    float: right;
    display: inline-block;
}

#vertical-navs .nav-dot {
    position: relative;
    height: .425rem;
    width: .425rem;
    border-radius: 50%;
    background-color: #BDBEC0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: all;
}

#vertical-navs a:hover .nav-dot,
#vertical-navs a.is-selected .nav-dot {
    background-color: #8FC640;
}

#vertical-navs a:hover .nav-dot:before,
#vertical-navs a.is-selected .nav-dot:before {
    content: '';
    position: absolute;
    width: .85rem;
    height: .85rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    border: thin solid #8FC640;
}

#vertical-navs a:hover .nav-dot {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#vertical-navs a:hover .nav-label,
#vertical-navs a.is-selected .nav-label {
    opacity: 1;
}

html[lang=vi] #vertical-navs li:nth-child(1) .nav-label {
    min-width: 6.5rem;
}

html[lang=vi] #vertical-navs li:nth-child(2) .nav-label {
    min-width: 3.5rem;
}

html[lang=vi] #vertical-navs li:nth-child(3) .nav-label {
    min-width: 4.5rem;
}

html[lang=vi] #vertical-navs li:nth-child(4) .nav-label {
    min-width: 2.76rem;
}

.vision-wrap {
    display: flex;
    padding: 3rem 0 3rem;
    justify-content: space-between;
}

.vision-wrap .vision-item {
    width: calc((100% - 3rem)/2);
}

.gallery {
    padding: 1rem 0 4rem;
    background: #EAEAEA;
}

.gallery .section-title-wrapper {
    text-align: center;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeOut {
    -webkit-animation-name: fadeOut2;
    animation-name: fadeOut2;
}

.banner .owl-carousel .owl-item {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}

.culture__behaviors {
    display: flex;
    flex-wrap: wrap;
    /* justify-content:space-between; */
}

.culture__behavior {
    width: calc((100% - 0* 1.5rem)/3);
    text-align: left;
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    counter-increment: counter-post;
}

.culture__behavior .icon {
    width: auto;
}

.culture__behavior .icon img {
    height: 3.65rem;
    width: auto;
}

.culture__behavior:first-child .icon img,
.culture__behavior:nth-child(8) .icon img,
.culture__behavior:nth-child(7) .icon img {
    transform: scale(.8)
}

.culture__behavior .title {
    color: #0d6937;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: .25rem;
    position: relative;
}

.culture__behavior .title:before {
    content: counter(counter-post);
    position: absolute;
    right: calc(100% + .425rem);
    font-size: 2.75rem;
    color: #ebebec;
    line-height: 1;
    top: -.25rem;
    font-weight: 500;
}

.culture__behavior .title span {
    color: #c7c8ca;
}

.culture__behavior .content {
    font-size: .75rem;
    color: #939598;
    line-height: 1.3;
}

.culture__behavior .content strong {
    font-weight: 400;
    color: #000;
}

#BG {
    display: none;
}

.videoyt {
    margin: 0;
    position: relative;
    margin: 1.5rem 14rem;
}

.videoyt__iframe,
.videoyt__iframe iframe {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height: auto;

}

.show .videoyt__iframe {
    background: rgba(0, 0, 0, 0.644);
    -webkit-animation: fadeIn .5s linear;
    animation: fadeIn .5s linear;
}

.videoyt__thumb,
.videoyt__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.videoyt__thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
}

.videoyt__overlay {
    background: rgba(25, 23, 23, 0.01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.videoyt__title {
    font-size: .875rem;
    font-weight: 300;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    margin-top: .75rem;
}

.videoyt__overlay .video-play__btn {
    margin-top: 0;
}

.video-play__btn {
    margin-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.play-icon {
    width: 4.75rem;
    height: 3.375rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff0033;
}

.play-icon svg {
    width: 1.5rem;
    fill: #fff;
    -webkit-transform: translateX(0.125rem);
    transform: translateX(0.125rem);
}

.play-icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.program {
    background: #edf5df;
    padding: 3rem 0;

}

.program {
    background: transparent;
}

.program-viewmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -4rem 0 0;
}

.program-viewmore span {
    text-align: left;
    display: block;
    margin: 0 0 1rem;
}

.program .section-title-wrapper {
    text-align: center;
}

.program-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2.5rem 0 0;
    align-items: flex-start;
}

/* 
.carousel--style1.owl-theme .owl-nav {
  position: absolute;
  top: -5.75rem;
  right: 0;
  margin: 0;
}

.carousel--style1 .nav-btn {
  width: 3.5rem;
  height: 2.75rem;
  background: transparent !important;
    border:thin solid #6D6E70;
  padding: .75rem;
  border-radius: .3125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
    display:flex;
    align-items:center;
    justify-content:center;
}

.carousel--style1.owl-theme .owl-nav .disabled {
  opacity: .375;
}

.carousel--style1 .disabled .nav-btn {
  background: transparent;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.carousel--style1 .nav-btn.prev-nav {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.carousel--style1 .nav-btn img
{
    width:.5rem;
    height: auto;
}
.carousel--style1.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}

.carousel--style1 .owl-nav > :not(.disabled):hover img {
  -webkit-animation: bounce-arrow .5s ease-in-out;
          animation: bounce-arrow .5s ease-in-out;
} */
body .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 1.07rem;
}

body .site-main .owl-theme .owl-dots .owl-dot span {
    width: .45rem;
    height: .45rem;
    background: #BDBEC0;
}

body .owl-theme .owl-dots .owl-dot.active span {
    background: #58595B;
    position: relative;
}

body .owl-theme .owl-dots .owl-dot.active span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: thin solid #58595B;
}

body .owl-theme .owl-dots .owl-dot {
    margin: 0 .42rem;
}

.program-item {
    width: calc((100% - 2 * 2rem)/3);
    width: 100%;
    margin-bottom: 2rem;
    margin-right: 0;
    border-radius: 1.5rem;
    overflow: hidden;
    position: relative;
}

.program-item a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
}

.program-item:nth-child(3n+3) {
    margin-right: 0;
}

.program-item .image {
    display: grid;
}

.program-item .image img {
    aspect-ratio: 390/330;
    object-fit: cover;
    width: 100%;
    height: auto;

}

.program-item .content {
    background: #fff;
    padding: 1.25rem 1.5rem;
    line-height: 1.6;
    text-align: justify;
}

.program-item .content>*:first-child {
    margin: 0 0 1rem;
    font-size: 1.5rem;
}

.program-item .content a {
    color: #1876BC;
    text-transform: uppercase;
}

.program .owl-stage {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .program .owl-stage {
        left: 50%;
        transform: translateX(-50%) !important;
    }
}

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

    .message-1-inner,
    .message-3-inner,
    .philosophy-inner,
    .brands-inner,
    .culture-inner,
    .number-inner,
    .development-inner {
        flex-wrap: wrap;
        position: relative;
    }

    .message-1__image {
        width: 75%;
        /* position:absolute; */
        top: 2rem;
        text-align: center;
    }

    .message-1__content blockquote {
        /* padding-left:50%; */
        font-size: 1.25rem;
        /* text-align:right; */
    }

    .message-2__content {
        font-size: 1.5rem;
    }

    .message-3__content {
        padding: 0;
    }

    .message-3__image,
    .philosophy__image,
    .culture__image,
    .number__images,
    .development__contents {
        width: 100%;
    }

    .philosophy__contents {
        padding: 0;
    }

    .brands__images,
    .brands__contents {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .brands__contents,
    .culture__image {
        margin-top: 1rem;
    }

    .brands__content>*:first-child,
    .brands__content>*:first-child * {
        /* font-size:1.375rem; */
    }

    .culture__contents {
        width: 100%;
        padding-right: 0;
        order: 2;
        margin-top: 1rem;
    }

    .culture__contents .section-title,
    .mision-section .section-title {
        font-size: 2rem;
    }

    .culture__contents .section-title br {
        display: none;
    }

    .number__contents {
        margin-top: 2rem;
    }

    .dotted-1 {
        right: 2rem;
        bottom: 0rem;
    }

    .one_half.last~.one_half .counter-wrap,
    .one_half.last~.last~.one_half .counter-wrap {
        flex-wrap: nowrap;
    }

    .one_half .counter,
    .one_half.last~.one_half .counter-wrap .counter,
    .one_half.last~.last~.one_half .counter-wrap .counter {
        width: 50%;
        flex: none;
    }

    .counter-wrap {
        flex-wrap: nowrap;
    }

    .counter {
        font-size: 2.25rem;
        text-align: left;
    }

    .award__contents .section__content {
        padding: 0;
    }

    .award-list .owl-stage,
    .certificates-list .owl-stage {
        padding-left: 0 !important;
    }

    .development__image {
        top: 0;
        left: 0;
        padding-left: 0;
        width: 100%;
    }

    .culture__behavior {
        width: 50%;
    }

    .mision-row,
    .values-list {
        padding: 0;
    }

    .circle-44 {
        width: 4rem;
    }

    .dots-1 {
        width: 5.5rem;
        left: -1rem;
        top: -2rem;
    }

    .mision-section {
        overflow: hidden;
    }

    .light-1 {
        width: 100vw;
        left: -1.5rem;
        bottom: 15rem;
    }

    .mision-row .title {
        width: 6rem;
        font-size: 1.125rem;
        padding-right: 1.5rem;
        box-sizing: border-box;
    }

    .value-item:first-child {
        position: static;
        width: 100%;
        height: 16rem;
    }

    .value-item:nth-child(1) .value-item__image {
        padding-left: 4rem;
    }

    .value-item {
        /* width:100%; */
        height: 9rem;
    }

    .value-item__title {
        font-size: .875rem;
        left: 1rem;
        top: 1rem;
        padding-right: 0;
    }

    .value-item:nth-child(2n+1) .value-item__title {
        padding-right: 1rem;
        padding-left: 0;
    }

    .value-item__image {
        padding-right: 1rem;
    }

    .value-item:nth-child(2n+2) .value-item__image {
        padding-left: 1rem;
    }

    .value-item:first-child:before {
        width: 4rem;
    }

    .value-item:nth-child(2):before {
        width: 4rem;
        right: -2rem;
    }

    .value-item:nth-child(4):before {
        width: 6rem;
        right: -3rem;
    }

    .mision-row.value:before,
    .mision-row.value:after {
        content: none;
    }

    .mision-section:before {
        width: 23.5vw;
    }

    .videoyt {
        margin-left: 0;
        margin-right: 0;
    }

    .carousel--style1 .nav-btn,
    .carousel-counter {
        display: none;
    }

    .award-list {
        margin-bottom: 4rem;
    }

    .award-list .owl-dots {
        position: absolute;
        bottom: -4rem;
        display: flex;
        overflow-x: auto;
        max-width: 100%;
    }

    .program .section-title {
        font-size: 2rem;
    }

    .history__list {
        flex-direction: column;
        padding-bottom: 3rem;
        width: 100%;
        position: relative;
    }

    .history__list:before {
        content: '';
        position: absolute;
        left: 0rem;
        top: 0;
        width: 0%;
        height: 100%;
        border-left: thin solid #ccc;
    }

    .history__list .history__item:first-child {
        margin-top: 0;
    }

    .history__list .history__item {
        margin: 1rem 0;
        transform: none;
        width: 100%;
        transform: none !important;
        position: static;
        padding-left: 2rem;
        box-sizing: border-box;
        z-index: 2;
        left: unset;
    }

    .history__item .history__item-image {
        padding: 0 !important;
        margin-bottom: 1rem;
    }

    .history__item .history__item-image:before {
        content: '';
        position: absolute;
        left: -2.375rem;
        top: 0%;
        width: .75rem;
        height: .75rem;
        background: #1876BC;
        border-radius: 50%;
    }

    .history__list .history__item .history__item-year {
        position: static;
        padding: 0;
        max-height: unset;
        margin-bottom: 1rem;
        min-height: unset;
    }

    .history__item:nth-child(n+10) .history__item-year {
        opacity: 1;
    }

    .history__list-wrap .navs,
    .history__item-image2 {
        display: none;
    }

    .history__item:nth-child(5) .history__item-image>img {
        width: 100%;
    }

    .history__item-content {
        position: static !important;
        min-width: unset;
    }

    .line {
        display: none !important;
    }

    .history__item-image>img,
    .history__item:nth-child(4) .history__item-image>img {
        aspect-ratio: 16/9 !important;
        object-fit: cover;
        width: 100%;
        height: auto;
        position: static;
        transform: none;
    }

    .brands .section-title {
        font-size: 2rem;
    }

    .history__contents .section-title {
        font-size: 1.875rem;
    }

    .development__image-info-main {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .development__image-info-main>.development__image-info-group:first-child {
        flex-direction: row;
        gap: 1rem;
    }

    .development__image-info-main .icon {
        width: 3.5rem;
    }

    .development__image-info-sub {
        flex-direction: column;
    }

    .development__image-info-sub .icon img {}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape),
(min-width: 600px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) and (orientation: portrait) {
    .light-1 {
        width: 90vw;
        left: -1.5rem;
        bottom: 15rem;
    }

    .value-item {
        height: auto;
    }

    .mision-row .title {
        width: 22vw;
    }

    .value-item:first-child {
        height: auto;
    }
}