html,
body {
    overflow-x: hidden;
}

.hidden-desktop {
    display: none;
}

.hidden-mobile {
    display: block;
}

.font-gold {
    color: #AD8B5B !important;
}

.f-dir-col {
    flex-direction: column !important;
}

.l-h-15 {
    line-height: 1.5;
}

hr.divider{
	margin: 30px 0px;
	border: 1px solid #ececec;
}

.header-placeholder .mini-navbar,
.showMobileMenu #flpHeader::before {
    background-color: #2f2f2f !important;
}


/* Changes to component.css */
.promotion-box.full-width .carousel-promo {
    max-height: 510px;
}

.promotion-box.full-width .carousel-promo .carousel-inner>.item {
    height: 440px;
    overflow: hidden;
}

.promotion-box.full-width .carousel-promo .promotion-content p {
    font-weight: 400;
}

.header-menu>li>a {
    text-decoration: none;
    color: #2e2e2e;
    padding: 28px 13px 28px 13px;
    /*display: table-cell;*/
    transition-property: padding;
    transition: all .2s linear;
}

.header-placeholder.flp-type .mini-menu.navbar .navbar-inner .header-navigation ul>li>a {
    padding: 10px 13px 9px 13px;
}

.header-menu>li>a .ico-play {
    padding-left: 8px !important;
    font-size: 8px !important;
    font-size: .8rem !important;
    top: -1px !important;
    color: #909090 !important;
    float: none !important;
    margin: 0 !important;
}

.header-menu>li>a .ico-play::before {
    content: "\e0a8";
}

.promotion-box.full-width .carousel-promo .promotion-content {
    bottom: 24px;
}

.centralize-butt {
	margin: 0 auto;
 }



@media (min-width: 320px) and (max-width: 767px) {
	}



/* End of changes to component.css */

.campaign_content p,
.campaign_content ul li {
    font-size: 16px;
    line-height: 1.5;
}

.campaign_content ul li {
    margin-bottom: 3px;
}

.campaign_content ul li:last-child {
    margin-bottom: 0;
}

.pb-103 {
    padding-bottom: 33px;
}

.red_bullet a {
    color: #FF3333;
    line-height: 1.8;
}
.btn_cent{
	text-align: center!important;
}

.flex_row {
    display: flex;
    flex-direction: row;
    gap: 62px;
    justify-content: center;
}

.get_started {
    height: auto;
    width: 240px;
}

h1.section_head_title {
    color: #2E2E2E;
    font-size: 36px;
    /* letter-spacing: 1px; */
    font-weight: 400;
    margin-bottom: 25px;
}
h1.section_head_title_single {
    color: #2E2E2E;
    font-size: 36px;
    /* letter-spacing: 1px; */
    font-weight: 400;
	margin-top: 0px;
}

h2.section_head_title {
    color: #2E2E2E;
    font-size: 26px;
    /* letter-spacing: 1px; */
    font-weight: 400;
    margin-bottom: 19px;
}

.link_red_color {
    color: #dd3636;
    font-size: 16px;
}

h3.center_text {
    text-align: center;
    margin-bottom: 44px;
}

.move_center {
    text-align: center;
}

.float_none {
    float: none;
}

.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 0px;
}

.container>div {
    display: flex;
    width: calc(50% - 40px);
    flex-direction: column;
    margin: 20px 20px 0px 20px;
}

.link_red_color:hover,
.link_red_color:focus {
    color: #ee1818;
    outline: none;
    text-decoration: none;
}

.promotion-box.full-width .carousel-promo .promotion-content h1 {
    width: 75%;
}

/*.promotion-box.full-width .carousel-promo .promotion-content p {
    width: 53%;
}*/

.promotion-box.full-width .carousel-promo .carousel-inner .img-placeholder {
    background-position: center 25%;
}

.m_text {
    display: none;
}

.d_text {
    display: block;

}

.col-md-3 {
    /* width: 22%; */
    /* flex: 0 0 22%; */
    /* overflow: hidden; */
}

hr.line-break_mb {
    display: none;
}

h1.un_head_title {
    color: #bf9859;
    font-size: 3.6rem;
}

.row.campaign_section {
    max-width: 992px;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
  	scroll-margin-top: 85px;
}

.row.campaign_section.simplicity_section {
    padding-top: 45px;
}


.row.campaign_section_0 {
    max-width: 992px;
    margin: 0 auto;
    display: flex;
	padding: 30px 0px 0px 0px;
    /* align-items: center; */
}
.row.campaign_section_1 {
    max-width: 992px;
    margin: 0 auto;
    display: flex;
	padding: 0px 0px 0px 0px;
    /* align-items: center; */
}


.col-md-6.left_content_text,
.col-md-6.left_img {
    padding-right: 30px;
}

.col-md-6.right_content_text,
.col-md-6.right_img {
    padding-left: 30px;
}

.col-md-6.left_content_text ul {
    padding-left: 14px;
    /* list-style-position: inside; */
}

.col-md-6.left_content_text h5 {
    font-weight: normal;
}

.col-md-6.right_content_text ul {
    padding-left: 14px;
}

.row.section_header {
    padding: 92px 0px 0px 0px;
    /* color: #2e2e2e; */
    font-size: 1.2rem;
    text-transform: uppercase;
    max-width: 800px;
    margin: 0 auto;
}

.title_image h3 {
    /* color: #2E2E2E; */
    text-align: center;
    font-size: 36px;
    /* letter-spacing: 1px; */
    font-weight: 400;
}

.row.title_image img {
    width: 100%;
    height: auto;
}

.row.linking_other_section h2 {
    color: #bf9859;
    margin-bottom: 10px;
}

.row.linking_other_section p {
    color: #656565;
    font-size: 1.4rem;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.row.linking_other_section .col-md-3:hover {
    cursor: pointer;
}

.row.linking_other_section .col-md-3::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #CC9954;
    transition: width .3s;
    border-bottom: 1px solid #CC9954;
    cursor: pointer;
}

.row.linking_other_section .col-md-3:hover::after {
    width: 82%;
    border-bottom: 1px solid #CC9954;
    cursor: pointer;
}

h3.left_side {
    text-align: left;
}

.col-md-3.scrolling_div {
    padding: 0;
}

h3.text_heading {
    font-size: 1.8rem;
    color: #2E2E2E;
}

@media only screen and (max-width: 1025px) {
    .quote_display {
        text-align: left;
        padding: 0px 0 0px 0;
    }
}

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

    /*.promotion-box.full-width .carousel-promo .promotion-content h1,
    .promotion-box.full-width .carousel-promo .promotion-content p {
        width: 80%;
    }*/

    .paddingTop25 {
        padding-top: 0px;
    }

    .hidden-desktop {
        display: block;
    }

    .row.section_header .hidden-desktop {
        margin-bottom: 10px;
        padding: 0 25px;
    }

    .hidden-mobile {
        display: none;
    }

    .row.campaign_section {
        /* width: 90%; */
        margin: 0 auto;
        padding: 25px 0px 0px 0px;
    }
    .row.campaign_section.gateway_section .col-md-12 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .row.campaign_section.simplicity_section {
        padding-top: 0;
    }

    .row.campaign_section_0.reverse {
        flex-direction: column-reverse;
    }

    .row.campaign_section_0 {
        flex-direction: column;
    }

    /* .row.section_header {
        width: 90%;
    } */

    .row.campaign_section_0 .left_img img,
    .row.campaign_section_0 .left_content_text,
    .row.campaign_section_0 .right_content_text,
    .row.campaign_section_0 .right_img img {
        width: 100%;
    }
	.row.campaign_section_2 .left_img img,
    .row.campaign_section_2 .left_content_text,
    .row.campaign_section_2 .right_content_text,
    .row.campaign_section_2 .right_img img {
        width: 100%;
		padding: 20px 0px 10px 0px;
    }

    .row.campaign_section .left_content_text,
    .row.campaign_section .right_content_text,
    .row.campaign_section_0 .left_content_text,
    .row.campaign_section_0 .right_content_text {
        text-align: left;
        padding: 0 25px;
    }

    .row.campaign_section .left_img,
    .row.campaign_section .right_img,
    .row.campaign_section_0 .left_img,
    .row.campaign_section_0 .right_img {
        padding: 0 0 25px 0;
    }

    .row.campaign_section .flex_row {
        padding: 0;
        justify-content: left;
        gap: 25px;
    }

    .col-md-6.right_content_text ul {
        padding-left: 14px;
    }

    .row.section_header {
        padding-top: 25px;
    }

    .pb-103 {
        padding-bottom: 32px;
    }

}

@media only screen and (min-width: 800px) {
    .col-md-12 {
        max-width: 992px;
        margin: 0 auto;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
	.btn_cent{
	text-align: left!important;
}
}

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

    /*.promotion-box.full-width .carousel-promo .promotion-content h1,
    .promotion-box.full-width .carousel-promo .promotion-content p {
        width: 100%;
    }*/

    .promotion-box .carousel-promo .promotion-content h1 {
        margin-bottom: 22px;
        font-size: 29px;
        font-size: 2.9rem;
    }

    /*.promotion-box.full-width .carousel-promo .promotion-content p {
        font-size: 23px;
        font-size: 2.3rem;
    }*/

    .promotion-box .carousel-promo .carousel-caption {
        padding-left: 25px;
        padding-right: 25px;
    }

    .promotion-box .carousel-promo .carousel-inner>.item.mob-foc5 .img-placeholder {
        background-position: 75% center;
        background-size: cover;
    }

    .row.campaign_section .left_img,
    .row.campaign_section .right_img,
    .row.campaign_section_0 .left_img,
    .row.campaign_section_0 .right_img {
        padding-bottom: 10px;
    }

    .row.campaign_section {
        padding-top: 30px;
    }

    .row.campaign_section.simplicity_section {
        padding-top: 0;
        /* margin-top: -15px; */
    }

    .row.section_header {
        padding-top: 60px;
    }

    .d_text {
        display: none;
    }

    .m_text {
        display: block;
    }

}

@media only screen and (max-width: 990px) {
    .col-box.col-unlock .box-content {
        min-height: 195px !important; /*6 May 2025: for 2 countries columns boxes equal height in mobile*/
    }

    .col-box.col-unlock .four-box-content {
        min-height: 180px !important; /*6 May 2025: for 4 countries columns boxes equal height in mobile*/
    }

    .four-box-title {
    height: auto !important;  /*14 May 2025: for 4 countries columns boxes title equal height in mobile*/
}

}

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

    .row.campaign_section.gateway_section .col-md-12 {
        padding-left: 22px;
        padding-right: 22px;
    }

    .row.campaign_section .left_content_text, .row.campaign_section .right_content_text, .row.campaign_section_0 .left_content_text, .row.campaign_section_0 .right_content_text {
        text-align: left;
        padding: 0 22px;
    }

    .campaign_section .row.title_image {
        text-align: center;
    }

    h3.left_side {
        text-align: center;
    }

    .left_img {
        text-align: center;
        /* margin-bottom: 40px; */
    }

    .right_img {
        text-align: center;
        /* margin-bottom: 40px; */
    }

    .footer.footer-gray.secondary .footer-links {
        margin-top: 25px;
    }
	   .row.campaign_section {
        padding-top: 20px;
    }

    .col-box.col-unlock .box-content {
        min-height: 195px !important; /*6 May 2025: for 2 countries columns boxes equal height in mobile*/
    }

    .col-box.col-unlock .four-box-content {
        min-height: 180px !important; /*6 May 2025: for 4 countries columns boxes equal height in mobile*/
    }

    .four-box-title {
    height: auto !important;  /*14 May 2025: for 4 countries columns boxes title equal height in mobile*/
}
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 616px) {
    .row.title_image img {
        width: 95%;
        height: auto;
    }
}

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

    .row.campaign_section .left_img, 
    .row.campaign_section .right_img, 
    .row.campaign_section_0 .left_img, 
    .row.campaign_section_0 .right_img {
        padding-bottom: 35px;
    }
    

    /*.promotion-box.full-width .carousel-promo .promotion-content h1,
    .promotion-box.full-width .carousel-promo .promotion-content p {
        width: 70%;
    }*/

    .promotion-box .carousel-promo .carousel-caption {
        margin-bottom: 0;
    }

    .promotion-box.full-width .carousel-promo .promotion-content {
        bottom: 25px;
    }

    .row.campaign_section {
        padding-top: 35px;
    }

    .row.campaign_section.pt-50-mobile {
        padding: 50px 22px 40px 22px;
    }

    .row.campaign_section.pt-50-mobile .col-md-12 {
        padding: 0px;
    }
    

    .get_started {
        margin-top: 44px;
        width: 100%;
        height: 48px;
        content: url("../media/images/icons/getstarted_mobile.png");
    }

    .pb-103 {
        padding: 0 33px;
        margin: 0 auto;
    }

    /* .campaign_content {
        line-height: 33px;
        max-width: 800px;
    } */
   

    h1.un_head_title {
        color: #bf9859;
        font-size: 2rem;
        text-align: center;
        margin-bottom: 30px;
    }

    .row.campaign_section {
        width: 100%;
        margin: 0 auto;
        /* padding: 25px 0px; */
    }

    .pb-103 {
        padding: 0;
    }



    .row.campaign_section .row.title_image img {
        width: 100%;
        height: auto;
        margin: 44px 0 44px 0;
    }

    p.para_text {
        font-size: 1.8rem;
    }

    .m_text {
        display: block;
    }

    .d_text {
        display: none;
    }

    .left_content_text,
    .right_content_text {
        padding: 0 30px 0 30px;
        text-align: left;
    }

    hr.line-break_mb {
        display: block;
        width: 95%;
        top: 64px;
        position: relative;
        background-color: #999999;

    }

    .container>div {
        text-align: center !important;
    }

    .col-md-3.scrolling_div {
        flex: 0 0 90%;
    }

    .row.title_image img {
        margin-top: 20px;
    }
}

/* @media only screen and (max-width: 390px) {
    .row.title_image img {
        width: 100%;
        height: auto;
    }

    .row.title_image img {
        margin-top: 20px;
    }

    .row.section_header {
        padding-top: 0;
    }
} */


@media only screen and (max-width: 320px) {
    /* h1.section_head_title {
        font-size: 2.8rem;
        margin-bottom: 25px;
    } */

    /* .quote_display {
        text-align: left;
        padding: 30px 20px 0px 20px;
        height: 500px;
        width: 100%;
        margin: auto;
    }

    .quote_display h1.m_text {
        line-height: 39px;
        font-size: 2.4rem !important;
    }

    .row.linking_other_section h2 {
        color: #bf9859;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .col-md-3.scrolling_div {
        flex: 0 0 50%;
        margin-bottom: 20px !important;
    }

    .row.linking_other_section div {
        margin: 0px 20px 0px 20px;
        width: 100%;
        text-align: center;
        flex: 0 0 100%;
    }

    .row.title_image img {
        width: 100%;
        height: auto;
    }

    .row.title_image img {
        margin-top: 20px;
    }

    .quote_display {
        margin-left: 0px;
    }

    .quote_text_para {
        padding-left: 0px;
    } */
}


.hover-slider {
    border: 1px solid #CC9954;
    border-radius: 7px;
    position: absolute;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    height: 322px;
}

.promo-fixed {
    padding-top: 0px;
    border-top: 0px;
}

/* Button - Remit now // 8 Mar 2024 START */
#btn-remit-now ul {
    border: none;
    padding-left: 0px;
    border-radius: 5px;
    width: 100%;
}
#btn-remit-now.dropdown.open .dropdown-menu {
    border: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    padding: 10px 0;
    width: 100%;
}
#dropdownMenu-remitnow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #f33;
    background-color: transparent;
    border: 1px solid #f33;
}
#dropdownMenu-remitnow:hover {
    color: #f33;
    background-color: transparent;
    border: 1px solid #f33;
}
#dropdownMenu-remitnow:active {
    outline: none;
    border: none;
}
.remitnow-arrow {
    display: inline-block;
    margin-top: 3px;
    margin-left: 6px;
    border: none !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path fill='none' stroke='%23FF3333' stroke-linecap='square' stroke-linejoin='square' stroke-width='2.5' d='M2 5l6 6 6-6'/></svg>");
}

#btn-remit-now.dropdown.open .remitnow-arrow {
    display: inline-block;
    margin-top: -3px;
    margin-left: 3px;
    border: none !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style=' transform: scale(-1,1)'><path transform='scale(1,-1)' transform-origin='center' fill='none' stroke='%23FF3333' stroke-linecap='square' stroke-linejoin='square' stroke-width='2.5' d='M2 5l6 6 6-6'/></svg>");
}

@media (min-width: 320px) and (max-width: 1002px) {
    .btn-f-w {
        width: 100%;
    }
    .btn-d-none {
        display: none;
    }
    .dropdown-backdrop {
        display: none !important;
    }
}

@media (min-width: 1003px) {
    #btn-remit-now {
        display: none;
    }
}
/* Button - Remit now // 8 Mar 2024 END */

/* DBS Treasures // 6 Jun 2024 START */
.col-mb-10 {
    margin-bottom: 10px !important;
}

.col-mb-150 {
    margin-bottom: 150px !important;
}

.col-mt-40 {
    margin-top: 40px;
}

.col-pt-0 {
    padding-top: 0 !important;
}

.col-pt-20 {
    padding-top: 20px !important;
}

.col-pt-35 {
    padding-top: 35px;
}

.row.campaign_section.col-pt-50,
.col-pt-50 {
    padding-top: 50px;
}

.col-pb-10 {
    padding-bottom: 10px;
}

.col-pb-20 {
    padding-bottom: 20px;
}

.row.campaign_section.intro-section {
    padding-top: 50px;
}

.row.campaign_section.sec-hidden-section {
    padding-top: 60px;
}

.row-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row.campaign_section .col-p0 {
    padding: 0px !important;
}

.col-box {
    border: 1px solid #C9C9C9;
    background-color: #ffffff;
    /* border-radius: 10px; */
    overflow: hidden;
    padding: 0px;
    min-height: 450px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.col-box.col-unlock {
    /* min-height: 365px; */
    min-height: 330px; /*15 March 2025: to adjust the spacing between learn more btn and box*/
    margin-top: 15px;
    margin-bottom: 0px;
}

.box-img {
    border-radius: 10px 10px 0px 0px;
}

.box-content {
    position: relative;
    margin: 20px 22px 25px 20px;
    min-height: 360px; /*10 March 2025: to insert 4th column for 3 languages*/
}

.col-box.col-unlock .box-content {
    min-height: 185px; /*6 May 2025: for 2 country columns boxes equal height*/
}

.col-box.col-unlock .four-box-content {
    min-height: 295px; /*6 May 2025: for 4 country columns boxes equal height*/
}

.col-box.col-unlock .four-box-content-tpc{
    min-height: 215px; /*10 Oct 2025: for 4 country columns boxes equal height*/
}

.box-title {
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #2E2E2E;
    text-align: left;
    margin-bottom: 10px;
}

.four-box-title {
    height: 70px;  /*14 May 2025: for 4 countries columns boxes title equal height in mobile*/
}

.icon-learn-more {
    float: right;
    margin-top: -3px;
    margin-left: 3px;
    outline: none;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23EE0000' stroke='none' stroke-linecap='square' stroke-linejoin='square' stroke-width='2.5' d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/></svg>");
}

.box-body {
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #656565;
    margin-bottom: 30px;
}

.box-body p {
    margin-bottom: 15px;
}

.btn.btn-carousel {
    color: #fff;
    background-color: #EE0000;
    border: 1px solid #EE0000;
}

.btn-unlock {
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #656565;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.box-btn-link {
    position: absolute;
    bottom: 0px;
    margin-top: 20px;
    left: 0px;
    width: 100%;
}

.box-btn-col {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.col-unlock .box-btn-link {
    position: relative;
    margin-top: 20px;
}

.unlock-plus .col-unlock .box-btn-link {
    position: relative;
    bottom: 0px;
}

.sec-hidden-box {
    border: 1px solid #C9C9C9;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px 0px 40px 0px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.sec-hidden-img {
    position: relative;
}

.sec-hidden-img .shade {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000AD 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    opacity: 1;
}

.sec-hidden-title {
    position: absolute;
    text-align: left;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0px;
    color: #FFFFFF;
    left: 70px;
    bottom: 50px;
}

.sec-hidden-intro {
    padding: 60px 70px;
    background-color: #F5F5F5;
}

.sec-hidden-intro-content {
    position: relative;
    margin: 20px 0px 30px 0px;
}

.sec-hidden-intro-title {
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #2E2E2E;
    text-align: left;
    margin-bottom: 10px;
}

.sec-hidden-intro-body {
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #656565;
}

.sec-hidden-intro-body p {
    margin-bottom: 15px;
}

.steps-section {
    margin: 30px 70px 10px;
    overflow: hidden;
}

.row.campaign_section.steps-section {
    margin: 0px 0px 50px 0px;
    overflow: hidden;
}

.col-steps-right {
    overflow: hidden;
    border-radius: 10px 0px 0px 10px;
}

.col-steps-left {
    overflow: hidden;
    border-radius: 0px 10px 10px 0px;
}

.steps-img {
    margin-bottom:0px;
}

.col-right-content,
.col-left-content {
    margin-top: 15%;
    margin-left: 50px;
    margin-right: 50px;
}

.section-title {
    text-align: left;
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #2E2E2E;
    margin-bottom: 10px;
}

.section-body {
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #656565;
}

.row.campaign_section.table-of-scenarios-section {
    margin-bottom: 10px;
    padding-top: 10px;
}

.col-table-of-scenarios {
    margin: 0px 50px;
    height: 350px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.btn-section {
    min-width: 315px;
}

.col-related {
    border: 1px solid #C9C9C9;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.related-img {
    position: relative;
}

.related-img .shade {
    height: 100%;
    opacity: 1;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000AD 100%) 0% 0% no-repeat padding-box;
}

.related-title {
    position: absolute;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    left: 15px;
    bottom: 10px;
}

.col-right {
    float: right;
}

@media only screen and (max-width: 1001px) {
    .btn.btn-carousel {
        margin-bottom: 0px;
    }

    .col-box {
        min-height: 300px;
    }

    .box-content-child1 {
        min-height: 200px;
    }

    .box-content-child2 {
        min-height: 190px;
    }

    .box-content-child3 {
        min-height: 240px;
    }

    .sec-hidden-title {
        left: 40px;
        width: 80%;
    }

    .sec-hidden-intro {
        padding: 40px 40px;
    }

    .sec-hidden-intro-box {
        margin-bottom: 10px;
        overflow: hidden;
    }

    .steps-section {
        margin-left: 40px;
        margin-right: 20px;

    }

    .col-right-content, .col-left-content {
        margin-top: 5%;
        margin-left: 30px;
    }

    .col-table-of-scenarios {
        margin: 0px 20px;
        height: 180px;
    }
}
/* DBS Treasures // 6 Jun 2024 END */

/* DBS IBW Page Market Selector Pop-Ups // 5 July 2024 START */
#openAccountModal {}

#openAccountModal button.close {
    background-color: #ffffff;
    color: #666666;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 26px;
    top: 26px;
    font-size: 30px;
    line-height: 30px;
    text-shadow: none;
    font-weight: normal;
}

#openAccountModal .modal-title {
    font-size: 26px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
}

#openAccountModal .openAccount-subTitle {
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0px;
    color: #656565;
    font-weight: bold;
    margin-bottom: 25px;
}

#openAccountModal .form-row {
    margin-bottom: 0px;
}

#openAccountModal .form-row label {
    text-align: left;
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}

#openAccountModal .openAccount-row {
    padding: 10px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    margin-bottom: 15px;
}

#openAccountModal input[type="radio"] {
  background-color: transparent;
  border: 1px solid rgb(192, 192, 192);
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 white;
  cursor: pointer;
  font: inherit;
  height: 20px;
  outline: none;
  width: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  &:checked {
    background-color: #EE0000;
    box-shadow: inset 0 0 0 4px #ffffff;
    -webkit-transition: background .15s, box-shadow .1s; 
    transition: background .15s, box-shadow .1s; 
  }
}

#radio_error {
    font-size: 14px;
    color: #EE0000;
}

#openAccountModal .modal-footer {
    text-align: center;
}

#openAccountModal #btn-open-next {
    background-color: #EE0000;
    outline: none;
}

#openAccountModal .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}

#openAccountModal .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

#openAccountModal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
 max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

@media (min-width: 768px) {
    #openAccountModal .modal-dialog {
        width: 500px;
    }
}

@media (max-width: 576px) {
    #openAccountModal .modal-dialog {
        width: 360px;
    }
}
/* DBS IBW Page Market Selector Pop-Ups // 5 July 2024 END */

.title-h2 {
  /*Form Title*/
    font-size: 36px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    letter-spacing: 0px;
    margin: 0px;
    margin-bottom: 36px;
}

/* DBS FAQ // 4 December 2024 START */
#faq.row.campaign_section{
    padding: 60px 0px 40px 0px;
}

#faq-section.row.campaign_section{
    padding: 0px 0px 80px 0px;
}

.panel-title a:focus,
.panel-title a:hover,
.panel-title a:active {
    outline: 0;
    text-decoration: none;
}

.panel-default>.panel-heading {
    color: #656565;
    background-color: #ffffff;
    border-color: transparent;
}

.panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ffffff;
    background: none;
    box-shadow: none;
}

.panel:last-child {
    border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
    border-radius: 0;
    border: none;
}

.panel-group .panel {
    border-radius: 0;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 15px;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-heading {
    background-color: #ffffff;
    border-radius: 0;
    border: none;
    color: #656565;
    padding: 0;
}

.panel-title a {
    display: block;
    color: #656565;
    padding: 10px 15px 25px 50px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.panel-body {
    background: #ffffff;
    color: #656565;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    padding: 0px 20px 20px 50px;
}

.panel-body b {
    font-weight: 700;
}

.panel-body b.sub-title {
    font-weight: 600;
}

/*
.panel-body a.faq-link {
    color: #000000;
    text-decoration: underline !important;
    font-weight: normal;
}
*/

.panel-body ul.faq-list {
    margin-left: -25px;
    margin-bottom: 25px;
}

.panel-body ul.faq-list li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
}

.panel-body ul.faq-list ::marker {
    color: #ff3333;
}

.panel:last-child .panel-body {
    border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
    border-radius: 0px;
    transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
    border-radius: 0;
    transition: border-radius linear 0s;
}

/* #faq-collapse icon scale option */
.panel-heading a:before {
    content: ' ';
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0px;
    top: 10px;
    /*transition: all 0.5s;
    transform: scale(1);*/
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='32' height='32' viewBox='0 0 60 60' enable-background='new 0 0 60 60;'><g><path fill='%23EE0000' d='M0,0v60h60V0H0z M58,58H2V2h56V58z'></path><polygon fill='%23EE0000' points='29,51 31,51 31,31 51,31 51,29 31,29 31,9 29,9 29,29 9,29 9,31 29,31  '></polygon></g></svg>");
}

.panel-heading.active a:before {
    content: ' ';
    /*transition: all 0.5s;
    transform: scale(0);*/
}

#faq-collapse .panel-heading a:after {
    content: ' ';
    position: absolute;
    left: 0px;
    top: 10px;
    /*transform: scale(0);
    transition: all 0.5s;*/
}

#faq-collapse .panel-heading.active a:after {
    content: ' ';
    /*transform: scale(1);
    transition: all 0.5s;*/
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' style='background-color:%23EE0000' x='0px' y='0px' width='32' height='32' viewBox='0 0 60 60' enable-background='new 0 0 60 60;'><g><path fill='%23EE0000' d='M0,0v60h60V0H0z M58,58H2V2h56V58z'></path><rect fill='%23ffffff' x='9' y='29' width='42' height='2'></rect></g></svg>");
}
/* DBS FAQ // 4 December 2024 END */

/* Empower your global ambitions with the World’s Best Bank Navbar // 6 May 2025 START */
.nav-wrapper {
    background-color: #FAFAFA;
    width: 100%;
    position: relative;
}
  
.nav-wrapper .nav-tabs {
    margin: 0 auto;
    max-width: 992px;
}

.nav-wrapper .nav-tabs > li > a {
    color: #2e2e2e;
    padding: 20px 15px;
}

.nav-wrapper .nav-tabs > li.active > a,
.nav-wrapper .nav-tabs > li.active > a:focus,
.nav-wrapper .nav-tabs > li.active > a:hover {
    color: #EE0000;
    border: none !important;
    border-bottom: 4px solid #EE0000 !important;
    background-color: transparent;
    border-radius: 0;
}

.nav-wrapper .nav-tabs.nav-justified > li > a {
    border-bottom: none;
}

/* Enable horizontal scroll for nav-tabs on small screen */
@media (max-width: 768px) {
  .nav-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nav-wrapper .nav-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    display: flex;
    width: max-content;
    max-width: none;
  }

  .nav-wrapper .nav-tabs li {
    float: none;
    display: inline-block;
    white-space: normal;
    margin-bottom: 0;
  }

  .nav-wrapper .nav-tabs > li > a {
    display: inline-block;
    min-width: 160px;
    text-align: center;
    margin-bottom: 0;
  }
}

/* Empower your global ambitions with the World’s Best Bank Navbar // 6 May 2025 END */


/*articles // 9 Sep 2025 START */


    .kTXUnv .bAIhii {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0;
    }

    .kTXUnv {
        display: block;
    }

    .WmrlC {
        font-size: 18px;
        font-weight: 500;
        margin: 24px 0px 0px;
    }

    .bAIhii {
        margin-top: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .iwiGgG {
        padding-right: 16px;
    }

    .bBQOkq {
        color: rgb(46, 46, 46);
        font-weight: 500;
        text-decoration: none;
        font-size: 16px;
        vertical-align: top;
        display: inline-block;
    }

    .hPZjuG {
        width: 96px;
        max-width: 96px;
        height: 88px;
    }

    .RfhZd {
        padding-right: 16px;
    }

    .RfhZd h3 {
        margin: 0px 0px 8px;
    }

    .huajZp {
        font-size: 16px;
    }

    .cKIHkM {
        z-index: 2;
        position: relative;
    }

    .dBsRLE {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .cKIHkM > div {
        min-height: 47px;
        -webkit-box-align: center;
        align-items: center;
    }

    .cKIHkM > div a {
        font-size: 14px;
        font-weight: 600;
        color: rgb(144, 144, 144);
        text-decoration: none;
    }

    .cKIHkM > div:first-child a:hover {
        text-decoration: none;
        cursor: text;
    }

    .cKIHkM > div a:hover {
        text-decoration: underline;
        color: rgb(144, 144, 144);
    }

    .eHDfQv {
        font-size: 1.4rem;
        line-height: 20px;
        color: rgb(23, 38, 51);
        text-transform: capitalize;
        text-decoration: none;
        user-select: none;
        cursor: pointer;
    }

    .jcDZLW {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-height: 24px;
    }

    .hvBOBA {
        display: inline-flex;
    }

    .bMfwPv {
        display: inline-flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: 24px;
        width: 24px;
        position: relative;
    }

    .ikxfqj.ikxfqj {
        display: inline;
        padding-left: 0;
        position: relative;
        top: -2px;
    }

    .kuPXRV * {
        box-sizing: border-box;
    }

    .ikxfqj.ikxfqj svg path {
        fill: rgb(144, 144, 144);
        fill-opacity: 1;
    }

    .jNiyZ {
        flex: 1 1 0%;
        text-align: right;
    }

    .ApanZ {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 6px solid rgb(144, 144, 144);
        border-image: initial;
        border-bottom: none;
        transition: 0.2s;
    }

    .mega-panel>.panel>.dropdown-icon {
        display: flex;
    }

  /* 
	.header-placeholder .navbar .navbar-inner .navbar-links-left ul>li>a {
        padding: 28px 11px 28px 13px;
        vertical-align: middle;
    } 

    .header-placeholder.flp-type .mini-menu.navbar .navbar-inner .navbar-links-left ul>li>a {
        padding: 9px 11px 9px 7px;
    }

    .mini-menu .lang {
        padding: 15px 13px 9px 13px !important;
    } 
  */

    .ico-arrowright3::before {
        content: "➔";
    }

    .ico-arrowdown1:before,
    .ico-arrowup1:before {
        content: none !important;
    }

    .ico-arrowdown1 {
        width: 11px !important;
        height: 11px !important;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        margin-top: 2px;
        top: 9px;
    }

    .ico-arrowup1 {
        width: 11px !important;
        height: 11px !important;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(-135deg);
        margin-top: 2px;
        top: 15px;
    }

    @media (max-width:360px) {
        .bAIhii {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    @media (min-width:360px) and (max-width:767px) {
        .bAIhii {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

    @media (max-width: 767px) {
        .related-articles-section {
            display: flex;
            flex-direction: column;
        }

        .related-articles-section .col-md-8 {
            order: 1;
        }

        .related-articles-section .col-md-4 {
            order: 2;
        }

        .cKIHkM {
            padding: 0px 16px;
        }

        .breadcrumbContainer {
            padding: 0 !important;
        }
    }

    @media (min-width:990px) {
        .bAIhii {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

/*articles // 9 Sep 2025 END */