#OM .swiper{
    width: 100%;
    overflow: visible;
}

#AboutUsMainDiv {
    overflow: hidden;
}

#AboutUsMainDiv .v_vbd_img {
    height: 320px;
    filter: blur(0px);
    background: url(../img/aboutus-inner-banner-divider.jpg);
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.v_aboutus_box {
    display: flex;
    flex-direction: column;
    background: url(../img/logo_watermark.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.v_aboutus_box .v_intro {
    max-width: initial;
    background: none;
}

.v_aboutus_box2 {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
}

.v_aboutus_intro {
    margin: 0 auto;
    row-gap: 80px;
    width: 100%;
    max-width: 100%;
    column-gap: 120px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
}

.v_aboutus_building {
    column-gap: 60px;
    grid-template-columns: 1fr 2.5fr;
    align-items: center;
    display: grid;
}

.v_aboutus_building_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.v_aboutus_building_content h2 {
    margin-bottom: 20px;
    color: var(--gold-color);
    text-transform: uppercase;
}

.v_aboutus_building figure {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
} 

.v_aboutus_building figure:hover .v_figure_inset_border {
    display: flex;
    transition: all .3s ease-in-out;
}

.v_aboutus_building figure img {
    width: 100%;   
    max-width: 800px;
} 

.v_aboutus_ventria_garden {
    grid-template-columns: 1fr 1.3fr;
    display: grid;
}

.v_aboutus_ventria_garden img {
    width: 100%;
    max-width: 420px;
}

.v_section_aboutus_02 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.v_aboutus_interactive {
    column-gap: 90px;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    justify-content: space-between;
    display: grid;
    position: relative;
}

.v_aboutus_interactive_left {
    width: 100%;
}

.v_aboutus_interactive_left h2 {
    margin-bottom: 20px;
}

.v_aboutus_interactive_right {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

.v_aboutus_interactive_right img{
    width: 100%;
    max-width: 640px;
}

.v_section_ourmission_01 {
    padding: 120px 0;
    /* background-color: rgba(207, 143, 116, .75); */
}

.v_ourmission_box {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.v_aboutus_interactive_point {
    right: 20%;
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
}

#Point1Div {
    top: 4%;
}

#Point2Div {
    top: 25%;
}

#Point3Div {
    top: 54%;
}

#Point4Div {
    top: 67.5%;
}

#Point5Div {
    top: 80%;
}

#Point6Div {
    top: 89%;
}

.v_aboutus_ip {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid var(--green-color);
    animation: pulse 1.5s infinite ease-in-out;
    background-color: white;
    cursor: pointer;
}

.v_aboutus_interactive_point:hover .v_aboutus_title {
    font-size: 18px;
    display: flex;
}

.v_aboutus_title {
    margin-top: -25px;
    margin-right: 20px;
    padding: 5px 20px;
    font-size: 24px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: var(--gold-color);
    font-family: 'Adobe Garamond Pro', sans-serif;
    color: white;
    align-items: center;
    display: none;
}

.v_ourmission_item {
    column-gap: 80px;
    grid-template-columns: auto 1fr;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: grid;
    align-items: center;
}

.v_ourmission_item p {
    margin: 0;
}

.v_ourmission_item_left figure {
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.v_ourmission_item_left figure:hover .v_figure_inset_border {
    display: flex;
    transition: all .3s ease-in-out;
}

.v_ourmission_item_left figure img {
    width: 100%;
    height: 100%;
    object-position: right;
    object-fit: cover;
}

.v_ourmission_item_right h4 {
    margin-bottom: 20px;
}

.swiper-btn {
    margin-top: 75px;
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.swiper-btn .swiper-pagination .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    margin-left: 20px;
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.swiper-btn .swiper-pagination .swiper-pagination-bullet-active {
    background-color: white;
}

#OurMissionSwiperDiv .swiper-button-prev {
    left: auto;
    right: 75px;
}

#OurMissionSwiperDiv .swiper-pagination-bullet-active {
    background-color: var(--green-color);
}


#OurMissionSwiperDiv .swiper-pagination-bullet {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.swiper-button-next, 
.swiper-button-prev {
    color: var(--green-color);
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
}

.v_location_box {
    padding-top: 120px;
    padding-bottom: 120px;
    background: url(../img/logo_watermark.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
}

.v_location_box .v_section_sub_heading {
    text-align: center;
}

.v_location_box .v_location_intro {
    margin: 0 auto;
    column-gap: 120px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.v_location_intro h2,
.v_location_intro p {
    margin-bottom: 0;
}

.v_location_content > p{
    margin: 0 auto;
    width: 100%;
    font-size: 28px;
    text-align: center;
}

.v_location_advantages {
    margin: 120px auto 0;
    width: 100%;
}

.v_location_advantages_item {
    grid-template-columns: 1fr 1fr;
    display: grid;
    align-items: center;
}

.v_location_advantages_item:last-child{
    margin-bottom: 0;
}

.v_location_advantages_item_left {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.v_location_advantages_item_left h2 {
    margin-bottom: 10px;
    color: var(--green-color);
    font-family: "Barlow", "Noto Sans TC", "Noto Sans SC", serif;
    text-align: center;
    text-transform: uppercase;
}

.v_location_advantages_item_left p {
    margin: 0 auto;
    max-width: 65%;
    text-align: center;
}

.v_location_advantages_item_right {
    overflow: hidden;
}

#CMNSwiperDiv,
#CMNSwiper2Div,
#CMNSwiper3Div {
    position: relative;
}

#CMNSwiperDiv img,
#CMNSwiper2Div img,
#CMNSwiper3Div img {
    width: 100%;
    max-width: 100%;
}

#CMNSwiperDiv p,
#CMNSwiper2Div p,
#CMNSwiper3Div p {
    margin-bottom: 0;
    padding: 10px 20px;
    top: 0;
    left: 0;
    background-color: rgba(0, 110, 99, .85);
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    position: absolute;
    text-align: center;
}

.v_project_background_box {
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
}

.v_aboutus_pb_intro {
    margin: 0 auto 120px;
    width: 100%;
    column-gap: 120px;
    justify-content: center;
    display: flex;
}

.v_aboutus_pb_intro figure {
    width: 100%;
    max-width: 380px;
    height: 460px;
    overflow: hidden;
    position: relative;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.v_aboutus_pb_intro figure img {
    width: 140%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.v_aboutus_pb_intro figure:hover .v_figure_inset_border {
    display: flex;
    transition: all .3s ease-in-out;
}

.v_aboutus_pb_content h2 {
    margin: 0 0 20px 0;
}

.v_aboutus_pb_company {
    margin: 0 auto;
}

.v_about_pb_company_item {
    margin-bottom: 60px;
    column-gap: 70px;
    grid-template-columns: auto 1fr;
    display: grid;
    align-items: center;
}

.v_about_pb_company_item p {
    text-align: justify;
}

.v_about_pb_company_item:last-child{
    margin-bottom: 0;
}

.v_about_pb_company_logo {
    padding: 60px 40px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background-color: white;
}

.v_about_pb_company_logo img {
    width: 100%;
    max-width: 240px;
}

.v_about_pb_company_intro p:last-child {
    margin-bottom: 0;
}

.v_ccrc_box {
    padding-top: 120px;
    padding-bottom: 120px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.v_ccrc_box h2.v_section_sub_heading{
    margin-bottom: 20px;
}

.v_ccrc_intro {
    margin: 0 auto;
    width: 100%;
}

.v_ccrc_intro h5 {
    margin-bottom: 40px;
}

.v_ccrc_intro p {
    text-align: justify;
}

.v_ccrc_category {
    padding: 60px 0 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.v_ccrc_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.v_ccrc_item h6 {
    margin-top: 15px;
    font-weight: 500;
    text-align: center;
}

.v_ccrc_item:hover {
    animation: MoveUpDown 1s ease-in-out infinite;
}

.v_ccrc_item:hover .v_ccrc_icon{
    border-color: var(--green-color);
}

.v_ccrc_item:hover h6 {
    color: var(--green-color);
}

@keyframes MoveUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.v_ccrc_icon {
    padding: 20px;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border: 1px solid lightgrey;
}

.v_ccrc_icon img{
    width: 100%;
    max-width: 60px;
}

#Location_ContactUS_DIV .v_contact_us_row {
    grid-template-columns: 1fr 1fr;
}