h2 {
    font-size:32px;
}

.rounded {
    border-radius: 15px
}

.content-section-pull-up {
    margin-top:25px;
}

.btn.btn-white {
    color: #fff;
    border: 1px #fff solid;
    border-radius: 0;
    font-size: 15px;
    padding: 15px 40px;
}

.btn.btn-white:after {
    font-family: "FontAwesome";
    content: "\f105";
    float: right;
    margin-left:10px;
}

.page-banner .center-block p {
    margin-top: 20px !important;
    max-width: 490px;
    margin-bottom: 20px;
}

/*Industry recognition stats carousel */
.blue-bg-top.dark {
    padding:64px 0 0 0;
}

.blue-bg-top.dark h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 41px;
    margin-bottom: 16px;
}

.blue-bg-top.dark p {
    max-width: 540px;
    padding: 0 45px;
    margin-right: auto;
    margin-left: auto;
    line-height:normal;
}

.blue-bg-bottom.dark {
    padding-top:50px;
    padding-bottom:64px;
}


/*RBC FX advantage*/
#rbc-fx-advantage {
    background-color:#0051A5;
    padding: 80px 0 48px 0;
}

#rbc-fx-advantage h2 {
    color:#fff;
    line-height: normal;
    margin-bottom: 32px;
}

.yellow-border-box {
    border:1px solid #FFC72C;
    padding:16px;
    margin-bottom:32px;
}

.yellow-border-box p, .yellow-border-box li {
    color:#fff;
    font-size:14px;
    line-height: 20px;
}


.yellow-border-box h3 {
     color:#fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin-bottom:20px;
}

.yellow-border-box.rounded {
    border-radius:20px;
}

/*tabs styling*/
.tabs-wrapper {
    margin-top:0;
    padding-top:0;
}

.tabs.dark .nav-tabs > li.active > a, .tabs.dark .nav-tabs.nav-justified>.active>a, .tabs.dark .nav-tabs.nav-justified>.active>a:focus, .tabs.dark .nav-tabs.nav-justified>.active>a:hover {
    border-bottom: 2px solid #FFC72C;
}


/*Our core capabilities*/
#our-core-capabilities {
    background-color: #003168;
    background: linear-gradient(180deg, #003168 0%, #013066 100%);
    padding-top: 64px;
}

#fx-core-capabilities h2 {
    color:#fff;
    text-align:center;
    margin-bottom:32px;
    padding-top: 64px;
}

#fx-core-capabilities {
    background: linear-gradient(180deg, #003168 0%, #082043 100%);
    background: url('/assets/rbccm/images/expertise/global-markets/our-capabilities-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#fx-core-capabilities .nav-tabs li a {
    padding: 20px 30px;
}

#fx-core-capabilities .white-box-text {
    padding:32px 0 22px 0;
}

#fx-core-capabilities .yellow-border-box {
    padding:30px;
    background: linear-gradient(200deg, #003168ab -17.02%, #082043b5 56.36%);
    margin-bottom:32px;
}

#fx-core-capabilities .yellow-border-box p, #fx-core-capabilities .yellow-border-box li {
    line-height: 24px;
}

#fx-core-capabilities .tab-content {
    margin-bottom:10px;
}

#fx-core-capabilities .tab-content * {
    color:#fff;
}

#fx-core-capabilities h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    font-family: RBCDisplay, Georgia, Times, serif !important;
    margin-bottom:16px;
}

#fx-core-capabilities .lead {
    font-weight: 700;
}

#fx-core-capabilities .yellow-border-box p.lead:first-child {
    font-family: Roboto, Arial, Verdana, sans-serif !important;
}

/*Explore our award-winning toolset*/
#explore-our-toolset {
    background-color: #E7EEF1;
    padding-top:64px;
}

#explore-our-toolset h2 {
    margin-bottom:16px;
}

#explore-our-toolset p {
    margin-bottom:20px;
    max-width:450px;
    color:#003168;
    align-items: center;
    display: flex;
    flex-direction: column;
}

#fx-toolset-tabs {
    background-color: #E7EEF1;
}

#fx-toolset-tabs .tab-pane .white-box-text {
    padding:32px 0;
}

.white-box.rounded {
    padding:28px 20px;
    border-radius:15px;
    margin-bottom:20px;
}

.white-box.rounded * {
    font-family: RBCDisplay, Georgia, Times, serif;
}

.white-box.rounded h3 {
    font-family: RBCDisplay, Georgia, Times, serif !important;
    font-weight:700;
    letter-spacing:0;
}

.white-box.rounded p {
    margin-bottom:90px;
    font-size: 14px;
    line-height: 140%;
    letter-spacing:0;
}

#fx-toolset-tabs img {
    margin-bottom:24px;
}

#fx-toolset-tabs img.yellow {
    filter: brightness(0) saturate(100%) invert(82%) sepia(17%) saturate(1463%) hue-rotate(345deg) brightness(107%) contrast(101%);
}

#fx-toolset-tabs .links {
    position: absolute;
    bottom: 28px;
    margin-right: 20px;
}

#fx-toolset-tabs .links p {
    margin-bottom:10px;
    font-size:14px;
    line-height: 120%;
    letter-spacing: 0.3px;
}

#fx-toolset-tabs .links p:last-child {
    margin-bottom:0;
}

#fx-toolset-tabs .links a {
    text-decoration: underline;
    font-size:12px;
    color:#003168;
}

#fx-toolset-tabs .links span {
    font-size:12px;
    color:#003168;
}


/*Market insights*/
#market-insights {
    padding-top: 64px;
}

#insights-carousel {
    margin-right: -15px;
    margin-left: -15px;
}


/*Committed to FX code*/
#committed-to-fx-code {
    padding: 64px 0;
}

#committed-to-fx-code h2 {
    color:#FFC72C;
}

#committed-to-fx-code p {
    color:#fff;
    line-height: 26px;
}



@media (min-width:992px) {
    .white-box.rounded {
        min-height:352px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #fx-core-capabilities .nav-tabs li a {
        padding: 20px 30px;
        min-height: 89px;
    }
}

@media (min-width:768px) {
    .page-banner--title {
        min-height:475px !important;
    }
    .page-banner .center-block p {
        margin-top: 30px !important;
        margin-bottom: 50px;
    }


    #fx-toolset-tabs .nav-tabs.nav-justified>li>a {
        display: flex;
        height: 74px;
        padding: 19px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex: 1 0 0; 
    }

    #fx-toolset-tabs .tab-pane .white-box-wrapper .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    #fx-toolset-tabs .tab-pane .white-box-wrapper .col-lg-3 {
        padding-left:10px;
        padding-right:10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .blue-bg-bottom .bottom-stat-section {
        height: 170px;
    }
    #fx-core-capabilities .nav-tabs li a {
        min-height: 97px;
    }
}


@media (max-width:767px) {
    .page-banner--title h1 {
        font-size:28px;
        margin-top: 40px;
    }

    h2 {
        font-size:24px;
    }
    .page-banner {
        background-position: right;
    }
    .btn-white {
        padding: 12px 16px;
    }

    .blue-bg-top.dark {
        padding: 35px 0 0 0;
    }
    .blue-bg-top.dark h2 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 14px;
    }

    #rbc-fx-advantage .yellow-border-box {
        margin-bottom: 24px;
    }

    #rbc-fx-advantage {
        padding: 40px 0 16px 0;
    }
    #fx-core-capabilities, #explore-our-toolset,  #market-insights {
        padding-top: 40px;
    }

    #fx-core-capabilities h2 {
        text-align:left;
    }
    #fx-core-capabilities .white-box-text,  #fx-core-capabilities .panel-body {
        padding-bottom:0;
    }

    #explore-our-toolset h2 {
        font-size:32px;
        margin-bottom:20px;
    }
    #explore-our-toolset p {
        margin-bottom:32px;
    }
 
    #committed-to-fx-code {
        padding: 32px 0;
    }
    .blue-bg-bottom.dark {
        padding-top:32px;
        padding-bottom:40px;
    }

    .blue-bg-bottom.dark .stat-item h3 {
        font-size:28px;
    }

    #fx-core-capabilities .tabs,  #fx-toolset-tabs .tabs {
        margin-bottom: 40px;
    }

    #fx-toolset-tabs .panel-heading {
        border-top: 2px solid #FFC72C;
    }
    .tabs-wrapper .tabs .panel:last-child .panel-heading {
        border-bottom: 2px solid #FFC72C;
    }
    .tabs-wrapper .tabs.dark .panel:last-child .panel-heading {
        border-bottom: 0.5px solid #FFC72C;
    }

    .tabs-wrapper .tabs .panel:not(:last-child) .panel-collapse.collapse.in {
        border-top: 0.5px solid #FFC72C;
    }
    #fx-toolset-tabs .tabs .panel:not(:last-child) .panel-collapse.collapse.in {
        border-top: 2px solid #FFC72C;
    }

    .tabs-wrapper .panel-heading a {
        font-size: 20px;
        font-weight: 400;
        padding:25px 0px;
    }
    .tabs .panel-group {
        padding: 0 16px;
    }
    .tabs .panel-body .white-box-text {
        padding: 32px 0 11px 0;
    }
    #committed-to-fx-code h2 {
        max-width: 230px;
    }

}