.page-about {
    overflow: hidden;
}

.page-about .title {
    margin: 0;
    text-transform: capitalize;
}

.page-about .content {
    font-family: Red Hat Display;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.18px;
}

.page-about .border-info {
    position: relative;
}

.page-about .image-slide.link {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.page-about .image-slide.link:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.page-about .swiper-slide {
    overflow: hidden;
}

.page-about .border-control {
    position: absolute;
    right: 0;
    top: -3px;
    width: 100%;
    height: 100%;
}

.page-about .border-control .swiper-button-lock {
    display: none !important;
}

/* our_business */
.page-about .our_business {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.page-about .our_business .border-all-our_business {
    padding: 80px 0;
}

.page-about .our_business .title-our_business {
    text-align: center;
    margin-bottom: 24px;
}

.page-about .our_business .content-our_business {
    color: #26454A;
    max-width: 816px;
    margin: auto;
}

.page-about .our_business .border-video-out_business {
    position: relative;
    margin-top: 55px;
}

.page-about .our_business .border-video-out_business .thumbnail-video-out_business img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 5;
}

.page-about .our_business .border-video-out_business .video-out_business video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-about .our_business .border-video-out_business .video-out_business {
    position: relative;
    height: 0;
    padding-bottom: 56.2%;
}

.page-about .our_business .border-video-out_business .btn-control-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../images/Subtract.png);
    width: 60.905px;
    height: 60px;
    z-index: 6;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-about .our_business .border-video-out_business.active .btn-control-video {
    display: none;
}

.page-about .our_business .border-video-out_business .thumbnail-video-out_business.hide,
.page-about .our_business .border-video-out_business.active .thumbnail-video-out_business {
    display: none;
}

.page-about .our_business .line-animation {
    position: absolute;
    top: 0;
    left: calc(((100% - 1240px) / 2) - 103px);
    pointer-events: none;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.page-about .our_business .line-animation .line {
    height: 100%;
}

/* our_vision */
.page-about .our_vision {
    color: #fff;
    background-color: #26454A;
    position: relative;
}

/* .page-about .our_vision:before {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 14%;
    height: 34%;
    background: #F1F6F8;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
    z-index: 2;
} */

.page-about .our_vision .border-our_vision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 100px 0 0;
}

.page-about .our_vision .border-our_vision .info-our_vision .title-our_vision {
    color: #fff;
}

.page-about .our_vision .content-our_vision {
    margin-top: 25px;
}

.page-about .our_vision .content-our_vision .item-content-our_vision {
    position: relative;
    padding-left: 24px;
}

.page-about .our_vision .content-our_vision .item-content-our_vision:after {
    background-image: url(../images/dots.svg);
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    fill: #D9D9D9;
    stroke-width: 1px;
    stroke: var(--CMA-teal, #3DDBD1);
    -webkit-filter: drop-shadow(0px 0px 4px #3DDBD1);
    filter: drop-shadow(0px 0px 4px #3DDBD1);
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* our_mission */
.page-about .our_mission {
    color: #fff;
    background-color: #26454A;
    position: relative;
}

.page-about .our_mission .border-our_mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 90px 0 90px;
}

.page-about .our_mission .border-our_mission .info-our_mission {
    /* flex-shrink: 0; */
    margin-right: 40px;
}

.page-about .our_mission .border-our_mission .image-our_mission {
    max-width: 800px;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 20.81%;
}

.page-about .our_mission .border-our_mission .image-our_mission:before {
    content: '';
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #26454A;
    position: absolute;
    -webkit-clip-path: polygon(0 78.5%, 0% 100%, 9.8% 100%);
    clip-path: polygon(0 78.5%, 0% 100%, 9.8% 100%);
    z-index: 1;
}

.page-about .our_mission .border-our_mission .image-our_mission:after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #26454A;
    -webkit-clip-path: polygon(90.6% 0, 100% 0, 100% 43%, 90.6% 18%);
    clip-path: polygon(90.6% 0, 100% 0, 100% 43%, 90.6% 18%);
    z-index: 1;
}

.page-about .our_mission .border-our_mission .image-our_mission img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.page-about .our_mission .border-our_mission .info-our_mission .title-our_mission {
    color: #fff;
}

.page-about .our_mission .content-our_mission {
    margin-top: 25px;
}

.page-about .our_mission .content-our_mission .item-content-our_mission {
    position: relative;
    padding-left: 24px;
}

.page-about .our_mission .content-our_mission .item-content-our_mission:after {
    background-image: url(../images/dots.svg);
    content: "";
    position: absolute;
    /* top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    left: 7px;
    top: 10px;
    fill: #D9D9D9;
    stroke-width: 1px;
    stroke: var(--CMA-teal, #3DDBD1);
    -webkit-filter: drop-shadow(0px 0px 4px #3DDBD1);
    filter: drop-shadow(0px 0px 4px #3DDBD1);
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
}


/* our_values */
.page-about .our_values {
    background: #26454A;
    color: #fff;
}

.page-about .our_values .title-our_values {
    color: #fff;
    margin-bottom: 45px;
}

.page-about .our_values .list-items-out_values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px;
    padding-bottom: 50px;
}

.page-about .our_values .list-items-out_values .item-out_values {
    width: calc((100% - 160px)/ 3);
}

.page-about .our_values .item-out_values .heading-item {
    position: relative;
    margin: 0;
    margin-bottom: 27px;
}

.page-about .our_values .item-out_values .heading-item:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    width: 100px;
    height: 2px;
    background-color: #3DDBD1;
}

.page-about .our_values .item-out_values .content-item {
    display: inline-block;
    width: 100%;
}

.page-about .our_values .item-out_values .content-item p {
    margin-top: 0;
}


.page-about .dividing-line {
    background: #26454A;
    color: #fff;
    pointer-events: none;
}

.page-about .dividing-line .line-mobile {
    display: none;
}

.page-about .dividing-line .line-desktop {
    padding-top: 35px;
    padding-bottom: 10px;
}

.page-about .dividing-line .line {
    width: 100%;
}

.page-about .corporate {
    background: #26454A;
    color: #fff;
}

.page-about .corporate .border-title-control {
    position: relative;
}

.page-about .corporate .border-control {
    position: absolute;
    right: 0;
    top: -10px;
    width: 100%;
    height: 100%;
    margin: 0;
}

.page-about .corporate .swiper-button-next,
.page-about .corporate .swiper-button-prev {
    background: #FFF;
}

.page-about .corporate .title-corporate {
    color: #fff;
    margin-bottom: 80px;

}

.page-about .corporate .list-items-corporate {
    padding-bottom: 107px;
    width: calc(100% - 140px);
    max-width: 1240px;
    display: block;
}


.page-about .corporate .item-corporate .image-corporate {
    height: 0;
    padding-bottom: 72.7%;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
}

.page-about .corporate .item-corporate.swiper-slide-active .image-corporate {
    -webkit-transform: scale(1.45);
    -ms-transform: scale(1.45);
    transform: scale(1.45);
}

/* .page-about .corporate .item-corporate:hover .image-corporate img {
    transform: scale(1.1);
} */

.page-about .corporate .item-corporate.swiper-slide-active .border-info_corporate {
    margin: 50px -22% 0;
}

.page-about .corporate .item-corporate .image-corporate:after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #26454A;
    -webkit-clip-path: polygon(87.6% 0, 100% 0, 100% 55%, 87.6% 42%);
    clip-path: polygon(87.6% 0, 100% 0, 100% 55%, 87.6% 42%);
    z-index: 1;
}

.page-about .corporate .item-corporate .image-corporate:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #26454A;
    position: absolute;
    z-index: 1;
    -webkit-clip-path: polygon(0 0, 0 26%, 22% 0);
    clip-path: polygon(0 0, 0 26%, 22% 0);
}

.page-about .corporate .list-items-corporate .item-corporate {
    padding-top: 50px;
    overflow: visible;
}

.page-about .corporate .item-corporate .image-corporate img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    padding: 2px;
}

.page-about .corporate .item-corporate .year-corporate {
    color: #FFF;
    margin: 0;
    margin-top: 27px;
    display: inline-block;
    width: 100%;
}

.page-about .corporate .item-corporate:hover .year-corporate {
    color: #3ddbd1;
}

.page-about .corporate .item-corporate.swiper-slide-active .year-corporate {
    color: #3ddbd1;
}

.page-about .corporate .item-corporate .link-corporate {
    text-decoration: none;
}

/* .page-about .corporate .item-corporate:not(.swiper-slide-active) .content-corporate {
    display: none;
} */

.page-about .corporate .item-corporate .content-corporate {
    color: #FFF;
    margin-top: 24px;
    opacity: 0;
    height: 0;
}

.page-about .corporate .item-corporate:hover .content-corporate {
    opacity: 1;
    height: auto;
}

.page-about .corporate .item-corporate.swiper-slide-active .content-corporate {
    opacity: 1;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    height: auto;
}

.page-about .our_subsidiaries {
    /* padding: 100px 0; */
    padding-top: 100px;
}

.page-about .our_subsidiaries .title-our_subsidiaries {
    text-align: center;
    margin-bottom: 24px;
}

.page-about .our_subsidiaries .content {
    max-width: 816px;
    margin: auto;
}

.page-about .our_subsidiaries .item-our_subsidiaries {
    margin-top: 56px;
    background: #fff;
    padding: 53px 60px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .border-heading-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.page-about .our_subsidiaries .item-our_subsidiaries .heading-our_subsidiaries {
    color: #27919C;
    font-family: Red Hat Display;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.26px;
    text-transform: inherit;
    padding-right: 30px;
    margin: 0;
}

.page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 53px;
    background: #26454A;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(61, 219, 209, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(61, 219, 209, 0.10);
    cursor: pointer;
}

.page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse.active {
    background: #27919C;
}

.page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse:before {
    content: '+';
    position: absolute;
    top: 52%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--light-dark-teal, #F1F6F8);
    font-family: Red Hat Display;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 138.462%;
    letter-spacing: -0.26px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse.active:before {
    content: '-';
    top: 50%;
}

.page-about .our_subsidiaries .item-our_subsidiaries .border-content-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 36px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .image-our_subsidiaries {
    width: 31.8%;
    position: relative;
    height: 0;
    padding-bottom: 42.4%;
}

.page-about .our_subsidiaries .item-our_subsidiaries .description-our_subsidiaries {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
    max-width: 638px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .description-our_subsidiaries p:first-child {
    margin-top: 0px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .description-our_subsidiaries p {
    margin-bottom: 27px;
}

.page-about .our_subsidiaries .item-our_subsidiaries .description-our_subsidiaries p:last-child {
    margin-bottom: 0;
}

.page-about .our_subsidiaries .item-our_subsidiaries .image-our_subsidiaries img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.page-about .joint_venture .all-joint_venture {
    padding-top: 100px;
    padding-bottom: 96px;
    overflow: hidden;
}

.page-about .joint_venture .title-joint_venture {
    text-align: center;
    margin-bottom: 24px;
}

.page-about .joint_venture .content-joint_venture {
    max-width: 816px;
    margin: auto;
}

.page-about .joint_venture .list-images-joint_venture {
    /* margin-left: calc(((100% - 1280px) / 2) + 70px); */
    margin-top: 65px;
}


.page-about .joint_venture .item-joint_venture .image-joint_venture {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 72.5%;
    background: #fff;
}

.page-about .joint_venture .item-joint_venture .image-joint_venture img {
    /* width: calc(100% - 60px); */
    /* height: calc(100% - 40px); */
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 40px;
}

/* associate_membership */
.page-about .associate_membership {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.page-about .associate_membership .all-associate_membership {
    padding: 100px 0;
}

.page-about .associate_membership:after {
    position: absolute;
    content: '';
    background: rgb(38 69 74 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.page-about .associate_membership .border-info {
    position: relative;
    z-index: 2;
    color: #fff;
}

.page-about .associate_membership .title-associate_membership {
    text-align: center;
    margin-bottom: 25px;
    color: #fff;
}

.page-about .associate_membership .content-associate_membership {
    max-width: 851px;
    margin: auto;
}

.page-about .associate_membership .swiper-button-next,
.page-about .associate_membership .swiper-button-prev {
    top: 64%;
}

.page-about .associate_membership .list-images-associate_membership {
    margin-top: 64px;
    overflow: hidden;
    z-index: 2;
    /* margin-left: calc(((100% - 1280px) / 2) + 70px); */
}


.page-about .associate_membership .item-associate_membership .image-associate_membership {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 72.5%;
    background: #fff;
}

.page-about .associate_membership .item-associate_membership .image-associate_membership img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px;
}

.page-about .business_partners .title-business_partners {
    text-align: center;
    margin-bottom: 24px;
}

.page-about .business_partners .all-business_partners {
    padding: 100px 0;
}

.page-about .business_partners .content-business_partners {
    max-width: 816px;
    margin: auto;
}

.page-about .business_partners .list-images-business_partners {
    margin-top: 64px;
    /* margin-left: calc(((100% - 1280px) / 2) + 70px); */
}

.page-about .business_partners .item-business_partners {
    overflow: hidden;
}

.page-about .business_partners .item-business_partners .image-business_partners {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 72.5%;
    background: #fff;
}


.page-about .business_partners .item-business_partners .image-business_partners img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px;
}

.page-about .business_partners .swiper-button-next,
.page-about .business_partners .swiper-button-prev {
    top: 48%;
}

.page-about .our_subsidiaries.no-title {
    padding-bottom: 100px;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries:first-child {
    margin-top: 0;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .description-our_subsidiaries {
    max-width: 100%;
    padding-left: 0;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .border-heading-collapse {
    flex-wrap: wrap;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .description-our_subsidiaries p {
    margin-top: 0;
    margin-bottom: 10px;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .description-our_subsidiaries p strong {
    margin-top: 40px;
    display: block;
    margin-bottom: 0;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .border-content-collapse {
    padding-top: 0;
}

.page-about .our_subsidiaries .short-description {
    padding-right: 10%;
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .icon-collapse.active+.short-description {
    -webkit-line-clamp: 20;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .icon-collapse {
    position: absolute;
    right: 0;
}

.page-about .our_subsidiaries.no-title .item-our_subsidiaries .heading-our_subsidiaries {
    margin-bottom: 24px;
}

@media (min-width: 1025px) {

    .page-about .joint_venture .list-images-joint_venture,
    .page-about .business_partners .list-images-business_partners,
    .page-about .associate_membership .list-images-associate_membership {
        margin-left: 70px;
    }
}

@media (min-width: 1380px) {

    .page-about .joint_venture .list-images-joint_venture,
    .page-about .business_partners .list-images-business_partners,
    .page-about .associate_membership .list-images-associate_membership {
        margin-left: calc(((100% - 1240px) / 2));
    }
}

@media (max-width: 1440px) {
    .page-about .our_business .line-animation {
        position: absolute;
        top: 0;
        left: calc(((100% - 1240px) / 2) - 93px);
        height: 1018px;
    }


}

@media (max-width: 1380px) {
    .page-about .our_mission .border-our_mission .image-our_mission {
        max-width: 60%
    }

    .page-about .corporate .border-control {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-about .corporate .border-control .corporate-prev,
    .page-about .corporate .border-control .corporate-next {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
    }

    .page-about .our_business .line-animation {

        left: -30px;
    }

}

@media (max-width: 1280px) {
    .page-about .border-control {
        top: 30px;
        height: 0;
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    }

    .page-about .our_values .title-our_values {
        margin-bottom: 30px;
    }

    .page-about .our_values .list-items-out_values {
        gap: 30px;
    }

    .page-about .our_values .list-items-out_values .item-out_values {
        width: calc((100% - 60px)/ 3);
    }

    .page-about .joint_venture .list-images-joint_venture {
        margin-top: 40px;
    }

    /* dividing-line */
    .page-about .dividing-line .line-desktop {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* our_mission */
    .page-about .our_mission .border-our_mission .image-our_mission {
        margin-top: 30px;
    }

    /* corporate */
    .page-about .corporate .title-corporate {
        margin-bottom: 55px;
    }

    .page-about .corporate .list-items-corporate {
        padding-bottom: 85px;
    }

    /* our_business */
    .page-about .our_business .content-our_business {
        max-width: 688px;
    }

    /* our_subsidiaries */
    .page-about .our_subsidiaries {
        /* padding: 85px 0; */
        padding-top: 85px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries {
        padding: 35px;
        margin-top: 35px;
    }

    /* joint_venture */
    .page-about .joint_venture .all-joint_venture {
        padding-bottom: 48px;
        padding-top: 85px;
    }

    /* associate_membership */

    .page-about .associate_membership .all-associate_membership {
        padding: 85px 0;
    }

    /* business_partners */
    .page-about .business_partners .all-business_partners {
        padding: 85px 0;
    }
}

@media (max-width: 1024px) {
    .page-about .our_business .line-animation {

        left: -80px;
    }

    .page-about .joint_venture .list-images-joint_venture {
        margin-left: 20px;
    }

    .page-about .associate_membership .list-images-associate_membership {
        margin-left: 20px;
    }

    .page-about .business_partners .list-images-business_partners {
        margin-left: 20px;
    }

    /* our_business */
    .page-about .our_business .border-all-our_business {
        padding: 60px 0;
    }

    .page-about .our_business .border-video-out_business {
        margin-top: 45px;
    }

    .page-about .our_business .border-video-out_business .btn-control-video {
        width: 40px;
        height: 40px;
    }

    /* our_vision */
    /* .page-about .our_vision:before {
        width: 14%;
        height: 34%;
    } */

    .page-about .our_vision .border-our_vision {
        padding: 65px 0 0;
    }


    .page-about .our_vision .content-our_vision .item-content-our_vision {
        padding-bottom: 4px;
    }


    /* our_mission */
    /* .page-about .our_mission:before {
        width: 14%;
        height: 34%;
    } */

    .page-about .our_mission .border-our_mission {
        padding: 50px 0 50px;
    }


    .page-about .our_mission .content-our_mission .item-content-our_mission {
        padding-bottom: 4px;
    }

    .page-about .our_mission .border-our_mission .image-our_mission {
        max-width: 60%;
        margin-top: 40px;
    }

    /* corporate */
    .page-about .corporate .list-items-corporate {
        width: calc(100% - 40px);
        padding-bottom: 65px;
    }

    /* our_subsidiaries */
    .page-about .our_subsidiaries {
        /* padding: 65px 0; */
        padding-top: 65px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse {
        width: 40px;
        height: 40px;
    }

    /* joint_venture */
    .page-about .joint_venture .all-joint_venture {
        padding-top: 65px;
    }

    /* associate_membership */
    .page-about .associate_membership .all-associate_membership {
        padding: 65px 0;
    }

    .page-about .associate_membership .list-images-associate_membership {
        margin-top: 50px;
    }

    /* business_partners */
    .page-about .business_partners .all-business_partners {
        padding: 65px 0;
    }

    .page-about .business_partners .list-images-business_partners {
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    /* our_vision */

    /* .page-about .our_vision:before {
        width: 20%;
        height: 25%;
    } */


    .page-about .our_vision .border-our_vision {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-about .our_vision .border-our_vision .info-our_vision {
        width: 100%;
    }

    /* our_mission */

    /* .page-about .our_mission:before {
        width: 20%;
        height: 25%;
    } */


    .page-about .our_mission .border-our_mission {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-about .our_mission .border-our_mission .info-our_mission {
        width: 100%;
    }

    .page-about .our_mission .border-our_mission .image-our_mission {
        width: 100%;
        max-width: 100%;
        padding-bottom: 32.1%;
    }

    /* corporate */
    .page-about .corporate .list-items-corporate {
        width: calc(100% - 40px);
        padding-bottom: 55px;
    }

}

@media (max-width: 767.98px) {
    .page-about .content {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }

    .page-about .border-control {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-about .border-btn-control {
        position: relative;
    }

    .page-about .border-control .swiper-button-prev,
    .page-about .border-control .swiper-button-next {
        width: 40px;
        height: 40px;
        margin: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-about .border-control .swiper-button-prev {
        right: 55px;
    }



    /* our_business */
    .page-about .our_business .border-all-our_business {
        padding: 48px 0;
    }

    .page-about .our_business .border-video-out_business {
        margin-top: 40px;
    }

    .page-about .our_business .line-animation {
        display: none;
    }

    /* .page-about .our_business .border-video-out_business .btn-control-video {
        width: 20px;
        height: 20px;
    } */

    /* our_vision */
    /* .page-about .our_vision:before {
        width: 26%;
        height: 22%;
    } */

    .page-about .our_vision .content-our_vision .item-content-our_vision:after {
        top: 8px;
    }

    .page-about .our_vision .border-our_vision {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 48px 0 0;
    }

    .page-about .our_vision .border-our_vision .info-our_vision {
        margin: 0;
        width: 100%;
    }

    .page-about .our_vision .content-our_vision .item-content-our_vision {
        padding-bottom: 4px;
    }

    /* our_mission */
    /* .page-about .our_mission:before {
        width: 26%;
        height: 22%;
    } */

    .page-about .our_mission .border-our_mission {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 48px 0;
    }

    .page-about .our_mission .border-our_mission .info-our_mission {
        margin: 0;
        width: 100%;
    }

    .page-about .our_mission .content-our_mission .item-content-our_mission:after {
        top: 8px;
    }

    .page-about .our_mission .content-our_mission .item-content-our_mission {
        padding-bottom: 4px;
    }

    .page-about .our_mission .border-our_mission .image-our_mission {
        width: 100%;
        padding-bottom: 32.1%;
        margin-top: 40px;
    }

    /* our_values */
    .page-about .our_values .list-items-out_values {
        gap: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-about .our_values .list-items-out_values .item-out_values {
        width: 100%;
        margin-bottom: 7px;
    }

    .page-about .our_values .title-our_values {
        margin-bottom: 23px;
    }

    .page-about .our_values .item-out_values .heading-item {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.36px;
    }


    .page-about .our_values .item-out_values .content-item {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }

    /* dividing-line */
    .page-about .dividing-line .line-desktop {
        display: none;
    }

    .page-about .dividing-line .line-mobile {
        display: block;
        padding: 23px 0 47px;
    }

    /* corporate */
    .page-about .corporate {
        overflow: hidden;
    }

    .page-about .corporate .title-corporate {
        margin-bottom: 9px;
    }

    .page-about .corporate .border-control {
        display: none;
    }


    .page-about .corporate .list-items-corporate {
        /* width: 180%;
        margin-left: -40%; */
        padding-bottom: 48px;
        margin-left: -50px;
        width: calc(100% + 100px);
    }

    .page-about .corporate .list-items-corporate .item-corporate {
        padding-top: 60px;
    }

    .page-about .corporate .list-items-corporate .item-corporate.swiper-slide-active {
        padding-top: 47px;
    }

    .page-about .corporate .item-corporate .image-corporate {
        padding-bottom: 75.7%;
    }

    .page-about .corporate .item-corporate.swiper-slide-active .image-corporate {
        -webkit-transform: scale(1.52, 1.45);
        -ms-transform: scale(1.52, 1.45);
        transform: scale(1.52, 1.45);
    }

    .page-about .corporate .item-corporate.swiper-slide-active .border-info_corporate {
        margin: 33px -26% 0;
    }

    .page-about .corporate .item-corporate .year-corporate {
        margin-top: 14px;
    }

    .page-about .corporate .item-corporate .content-corporate {
        margin-top: 13px;
        line-height: 17.407px;
        letter-spacing: 0.16px;
    }

    .page-about .corporate .item-corporate:not(.swiper-slide-active):hover .content-corporate {
        opacity: 0;
        height: 0;
    }

    .page-about .corporate .item-corporate:not(.swiper-slide-active):hover .year-corporate {
        color: inherit;
    }

    /* our_subsidiaries */
    .page-about .our_subsidiaries {
        /* padding: 48px 0; */
        padding-top: 48px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries {
        margin-top: 24px;
        padding: 28px 30px 30px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries .heading-our_subsidiaries {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.36px;
        padding-right: 10px;
    }



    .page-about .our_subsidiaries .item-our_subsidiaries .icon-collapse:before {
        font-size: 17.333px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: -0.173px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries .border-content-collapse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 28px;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries .image-our_subsidiaries {
        width: 100%;
        padding-bottom: 133.3%;
    }

    .page-about .our_subsidiaries .item-our_subsidiaries .description-our_subsidiaries {
        padding-left: 0;
        margin-top: 40px;
    }

    /* joint_venture */
    .page-about .joint_venture .all-joint_venture {
        padding-top: 48px;
    }

    .page-about .joint_venture .title-joint_venture {
        text-align: inherit;
        margin-top: 26px;
        margin-bottom: 51px;
        padding-right: 100px;
    }

    .page-about .associate_membership .item-associate_membership .image-associate_membership img,
    .page-about .business_partners .item-business_partners .image-business_partners img,
    .page-about .joint_venture .item-joint_venture .image-joint_venture img {
        padding: 20px;
    }

    /* associate_membership */
    .page-about .associate_membership .all-associate_membership {
        padding: 72px 0 48px;
    }

    .page-about .associate_membership .swiper-button-next,
    .page-about .associate_membership .swiper-button-prev {
        top: 0;
    }

    .page-about .associate_membership .title-associate_membership {
        text-align: inherit;
        padding-right: 100px;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        margin-bottom: 48px;
    }

    .page-about .associate_membership .list-images-associate_membership {
        margin-top: 40px;
    }

    /* business_partners */
    .page-about .business_partners .all-business_partners {
        padding: 75px 0 47px;
    }

    .page-about .business_partners .title-business_partners {
        text-align: inherit;
        margin-bottom: 50px;
        padding-right: 100px;
    }

    .page-about .business_partners .list-images-business_partners {
        margin-top: 40px;
    }

    .page-about .our_subsidiaries.no-title .item-our_subsidiaries .description-our_subsidiaries {
        margin-top: 0;
    }
}


@media (max-width: 430.98px) {
    .page-about .corporate .list-items-corporate {
        width: 180%;
        margin-left: -40%;
    }
}