.com_logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 200px;
    padding: 40px;
    border: 1px solid #d9d9d9;
}

.com_logo-box .lo-bo-main {
    z-index: 3;
    position: relative;
    display: inline-block;
}

.com_logo-box-main {
    position: relative;
}

.com_logo-box-main.bp-ab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.com_logo-box-item .com_logo-box-item-desc {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 460px;
    padding: 15px 0;
}

.lo-bo-main {
}

.lo-bo-main .com_logo-box-item-pin {
    z-index: 3;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    -moz-transform: translate3d(-50%,-50%,0) scale(1);
}

.lo-bo-main .com_logo-box-item-pin:before, .lo-bo-main .com_logo-box-item-pin:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transition: transform 0.3s, background-color 0.3s;
    -moz-transition: transform 0.3s, background-color 0.3s;
}

.lo-bo-main .com_logo-box-item-pin:before {
}

.lo-bo-main .com_logo-box-item-pin:after {
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background-color: #b2bec4;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
}

.lo-bo-main .com_logo-box-item-pin:hover:before {
    background-color: rgba(0,0,0, 0.5);
    transform: scale(1.2);
}

.lo-bo-main .com_logo-box-item-pin:hover:after {
    transform: translate3d(-50%,-50%,0) scale(0.8);
}

.lo-bo-main .com_logo-box-item-pin a {
    z-index: 3;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* outline: 1px dashed #ccc; */
}

@media (max-width: 480px) {
    .lo-bo-main .com_logo-box-item-pin {
        width: 25px;
        height: 25px;
    }

    .lo-bo-main .com_logo-box-item-pin:after {
        width: 12px;
        height: 12px;
    }
}

.visible .com_logo-box-item-pin {
    -webkit-animation-name: zoomPin;
    animation-name: zoomPin;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.visible .lo-bo-main .com_logo-box-item-pin:before {
    background-color: rgba(178,190,196, 0.5);
    -webkit-animation: shadowPulse 1s infinite;
    animation: shadowPulse 1s infinite;
    -moz-animation: shadowPulse 1s infinite;
}

.visible .lo-bo-main .com_logo-box-item-pin:hover:before {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes zoomPin {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-50%,0) scale(5);
        transform: translate3d(-50%,-50%,0) scale(5);
        -moz-transform: translate3d(-50%,-50%,0) scale(5);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1);
        -moz-transform: translate3d(-50%,-50%,0) scale(1);
    }
}

@keyframes zoomPin {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-50%,0) scale(5);
        transform: translate3d(-50%,-50%,0) scale(5);
        -moz-transform: translate3d(-50%,-50%,0) scale(5);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1);
        -moz-transform: translate3d(-50%,-50%,0) scale(1);
    }
}

@-moz-keyframes zoomPin {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-50%,0) scale(5);
        transform: translate3d(-50%,-50%,0) scale(5);
        -moz-transform: translate3d(-50%,-50%,0) scale(5);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1);
        -moz-transform: translate3d(-50%,-50%,0) scale(1);
    }
}

@keyframes shadowPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(178,190,196,0.3);
        box-shadow: 0 0 0 0px rgba(178,190,196,0.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(178,190,196,0);
        box-shadow: 0 0 0 30px rgba(178,190,196,0)
    }
}

@-webkit-keyframes shadowPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(178,190,196,0.3);
        box-shadow: 0 0 0 0px rgba(178,190,196,0.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(178,190,196,0);
        box-shadow: 0 0 0 30px rgba(178,190,196,0)
    }
}

@-moz-keyframes shadowPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(178,190,196,0.3);
        box-shadow: 0 0 0 0px rgba(178,190,196,0.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(178,190,196,0);
        box-shadow: 0 0 0 30px rgba(178,190,196,0)
    }
}

.section-par > *:last-child {
    margin-bottom: 0 !important;
}

.com__button-switcher ul li a {
    font-size: 18px;
    padding: 10px 20px;
}

.com_logo-box-item-line {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    font-size: 12px;
    pointer-events: none;
    /* outline: 1px dashed red; */
}

.com_logo-box-item-line.line-horizontal {
    background-color: #b2bec4;
}

.com_logo-box-item-line.line-diagonal {
    transform-origin: 0% 0%;
    background-color: #b2bec4;
}

/* .com_logo-box-item-line.line-diagonal:before, 
.com_logo-box-item-line.line-diagonal:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); background-color: tomato; }
.com_logo-box-item-line.line-diagonal:before { width: 30px; height: 1px; }
.com_logo-box-item-line.line-diagonal:after { width: 1px; height: 30px; } */
/* transform: rotate(45deg); */
.com_logo-box-item-desc .com_logo-box-item-line {
    display: block;
}

.com_logo-box-item-desc .com_logo-box-item-line.line-horizontal {
    width: 100%;
}

.box-ocbc-logo-horizontal {
    padding: 0px;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc {
    top: 40px;
    left: 30px;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc .com_logo-box-item-line {
    top: auto;
    left: 0;
    right: 15px;
    bottom: 0;
    width: 50%;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(2) .com_logo-box-item-desc {
    top: 40px;
    left: 680px;
    max-width: 350px;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(2) .com_logo-box-item-desc .com_logo-box-item-line {
    top: auto;
    bottom: 0;
    width: 100%;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc {
    top: 65%;
    left: 35%;
    max-width: 30%;
}

.box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc .com_logo-box-item-line {
    width: 90%;
}

.box-ocbc-logo-horizontal .lo-bo-main {
    position: absolute;
    left: 295px;
}

.box-ocbc-logo-horizontal .lo-bo-main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.box-ocbc-logo-horizontal .lo-bo-main ul li {
    position: relative;
    padding: 30px 10px;
}

.box-ocbc-logo-horizontal .lo-bo-main ul li:not(:first-child) {
    border-top: 1px solid #d9d9d9;
}

.lb-ma-title {
    position: relative;
    text-align: center;
}

.lb-ma-title.bottom {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .lb-ma-title.bottom {
        position: absolute;
        top: calc(100% + 40px);
        left: 0;
        width: 100%;
        margin-top: 0;
    }
}

.box-ocbc-logo-horizontal .lo-bo-main .com_logo-box-item-pin:nth-child(1) {
    top: 13%;
    left: 4.3%;
}

.box-ocbc-logo-horizontal .lo-bo-main .com_logo-box-item-pin:nth-child(2) {
    top: 16.5%;
    left: 39.5%;
}

.box-ocbc-logo-horizontal .lo-bo-main .com_logo-box-item-pin:nth-child(3) {
    top: 61%;
    left: 7.7%;
}

@media (min-width: 768px) {
    .box-ocbc-logo-horizontal {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul li {
        padding: 50px;
    }
}

@media (min-width: 992px) {
    .box-ocbc-logo-horizontal {
        padding: 15px;
        min-height: 500px;
    }

    .box-ocbc-logo-horizontal {
        padding: 50px 40px;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul {
        flex-wrap: unset;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul li {
        padding: 0 50px;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul li:not(:first-child) {
        border-top: none;
        border-left: 2px solid #d9d9d9;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc .com_logo-box-item-line {
        width: 40%;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc {
        top: auto;
        left: 30px;
        bottom: 15px;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .box-ocbc-logo-horizontal {
        min-height: 544px;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul li {
        padding: 0 100px;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc .com_logo-box-item-line {
        left: 0;
        width: 50%;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc {
        top: auto;
        bottom: 20px;
        max-width: 25%;
    }
}

@media (min-width: 1500px) {
    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc .com_logo-box-item-line {
        width: 60%;
    }
}

@media (max-width: 560px) {
    .box-ocbc-logo-horizontal {
        min-height: 180px;
    }

    .box-ocbc-logo-horizontal .lo-bo-main ul li img {
        width: auto;
        max-height: 130px;
    }
}

.box-simply-spot {
    min-height: 225px;
}

.box-simply-spot .com_logo-box-item .com_logo-box-item-desc {
    max-width: 28%;
}

.box-simply-spot .com_logo-box-item:nth-child(1) .com_logo-box-item-desc {
    top: 17%;
    left: 20px;
}

.box-simply-spot .com_logo-box-item:nth-child(2) .com_logo-box-item-desc {
    top: auto;
    left: auto;
    right: 20px;
    bottom: 15%;
}

.box-simply-spot .com_logo-box-item:nth-child(2) .com_logo-box-item-desc .com_logo-box-item-line {
    top: inherit;
    bottom: 0;
}

.box-simply-spot .lo-bo-main .com_logo-box-item-pin:nth-child(1) {
    top: 10%;
    left: 19%;
}

.box-simply-spot .lo-bo-main .com_logo-box-item-pin:nth-child(2) {
    top: 98%;
    left: 89.5%;
}

@media (min-width: 768px) {
    .box-simply-spot {
        min-height: 345px;
    }
}

@media (min-width: 1200px) {
    .box-simply-spot .com_logo-box-item .com_logo-box-item-desc {
        max-width: 30%;
    }
}

@media (min-width: 1600px) {
    .box-simply-spot .com_logo-box-item:nth-child(1) .com_logo-box-item-desc {
        top: 25px;
    }

    .box-simply-spot .com_logo-box-item:nth-child(2) .com_logo-box-item-desc {
        bottom: 25px;
    }

    .box-simply-spot .com_logo-box-item .com_logo-box-item-desc {
        max-width: 237px;
    }
}

@media (max-width: 767px) {
    .lo-bo-main .com_logo-box-item-pin a {
        display: block;
    }

    .box-ocbc-logo-horizontal .lo-bo-main {
        left: 0;
    }
}

.com_ob-tab.com__tab.tab--2 {
    font-size: inherit;
}

.com_ob-tab-nav {
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
}

.com_ob-tab-nav .com__tn-dd {
    display: none !important;
}

.com_ob-tab-nav .com__button-switcher {
    background-color: #ebeff1;
}

.com_ob-tab-nav .com__tab-nav {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 750px) {
    .box-ocbc-logo-horizontal .com_logo-box-item {
        background: rgb(255 255 255 / 90%);
    }
    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(255 255 255 / 90%);
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(1) .com_logo-box-item-desc .com_logo-box-item-line {
        top: auto;
        left: 0;
        right: 15px;
        bottom: 0;
        width: 50%;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(2) .com_logo-box-item-desc {
        /* top: 15px; */
        /* left: 680px; */
        max-width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(255 255 255 / 90%);
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(2) .com_logo-box-item-desc .com_logo-box-item-line {
        top: auto;
        bottom: 0;
        width: 100%;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc {
        top: 65%;
        left: 35%;
        max-width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(255 255 255 / 90%);
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box-ocbc-logo-horizontal .com_logo-box-item:nth-child(3) .com_logo-box-item-desc .com_logo-box-item-line {
        width: 90%;
    }
}