/*=========================================
    RBC WHITEPAPER
==========================================*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root{
    --bg:#050505;
    --surface:#0d0d0d;
    --card:#131313;

    --gold:#e0fd7d;
    --gold-light:#E4D2A2;
    --gold-dark:#8A6A2B;

    --white:#ffffff;
    --text:#d8d8d8;
    --muted:#8b8b8b;

    --border:rgba(201,162,87,.15);
}
p {
    line-height: 1.2;
}

@font-face {
    font-family: 'PP Gosha Sans';
    src: url('../fonts/PPGoshaSans-Bold.eot');
    src: url('../fonts/PPGoshaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPGoshaSans-Bold.woff2') format('woff2'),
        url('../fonts/PPGoshaSans-Bold.woff') format('woff'),
        url('../fonts/PPGoshaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trajan Pro';
    src: url('../fonts/TrajanPro-Bold.woff2') format('woff2'), url('../fonts/TrajanPro-Bold.woff') format('woff');
    /* font-weight: bold; */
    font-style: normal;
    font-display: swap;
}

/*=========================
    Global
==========================*/

html{
    scroll-behavior:smooth;
}

body{

    font-family: "Poppins", sans-serif;

    background:var(--bg);

    color:var(--text);

    overflow-x:hidden;
    font-weight: 500    ;
    font-size: 13px;

}

/*=========================
    Scrollbar
==========================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);

    border-radius:20px;

}

::-webkit-scrollbar-track{

    background:#111;

}

/*=========================
    Typography
==========================*/

h1,h2,h3,h4,h5{

   font-family: 'PP Gosha Sans';

    color:white;

    letter-spacing:1px;
    /* font-family: 'Trajan Pro'; */

}

.display-2{

    font-weight:700;

    line-height:1.1;

}

.text-warning{

    color:var(--gold)!important;

}

/*=========================
    Navbar
==========================*/

.navbar{

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(12px);

    border-bottom:1px solid var(--border);
    min-height: 55px;

}

.navbar-brand{

    font-size:2rem;

    font-family:'Cormorant Garamond',serif;

    color:var(--gold)!important;
    padding: 0 !important;

}

.nav-link{

    color:#ddd!important;

    transition:.3s;
    font-family: "Roboto Mono", monospace;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 15px;
    margin-right: 15px;
    word-spacing: -3;
    

}

.nav-link:hover, .nav-link.active{

    color:var(--gold)!important;

}

.navbar-nav .btn-warning {
    background: linear-gradient(90deg, #8d6c2f, #d7b66b, #8d6c2f);
    border: none;
    color: #000;
    font-weight: 600;
    padding: 12px 35px;
    border-radius: 50px;
    transition: .35s;
    padding: 4px 15px !important;
    font-size: 13px;
    font-family: "Roboto Mono", monospace;
    text-transform: uppercase;
}

/*=========================
    Hero
==========================*/

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    background:
    #000;

    position:relative;

}

.hero::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:250px;

    background:linear-gradient(
        transparent,
        rgba(201,162,87,.08)
    );

}

.hero img{

    max-width:100%;

    filter:drop-shadow(0 0 40px rgba(201,162,87,.35));

}

/*=========================
    Buttons
==========================*/

.btn-warning{

    background:linear-gradient(
    90deg,
    #8d6c2f,
    #d7b66b,
    #8d6c2f);

    border:none;

    color:#111;

    font-weight:600;

    padding:12px 35px;

    border-radius:50px;

    transition:.35s;

}

.btn-warning:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 35px rgba(201,162,87,.35);

}

/*=========================
    Cards
==========================*/

.card{

    background:#494232;

    border:1px solid var(--border);

    border-radius:18px;

    color:var(--text);

    transition:.4s;

}

.card:hover{

    /* transform:translateY(-6px); */

    /* border-color: white; */

}

/*=========================
    Sidebar
==========================*/

.list-group{

    border-radius:15px;

    overflow:hidden;

}

.list-group-item{

    background:#111;

    color:#ccc;

    border-color:var(--border);

    padding:16px 22px;

}

.list-group-item:hover{

    background:#171717;

    color:var(--gold);

}

.list-group-item.active{

    background:var(--gold);

    color:#000;

    border-color:var(--gold);

    font-weight:600;

}

/*=========================
    Section Titles
==========================*/

small{

    color:var(--gold);

    font-size:14px;

    letter-spacing:3px;

    text-transform:uppercase;

}

/*=========================
    Footer
==========================*/

footer{

    background:#080808;

}

footer h4{

    color:var(--gold);

}

footer p{

    color:#999;

}

/*=========================
    Images
==========================*/

img{

    max-width:100%;

}

/*=========================
    Divider
==========================*/

.divider{

    width:120px;

    height:2px;

    background:linear-gradient(
    to right,
    transparent,
    var(--gold),
    transparent);

    margin:30px auto;

}

/*=========================
    Selection
==========================*/

::selection{

    background:var(--gold);

    color:#000;

}

/*=========================
    Responsive
==========================*/

@media(max-width:992px){

.hero{

    text-align:center;

    padding-top:100px;

}

.display-2{

    font-size:3rem;

}

.list-group{

    margin-bottom:40px;

}

}

@media(max-width:768px){

.display-2{

    font-size:2.3rem;

}

.navbar-brand{

    font-size:1.6rem;

}

.btn-warning{

    width:100%;

}

.card{

    padding:30px!important;

}

}
.fixed-top .navbar-brand img {
    max-width: 40px;
    margin-right: 5px;
}
.fixed-top .navbar-brand {
    display: flex;
    align-items: center;
}
.fixed-top .navbar-brand  span{
    color: #e0fd7d;
    font-family: 'Trajan Pro';
    line-height: 1;
    position: relative;
    top: -2px;
    font-family: 'Kanit', sans-serif;
    font-style: italic;
    font-weight: 900;
}
.fixed-top .navbar-brand  span::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e0fd7d;
    bottom: -2px;
    left: -1px;
}
.white-paper-banner {
    display: flex;
    min-height: 100vh;
    align-items: center;
    padding-top: 50px;
    h1 {
        font-size: 45px;
        span {
            display: block;
        }
    }
}

.white-paper-banner a.btn {
        margin-top: 0;
        padding: 12px 30px;
        font-size: 1.25rem;
        background-color: transparent;
        color: #000;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        /* border: 2px solid #fff; */
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 10px;
        min-width: 180px;
        text-align: center;
        font-weight: 600;
        min-height: auto;
        border-radius: 30px;
        /* display: flex; */
        justify-content: left;
        align-items: center;
        max-width: 270px;
        position: relative;
        padding-right: 64px;
}

.footer_top_links a {
    color: #696969;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}
.footer-logo-black img {
    filter: invert(100%);
    width: 47px;
    vertical-align: middle;
}
.footer-logo-black span {
    font-family: 'Trajan Pro';
    font-size: 30px;
    font-weight: 800;
    color: #000;
    line-height: 1;
    position: relative;
    top: 5px;
    padding-left: 5px;
}
.footer_top_links h6 {
    font-size: 14px;
    margin-bottom: 3px;
    color: #000;
}
.footer_top_links ul li a {
    display: block;
    padding: 3px 0;
}
.footer_top_links a {
    color: #696969;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}
.footer_top_links .text-end a i {
    font-size: 25px !important;
    margin-left: 0;
}
.footer_top_links a {
    color: rgb(105, 105, 105);
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}
.telegram-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.footer_top_links .text-end a i {
    font-size: 25px !important;
    margin-left: 0;
}
.footer_top_links .text-end a i.bi.bi-twitter-x.fs-5.me-2 {
    font-size: 18px !important;
    position: relative;
    top: -3px;
}
.footer_top_links {
    padding: 80px 0px;
    color: #000;
}
.footer_top_links h2 {
    margin: 0px;
    line-height: 1;
    font-size: 26px !important;
    color: #000;
}
.footer_top_links a.btn {
    padding: 8px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50px;
    border: none;
    outline: none;
    background: #000;
    box-shadow: none;
    color: white;
    font-size: 11px;
    transition: all ease-in-out 0.1s;
    margin-top: 25px;
    position: relative;
    padding-right: 45px !important;
    position: relative;
    top: 41px;
}
.footer_top_links a.btn i {
    background-color: white;
    color: #000;
    padding: 5px;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
    height: 20px;
    width: 20px;
}
.white-paper-banner p {
    font-size: 14px;
    font-weight: 500;
    max-width: 650px;
}
.white-paper-banner .col-lg-7 {
    position: relative;
    z-index: 1;

}
.white-paper-view {
    margin-top: 0;
}
.footer_top_links a {
    color: rgb(105, 105, 105);
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}
.footer_notes {
    border-bottom: 1px solid #cccccc4d;
    margin-bottom: 10px;
}
.copyrights.text-white {
    padding: 10px 0;
}
.bottom_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom_footer ul {
    margin: 0px;
    padding: 0px;
}
.bottom_footer ul li {
    display: inline-block;
}
.bottom_footer ul li a {
    color: rgb(204, 204, 204);
    text-decoration: none;
    font-size: 13px;
    padding-right: 18px;
}
.copyrights p {
    font-size: 13px;
    color: rgb(204, 204, 204);
    margin-bottom: 15px;
    text-align: center;
}
.read-white-paper{
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 5px 8px 5px 24px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    display: flex;
}

.read-white-paper-icon{
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    position: absolute;
    right: 0;
    top: 8px;
    right: 15px;
}

.read-white-paper-icon i{
    color: white;
    font-size: 20px;
    transition: transform .3s ease;
}

.read-white-paper:hover .read-white-paper-icon{
    background: #000;
    color: #000;
}

.read-white-paper:hover .read-white-paper-icon i{
    /* transform: translateX(4px); */
}
.white-paper-banner .bg-warning {
    border: 2px solid #fff;
    padding: 8px 20px !important;
    background: transparent !important;
    color: white !important;
    border-radius: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: .8;
}


.list-group-item {
    border: none;
    border-radius: 0;
}

.list-group .collapse .list-group-item {
    background: #f8f9fa;
    font-size: 14px;
    padding-left: 30px;
        color: #000;
    border-bottom: 1px solid #ccc;
}

.list-group-item[data-bs-toggle="collapse"] span {
    transition: .3s;
    font-weight: bold;
}

/* .list-group-item[aria-expanded="true"] span {
    transform: rotate(45deg);
} */
.list-group-item i{
    transition:.3s;
}

.list-group-item[aria-expanded="true"] i.bi.bi-chevron-down{
    transform:rotate(180deg);
}
/* .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
} */



.animated-heading .line{
    display: block;
    overflow: hidden;
}

.animated-heading .letter{
    display: inline-block;
    opacity: 0;
    transform: translateY(40px);
    animation: letterReveal .6s forwards;
}

@keyframes letterReveal{
    0%{
        opacity:0;
        transform:translateY(40px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

.white-paper-view .card {
    background: #000;
    /* border: 1px solid #464545; */
    min-height: calc(100vh - 170px);
    position: relative;
}
.wave-card-img {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .2;
}



/* ==========================================================
   PREMIUM RBC SIDEBAR OVERRIDE (Updated)
   ========================================================== */

.whitepaper-sidebar,
#sidebarMenu{
    background: #062d24;
    /* background: #282313; */
    border: none;
    border-radius: 0;
    padding:10px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.45);
    top:55px;
    /* height: 100%; */
    min-height: 100vh;
}


#sidebarMenu .list-group-item{
        position: relative;
    background: transparent;
    border: none;
    border-radius: 14px;
    margin: 3px 0;
    padding: 8px 18px;
    color: #b3b3b3;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .35s ease;
    line-height: 1;
    display: flex;
    align-items: center;
    font-family: "Roboto Mono", monospace;
    word-spacing: -3px;
    font-size: 13px;
    line-height: 1;
    white-space: no-wrap;
    text-overflow: ellipsis;
    letter-spacing: 0;
    min-height: 35px;
}

#sidebarMenu .list-group-item span{
    flex:1;
}

#sidebarMenu .list-group-item:hover{
    /* background:#171717; */
    color:#fff;
    transform:translateX(6px);
        background: linear-gradient(90deg, rgba(201, 162, 87, .22), rgba(201, 162, 87, .05));
}

#sidebarMenu .list-group-item.active{
    color:#fff;
    background:linear-gradient(90deg,
        rgba(201,162,87,.22),
        rgba(201,162,87,.05));
        transform: none !important;
}

#sidebarMenu .list-group-item.active::before{
    content:"";
    position:absolute;
    left:0;
    top:15%;
    width:4px;
    height:70%;
    background:#C9A257;
    border-radius:20px;
    box-shadow:0 0 16px #C9A257;
    display: none;
}

#sidebarMenu .collapse{
    transition:all .35s ease;
}

#sidebarMenu .collapse .list-group-item{
    margin:6px 0 6px 18px;
    padding:10px 18px;
    background:#151515 !important;
    border-left:2px solid rgba(201,162,87,.18) !important;
    border-radius:10px;
    color:#fff !important;
    text-transform:none;
    font-size:12px;
    min-height: 35px;
}

#sidebarMenu .collapse .list-group-item:hover{
    background:#1c1c1c !important;
    color:#fff !important;
    border-left-color:#C9A257 !important;
}

#sidebarMenu i{
    color:#fff;
    transition:.35s;
    font-size: 18px;
}

#sidebarMenu .list-group-item:hover i{
    color:#fff;
}

#sidebarMenu .list-group-item[aria-expanded="true"] i.bi.bi-chevron-down{
    transform:rotate(180deg);
    color:#C9A257;
}

@media(max-width:992px){
    #sidebarMenu{
        margin-bottom:30px;
        position:relative;
        top:0;
    }
}

.white-paper-view {
    margin-top: 55px;
}

.white-paper-view-row .col-lg-3 {
    width: 300px;
    min-width: 300px;
    padding-right: 0;
    transition: width .35s ease, min-width .35s ease;
}

.white-paper-view-row #sidebar_menu_hide_show.sidebar-collapsed {
    width: 78px;
    min-width: 78px;
}

.white-paper-view-row #sidebar_menu_hide_show.sidebar-collapsed + .col-lg-9 {
    width: calc(100% - 78px);
}
.white-paper-view-row .col-lg-9 {
    width: calc(100% - 300px);
    padding-left: 0;
    /* background-image: url(../images/wave.png); */
    background-repeat: no-repeat;
}

/* ==========================================================
   DESKTOP SIDEBAR COLLAPSE
   Full: 300px  |  Collapsed: 78px / icons only
   ========================================================== */

.sidebar-collapse-toggle {
    position: fixed;
    top: 13px;
    left: 173px;
    width: 30px;
    height: 30px;
    z-index: 30;
    border: 1px solid rgba(224, 253, 125, .45);
    border-radius: 50%;
    background: #062d24;
    color: #e0fd7d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 5px 18px rgba(0,0,0,.35);
    transition: all .3s ease;
    z-index: 9999;
}

.sidebar-collapse-toggle:hover {
    background: #e0fd7d;
    color: #000;
    transform: scale(1.08);
}

.sidebar-collapse-toggle i {
    font-size: 13px;
    line-height: 1;
}

#sidebar_menu_hide_show {
    position: relative;
    flex: 0 0 300px;
    max-width: 300px;
    transition: flex-basis .35s ease, max-width .35s ease, width .35s ease;
}

#sidebar_menu_hide_show.sidebar-collapsed {
    flex-basis: 78px;
    max-width: 78px;
    width: 78px;
}

#sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar {
    padding-left: 7px;
    padding-right: 7px;
}

#sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar h4 {
    justify-content: center;
    margin-bottom: 18px;
}

#sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar h4 span,
#sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar h3,
#sidebar_menu_hide_show.sidebar-collapsed .sidebar-label {
    display: none !important;
}

#sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item {
    justify-content: center;
    width: 100%;
    min-height: 35px;
    padding: 8px 0;
    margin: 4px 0;
    transform: none !important;
}

#sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item i {
    margin: 0 !important;
    font-size: 19px;
}

#sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item:hover {
    transform: none !important;
}

#sidebar_menu_hide_show.sidebar-collapsed + .col-lg-9 {
    width: calc(100% - 78px);
}

.white-paper-view-row .col-lg-9 {
    transition: width .35s ease;
}

@media (max-width: 992px) {
    .sidebar-collapse-toggle {
        display: none;
    }

    #sidebar_menu_hide_show,
    #sidebar_menu_hide_show.sidebar-collapsed {
        flex-basis: auto;
        max-width: none;
        width: auto;
    }

    #sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar h4 span,
    #sidebar_menu_hide_show.sidebar-collapsed .whitepaper-sidebar h3,
    #sidebar_menu_hide_show.sidebar-collapsed .sidebar-label {
        display: initial !important;
    }

    #sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item {
        justify-content: flex-start;
        padding: 8px 18px;
    }

    #sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item i {
        margin-right: .5rem !important;
    }

    #sidebar_menu_hide_show.sidebar-collapsed + .col-lg-9 {
        width: 100%;
    }
}

.whitepaper-sidebar h3 {
    font-size: 18px;
    padding: 10px;
    color: #e0fd7d;
    text-align: left;
    margin: 0;
    font-style: italic;
    /* font-family: "Playwrite NZ", cursive; */
    font-weight: 600;
    margin-bottom: 35px;
    text-align: center;
    font-family: Georgia, serif;
    padding-top: 0;
    margin-top: -7px;
    text-align: left;
}
.rbc-circle h1 {
    font-family: 'Trajan Pro';
}
.top-head-block h3 {
    font-family: 'Trajan Pro';
}




.executive-summary{
    background:#000;
    color:#fff;
    /* border:2px solid #2d2d2d; */
    padding:20px 30px 30px;
    position:relative;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
    background-color: transparent !important;    
    position: relative;
}
.executive-summary::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/wave.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom left;
    z-index: 1;
    top: 0;
    bottom: 0;
    opacity: .15;
    left: 0;
}

.page-no{
    color:#656363;
    font-size: 18px;
    font-weight:700;
    display:block;
    margin-bottom:15px;
}

.executive-summary h1{
    font-family:'Trajan Pro','Cinzel',serif;
    font-size: 25px;
    color:#fff;
    margin-bottom:5px;
    letter-spacing:1px;
    font-family: "PP Gosha Sans";
}

.executive-summary h3{
    font-family:'Trajan Pro','Cinzel',serif;
    font-size: 20px;
    color:#e0fd7d;
    font-weight:500;
    margin-bottom:35px;
    font-family: "PP Gosha Sans";
}

.divider{
    width:220px;
    height:2px;
    background:#e0fd7d;
    position:relative;
    margin:35px 0;
}

.divider:after{
    content:"✦";
    position:absolute;
    left:50%;
    top:-16px;
    transform:translateX(-50%);
    color:#e0fd7d;
    font-size:26px;
    background:#000;
    padding:0 10px;
}

.executive-summary p{
    font-size: 13px;
    line-height:1.3;
    color:#f2f2f2;
    font-weight: 400;
}

.section-title{
    font-family:'Trajan Pro','Cinzel',serif;
    color:#e0fd7d;
    font-size: 14px;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}

.section-title i{
    width: 40px;
    height: 40px;
    border: 2px solid #e0fd7d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #e0fd7d;
}

.rbc-circle{
    width: 250px;
    height: 250px;
    border:3px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    margin: 50px 0;
}

.rbc-circle:before,
.rbc-circle:after{
    content:"";
    position:absolute;
    width:3px;
    background:#e0fd7d;
    left:50%;
    transform:translateX(-50%);
}

.rbc-circle:before{
    height:70px;
    top:-70px;
}

.rbc-circle:after{
    height:70px;
    bottom:-70px;
}

.rbc-circle h1{
    color:#fff;
    font-size:35px;
    margin-top:20px;
}

.gold-title{
    font-family:'Trajan Pro','Cinzel',serif;
    color:#e0fd7d;
    font-size: 20px;
    border-bottom:2px solid #e0fd7d;
    display:inline-block;
    padding-bottom:10px;
    margin-bottom:35px;
}

.item{
    margin-bottom:28px;
}

.item h5{
    color:#e0fd7d;
    text-transform:uppercase;
    font-size: 13px;
    margin-bottom:8px;
    font-weight:700;
}

.item p{
    font-size: 13px;
    color:#f1f1f1;
    margin:0;
}

.why-list li{
    position:relative;
    padding:18px 0 18px 40px;
    border-bottom:1px solid rgba(195,158,85,.5);
    font-size: 13px;
}

.why-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:12px;
    width:30px;
    height:30px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#e0fd7d;
    font-weight:bold;
    font-size: 18px;
}

.token-note{
    border:2px solid #e0fd7d;
    border-radius:12px;
    padding:25px;
    margin-top:40px;
}

.token-note strong{
    color:#fff;
    font-size: 20px;
}

.token-note p{
    font-size: 13px;
}

.quote-box{
    border:2px solid #e0fd7d;
    border-radius:12px;
    padding:15px;
    margin-top:70px;
}

.quote-box h3{
    color:#fff;
    font-family:'Trajan Pro','Cinzel',serif;
    font-size: 16px;
    line-height:1.6;
    margin:0;
}

.footer{
    border-top:1px solid rgba(195,158,85,.4);
    padding-top:25px;
    margin-top:50px;
}

.footer h2{
    font-family:'Trajan Pro','Cinzel',serif;
    color:#fff;
    margin:0;
}

.footer span{
    color:#999;
    font-size:18px;
    letter-spacing:1px;
}

.top-pattern{
    width:280px;
    opacity:.9;
}

.top-pattern img{
    width:100%;
}

@media(max-width:991px){

.executive-summary{
    padding:30px;
}

.executive-summary h1{
    font-size:46px;
}

.executive-summary h3{
    font-size:24px;
}

.rbc-circle{
    width:220px;
    height:220px;
    margin:40px auto;
}

.rbc-circle h1{
    font-size:42px;
}

.gold-title{
    font-size:30px;
}

.section-title{
    font-size:26px;
}

.footer{
    text-align:center;
    flex-direction:column;
    gap:10px;
}

}

.executive-summary .item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:30px;
}

.executive-summary .item-icon{
    width:40px;
    min-width:40px;
    height:40px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e0fd7d;
    font-size:24px;
    transition:all .3s ease;
    flex-shrink:0;
}

.executive-summary .item-icon i{
    line-height:1;
}

.executive-summary .item:hover .item-icon{
    background:#e0fd7d;
    color:#000;
}

.executive-summary .item h5 {
    margin: 0 0 2px;
    color: #e0fd7d;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Poppins';
}

.executive-summary .item p{
    margin:0;
    color:#e4e4e4;
    font-size:13px;
    line-height:1.3;
    max-width: 400px;
}

.executive-summary .gold-title{
    color:#e0fd7d;
    border-bottom:2px solid #e0fd7d;
    padding-bottom:12px;
    margin-bottom:35px;
    font-family:'Trajan Pro','Cinzel',serif;
    font-size: 14px;
    padding-bottom: 1px;
}

.executive-summary .quote-box{
    position:relative;
    border:2px solid #e0fd7d;
    border-radius:12px;
    padding:20px 80px;
    margin-top:60px;
    overflow:hidden;
}


.executive-summary .quote-box::before{
    content:"“";
    position:absolute;
    top:0;
    left:25px;
    font-size:90px;
    line-height:1;
    color:#e0fd7d;
    font-family:Georgia, serif;
    opacity:.9;
}

.executive-summary .quote-box::after{
    content:"”";
    position:absolute;
    right:25px;
    bottom:-45px;
    font-size:90px;
    line-height:1;
    color:#e0fd7d;
    font-family:Georgia, serif;
    opacity:.9;
}

.executive-summary .quote-box h3{
    margin:0;
    color:#fff;
    font-family:'Trajan Pro','Cinzel',serif;
    font-size:13px;
    line-height:1.5;
    text-transform:uppercase;
    letter-spacing:1px;
}
.token-note strong {
color: #e0fd7d;
font-family: 'Trajan Pro';
font-size: 14px;
}


.executive-summary{
    position: relative;
    overflow: hidden;
}

/* Top Right Dotted Pattern */
.executive-summary::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 150px;
    opacity: 0;
    pointer-events: none;
    background-image: radial-gradient(#e0fd7d 1.5px, transparent 1.5px);
    background-size: 14px 14px;
    mask-image: radial-gradient(circle at top right, #000 40%, transparent 95%);
    -webkit-mask-image: radial-gradient(circle at top right, #000 40%, transparent 95%);
}
.whitepaper-sidebar h4  {
    text-align: center;
    margin-top: 10px;  
    display: flex;
    align-items: center; 
}
.whitepaper-sidebar h4 span {
            display: table;
            background: #000;
            width: auto;
            padding: 7px 20px;
            width: auto;
            text-align: center;
            border-radius: 5px;
            font-size: 14px;
            margin: 0;
            color: #000;
            text-transform: uppercase;
            font-family: "Roboto Mono", monospace;
            word-spacing: -4px;
            margin: 0;
            margin-left: 10px;
            /* width: 100%; */
            width: auto;
            white-space: nowrap;
}
.whitepaper-sidebar h4 span i {
    color: #000 !important;
}

.list-group-item {
    
    min-height: 44px;         /* Adjust as needed */
}

.list-group-item span {
    display: flex;
    align-items: center;
    line-height: 1;
    margin: 0;
}

a.list-group-item.submenu-item i {
    color: white !important;
}
a.list-group-item.submenu-item:hover i  {
    color: #e0fd7d !important;
}
#sidebarMenu .collapse .list-group-item:hover {
    color: #e0fd7d !important;
}
#sidebarMenu .list-group-item:hover {
    color: #fff !important;
    /* background-color: #000 !important; */
}
#sidebarMenu .list-group-item.active:hover {
    color: #000 !important;
    /* background-color: #000 !important; */
}
#sidebarMenu .list-group-item.active:hover {
    /* background: #000 !important; */
}





/* ==========================================
   WHY THIS MATTERS PAGE
========================================== */

.why-this-matters-page{
    /* background:#000; */
    color:#fff;
    padding:30px;
    position:relative;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
    z-index: 1;
}

/* Page Number */

.why-this-matters-page .page-no{
    color: #656363;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

/* Heading */

.why-this-matters-page h1{
    font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 35px;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 1px;
    margin: 0;
}

.why-this-matters-page h3{
    font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 25px;
    color: #e0fd7d;
    font-weight: 500;
    margin-bottom: 35px;
}

/* Divider */

.why-this-matters-page .gold-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:35px 0;
}

.why-this-matters-page .gold-divider span{
    width:150px;
    height:2px;
    background:#e0fd7d;
}

.why-this-matters-page .gold-divider i{
    color:#e0fd7d;
    font-size:26px;
}

/* Intro */

.why-this-matters-page .intro-text{
    margin-bottom:35px;
}

.why-this-matters-page .intro-text p{
    color:#ddd;
    line-height:1.5;
    font-size:13px;
    margin-bottom:20px;
}

/* Card */

.why-this-matters-page .info-box{
    border:1px solid #e0fd7d;
    border-radius:14px;
    padding:28px;
    height:100%;
    background:#090909;
    transition:.3s;
}

.why-this-matters-page .info-box:hover{
    border-color:#d9b76b;
}

/* Card Header */

.why-this-matters-page .box-title{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:15px;
}

.why-this-matters-page .box-title i{
    font-size:54px;
    color:#e0fd7d;
}

.why-this-matters-page .box-title span{
    color:#e0fd7d;
    font-size:30px;
    font-weight:700;
}

.why-this-matters-page .box-title h4{
    margin:0;
    color:#e0fd7d;
    font-family:'Trajan Pro';
    font-size:16px;
    line-height:1.2;
}

/* Divider */

.why-this-matters-page .info-box hr{
    border-color:#e0fd7d;
    opacity:.35;
}

/* Paragraph */

.why-this-matters-page .info-box p{
    color:#ddd;
    line-height:1.7;
    font-size:13px;
}

/* List */

.why-this-matters-page .info-box ul{
    padding-left:18px;
    margin:20px 0 0;
}

.why-this-matters-page .info-box li{
    color:#f2f2f2;
    margin-bottom:12px;
    line-height:1.6;
}

.why-this-matters-page .info-box li::marker{
    color:#e0fd7d;
}

/* Bottom */

.why-this-matters-page .convergence{
    margin-top:50px;
    text-align:center;
}

.why-this-matters-page .convergence h2{
    font-family:'Trajan Pro';
    color:#e0fd7d;
    font-size:20px;
    position:relative;
    display:inline-block;
    padding:0 20px;
    padding-top: 8px;
}

.why-this-matters-page .convergence h2::before,
.why-this-matters-page .convergence h2::after{
    content:"";
    position:absolute;
    top:50%;
    width:120px;
    height:2px;
    background:#e0fd7d;
}

.why-this-matters-page .convergence h2::before{
    right:100%;
}

.why-this-matters-page .convergence h2::after{
    left:100%;
}

.why-this-matters-page .convergence p{
    color:#ddd;
    max-width:900px;
    margin:25px auto 0;
    line-height:1.5;
    font-size:15px;
    font-family: 'Trajan Pro';
}

/* Footer */

.why-this-matters-page .page-footer{
    border-top:1px solid rgba(255,255,255,.15);
    margin-top:45px;
    padding-top:20px;
    color:#999;
    font-size:14px;
}

.why-this-matters-page .page-footer strong{
    color:#e0fd7d;
    font-family:'Trajan Pro';
}

/* Responsive */

@media(max-width:991px){

    .why-this-matters-page h1{
        font-size:40px;
    }

    .why-this-matters-page h3{
        font-size:24px;
    }

    .why-this-matters-page .box-title h4{
        font-size:22px;
    }

    .why-this-matters-page .box-title i{
        font-size:40px;
    }

}

.common-layout {
    position: relative;
}
.common-layout::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 150px;
    opacity: .58;
    pointer-events: none;
    background-image: radial-gradient(#e0fd7d 1.5px, transparent 1.5px);
    background-size: 14px 14px;
    mask-image: radial-gradient(circle at top right, #000 40%, transparent 95%);
    -webkit-mask-image: radial-gradient(circle at top right, #000 40%, transparent 95%);
}
.common-layout::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/wave.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom left;
    /* z-index: 1; */
    top: 0;
    bottom: 0;
    opacity: .15;
    left: 0;
}

.why-this-matters-page .info-box span {
    font-family: "Roboto Mono", monospace;
}


.the-problom-page{
  /* background:#000; */
  color:#fff;
  padding:30px;
  font-family:Poppins,sans-serif;
  position: relative;
  z-index: 1;
}
.the-problom-page h1{
  font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 35px;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 1px;
    margin: 0;
}
.the-problom-page h3{
  font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 25px;
    color: #e0fd7d;
    font-weight: 500;
    margin-bottom: 35px;
}
.the-problom-page .page-no{
      color: #656363;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}
.the-problom-page .intro{
  margin:30px 0;
}
.the-problom-page .problem-card{
  border:1px solid rgba(195,158,85,.35);
  background:#090909;
  padding:20px;
  height:100%;
}
.the-problom-page .problem-card:hover{
    border:1px solid rgba(195,158,85,1);
}
.the-problom-page .problem-card .number{
  color:#e0fd7d;
  font-size:32px;
  font-weight:700;
}
.the-problom-page .problem-card h4{
  font-family:Georgia,serif;
  color:#fff;
  text-transform:uppercase;
}
.the-problom-page .image-card{
  display:flex;
  align-items:center;
  justify-content:center;
}
.the-problom-page .urgent-need{
  margin-top:50px;
  text-align:center;
  border-top:1px solid rgba(195,158,85,.4);
  padding-top:30px;
}
.the-problom-page .urgent-need h2{
  color:#e0fd7d;
  font-family:Georgia,serif;
}
.the-problom-page .page-footer{
  display:flex;
  justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.15);
  margin-top:40px;
  padding-top:20px;
  color:#999;
}


.the-problom-page .problem-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
}

.the-problom-page .problem-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e0fd7d;
    font-size:28px;
    transition:.3s;
}

.the-problom-page .problem-title{
    flex:1;
}

.the-problom-page .problem-title .number{
    display:block;
    color:#e0fd7d;
    font-size:28px;
    font-weight:700;
    line-height:1;
    margin-bottom:6px;
    font-family:"Roboto Mono", monospace;
}

.the-problom-page .problem-title h4{
    margin:0;
    color:#fff;
    font-size:18px;
    font-family:'Trajan Pro';
    text-transform:uppercase;
    line-height:1.2;
        color: #e0fd7d;
}

.the-problom-page .problem-card:hover .problem-icon{
    background:#e0fd7d;
    color:#000;
}
.urgent-need p {
    font-family:'Trajan Pro';
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    align-items: center;
}

.breadcrumb-item a {
    color: rgba(255,255,255,.7);
    text-decoration: none;
    transition: .3s;
}

.breadcrumb-item a:hover {
    color: #fff;
}

.breadcrumb-item.active {
    
    color: #e0fd7d;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,.4);
}
.executive-summary-inner {
    position: relative;
    z-index: 2;
}
.brud-crump-main {
    position: relative;
    padding-bottom: 10px;
    /* top: -25px; */
}
.whitepaper-sidebar h4 svg {
    width: 40px;
    min-width: 40px;
}
#sidebarMenu .collapse a.list-group-item.submenu-item {
    margin-left: 0;
}

li.page-number-top-bar {
    
    margin: 0 0 0 auto;
    font-size: 25px;
    color: #b8b8b8;
    font-weight: 600;
    vertical-align: middle;
    position: relative;
    top: -6px;
    right: 0px;
    /* font-family: "Roboto Mono", monospace; */
    line-height: 1;
    font-size: 16px;
    font-family: 'Poppins';
    letter-spacing: 1px;

}

.vision-mission-row {
    position: relative;
}



ul.list-unstyled.why-list {
    margin-top: -12px;
}
.row.align-items-center.mb-3.vision-mission-row p {
    padding-left: 39px;
    padding-right: 39px;
}


a.list-group-item1.submenu-item {
    display: block;
    margin: 6px 0 6px 18px;
    padding: 5px 18px;
    background: #151515 !important;
    border-left: 2px solid rgba(201, 162, 87, .18) !important;
    border-radius: 10px;
    color: #fff !important;
    text-transform: none;
    font-size: 12px;
    min-height: 35px;
    text-decoration: none;
    display: flex;
    align-items: center;
}
body #sidebarMenu a.list-group-item1.submenu-item i{
    color: white ;
}
body #sidebarMenu a.list-group-item1.submenu-item:hover {
    color: #e0fd7d !important;
    border-left-color: #C9A257 !important;
    i {
       color: #e0fd7d !important; 
    }
}
.whitepaper-sidebar h3{
    position: relative;
}


.whitepaper-sidebar h3::after {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    height: 2px;
    background-color: #000;
    left: 0;
    bottom: -10px;
    /* opacity: .3; */
    left: -10px;

}
.vision-mission-row {
    position: relative;
    /* border-top: 1px solid #353434; */
    /* padding-top: 25px; */
    margin-top: 15px;
    margin-bottom: 25px !important;
    .section-title span {
    position: relative;
    top: 3px;
}
}
span.symbol_r {
    font-family: 'Trajan Pro', 'Cinzel', serif;
    position: relative;
    top: 3px;
}

.executive-summary .item-icon i.bi.bi-gem {
    position: relative;
    top: 1px;
}

.top-head-block {
    border-bottom: 1px solid #353434;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.custom-list li{
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:14px;
    color:#d6d6d6;
    font-size:13px;
    margin:5px 0;
}

.gold-check{
    width:25px;
    height:25px;
    min-width:25px;
    border:2px solid #d8b26a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gold-check i{
    color:#d8b26a;
    font-size:16px;
    font-weight:700;
    line-height: 1;
}
/* ===============================
   Important Notice
================================= */

.important-box{
    background: linear-gradient(180deg,#111111 0%,#0b0b0b 100%);
    border: 1px solid rgba(216,178,106,.35);
    border-left: 5px solid #d8b26a;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.important-title{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #d8b26a;
    /* font-family: "Cormorant Garamond", serif; */
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(216,178,106,.4);
        font-family: 'Trajan Pro', 'Cinzel', serif;
}

.important-title i{
    font-size: 1.2rem;
}

.important-box p{
    color: #d2d2d2;
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 16px;
}

.important-box strong{
    color: #ffffff;
}

.important-box:hover{
    border-color:#d8b26a;
    transition:.3s ease;
}


/*=====================================================
 INTRODUCTION WHITEPAPER
======================================================*/

.introduction-whitepaper{

    --heading-color:#e0fd7d;
    --heading-size:18px;
    --icon-size:42px;
    --border-color:rgba(224,253,125,.28);

}

/*---------------------------------
 Common Section Spacing
----------------------------------*/



/*---------------------------------
 Common Heading
----------------------------------*/

.introduction-whitepaper h2,
.introduction-whitepaper .gold-title,
.introduction-whitepaper .important-title{

display:flex;

align-items:center;

gap:10px;

font-family:'Trajan Pro','Cinzel',serif;

font-size:14px;

color:var(--heading-color);

border:none;

margin-bottom:15px;

padding:0;

text-transform: uppercase;

font-family: "PP Gosha Sans";
}

/* Gold Line */

.introduction-whitepaper h2::after,
.introduction-whitepaper .gold-title::after,
.introduction-whitepaper .important-title::after{

content:"";

flex:1;

height:1px;

background: linear-gradient(to right, rgb(188 201 87 / 55%), transparent);
}

/*---------------------------------
 Common Heading Icon
----------------------------------*/

.introduction-whitepaper .heading-icon{

    width:var(--icon-size);
    height:var(--icon-size);
    min-width:var(--icon-size);

    display:flex;
    align-items:center;
    justify-content:center;

    border:2px solid #e0fd7d;
    border-radius:50%;

    color:#e0fd7d;
    font-size:18px;

    background:rgba(201,162,87,.05);

    transition:.3s;

}



/*---------------------------------
 Cards
----------------------------------*/

.introduction-whitepaper .what-is-rbc-whitepaper,
.introduction-whitepaper .documentation-whitepaper,
.introduction-whitepaper .key-takeaways-whitepaper{

    background:rgba(255,255,255,.02);

    border:1px solid var(--border-color);

    border-radius:14px;

    padding:15px;

    transition:.35s;

}

.introduction-whitepaper .what-is-rbc-whitepaper:hover,
.introduction-whitepaper .documentation-whitepaper:hover,
.introduction-whitepaper .key-takeaways-whitepaper:hover{

    border-color:#e0fd7d;
    transform:none;

}

/*---------------------------------
 Paragraphs
----------------------------------*/

.introduction-whitepaper p{

    font-size:13px;
    line-height:1.5;
    text-align: left;
    color:#d8d8d8;

}

/*---------------------------------
 List
----------------------------------*/

.introduction-whitepaper .custom-list li{

    display:flex;
    align-items:center;

    gap:12px;
    margin: 3px 0;

    /* margin-bottom:14px; */

}

/*---------------------------------
 Gold Check
----------------------------------*/

.introduction-whitepaper .gold-check{

    width:22px;
    height:22px;
    min-width:22px;

    border:2px solid #e0fd7d;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

}

.introduction-whitepaper .gold-check i{

    color:#e0fd7d;
    font-size:16px;

}

/*---------------------------------
 Important Box
----------------------------------*/

.introduction-whitepaper .important-box{

    background:linear-gradient(180deg,#111,#080808);

    border:1px solid rgba(201,162,87,.25);

    border-left:4px solid #e0fd7d;

    border-radius:14px;

    padding:15px 15px 22px;

}

.introduction-whitepaper .important-box:hover{

    border-color:#e0fd7d;

}
.introduction-whitepaper .heading-icon i {
    line-height: 0;
    font-size: 24px;
}
.introduction-whitepaper .heading-icon i.bi.bi-exclamation-triangle {
    position: relative;
    top: -1px;
}

.key-takeaways-whitepaper .takeaway-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:25px;
}

.key-takeaways-whitepaper .takeaway-card{
        display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(212, 175, 55, .22);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015));
    transition: .35s ease;
    height: 100%;
    align-items: center;
}

.key-takeaways-whitepaper .takeaway-card:hover{
    border-color:#e0fd7d;
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(212,175,55,.15);
}

.key-takeaways-whitepaper .takeaway-icon{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:rgba(212,175,55,.12);
    color:#e0fd7d;
    font-size:22px;
}

.key-takeaways-whitepaper .takeaway-card p{
    margin:0;
    color:#d8d8d8;
    line-height:1.5;
}

@media (max-width:768px){
    .key-takeaways-whitepaper .takeaway-grid{
        grid-template-columns:1fr;
    }
}

.introduction-whitepaper .heading-icon {
    position: relative;
    top: -2px;
}
.important-box p {
    margin: 0;
}
/*=========================================
  RBC PARTICIPATION SECTION
=========================================*/

.rbc-participation-section{
    margin-top:40px;
}

.participation-card{
    height:100%;
    background:linear-gradient(180deg,#111,#090909);
    border:1px solid rgba(201,162,87,.22);
    border-radius:16px;
    padding:28px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.participation-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
        rgba(201,162,87,.06),
        transparent 45%);
    pointer-events:none;
}

.participation-card:hover{
    border-color:#e0fd7d;
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(201,162,87,.12);
}

.participation-icon{
    width:60px;
    height:60px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:#e0fd7d;
    font-size:26px;
    transition:.3s;
}

.participation-card:hover .participation-icon{
    background:#e0fd7d;
    color:#000;
}

.participation-card h3{
    font-family:'Trajan Pro','Cinzel',serif;
    color:#e0fd7d;
    font-size:18px;
    margin-bottom:18px;
    line-height:1.3;
    min-height:48px;
}

.participation-card p{
    color:#d8d8d8;
    font-size:13px;
    line-height:1.7;
    margin-bottom:14px;
}

.participation-card strong{
    color:#fff;
}

@media(max-width:991px){

    .participation-card{
        margin-bottom:10px;
    }

    .participation-card h3{
        min-height:auto;
    }

}
/*=================================================
  RBC PARTICIPATION SECTION
==================================================*/

.rbc-participation-section{
    margin-top:40px;
}

.participation-card{
    height:100%;
    background:linear-gradient(180deg,#111 0%,#090909 100%);
    border:1px solid rgba(201,162,87,.25);
    border-radius:16px;
    padding:24px;
    position:relative;
    overflow:hidden;
    transition:.35s ease;
}

.participation-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
        rgba(201,162,87,.06),
        transparent 45%);
    pointer-events:none;
}

.participation-card:hover{
    border-color:#e0fd7d;
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(201,162,87,.12);
}

/*-------------------------
  Header
--------------------------*/

.participation-header{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(201,162,87,.20);
}

.participation-card:hover .participation-header{
    border-color:#e0fd7d;
}

/*-------------------------
  Icon
--------------------------*/

.participation-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 2px solid #e0fd7d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0fd7d;
    font-size: 22px;
    background: rgba(201, 162, 87, .05);
    transition: .35s;
    margin-bottom: 0;
    position: relative;
    top: -7px;
}

.participation-card:hover .participation-icon{
    background:#e0fd7d;
    color:#000;
}

/*-------------------------
  Heading
--------------------------*/

.participation-header h3{
    margin:0;
    flex:1;
    color:#e0fd7d;
    font-family:'Trajan Pro','Cinzel',serif;
    font-size:14px;
    line-height:1.35;
}

/*-------------------------
  Text
--------------------------*/

.participation-card p{
    color:#d7d7d7;
    font-size:13px;
    line-height:1.75;
    margin-bottom:14px;
}

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

.participation-card strong{
    color:#fff;
}

/*-------------------------
  Responsive
--------------------------*/

@media (max-width:991px){

    .participation-card{
        padding:22px;
    }

    .participation-header{
        gap:14px;
    }

    .participation-header h3{
        font-size:16px;
    }

    .participation-icon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:22px;
    }

}


/*==================================
  FIVE CORE PILLARS TABLE
==================================*/

.pillars-table{
    width:100%;
    margin:0;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border:1px solid rgba(201,162,87,.25);
    border-radius:16px;
    background:#111;
}

.pillars-table thead th{
    background: linear-gradient(90deg, #e0fd7d, #b8860b);
    color: #111;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
    border: none;
    vertical-align: middle;
}

.pillars-table tbody td{
    background:#111;
    color:#ddd;
    padding:10px 15px;
    border-top:1px solid rgba(201,162,87,.15);
    vertical-align:middle;
    line-height:1.5;
}

.pillars-table tbody tr:nth-child(even) td{
    background:#151515;
}

.pillars-table tbody tr:hover td{
    background:#1b1b1b;
    vertical-align: middle;
}

.pillars-table td:first-child{
    width:35%;
}

/*--------------------------
 Pillar Title
--------------------------*/

.pillar-title{
    display:flex;
    align-items:center;
    gap:16px;
}

.pillar-table-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e0fd7d;
    background:rgba(201,162,87,.05);
    font-size:18px;
    margin-top:0;
    transition:.3s;
}

.pillars-table tbody tr:hover .pillar-table-icon{
    background:#e0fd7d;
    color:#111;
}

.pillar-title strong{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    margin-top:0;
}

/*--------------------------
 Summary Note
--------------------------*/

.pillars-note{
    margin-top:25px;
    padding:20px 24px;
    display:flex;
    align-items:flex-start;
    gap:16px;
    border-left:4px solid #e0fd7d;
    border-radius:10px;
    background:rgba(201,162,87,.05);
    color:#ddd;
    line-height:1.5;
}

.pillars-note i{
    color:#e0fd7d;
    font-size:28px;
    flex-shrink:0;
}

.pillars-note p{
    margin:0;
}

/*--------------------------
 Responsive
--------------------------*/

@media (max-width:768px){

    .pillars-table thead th,
    .pillars-table tbody td{
        padding:16px;
    }

    .pillar-title{
        gap:12px;
    }

    .pillar-table-icon{
        width:38px;
        height:38px;
        min-width:38px;
        font-size:16px;
    }

    .pillar-title strong{
        font-size:14px;
        margin-top:6px;
    }
}
span.pillar-table-icon i {
    line-height: 1;
    font-size: 22px;
}
.rbc-eco-image  {
    text-align: center;
}
.rbc-eco-image img {
    max-width: 100%;
    width: 900px;
    margin: 0 auto;
}

.rbc-eco-image h3 {
        font-family: 'Trajan Pro', 'Cinzel', serif;
        margin-bottom: 10px;
        font-size: 25px;
}

/*=========================================
  THE ECOSYSTEM IN MOTION
=========================================*/

.ecosystem-motion-section{
    margin-top:50px;
}

.ecosystem-motion-section .section-description{
    color:#d7d7d7;
    font-size:14px;
    line-height:1.5;
    margin:18px 0 30px;
}

/*-----------------------------------------
  Motion Card
-----------------------------------------*/

.motion-card{
    height:100%;
    background:linear-gradient(180deg,#111,#090909);
    border:1px solid rgba(201,162,87,.22);
    border-radius:16px;
    padding:24px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.motion-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#e0fd7d,transparent);
}

.motion-card:hover{
    transform:translateY(-5px);
    border-color:#e0fd7d;
    box-shadow:0 18px 35px rgba(201,162,87,.12);
}

/*-----------------------------------------
  Header
-----------------------------------------*/

.motion-header{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

/*-----------------------------------------
  Number
-----------------------------------------*/

.motion-number{
       width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e0fd7d;
    border-radius: 50%;
    background: rgba(201, 162, 87, .06);
    color: #e0fd7d;
    font-size: 20px;
    font-weight: 700;
    transition: .35s;
    font-family: "Roboto Mono", monospace;
}

.motion-card:hover .motion-number{
    background:#e0fd7d;
    color:#111;
}

/*-----------------------------------------
  Content
-----------------------------------------*/

.motion-header h3{
        margin: 0 0 9px;
    color: #e0fd7d;
    font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 14px;
    line-height: 1.3;
}

.motion-header p{
    margin:0;
    color:#d7d7d7;
    font-size:13px;
    line-height:1.5;
}

.motion-header strong{
    color:#fff;
}

/*-----------------------------------------
  Summary Note
-----------------------------------------*/

.ecosystem-motion-note{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px 24px;
    border:1px solid rgba(201,162,87,.25);
    border-left:5px solid #e0fd7d;
    border-radius:14px;
    background:rgba(201,162,87,.05);
}

.ecosystem-motion-note i{
    color:#e0fd7d;
    font-size:30px;
    flex-shrink:0;
}

.ecosystem-motion-note p{
    margin:0;
    color:#e2e2e2;
    font-size:13px;
    line-height:1.5;
}

/*-----------------------------------------
  Responsive
-----------------------------------------*/

@media (max-width:991px){

    .motion-card{
        padding:20px;
    }

    .motion-number{
        width:48px;
        height:48px;
        min-width:48px;
        font-size:18px;
    }

    .motion-header{
        gap:14px;
    }

    .motion-header h3{
        font-size:17px;
    }

}

@media (max-width:576px){

    .motion-card{
        padding:18px;
    }

    .motion-number{
        width:44px;
        height:44px;
        min-width:44px;
        font-size:16px;
    }

    .motion-header h3{
        font-size:16px;
    }

    .motion-header p{
        font-size:12px;
    }

}
/* ==========================================================
   PRODUCTS & SERVICES
========================================================== */

.products-and-services{
    position: relative;
}

/*----------------------------------------------------------
    Section Description
----------------------------------------------------------*/

.products-and-services .section-description{
    color:#cfcfcf;
    font-size:1.05rem;
    line-height:1.9;
    margin-bottom:2rem;
}

/*----------------------------------------------------------
    Solution Grid
----------------------------------------------------------*/

.products-and-services .solution-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:30px;
}

/*----------------------------------------------------------
    Solution Card
----------------------------------------------------------*/

.products-and-services .solution-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.20);
    border-radius:18px;
    padding:15px 25px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
    height:100%;
}
.products-and-services .solution-card:hover .solution-icon{
    background-color: #e0fd7d;
    color: #000 !important;
    i {
        color: #000;
    }

}

.products-and-services .solution-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:linear-gradient(to bottom,#e0fd7d,#f8d66b);
}

.products-and-services .solution-card:hover{
    transform:translateY(-6px);
    border-color:#e0fd7d;
    box-shadow:0 12px 35px rgba(212,175,55,.15);
}

/*----------------------------------------------------------
    Icon
----------------------------------------------------------*/

.products-and-services .solution-icon{
    width:42px;
    height:42px;
    border-radius:10px;
    background:rgba(212,175,55,.08);
    border:1px solid rgba(212,175,55,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.products-and-services .solution-icon i{
    font-size:22px;
    color:#e0fd7d;
}

/*----------------------------------------------------------
    Heading
----------------------------------------------------------*/

.products-and-services .solution-card h4{
    color:#e0fd7d;
    font-size:14px;
    font-weight:700;
    margin-bottom:0;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

/*----------------------------------------------------------
    Paragraph
----------------------------------------------------------*/

.products-and-services .solution-card p{
    color:#d6d6d6;
    line-height:1.5;
    margin:0;
}

/*==========================================================
    Important Notice
==========================================================*/

.products-and-services .important-notice{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin-top:45px;
    padding:28px;
    border-radius:18px;
    background:rgba(212,175,55,.06);
    border:1px solid rgba(212,175,55,.22);
}

.products-and-services .notice-icon{
    width:70px;
    min-width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(212,175,55,.12);
    border:1px solid rgba(212,175,55,.30);
}

.products-and-services .notice-icon i{
    font-size:30px;
    color:#e0fd7d;
}

.products-and-services .notice-content h4{
    color:#e0fd7d;
    font-size:1.35rem;
    font-weight:700;
    margin-bottom:12px;
}

.products-and-services .notice-content p{
    color:#d6d6d6;
    margin:0;
    line-height:1.9;
}

/*==========================================================
    Responsive
==========================================================*/

@media (max-width:991px){

    .products-and-services .solution-grid{
        grid-template-columns:1fr;
    }

    .products-and-services .important-notice{
        flex-direction:column;
        text-align:center;
        align-items:center;
    }

}

@media (max-width:576px){

    .products-and-services .solution-card{
        padding:22px;
    }

    .products-and-services .solution-icon{
        width:60px;
        height:60px;
    }

    .products-and-services .solution-icon i{
        font-size:26px;
    }

    .products-and-services .solution-card h4{
        font-size:1.15rem;
    }

    .products-and-services .notice-icon{
        width:60px;
        height:60px;
        min-width:60px;
    }

    .products-and-services .notice-icon i{
        font-size:24px;
    }

}





/*==========================================================
    RBC WEALTH APPLICATION
==========================================================*/

.rbc-wealth-application{
    padding:40px 0;
    text-align:center;
}

/*==========================================================
    Header
==========================================================*/

.rbc-wealth-application .wealth-header{
    margin-bottom:20px;
}

.rbc-wealth-application .wealth-logo{
    margin-bottom:20px;
}

.rbc-wealth-application .wealth-logo img{
    width:70px;
    height:auto;
}

/*==========================================================
    Title
==========================================================*/

.rbc-wealth-application .wealth-title-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:18px;
}

.rbc-wealth-application .title-line{
    flex:1;
    max-width:260px;
    height:1px;
    background:linear-gradient(to right,
        transparent,
        rgba(212,175,55,.4),
        #e0fd7d,
        rgba(212,175,55,.4),
        transparent);
}

.rbc-wealth-application .wealth-title{
    margin:0;
    color:#e0fd7d;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    white-space:nowrap;
}

.rbc-wealth-application .wealth-subtitle{
    color:#cfcfcf;
    font-size:13px;
    margin:0;
    letter-spacing:.5px;
}

/*==========================================================
    Grid
==========================================================*/

.rbc-wealth-application .wealth-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin-top:45px;
}

/*==========================================================
    Cards
==========================================================*/

.rbc-wealth-application .wealth-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.22);
    border-radius:18px;
    padding:15px 15px;
    transition:.35s ease;
    height:100%;
    position:relative;
    overflow:hidden;
}

.rbc-wealth-application .wealth-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#e0fd7d;
}

.rbc-wealth-application .wealth-card:hover{
    transform:translateY(-8px);
    border-color:#e0fd7d;
    box-shadow:0 15px 35px rgba(212,175,55,.15);
}

/*==========================================================
    Icon
==========================================================*/

.rbc-wealth-application .wealth-icon{
        width: 42px;
    height: 42px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(212, 175, 55, .35);
    background: rgba(212, 175, 55, .08);
}

.rbc-wealth-application .wealth-icon i{
    color:#e0fd7d;
    font-size:24px;
}

/*==========================================================
    Text
==========================================================*/

.rbc-wealth-application .wealth-card h4{
    color:#e0fd7d;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.45;
    margin-bottom:15px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.rbc-wealth-application .wealth-card p{
    color:#d5d5d5;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

/*==========================================================
    Footer
==========================================================*/

.rbc-wealth-application .wealth-footer{
    margin-top:50px;
    padding-top:25px;
    border-top:1px solid rgba(212,175,55,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    color:#e0fd7d;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.rbc-wealth-application .footer-logo{
    width:55px;
    height:55px;
    border-radius:50%;
    border:1px solid rgba(212,175,55,.30);
    background:rgba(212,175,55,.08);
    display:flex;
    align-items:center;
    justify-content:center;
}

.rbc-wealth-application .footer-logo img{
    width:30px;
    height:auto;
}

/*==========================================================
    Responsive
==========================================================*/

@media (max-width:1400px){

    .rbc-wealth-application .wealth-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media (max-width:991px){

    .rbc-wealth-application .wealth-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .rbc-wealth-application .title-line{
        max-width:120px;
    }

}

@media (max-width:767px){

    .rbc-wealth-application .wealth-grid{
        grid-template-columns:1fr;
    }

    .rbc-wealth-application .wealth-title{
        font-size:1.8rem;
        white-space:normal;
    }

    .rbc-wealth-application .title-line{
        display:none;
    }

    .rbc-wealth-application .wealth-footer{
        flex-direction:column;
        gap:15px;
    }

}

@media (max-width:575px){

    .rbc-wealth-application .wealth-card{
        padding:24px 20px;
    }

    .rbc-wealth-application .wealth-icon{
        width:70px;
        height:70px;
    }

    .rbc-wealth-application .wealth-icon i{
        font-size:30px;
    }

    .rbc-wealth-application .wealth-title{
        font-size:1.55rem;
    }

    .rbc-wealth-application .wealth-subtitle{
        font-size:.95rem;
    }

}

/*==========================================================
    DESIGNED FOR EVERY PARTICIPANT
==========================================================*/

.designed-for-every-participant{
    margin-top:40px;
}

/*==========================================================
    Introduction Card
==========================================================*/

.designed-for-every-participant .participant-intro-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:26px 30px;
    margin:35px 0;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.22);
    border-radius:18px;
    transition:.35s ease;
}

.designed-for-every-participant .participant-intro-card:hover{
    border-color:#e0fd7d;
    box-shadow:0 12px 30px rgba(212,175,55,.12);
}

.designed-for-every-participant .participant-intro-icon{
    width:72px;
    height:72px;
    min-width:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    border:2px solid rgba(212,175,55,.30);
}

.designed-for-every-participant .participant-intro-icon i{
    color:#e0fd7d;
    font-size:30px;
}

.designed-for-every-participant .participant-intro-content h4{
    color:#e0fd7d;
    font-size:1.35rem;
    font-weight:700;
    margin-bottom:10px;
}

.designed-for-every-participant .participant-intro-content p{
    color:#d5d5d5;
    line-height:1.8;
    margin:0;
}

/*==========================================================
    Table
==========================================================*/

.designed-for-every-participant .participant-table-wrapper{
    margin:15px 0;
    overflow-x:auto;
    border-radius:18px;
    border:1px solid rgba(212,175,55,.22);
}

.designed-for-every-participant .participant-table{
    width:100%;
    border-collapse:collapse;
    background:rgba(255,255,255,.02);
}

.designed-for-every-participant .participant-table thead{
    background:rgba(212,175,55,.12);
}

.designed-for-every-participant .participant-table th{
    color:#000;
    font-size:14px;
    font-weight:700;
    padding:10px 15px;
    text-align:left;
        background: linear-gradient(90deg, #e0fd7d, #b8860b);
    border-bottom:1px solid rgba(212,175,55,.20);

}

.designed-for-every-participant .participant-table th i{
    margin-right:10px;
    display: none;
}

.designed-for-every-participant .participant-table td{
    color:#d6d6d6;
    padding:10px 15px;
    border-bottom:1px solid rgba(255,255,255,.08);
    line-height:1.7;
    vertical-align:middle;
}

.designed-for-every-participant .participant-table td:first-child{
    color:#ffffff;
    font-weight:600;
    width:32%;
}

.designed-for-every-participant .participant-table td:first-child i{
    color:#e0fd7d;
    margin-right:10px;
    font-size:1rem;
}

.designed-for-every-participant .participant-table tbody tr{
    transition:.3s;
}

.designed-for-every-participant .participant-table tbody tr:hover{
    background:rgba(212,175,55,.05);
}

/*==========================================================
    Summary Card
==========================================================*/

.designed-for-every-participant .participant-summary-card{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:40px;
    padding:28px 30px;
    border-radius:18px;
    background:rgba(212,175,55,.05);
    border:1px solid rgba(212,175,55,.22);
}

.designed-for-every-participant .participant-summary-icon{
    width:72px;
    height:72px;
    min-width:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    border:2px solid rgba(212,175,55,.30);
}

.designed-for-every-participant .participant-summary-icon i{
    color:#e0fd7d;
    font-size:30px;
}

.designed-for-every-participant .participant-summary-content h4{
    color:#e0fd7d;
    font-size:1.35rem;
    font-weight:700;
    margin-bottom:10px;
}

.designed-for-every-participant .participant-summary-content p{
    color:#d5d5d5;
    line-height:1.9;
    margin:0;
}

/*==========================================================
    Responsive
==========================================================*/

@media(max-width:768px){

    .designed-for-every-participant .participant-intro-card,
    .designed-for-every-participant .participant-summary-card{
        flex-direction:column;
        text-align:center;
        padding:24px;
    }

    .designed-for-every-participant .participant-intro-icon,
    .designed-for-every-participant .participant-summary-icon{
        width:64px;
        height:64px;
        min-width:64px;
    }

    .designed-for-every-participant .participant-intro-icon i,
    .designed-for-every-participant .participant-summary-icon i{
        font-size:26px;
    }

    .designed-for-every-participant .participant-table th,
    .designed-for-every-participant .participant-table td{
        padding:14px 16px;
        font-size:.95rem;
    }

}
/*==========================================================
    A Growing Ecosystem
==========================================================*/

.designed-for-every-participant .participant-growth-card{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin-top:40px;
    padding:15px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.22);
    border-radius:18px;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.designed-for-every-participant .participant-growth-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:#e0fd7d;
}

.designed-for-every-participant .participant-growth-card:hover{
    transform:translateY(-5px);
    border-color:#e0fd7d;
    box-shadow:0 15px 35px rgba(212,175,55,.15);
}

.designed-for-every-participant .participant-growth-icon{
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212, 175, 55, .08);
    border: 2px solid rgba(212, 175, 55, .30);
}

.designed-for-every-participant .participant-growth-icon i{
    font-size:22px;
    color:#e0fd7d;
}

.designed-for-every-participant .participant-growth-content{
    flex:1;
}

.designed-for-every-participant .participant-growth-content h4{
    color:#e0fd7d;
    font-size:14px;
    font-weight:700;
    margin-bottom:5px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.designed-for-every-participant .participant-growth-content p{
    color:#d6d6d6;
    line-height:1.9;
    margin-bottom:15px;
}

.designed-for-every-participant .participant-growth-content p:last-child{
    margin-bottom:0;
}

/*==========================================================
    Responsive
==========================================================*/

@media (max-width:768px){

    .designed-for-every-participant .participant-growth-card{
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:24px;
    }

    .designed-for-every-participant .participant-growth-icon{
        width:64px;
        height:64px;
        min-width:64px;
    }

    .designed-for-every-participant .participant-growth-icon i{
        font-size:26px;
    }

}



/*==========================================================
    KEY TAKEAWAYS - 2 ROWS
==========================================================*/

.key-takeaways-whitepaper-2-rows .takeaway-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
    margin-top:30px;
}



/* Responsive */

@media (max-width:768px){

    .key-takeaways-whitepaper-2-rows .takeaway-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width: 767px) {
    .white-paper-view-row .col-lg-3 {
        width: 100%;
        min-width: 100%;
        padding: 0;
        top: 0;
    }
   
    .navbar-collapse {
        display: none;
    }
    .white-paper-view-row .col-lg-9 {
    width: 100%;
    }
    .white-paper-view .card {
        padding: 0 !important;
    }
        .executive-summary h1 {
        font-size: 16px;
    }
    .executive-summary h3 {
        font-size: 14px;
    }
    .introduction-whitepaper p {
    font-size: 12px;
    line-height: 1.5;
    color: #d8d8d8;
}
li.page-number-top-bar {
    margin: 0 0 0 auto;
    font-size: 15px;
    color: #b8b8b8;
    font-weight: 900;
    vertical-align: middle;
    position: relative;
    top: -22px;
    right: -20px;
    font-family: "Roboto Mono", monospace;
    line-height: 1;
    display: none;
}
html,
body {
    width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}
.executive-summary::after {
    background-image: none;
}

}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}







/* ===========================
   Mobile Sidebar Animation
=========================== */
@media (max-width:991.98px){

    /* Sidebar */
    .sidebar-menu{
        position: fixed;
        top: 70px;              /* Navbar height */
        left: 0;
        width: 280px;
        height: calc(100vh - 2px);
        overflow-y: auto;

        background: #0b0b0b;
        z-index: 1050;

        transform: translateX(-110%);
        opacity: 0;
        visibility: hidden;

        transition:
            transform .45s cubic-bezier(.22,1,.36,1),
            opacity .35s ease,
            visibility .35s;

        box-shadow: 0 20px 50px rgba(0,0,0,.45);
    }

    /* Open */
    body.sidebar-open .sidebar-menu{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    /* Dark Overlay */
    body::before{
        content:"";
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.55);
        opacity:0;
        visibility:hidden;
        transition:.35s;
        z-index:1040;
        backdrop-filter:blur(3px);
    }

    body.sidebar-open::before{
        opacity:1;
        visibility:visible;
    }
}



/* Close Button */
.sidebar-close{
    display:none;
}

@media (max-width:991.98px){

    .sidebar-close{
        display:flex;
        align-items:center;
        justify-content:center;

        position:absolute;
        top:15px;
        right:15px;

        width:42px;
        height:42px;

        border:none;
        border-radius:50%;
        background:rgba(255,255,255,.08);
        color:#fff;

        font-size:22px;
        cursor:pointer;

        transition:.3s;
        z-index: 99999;
    }

    .sidebar-close:hover{
        background:#e0fd7d;
        color:#000;
        transform:rotate(90deg);
    }

    .sidebar-menu{
        padding-top:70px; /* Leave space for close button */
    }
    .breadcrumb-item+.breadcrumb-item {
        font-size: 11px;
    }
}

/*=========================================
  RBC TOKEN OVERVIEW
=========================================*/

.the-rbc-utility-token .token-overview{
    margin-top:30px;
    position:relative;
    z-index:2;
}

.the-rbc-utility-token .token-overview .row{
    --bs-gutter-x:30px;
    --bs-gutter-y:30px;
}

/* Card */

.the-rbc-utility-token .token-card{
    height:100%;
    background:linear-gradient(180deg,#101010 0%,#080808 100%);
    border:1px solid rgba(201,162,87,.22);
    border-radius:16px;
    padding:15px;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.the-rbc-utility-token .token-card:hover{
    border-color:#e0fd7d;
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.45);
}

/* Top Gold Line */

.the-rbc-utility-token .token-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(
        90deg,
        transparent,
        #e0fd7d,
        transparent
    );
}

/* Decorative Circle */

.the-rbc-utility-token .token-card::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-40px;
    width:160px;
    height:160px;
    border:1px solid rgba(201,162,87,.08);
    border-radius:50%;
}

/* Icon */

.the-rbc-utility-token .token-card .token-icon{
    width:42px;
    height:42px;
    border:2px solid #e0fd7d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e0fd7d !important;
    font-size:26px;
    /* margin-bottom:20px; */
    transition:.3s;
    position: relative;
    top: -3px;
}

.the-rbc-utility-token .token-card:hover .token-icon{
    background:#e0fd7d;
    color:#000 !important;
}

/* Heading */

.the-rbc-utility-token .token-card h3{
    font-family:'Trajan Pro','Cinzel',serif;
    color:#e0fd7d;
    font-size:14px;
    margin-bottom:18px;
    line-height:1.3;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/* Paragraph */

.the-rbc-utility-token .token-card p{
    color:#d8d8d8;
    font-size:13px;
    line-height:1.75;
    margin-bottom:14px;
    font-family:'Poppins',sans-serif;
}

/* Strong */

.the-rbc-utility-token .token-card strong{
    color:#fff;
    font-weight:600;
}

/* Responsive */

@media (max-width:991px){

    .the-rbc-utility-token .token-card{
        margin-bottom:20px;
    }

    .the-rbc-utility-token .token-card h3{
        font-size:16px;
    }

}
.the-rbc-utility-token .token-card .token-icon i {
    line-height: 1;
}
.the-rbc-utility-token .token-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.the-rbc-utility-token .token-header h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #e0fd7d;
}

.the-rbc-utility-token .token-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* background: linear-gradient(135deg, #e0fd7d, #f5d76e); */
    /* color: #111; */
    font-size: 28px;
    margin-bottom: 0;
    flex-shrink: 0;
}



/* ===============================
   RBC Token Utility Table
================================= */



.token-utility-main .table {
    width: 100%;
    margin-bottom: 0;
    background: #111;
    color: #e8e8e8;
    border: 1px solid rgba(255, 215, 0, 0.15);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
    overflow: hidden;
}

.token-utility-main .table thead {
    background: linear-gradient(90deg, #c89b3c, #e0fd7d);
}

.token-utility-main .table thead tr {
    border: 0;
}

.token-utility-main .table thead th {
    background: transparent;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
        background: linear-gradient(90deg, #e0fd7d, #b8860b);
}

.token-utility-main .table tbody {
    background: #111;
}

.token-utility-main .table tbody tr {
    transition: background 0.3s ease;
}

.token-utility-main .table tbody tr:hover {
    background: rgba(200, 155, 60, 0.08);
}

.token-utility-main .table tbody td {
    padding: 10px 15px;
    vertical-align: top;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 13px;
    line-height: 1.7;
    background-color: #000;
    color: white;
    font-size: 13px;
    font-weight: 300;
}

.token-utility-main .table tbody td:last-child {
    border-right: none;
}

.token-utility-main .table tbody tr:last-child td {
    border-bottom: none;
}

.token-utility-main .table tbody td:first-child {
    width: 28%;
    font-weight: 400;
    color: #e0fd7d;
}

.token-utility-main .table strong {
    color: #e0fd7d;
    font-weight: 400;
}

@media (max-width: 768px) {
    .token-utility-main .table thead th,
    .token-utility-main .table tbody td {
        padding: 14px;
        font-size: 0.9rem;
    }

    .token-utility-main .table tbody td:first-child {
        width: 35%;
    }
}
.core-utilitu-tit {
    font-size: 14px !important;
    text-transform: uppercase;
}

/*=====================================
  Utility Principles
=====================================*/

.utility-principles-section {
    padding: 20px 0;
    /* background: #0f0f0f; */
}

.utility-principles-section h2 {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.utility-principles-section > .container > .row > .col-lg-12 > p {
    max-width: 100%;
    margin: 0 auto;
    color: #bdbdbd;
    font-size: 13px;
    line-height: 1.8;
    text-align: left;
}

.utility-principles-section .principle-card {
    height: 100%;
    padding: 35px 30px;
    background: #171717;
    border: 1px solid rgba(245, 211, 107, 0.15);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.utility-principles-section .principle-card:hover {
    transform: translateY(-6px);
    border-color: rgba(245, 211, 107, 0.45);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}

.utility-principles-section .principle-card h3 {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.utility-principles-section .principle-card p {
    margin: 0;
    color: #d5d5d5;
    font-size: 013px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .utility-principles-section {
        padding: 60px 0;
    }

    .utility-principles-section h2 {
        font-size: 2rem;
    }

    .utility-principles-section .principle-card {
        padding: 28px 24px;
    }
}

@media (max-width: 767px) {
    .utility-principles-section {
        padding: 50px 0;
    }

    .utility-principles-section h2 {
        font-size: 1.75rem;
    }

    .utility-principles-section > .container > .row > .col-lg-12 > p {
        font-size: 0.95rem;
    }

    .utility-principles-section .principle-card h3 {
        font-size: 1.2rem;
    }

    .utility-principles-section .principle-card p {
        font-size: 0.9rem;
    }
}
.utility-principles-section .principle-card h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    /* color: #f5d36b; */
    /* font-size: 1.35rem; */
    font-weight: 600;
    margin-bottom: 18px;
}

.utility-principles-section .principle-card h3 i {
        width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #e0fd7d;
    background: transparent;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    top: -3px;
    border: 2px solid #e0fd7d;
}

/* ===========================
   TOKENOMICS TABLES
=========================== */

.tokenamics-main .table-responsive{
    background:#050505;
    border:1px solid rgba(212,175,55,.25);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.tokenamics-main .table{
    margin:0;
    color:#fff;
    border-color:rgba(255,255,255,.08);
}

/* Top Title */
.tokenamics-main .table thead tr:first-child th{
    background:linear-gradient(90deg,#B8860B,#e0fd7d);
    color:#111;
    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
    padding:10px 15px;
    border:none;
}

/* Column Heading */
.tokenamics-main .table thead tr:nth-child(2) th{
    background:#111;
    color:#e0fd7d;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:15px;
    border:1px solid rgba(255,255,255,.2);
}

/* Body */
.tokenamics-main .table tbody td{
    background:#050505;
    color:#EAEAEA;
    padding:10px 18px;
    border:1px solid rgba(255,255,255,.2);
    vertical-align:middle;
    transition:.3s;
    font-size:13px;
    line-height:1.6;
}

/* Zebra Rows */
.tokenamics-main .table tbody tr:nth-child(even) td{
    background:#0B0B0B;
}

/* Hover */
.tokenamics-main .table tbody tr:hover td{
    background:#111;
}

/* First Column */
.tokenamics-main .table tbody td:first-child{
    color:#fff;
    font-weight:600;
}

/* Last Row */
.tokenamics-main .table tbody tr:last-child td{
    font-weight:700;
    color:#e0fd7d;
}

/* Strong */
.tokenamics-main .table strong{
    color:#e0fd7d;
}

/* Rounded Corners */
.tokenamics-main .table thead tr:first-child th:first-child{
    border-top-left-radius:14px;
    font-size: 15px;
    text-transform: uppercase;
}

.tokenamics-main .table thead tr:first-child th:last-child{
    border-top-right-radius:14px;
}

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

    .tokenamics-main .table thead tr:first-child th{
        font-size:18px;
        padding:14px;
    }

    .tokenamics-main .table thead tr:nth-child(2) th{
        font-size:13px;
        padding:12px;
    }

    .tokenamics-main .table tbody td{
        font-size:14px;
        padding:12px;
    }

    .tokenamics-main .table-responsive{
        margin-bottom:25px;
    }

}
/* ==========================
   Vesting Philosophy
========================== */

.tokenamics-main .vesting-philosophy{
    background:#050505;
    border:1px solid rgba(212,175,55,.3);
    border-radius:16px;
    padding:25px 2%;
}

.tokenamics-main .vesting-philosophy h2{
    color: var(--heading-color);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.tokenamics-main .vesting-philosophy h4{
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    margin: 30px 0 10px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.tokenamics-main .vesting-philosophy p{
    color: #d5d5d5;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.tokenamics-main .vesting-list{
    list-style:none;
    margin:0;
    padding:0;
}

.tokenamics-main .vesting-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
    color:#f2f2f2;
    font-size:13px;
    line-height:1.8;
}

.tokenamics-main .vesting-list li i{
    color:#e0fd7d;
    font-size:20px;
    margin-top:1px;
    flex-shrink:0;
    line-height: 1;
}

.tokenamics-main .vesting-list li:last-child{
    margin-bottom:0;
}

/* Hover Effect */

.tokenamics-main .vesting-list li{
    transition:all .3s ease;
}

.tokenamics-main .vesting-list li:hover{
    transform:translateX(6px);
}

.tokenamics-main .vesting-list li:hover i{
    color:#f6c84c;
}

/* Mobile */

@media (max-width:991px){

    .tokenamics-main .vesting-philosophy{
        padding:25px;
    }

    .tokenamics-main .vesting-philosophy h2{
        font-size:1.7rem;
    }

    .tokenamics-main .vesting-philosophy h4{
        font-size:1.1rem;
    }

    .tokenamics-main .vesting-philosophy p,
    .tokenamics-main .vesting-list li{
        font-size:15px;
    }

    .tokenamics-main .vesting-list li i{
        font-size:18px;
    }

}

/*======================================
  Four Pillars of Sustainability
======================================*/

.sustainable-economic-model  .four-pillars-sustainability {
    margin-top: 60px;
}

.sustainable-economic-model .section-description {
      color: #cfcfcf;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.sustainable-economic-model  .pillar-card {
    background: #0b0b0b;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 16px;
    padding: 35px 30px;
    height: 100%;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.sustainable-economic-model  .pillar-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #B8860B, #e0fd7d);
}

.sustainable-economic-model  .pillar-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);
}

.sustainable-economic-model  .pillar-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.sustainable-economic-model  .pillar-icon i {
    font-size: 30px;
    color: #e0fd7d;
}

.sustainable-economic-model  .pillar-card h3 {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 600;
    margin-bottom: 18px;
}

.sustainable-economic-model  .pillar-card p {
    color: #d5d5d5;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
}

.sustainable-economic-model  .pillar-card:hover .pillar-icon {
    background: rgba(212, 175, 55, 0.18);
    transform: scale(1.08);
}

.sustainable-economic-model  .pillar-icon {
    transition: all .3s ease;
}

@media (max-width: 991px) {

    .sustainable-economic-model  .section-description {
        margin-bottom: 30px;
        font-size: 15px;
    }

    .sustainable-economic-model  .pillar-card {
        padding: 25px;
    }

    .sustainable-economic-model  .pillar-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 18px;
    }

    .sustainable-economic-model  .pillar-icon i {
        font-size: 24px;
    }

    .sustainable-economic-model  .pillar-card h3 {
        font-size: 1.25rem;
    }

   .sustainable-economic-model  .pillar-card p {
        font-size: 14px;
    }
}
.sustainable-economic-model  .pillar-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}

.sustainable-economic-model  .pillar-header h3{
    margin:0;
    color:#e0fd7d;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
}

.sustainable-economic-model  .pillar-icon{
        width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(212, 175, 55, .12);
    border: 1px solid rgba(212, 175, 55, .25);
    margin-bottom: 0;
}

.sustainable-economic-model  .pillar-icon i{
    font-size:22px;
    color:#e0fd7d;
}

/*=====================================
  Economic Growth Section
======================================*/

.sustainable-economic-model  .economic-growth-section  .growth-card{
    background:#0b0b0b;
    border:1px solid rgba(212,175,55,.15);
    border-radius:16px;
    padding:35px;
    transition:all .35s ease;
}

.sustainable-economic-model  .economic-growth-section .growth-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,175,55,.45);
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.sustainable-economic-model  .growth-header{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
}

.sustainable-economic-model  .growth-icon{
        width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #e0fd7d;
    color: #e0fd7d;
    font-size: 22px;
        position: relative;
    top: -3px;
}

.economic-model .growth-icon i{
    font-size:42px;
    color:#e0fd7d;
}

.sustainable-economic-model  .growth-header h3{
    margin: 0;
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.sustainable-economic-model  .economic-growth-section p{
    color:#d6d6d6;
    font-size:13px;
    line-height:1.5;
    margin-bottom:18px;
}

.sustainable-economic-model  .economic-growth-section p:last-child{
    margin-bottom:0;
}

.sustainable-economic-model  .economic-growth-section strong{
    color:#e0fd7d;
}

/* Responsive */

@media (max-width:767px){

    .sustainable-economic-model  .economic-growth-section .col-sm-6{
        padding:25px;
    }

    .sustainable-economic-model  .growth-header{
        gap:15px;
        margin-bottom:20px;
    }

    .sustainable-economic-model  .growth-icon{
        width:58px;
        height:58px;
        min-width:58px;
    }

   .sustainable-economic-model  .growth-icon i{
        font-size:34px;
    }

    .sustainable-economic-model  .growth-header h3{
        font-size:13px;
    }

    .sustainable-economic-model .economic-growth-section p{
        font-size:14px;
        line-height:1.8;
    }

}
.tokenomics-principles {
    margin: 3rem 0;
}

.tokenomics-principles .table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #000;
    color: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
}

.tokenomics-principles .table thead th {
    /* background: #1f2937; */
    color: #000;
    padding: 10px 15px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom: 1px solid rgba(255,255,255,.3);
    background: linear-gradient(90deg, #e0fd7d, #b8860b);
}

.tokenomics-principles .table tbody td {
    padding: 10px 15px;
    vertical-align: top;
    line-height: 1.7;
    color: #d1d5db;
    border-top: 1px solid #fff;
    background-color: transparent;
    font-size: 13px;
}

.tokenomics-principles .table tbody td:first-child {
    width: 30%;
    font-weight: 400;
    color: #fff;
}

.tokenomics-principles .table tbody tr:nth-child(even) {
    background: rgba(255,255,255,.03);
}

.tokenomics-principles .table tbody tr:hover {
    background: rgba(255,255,255,.06);
    transition: .3s ease;
}

.tokenomics-principles .table strong {
    color: #fff;
}

@media (max-width: 768px) {
    .tokenomics-principles .table thead th,
    .tokenomics-principles .table tbody td {
        padding: 14px 16px;
        font-size: .92rem;
    }

    .tokenomics-principles .table tbody td:first-child {
        width: 40%;
    }
}
.treasury-purpose .treasury-card{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:30px;
    transition:.3s;
    height:100%;
}

.treasury-purpose .treasury-card:hover{
    transform:translateY(-5px);
    border-color:#e0fd7d;
}

.treasury-purpose .treasury-card h4{
    color: #e0fd7d;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.treasury-purpose .treasury-card p{
    color:#d6d6d6;
    margin-bottom:0;
    font-size: 13px;
    line-height:1.5;
}
.treasury-card h4{
    display:flex;
    align-items:center;
    gap:12px;
    color:#e0fd7d;
    font-size:1.35rem;
    font-weight:600;
    margin-bottom:25px;
}

.treasury-card h4 i{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#e0fd7d;
    background:rgba(195,158,85,.12);
    border:1px solid rgba(195,158,85,.35);
    border-radius:10px;
    flex-shrink:0;
}

.treasury-stewardship-principles {
    /* background: #000; */
    color: #fff;
    padding: 20px 0;
}

.treasury-stewardship-principles h2 {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.treasury-stewardship-principles p {
    color: #b8b8b8;
    margin-bottom: 15px;
    text-align: left;
}

.treasury-stewardship-principles .table-responsive {
    overflow-x: auto;
}

.treasury-stewardship-principles table {
    width: 100%;
    border-collapse: collapse;
    background: #111;
    border: 1px solid rgba(195, 158, 85, 0.25);
    border-radius: 12px;
    overflow: hidden;
}

.treasury-stewardship-principles thead th {
    background: linear-gradient(180deg, #1b1b1b 0%, #111 100%);
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(195, 158, 85, 0.25);
    text-transform: uppercase;
    letter-spacing: .5px;
    background: linear-gradient(90deg, #e0fd7d, #b8860b);
}

.treasury-stewardship-principles tbody td {
    padding: 10px 15px;
    color: #d7d7d7;
    line-height: 1.8;
    border-top: 1px solid rgba(255,255,255,.06);
    background: #000;
}

.treasury-stewardship-principles tbody td:first-child {
    width: 26%;
    color: #fff;
    font-weight: 600;
}

.treasury-stewardship-principles tbody tr {
    transition: .3s;
}

.treasury-stewardship-principles tbody tr:hover {
    background: rgba(195,158,85,.08);
}

.treasury-stewardship-principles strong {
    color: #e0fd7d;
    font-weight: 600;
}

@media (max-width:768px){

    .treasury-stewardship-principles{
        padding:50px 0;
    }

    .treasury-stewardship-principles h2{
        font-size:1.6rem;
    }

    .treasury-stewardship-principles table{
        min-width:700px;
    }

    .treasury-stewardship-principles thead th,
    .treasury-stewardship-principles tbody td{
        padding:16px;
    }
}

.supporting-ecosystem-expansion{
    /* background:#000; */
    color:#fff;
}

.supporting-ecosystem-expansion h2{
    color:#e0fd7d;
    font-weight:700;
    margin-bottom:15px;
}

.supporting-ecosystem-expansion p{
    color:#cfcfcf;
}

.supporting-ecosystem-expansion .row>.col{
    flex:1;
    min-width:170px;
}

.supporting-ecosystem-expansion .ecosystem-card{
    background:#111;
    border:1px solid rgba(195,158,85,.25);
    border-radius:14px;
    padding:28px 15px;
    text-align:center;
    height:100%;
    transition:.3s;
}

.supporting-ecosystem-expansion .ecosystem-card:hover{
    transform:translateY(-6px);
    border-color:#e0fd7d;
    box-shadow:0 0 20px rgba(195,158,85,.18);
}

.supporting-ecosystem-expansion .ecosystem-card i{
    font-size:34px;
    color:#e0fd7d;
    margin-bottom:18px;
    display:block;
}

.supporting-ecosystem-expansion .ecosystem-card h6{
    color:#fff;
    font-weight:600;
    margin:0;
    line-height:1.5;
}

.supporting-ecosystem-expansion .sustainability-card{
    background:#111;
    border:1px solid rgba(195,158,85,.25);
    border-radius:16px;
    padding:35px;
}

.supporting-ecosystem-expansion .sustainability-card h3{
    color:#e0fd7d;
    margin-bottom:20px;
    font-weight:700;
    font-size: 14px;
    text-transform: uppercase;
}

.supporting-ecosystem-expansion .sustainability-card p{
    color:#d5d5d5;
    line-height:1.9;
}

@media(max-width:992px){

    .supporting-ecosystem-expansion .row>.col{
        flex:0 0 50%;
    }

}

@media(max-width:576px){

    .supporting-ecosystem-expansion .row>.col{
        flex:0 0 100%;
    }

}

.supporting-ecosystem-expansion {
    /* background: #000; */
    color: #fff;
    padding: 80px 0;
}

.supporting-ecosystem-expansion .gold-title {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.supporting-ecosystem-expansion .section-description {
    max-width: 100%;
    margin: 0 auto;
    color: #bfbfbf;
    font-size: 13px;
    line-height: 1.8;
    text-align: left;
}

/* Expansion Card */

.supporting-ecosystem-expansion .expansion-card {
    background: #111;
    border: 1px solid rgba(195, 158, 85, 0.25);
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 35px;
}

/* List */

.supporting-ecosystem-expansion .expansion-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.supporting-ecosystem-expansion .expansion-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
    color: #f5f5f5;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
}

.supporting-ecosystem-expansion .expansion-list li:last-child {
    margin-bottom: 0;
}

/* Gold Check Circle */

.supporting-ecosystem-expansion .check-circle {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50%;
    border: 2px solid #e0fd7d;
    background: rgba(195, 158, 85, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.supporting-ecosystem-expansion .check-circle i {
    color: #e0fd7d;
    font-size: 16px;
    font-weight: 700;
}

/* Paragraph */

.supporting-ecosystem-expansion p {
    color: #d0d0d0;
    line-height: 1.9;
    font-size: 13px;
}

/* Sustainability Card */

.supporting-ecosystem-expansion .sustainability-card {
    background: linear-gradient(180deg, #161616 0%, #101010 100%);
    border: 1px solid rgba(195, 158, 85, 0.3);
    border-left: 5px solid #e0fd7d;
    border-radius: 16px;
    padding: 15px;
}

.supporting-ecosystem-expansion .sustainability-card h3 {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.supporting-ecosystem-expansion .sustainability-card p {
    color: #d8d8d8;
    margin-bottom: 18px;
    line-height: 1.9;
}

.supporting-ecosystem-expansion .sustainability-card p:last-child {
    margin-bottom: 0;
}

/* Responsive */

@media (max-width: 991px) {

    .supporting-ecosystem-expansion {
        padding: 60px 0;
    }

    .supporting-ecosystem-expansion .gold-title {
        font-size: 1.8rem;
    }

    .supporting-ecosystem-expansion .expansion-card,
    .supporting-ecosystem-expansion .sustainability-card {
        padding: 25px;
    }

    .supporting-ecosystem-expansion .expansion-list li {
        margin-bottom: 18px;
    }

    .supporting-ecosystem-expansion .expansion-list:first-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {

    .supporting-ecosystem-expansion .gold-title {
        font-size: 1.6rem;
    }

    .supporting-ecosystem-expansion .check-circle {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .supporting-ecosystem-expansion .expansion-list li {
        font-size: 15px;
        gap: 12px;
    }
}


.treasury-principles-table,
.treasury-principles-table th,
.treasury-principles-table td {
    border: 1px solid rgba(255,255,255,.3) !important;
}

/* Table Wrapper */
.treasury-principles-table-wrapper{
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 12px;
    overflow: hidden;
}

/* Table */
.treasury-principles-table{
    margin-bottom: 0;
    border: 1px solid rgba(255,255,255,0.3);
    border-collapse: collapse;
}

/* Cell Borders */
.treasury-principles-table th,
.treasury-principles-table td{
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* ===============================
   Technology Design Principles
================================= */

.technology-design-principles{
    background:#000;
    color:#fff;
    position:relative;
}

.technology-design-principles .section-header{
    /* max-width:850px; */
    margin:0 auto 50px;
}

.technology-design-principles .section-header h2{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--heading-color);
    text-transform: uppercase;
}

.technology-design-principles .section-header p{
    color:#b8b8b8;
    font-size:13px;
    line-height:1.8;
    margin-bottom: 0;
}

/* Card */

.design-principle-card{
    height:100%;
    background:linear-gradient(180deg,#111,#0b0b0b);
    border:1px solid rgba(195,158,85,.25);
    border-radius:18px;
    padding:15px 25px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.design-principle-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:linear-gradient(to bottom,#e5c06b,#e0fd7d);
}

.design-principle-card:hover{
    transform:translateY(-8px);
    border-color:#e0fd7d;
    box-shadow:0 15px 40px rgba(195,158,85,.18);
}

/* Heading */

.design-principle-card h4{
    color:#e0fd7d;
    font-size:14px;
    text-transform: uppercase;
    font-weight:700;
    margin-bottom:15px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

/* Text */

.design-principle-card p{
    color:#d4d4d4;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

/* Responsive */

@media (max-width:991px){

    .technology-design-principles .section-header h2{
        font-size:2rem;
    }

    .design-principle-card{
        padding:25px;
    }

}

@media (max-width:576px){

    .technology-design-principles{
        padding:60px 0;
    }

    .technology-design-principles .section-header h2{
        font-size:1.7rem;
    }

    .technology-design-principles .section-header p{
        font-size:.95rem;
    }

    .design-principle-card h4{
        font-size:1.2rem;
    }

    .design-principle-card p{
        font-size:.95rem;
        line-height:1.7;
    }

}
.review_pages_bottom .design-principle-card {
    background: rgba(255, 255, 255, .1);
    border: none;
    border-radius: 18px;
    padding: 32px;
    transition: all 0.35s ease;
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

.review_pages_bottom .design-principle-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #c89b3c, #f5d27a);
}

.review_pages_bottom .design-principle-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.12);
    border-color: #d8b15b;
}

.review_pages_bottom .design-principle-card h4 {
    font-size: 14px;
    font-weight: 700;
    color: #e0fd7d;
    margin-bottom: 18px;
    position: relative;
}

.review_pages_bottom .design-principle-card p {
    font-size: 13px;
    line-height: 1.8;
    color: #fff;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .review_pages_bottom .design-principle-card {
        padding: 24px;
    }

    .review_pages_bottom .design-principle-card h4 {
        font-size: 20px;
    }

    .review_pages_bottom .design-principle-card p {
        font-size: 14px;
    }
}



.multi-chain-main {
    position: relative;
}

.multi-chain-main .multi-chain-content {
    /* max-width: 900px; */
}

.multi-chain-main .multi-chain-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.multi-chain-main .multi-chain-text {
    font-size: 13px;
    line-height: 1.5;
    color: white;
}

.multi-chain-main .multi-chain-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.multi-chain-main .multi-chain-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 13px;
    color: white;
    line-height: 1.7;
    margin: 5px 0;
}

.multi-chain-main .multi-chain-list .icon {
    width: 25px;
    height: 25px;
    min-width: 25px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-top: 2px;
    color: #e0fd7d;
    font-weight: 800;
    border: 2px solid #e0fd7d;
}

.multi-chain-main .multi-chain-list .icon i {
    font-weight: 800;
}

@media (max-width: 768px) {
    .multi-chain-main .multi-chain-title {
        font-size: 1.7rem;
    }

    .multi-chain-main .multi-chain-text,
    .multi-chain-main .multi-chain-list li {
        font-size: 1rem;
    }

    .multi-chain-main .multi-chain-list .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 14px;
    }
}

/* ======================================================
   Architecture Principles - Dark Theme
====================================================== */

.architecture-principles-main {
    position: relative;
    padding: 30px 0;
    /* background: #0b0b0b; */
    color: #fff;
}

.architecture-principles-main .architecture-principles-content {
    max-width: 100%;
    margin: 0 auto;
}

.architecture-principles-main .architecture-principles-title {
    font-size: 14px;
    font-weight: 700;
    color: #e0fd7d;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.architecture-principles-main .architecture-principles-description {
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 15px;
}

.architecture-principles-main .architecture-principles-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.architecture-principles-main .architecture-principle-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 16px;
    backdrop-filter: blur(8px);
    transition: all .35s ease;
}

.architecture-principles-main .architecture-principle-item:hover {
    transform: translateY(-6px);
    border-color: #e0fd7d;
    background: rgba(212, 175, 55, 0.08);
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.12);
}

.architecture-principles-main .architecture-principle-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #e0fd7d;
    color: #e0fd7d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.25);
}

.architecture-principles-main .architecture-principle-text h4 {
    font-size: 14px;
    font-weight: 600;
    color: #e0fd7d;
    margin-bottom: 10px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
    margin-bottom: 5px;
}

.architecture-principles-main .architecture-principle-text p {
    margin: 0;
    font-size: 13px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 0;
}

/* Responsive */

@media (max-width: 768px) {

    .architecture-principles-main {
        padding: 60px 0;
    }

    .architecture-principles-main .architecture-principle-item {
        flex-direction: column;
        gap: 18px;
        padding: 22px;
    }

    .architecture-principles-main .architecture-principles-title {
        font-size: 2rem;
    }

    .architecture-principles-main .architecture-principles-description,
    .architecture-principles-main .architecture-principle-text p {
        font-size: 0.95rem;
    }

    .architecture-principles-main .architecture-principle-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        font-size: 22px;
    }

    .architecture-principles-main .architecture-principle-text h4 {
        font-size: 1.2rem;
    }
}


/* ======================================================
   Future Growth - Black Theme
====================================================== */

.future-growth-main {
    position: relative;
    /* padding: 80px 0; */
    /* background: #0b0b0b; */
    color: #fff;
}

.future-growth-main .future-growth-content {
   
}

.future-growth-main .future-growth-title {
    font-size: 14px;
    font-weight: 700;
    color: #e0fd7d;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.future-growth-main .future-growth-text {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 0;
}

.future-growth-main .future-growth-highlight {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 15px;
    padding: 28px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-left: 5px solid #e0fd7d;
    border-radius: 16px;
    backdrop-filter: blur(10px);
    transition: all .35s ease;
}

.future-growth-main .future-growth-highlight:hover {
    transform: translateY(-5px);
    background: rgba(212, 175, 55, 0.08);
    border-color: #e0fd7d;
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.12);
}

.future-growth-main .future-growth-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: transparent;
    color: #e0fd7d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border: 2px solid #e0fd7d;
    /* box-shadow: 0 0 20px rgba(212, 175, 55, 0.25); */
}
.future-growth-main .future-growth-icon i{
    font-size: 22px;
}

.future-growth-main .future-growth-highlight-content h4 {
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.future-growth-main .future-growth-highlight-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.2;
}

/* Responsive */

@media (max-width: 768px) {

    .future-growth-main {
        padding: 60px 0;
    }

    .future-growth-main .future-growth-title {
        font-size: 2rem;
    }

    .future-growth-main .future-growth-text {
        font-size: 0.95rem;
    }

    .future-growth-main .future-growth-highlight {
        flex-direction: column;
        gap: 18px;
        padding: 22px;
    }

    .future-growth-main .future-growth-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        font-size: 22px;
    }

    .future-growth-main .future-growth-highlight-content h4 {
        font-size: 1.2rem;
    }

    .future-growth-main .future-growth-highlight-content p {
        font-size: 0.95rem;
    }
}


/* ===========================
   Core Strategic Pillars
=========================== */

.core-strategic-pillars {
    position: relative;
    padding: 80px 0;
}

.core-strategic-pillars .section-description {
    margin: 0;
    color: white;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.core-strategic-pillars .pillar-card {
    position: relative;
    background: linear-gradient(180deg, #161616 0%, #0b0b0b 100%);
    border: 1px solid rgba(201, 169, 97, 0.2);
    border-radius: 18px;
    padding: 15px;
    height: 100%;
    overflow: hidden;
    transition: all 0.35s ease;
}

.core-strategic-pillars .pillar-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c9a961, #f2d37a);
}

.core-strategic-pillars .pillar-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 169, 97, 0.6);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.core-strategic-pillars .pillar-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(201, 169, 97, 0.12);
    border: 1px solid rgba(201, 169, 97, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.core-strategic-pillars .pillar-icon i {
    font-size: 22px;
    color: #c9a961;
}

.core-strategic-pillars .pillar-card h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
        font-family: 'Trajan Pro', 'Cinzel', serif;
    font-size: 14px;
    color: var(--heading-color);
}

.core-strategic-pillars .pillar-card p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Responsive */

@media (max-width: 991px) {
    .core-strategic-pillars {
        padding: 60px 0;
    }

    .core-strategic-pillars .pillar-card {
        padding: 28px;
    }

    .core-strategic-pillars .pillar-card h4 {
        font-size: 20px;
    }

    .core-strategic-pillars .pillar-card p {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .core-strategic-pillars .pillar-card {
        padding: 24px;
    }

    .core-strategic-pillars .pillar-icon {
        width: 60px;
        height: 60px;
    }

    .core-strategic-pillars .pillar-icon i {
        font-size: 26px;
    }

    .core-strategic-pillars .pillar-card h4 {
        font-size: 18px;
    }

    .core-strategic-pillars .section-description {
        font-size: 15px;
    }
}
section.core-strategic-pillars h2 {
    text-transform: uppercase;
    margin-bottom: 5px !important;
}










/*=========================================
  Strategic Development Phases
=========================================*/

.strategic-development-phases {
    position: relative;
}
section.strategic-development-phases h2 {
    margin-bottom: 5px !important;
}

.strategic-development-phases .section-description {
        margin: 0;
    color: #fff;
    line-height: 1.8;
    font-size: 13px;
    text-align: left;
}

.strategic-development-phases .phase-card {
    position: relative;
    height: 100%;
    padding: 20px 25px;
    border-radius: 18px;
    background: linear-gradient(180deg, #151515 0%, #0b0b0b 100%);
    border: 1px solid rgba(201, 169, 97, 0.2);
    overflow: hidden;
    transition: all .35s ease;
}

.strategic-development-phases .phase-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #c9a961, #f0d17a);
}

.strategic-development-phases .phase-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 169, 97, 0.55);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.strategic-development-phases .phase-badge {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: rgba(201, 169, 97, .12);
    border: 1px solid rgba(201, 169, 97, .35);
    color: #c9a961;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.strategic-development-phases .phase-card h3 {
       color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

.strategic-development-phases .phase-card p {
    color: white;
    line-height: 1.5;
    margin-bottom: 22px;
    font-size: 13px;
}

.strategic-development-phases .phase-card h5 {
    color: #c9a961;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
        font-family: 'Trajan Pro', 'Cinzel', serif;
}

.strategic-development-phases .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.strategic-development-phases .feature-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, .82);
    line-height: 1.7;
    margin: 5px 0;
}

.strategic-development-phases .feature-list li:last-child {
    margin-bottom: 0;
}

.strategic-development-phases .feature-list li::before {
    content: "\F26A";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 2px;
    color: #c9a961;
    font-size: 16px;
    line-height: 1;
}

/*==========================
  Responsive
==========================*/

@media (max-width: 991px) {

    .strategic-development-phases .phase-card {
        padding: 28px;
    }

    .strategic-development-phases .phase-card h3 {
        font-size: 23px;
    }

    .strategic-development-phases .phase-card h5 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {

    .strategic-development-phases .section-description {
        font-size: 15px;
    }

    .strategic-development-phases .phase-card {
        padding: 24px;
    }

    .strategic-development-phases .phase-card h3 {
        font-size: 21px;
    }

    .strategic-development-phases .phase-card p,
    .strategic-development-phases .feature-list li {
        font-size: 15px;
    }

    .strategic-development-phases .phase-badge {
        font-size: 13px;
        padding: 7px 16px;
    }
}

/*====================================================
    RBC FAQ Section
====================================================*/

.rbc-faq-section {
    position: relative;
    padding: 80px 0;
}

.rbc-faq-section .section-description {
    
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
    font-size: 13px;
    color: white;
    margin-bottom: 0;
}
section.rbc-faq-section h2 {
    margin-bottom: 0;
    font-size: 14px;
}
section.rbc-faq-section h2::after {
    display: none;
}

/* Accordion */

.rbc-faq {
    margin-top: 25px;
}

.rbc-faq .accordion-item {
    background: linear-gradient(180deg, #171717 0%, #0b0b0b 100%);
    border: 1px solid rgba(201,169,97,.20);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: .35s ease;
}

.rbc-faq .accordion-item:hover {
    border-color: rgba(201,169,97,.55);
    box-shadow: 0 12px 35px rgba(0,0,0,.35);
}

.rbc-faq .accordion-button {
    position: relative;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 28px;
    box-shadow: none;
    transition: .3s ease;
    font-family: 'Poppins';
}

.rbc-faq .accordion-button:not(.collapsed) {
    background: rgba(201,169,97,.08);
    color: #c9a961;
    border-bottom: 1px solid rgba(201,169,97,.15);
}

.rbc-faq .accordion-button:focus {
    box-shadow: none;
}

/* Arrow */

.rbc-faq .accordion-button::after {
    background-image: none;
    content: "\F282";
    font-family: "bootstrap-icons";
    color: #c9a961;
    font-size: 18px;
    width: auto;
    height: auto;
    transform: rotate(0deg);
    transition: .3s ease;
}

.rbc-faq .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

/* Body */

.rbc-faq .accordion-body {
    background: #0b0b0b;
    color: rgba(255,255,255,.82);
    padding: 28px;
    font-size: 13px;
    line-height: 1.9;
}

.rbc-faq .accordion-body p:last-child {
    margin-bottom: 0;
}

.rbc-faq .accordion-body strong {
    color: #fff;
}

/* List */

.faq-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 14px;
    color: rgba(255,255,255,.82);
}

.faq-list li:last-child {
    margin-bottom: 0;
}

.faq-list li::before {
    content: "\F26A";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 2px;
    color: #e0fd7d;
    font-size: 16px;
        line-height: 1.3;
}

/* Contact Card */

.faq-contact-card {
    margin-top: 50px;
    padding: 40px;
    background: linear-gradient(180deg,#171717,#0d0d0d);
    border: 1px solid rgba(201,169,97,.20);
    border-radius: 18px;
    text-align: center;
}

.faq-contact-card h4 {
    color: #c9a961;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
        color: #c9a961;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.faq-contact-card p {
    color: #fff;
    line-height: 1.5;
    max-width: 900px;
    margin: auto;
}

/* Responsive */

@media (max-width: 991px) {

    .rbc-faq-section {
        padding: 60px 0;
    }

    .rbc-faq .accordion-button {
        font-size: 17px;
        padding: 20px 22px;
    }

    .rbc-faq .accordion-body {
        padding: 22px;
    }

    .faq-contact-card {
        padding: 30px;
    }
}

@media (max-width: 767px) {

    .rbc-faq .accordion-button {
        font-size: 16px;
        padding: 18px;
    }

    .rbc-faq .accordion-body {
        padding: 18px;
        font-size: 15px;
    }

    .faq-contact-card {
        padding: 24px;
    }

    .faq-contact-card h4 {
        font-size: 24px;
    }

    .rbc-faq-section .section-description {
        font-size: 15px;
    }
}

section.rbc-faq-section h2 {
    text-transform: uppercase;
    margin-bottom: 5px !important;
}
.no-text strong {
    font-size: 20px;
}

/* ===============================
   Nature of the $RBC Utility Token
================================== */

.rbc-token-nature {
    padding: 80px 0;
    background: #0b0b0b;
    color: #fff;
}

.rbc-token-nature .section-heading {
    text-align: center;
    margin-bottom: 50px;
}

.rbc-token-nature .section-heading h2 {
        font-size: 2.4rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    font-size: 14px;
    text-transform: uppercase;
    span {
        color: var(--heading-color);
    }
}

.rbc-token-nature .section-heading p {
    /* max-width: 760px; */
    margin: 0 auto;
    color: #cfcfcf;
    font-size: 13px;
    line-height: 1.8;
    text-align: left;
}

.rbc-token-nature .text-gold {
    color: #e0fd7d;
}

.rbc-token-nature .token-card {
    background: #151515;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 16px;
    padding: 40px;
    transition: all 0.3s ease;
}

.rbc-token-nature .token-card:hover {
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 12px 35px rgba(212, 175, 55, 0.08);
}

.rbc-token-nature .token-card > p {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 25px;
}

.rbc-token-nature .feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rbc-token-nature .feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 5px;
    color: #d8d8d8;
    line-height: 1.8;
    font-size: 13px;
    
}

.rbc-token-nature .feature-list li:last-child {
    margin-bottom: 0;
}

.rbc-token-nature .feature-list i {
    color: #e0fd7d;
    font-size: 1.1rem;
    margin-top: 4px;
    flex-shrink: 0;
    line-height: 1.2;
}

.rbc-token-nature .feature-list strong {
    color: #ffffff;
}

.rbc-token-nature .info-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 35px;
    padding: 22px;
    background: rgba(212, 175, 55, 0.08);
    border-left: 4px solid #e0fd7d;
    border-radius: 12px;
}

.rbc-token-nature .info-box i {
    color: #e0fd7d;
    font-size: 1.3rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.rbc-token-nature .info-box p {
    margin: 0;
    color: #ececec;
    line-height: 1.8;
}

/* Responsive */

@media (max-width: 992px) {
    .rbc-token-nature {
        padding: 60px 0;
    }

    .rbc-token-nature .section-heading h2 {
        font-size: 2rem;
    }

    .rbc-token-nature .token-card {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .rbc-token-nature .section-heading h2 {
        font-size: 1.7rem;
    }

    .rbc-token-nature .section-heading p {
        font-size: 0.95rem;
    }

    .rbc-token-nature .token-card {
        padding: 24px;
    }

    .rbc-token-nature .feature-list li {
        font-size: 0.95rem;
        gap: 12px;
    }

    .rbc-token-nature .info-box {
        padding: 18px;
    }
}
.rbc-legal-section{
    background:#050505;
    color:#d8d8d8;
}

.rbc-legal-section .section-title{
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.rbc-legal-section .section-subtitle {
    color: white;
    /* max-width: 700px; */
    margin: auto;
    font-size: 13px;
    text-align: left;
}

.rbc-legal-section .rbc-card{
    background:linear-gradient(180deg,#111,#090909);
    border:1px solid rgba(195,158,85,.35);
    border-radius:16px;
    padding:28px;
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.rbc-legal-section .rbc-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:#e0fd7d;
}

.rbc-legal-section .rbc-card:hover{
    transform:translateY(-6px);
    border-color:#e0fd7d;
    box-shadow:0 15px 40px rgba(195,158,85,.18);
}

.rbc-legal-section .card-header-title{
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e0fd7d;
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Trajan Pro', 'Cinzel', serif;
}

.rbc-legal-section .card-header-title i{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(195,158,85,.12);
    border:1px solid rgba(195,158,85,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
}

.rbc-legal-section p{
    color:#cfcfcf;
    line-height:1.5;
}

.rbc-legal-section ul{
    list-style:none;
    padding:0;
    margin:20px 0;
}

.rbc-legal-section ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:4px;
    color:#d8d8d8;
    line-height:1.7;
}

.rbc-legal-section ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#e0fd7d;
    font-weight:700;
}

@media (max-width:991px){

.rbc-legal-section .section-title{
    font-size:1.8rem;
}

.rbc-legal-section .rbc-card{
    padding:22px;
}

}

.rbc-footer-documentation{
    background:#050505;
    color:#d7d7d7;
    font-family:'Poppins',sans-serif;
    position:relative;
    overflow:hidden;
}

.rbc-footer-documentation::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(195,158,85,.08),
        transparent 45%);
    pointer-events:none;
}

.py-100{
    padding:100px 0;
}

.doc-card{
    background:#0d0d0d;
    border:1px solid rgba(195,158,85,.18);
    border-radius:16px;
    padding:45px;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.doc-card:hover{
    border-color:#e0fd7d;
    transform:translateY(-3px);
    box-shadow:0 18px 45px rgba(195,158,85,.12);
}

.section-title{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}

.title-line{
    width:55px;
    height:2px;
    background:#e0fd7d;
    margin-right:18px;
}

.section-title h2{
    color: #e0fd7d;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.subtitle{
    color:#ffffff;
    font-size:24px;
    font-weight:600;
    margin-bottom:20px;
}

.doc-card p{
    color:#cfcfcf;
    line-height:1.4;
    font-size:13px;
    margin-bottom:20px;
}

.doc-card strong{
    color:#e0fd7d;
    font-weight:600;
}

.document-list{
    list-style:none;
    padding:0;
    margin:0;
}

.document-list li{
    position:relative;
    padding-left:25px;
    margin-bottom:5px;
    color:#d8d8d8;
    font-size:13px;
}

.document-list li::before{
    content: "✓";
    position: absolute;
    left: 0px;
    top: 0px;
    color: rgb(195, 158, 85);
    font-weight: 700;
}

.mb-5{
    margin-bottom:50px;
}

.mb-4{
    margin-bottom:25px;
}

.mb-0{
    margin-bottom:0;
}

@media(max-width:768px){

    .py-100{
        padding:70px 0;
    }

    .doc-card{
        padding:30px;
    }

    .section-title h2{
        font-size:28px;
    }

    .subtitle{
        font-size:20px;
    }

}


.rbc-wealth-application .wealth-card:hover .wealth-icon{
    background-color: #e0fd7d;
    color: #000;
    i {
        color: #000;
    }

}
.utility-principles-section .principle-card:hover h3 i {
    background-color: #e0fd7d;
    color: #000;
}
.sustainable-economic-model .pillar-card:hover .pillar-icon {
    background-color: #e0fd7d;
    color: #000;
    i {
        color: #000;
    }
}

.introduction-whitepaper .key-takeaways-whitepaper:hover {
    span.heading-icon {
        background-color: #e0fd7d;
        color: #000;
    }
}
.important-notice-whitepaper {
    transition: all ease-in-out .1s;
}
.important-notice-whitepaper:hover  {
    border-color: #e0fd7d;
    transform: translateY(-3px);
}
.key-takeaways-whitepaper .takeaway-card:hover {
    .takeaway-icon {
        background-color: #e0fd7d;
        color: #000;
    }
}
.treasury-purpose .treasury-card:hover {
     h4 i {
        background-color: #e0fd7d;
        color: #000;
    }
}

.core-strategic-pillars .pillar-card:hover {
    .pillar-icon {
        background-color: #e0fd7d;
        color: #000;
        i {
            color: #000;
        }
    }
}
@media (max-width: 767px) {
    section.bg-light.footer_top_links .text-end {
    text-align: left !important;
}
 section.bg-light.footer_top_links .col-md-6.text-md-end.text-center {
    text-align: left !important;
}
.footer_top_links a.btn {
    top: 0;
    margin-top: 0;
}
}

.chapter-navigation.whitepaper-navigation-full {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 20px 30px;
  border-top: 1px solid rgb(158 201 97 / 40%);
}

.whitepaper-navigation-full .nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  color: #e0fd7d;
  border: 1px solid #e0fd7d;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  background: transparent;
  text-transform: uppercase;
  line-height: 1;
  
  
  b {
    color: rgba(255, 255, 255, .8);
    font-weight: 600;
    padding-left: 5px;
    transition: all 0.3s ease;
  }
  i {
    margin: 0 5px;
  }
}

.whitepaper-navigation-full .nav-btn:hover {
  background: #e0fd7d;
  color: #000;
  b {
    color: #000;
    
  }
}

.whitepaper-navigation-full .prev-btn {
  margin-right: auto;
}

.whitepaper-navigation-full .next-btn {
  margin-left: auto;
}
.whitepaper-navigation-full .nav-btn i {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.social-fab{
    position:fixed;
    right:10px;
    bottom: 10px;   
    transform:translateY(-50%);
    z-index:9999;
    display: none;
}

.social-fab .social-toggle{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#c8a34d;
    color:#000;
    font-size:22px;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,.35);
    transition:.3s;
}

.social-fab  .social-toggle:hover{
    transform:scale(1.08);
}

.social-fab .social-menu{
    position:absolute;
    bottom:65px;
    right:0;
    display:flex;
    flex-direction:column;
    gap:12px;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s;
}

.social-fab .social-menu.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.social-fab .social-menu a{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background:#111;
    color:#d4af37;
    border:1px solid rgba(212,175,55,.4);
    font-size:22px;
    transition:.3s;
}

.social-fab .social-menu a:hover{
    background:#d4af37;
    color:#000;
    transform:translateX(-6px);
    box-shadow:0 8px 20px rgba(212,175,55,.35);
}

@media(max-width:768px){
    .social-fab .social-fab{
        right:15px;
    }

    .social-fab .social-toggle{
        width:50px;
        height:50px;
    }

    .social-fab .social-menu a{
        width:44px;
        height:44px;
        font-size:20px;
    }
}

.social-fab i.bi.bi-twitter-x {
    font-size: 16px;
}

.top-menu-socials {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-right: 17px;
}

.top-menu-socials span,
.top-menu-socials p {
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.top-menu-socials .telegram-wrapper {
    display: flex;
    align-items: center;
}

.top-menu-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    transition: all .3s ease;
}

.top-menu-socials a:hover {
    color: #d4af37;
    transform: translateY(-2px);
}

.top-menu-socials i {
    line-height: 1;
}

.top-menu-socials .la,
.top-menu-socials .lab,
.top-menu-socials .bi {
    font-size: 25px !important;
}
.top-menu-socials i.bi.bi-twitter-x {
    font-size: 17px !important;
}

@media (max-width: 991.98px) {
    .top-menu-socials {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        padding: 15px 0;
    }

    .top-menu-socials span,
    .top-menu-socials p {
        display: none;
    }

    .top-menu-socials a {
        font-size: 24px;
    }
}

.tooltip-inner {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    font-weight: 600;
}


 .tooltip {
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: #000;
    --bs-tooltip-border-radius: 6px;
    opacity: 1;
}

 .tooltip-inner {
    border: 2px solid #ddd;
}
@media (max-width: 980px) {
    .whitepaper-navigation-full .nav-btn b {
        display: none;
    }
    .footer_top_links h2 br {
        display: none;
    }
    .footer_top_links{
        padding: 30px 0;
    }
    .footer_top_links h2 {
    
    font-size: 18px !important;
   
}
.footer_top_links h6 {
    margin-bottom: 20px !important;
}
.whitepaper-navigation-full .nav-btn {
    font-size: 12px;
        padding: 5px 13px;
}
.whitepaper-navigation-full .nav-btn i {
    font-size: 15px;
}
.chapter-navigation.whitepaper-navigation-full{
    padding: 10px 10px 10px 20px;
}
.bottom_footer {
    flex-wrap: wrap;
}
.copyrights p {
    text-align: left;
    font-size: 11px;
}
.bottom_footer ul li a {
    font-size: 11px;
    
}
.rbc-wealth-application .wealth-title {
        font-size: 14px;
    }
        .utility-principles-section h2 {
        font-size: 14px;
    }
    .utility-principles-section .principle-card h3{
        font-size: 14px;
    }
    .tokenamics-main .vesting-philosophy h2 {
        font-size: 14px;
    }
    .treasury-stewardship-principles h2 {
        font-size: 14px;
    }
    .supporting-ecosystem-expansion .gold-title {
        font-size: 14px;
    }
    .technology-design-principles .section-header h2 {
        font-size: 14px;
    }
    .design-principle-card h4 {
        font-size: 14px;
    }
    .review_pages_bottom .design-principle-card h4 {
        font-size: 14px;
    }
    .multi-chain-main .multi-chain-title {
        font-size: 14px;
    }
    .architecture-principles-main .architecture-principles-title {
        font-size: 14px;
    }
    .architecture-principles-main .architecture-principle-text h4{
        font-size: 14px;
        text-transform: uppercase;
    }
    .future-growth-main .future-growth-title {
        font-size: 14px;
        text-transform: uppercase;
    }
    h2,h4 {
        font-size: 14px !important;
        text-transform: uppercase !important;
    }
    .introduction-whitepaper h2, .introduction-whitepaper .gold-title, .introduction-whitepaper .important-title {
        text-align: left;
    }
    .strategic-development-phases .phase-card h3 {
        font-size: 14px;
    }
    .strategic-development-phases .phase-card h5 {
        font-size: 14px;
    }
    .rbc-faq .accordion-button {
        font-size: 13px;
        padding: 10px;
    }
    
        .rbc-faq .accordion-body {
        padding: 13px;
        font-size: 12px;
    }
    .rbc-faq .accordion-button {
        font-size: 12px;
    }
    .faq-list li {
        font-size: 12px;
    }
    section.rbc-legal-section .container {
    padding: 0;
}
.chapter-navigation.whitepaper-navigation-full {
    margin-top: 0 !important;
}
    .pillar-title strong {
        font-size: 12px;
        margin-top: 0;
    }
    .pillars-table thead th, .pillars-table tbody td {
        font-size: 12px;
    }
    .tokenamics-main .table thead tr:first-child th {
        font-size: 14px;
        padding: 14px;
    }
        .tokenamics-main .table tbody td {
        font-size: 12px;
        padding: 12px;
    }
        .tokenamics-main .table thead tr:nth-child(2) th {
        font-size: 12px;
        padding: 12px;
    }
    .token-utility-main .table thead th {
        font-size: 12px;
    }
    .token-utility-main .table thead th, .token-utility-main .table tbody td {
        font-size: 12px;
        line-height: 1.3;
    }
    .tokenamics-main .vesting-list li {
        font-size: 12px;
    }
        .tokenamics-main .vesting-list li i {
        font-size: 18px;
        top: 3px;
        position: relative;
    }
        .tokenamics-main .vesting-philosophy p, .tokenamics-main .vesting-list li {
        font-size: 13px;
    }
    p {
        font-size: 12px !important;
    }
        .tokenomics-principles .table thead th, .tokenomics-principles .table tbody td {
        padding: 10px 16px;
        font-size: 12px;
    }
    .treasury-stewardship-principles tbody td {
        font-size: 12px;
    }
        .supporting-ecosystem-expansion .expansion-list li {
        font-size: 12px;
        gap: 10px;
    }
        .supporting-ecosystem-expansion .check-circle {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
    .architecture-principles-main .architecture-principle-text h4 {
        text-align: center;
    }
    .architecture-principles-main .architecture-principle-text p {
        text-align: center;
    }
    .future-growth-main .future-growth-highlight-content h4 {
        text-align: center;
    }
    .future-growth-main .future-growth-highlight-content p {
        text-align: center;
    }
        .strategic-development-phases .phase-card p, .strategic-development-phases .feature-list li {
        font-size: 12px;
    }
}



/* mobile css here */
.mobile-nav-btn{
    width: 19px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    transition: .3s ease;
}

.mobile-nav-btn i{
    font-size:18px;
}

.mobile-nav-btn:hover{
    /* background:#c9a961;
    border-color:#c9a961; */
    /* color:#000; */
}

.mobile-page-number{
    min-width:36px;
    text-align:center;
    font-size:18px;
    font-weight:600;
    color:rgba(255, 255, 255, .7);
    font-family:'Poppins';
    letter-spacing:1px;
}

.navbar-toggler{
    margin-left:10px;
}

@media (min-width:992px){
    .mobile-nav-btn,
    .mobile-page-number{
        display:none;
    }
    
}
.token-allocation-image img {
    max-width: 83%;
    width: 100%;
}
@media (max-width: 767px) {
    .executive-summary {
        padding: 30px;
        padding-top: 10px;
    }
    .rbc-eco-image h3 {
        
        font-size: 14px;
}
}
.sustainability-tokenamics-icons p {
    display: flex;
    gap: 10px;
    i {
        font-size: 18px;
        top: -3px;
        position: relative;
        color: #e0fd7d;
    }
    .rbc-eco-image img {
        width: 100%;
    }
}



/* Right content page load animation */
.card.introduction-whitepaper {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.6s ease;
    
}

 .card.introduction-whitepaper.page-loaded {
    opacity: 1;
    transform: translateX(0);
}


#sidebarMenu .list-group-item::after {
    content: "\f285"; /* bi-chevron-right */
    font-family: "bootstrap-icons";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #999;
    transition: all 0.3s ease;
    opacity: 0;
    line-height: 1;
}
#sidebarMenu .list-group-item:hover::after{
    opacity: 1;
}
#sidebarMenu .list-group-item.active::after{
    opacity: 1;
}


.col-12.sustainability-tokenamics-icons {
    padding-left: 34px;
    padding-right: 34px;
}
@media (max-width: 767px) {
    .col-12.sustainability-tokenamics-icons {
    padding-left: 15px;
}
}



/* ==========================================================
   PREMIUM FINROCK WHITEPAPER SIDEBAR
   Reference: Light warm gray sidebar
   ========================================================== */

/* Sidebar column */
.white-paper-view-row .sidebar-menu {
    width: 300px;
    min-width: 300px;
    padding: 0;
    background: #dcdbd7 !important;
}

/* Main sidebar */
.whitepaper-sidebar,
#sidebarMenu {
    background: #dcdbd7 !important;
    background-color: #dcdbd7 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px;
    overflow: hidden;
    box-shadow: none !important;
    top: 55px;
    min-height: 100vh;
}

/* Sidebar heading */
#sidebarMenu h4 {
    background: transparent !important;
    color: #111 !important;
    margin: 0;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: flex-start;
    margin-left: -7px;
}

#sidebarMenu h4 span {
    color: #fff !important;
    padding: 7px 10px;
}

/* Crown icon */
#sidebarMenu .hero-crown-icon {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}

/* Sidebar subtitle */
.whitepaper-sidebar h3 {
    font-size: 18px;
    padding: 0 10px;
    color: #000 !important;
    text-align: left;
    margin: -2px 0 30px;
    font-style: italic;
    font-weight: 600;
    font-family: Georgia, serif;
    padding-left: 0;
    letter-spacing: 0;
    white-space: nowrap;
}

/* ==========================================================
   SIDEBAR MENU ITEMS
   ========================================================== */

#sidebarMenu .list-group-item {
    position: relative;
    background: transparent !important;
    border: none !important;
    border-radius: 12px;
    margin: 3px 0;
    padding: 8px 18px;
    color: #292929 !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: all .35s ease;
    line-height: 1;
    display: flex;
    align-items: center;
    font-family: "Roboto Mono", monospace;
    word-spacing: -3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Text */
#sidebarMenu .list-group-item span {
    flex: 1;
}

/* Icons */
#sidebarMenu .list-group-item i {
    color: #292929 !important;
    font-size: 18px;
    transition: all .35s ease;
    flex-shrink: 0;
}

/* ==========================================================
   HOVER
   ========================================================== */

#sidebarMenu .list-group-item:hover {
    background: rgba(201, 162, 87, .14) !important;
    color: #111 !important;
    transform: none;
    background: linear-gradient(90deg, rgb(73 73 72 / 24%), rgb(184 182 182 / 8%)) !important;
}

#sidebarMenu .list-group-item:hover i {
    color: #000 !important;
}

/* ==========================================================
   ACTIVE ITEM
   ========================================================== */

#sidebarMenu .list-group-item.active {
    color: #111 !important;
    background: linear-gradient(
        90deg,
        rgba(201, 162, 87, .24),
        rgba(201, 162, 87, .08)
    ) !important;
    transform: none !important;
    font-weight: 700;
    background: linear-gradient(90deg, rgb(73 73 72 / 24%), rgb(184 183 183 / 8%)) !important;
}

#sidebarMenu .list-group-item.active i {
    color: #000 !important;
}

/* Active gold indicator */
#sidebarMenu .list-group-item.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    width: 4px;
    height: 70%;
    background: #c9a257;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(201, 162, 87, .35);
}

/* ==========================================================
   SUB MENU / COLLAPSE
   ========================================================== */

#sidebarMenu .collapse {
    transition: all .35s ease;
}

/* Submenu items */
#sidebarMenu .collapse .list-group-item {
    margin: 6px 0 6px 18px;
    padding: 10px 18px;
    background: rgba(255, 255, 255, .30) !important;
    border-left: 2px solid rgba(155, 120, 53, .25) !important;
    border-radius: 10px;
    color: #292929 !important;
    text-transform: none;
    font-size: 12px;
    min-height: 35px;
}

/* Submenu hover */
#sidebarMenu .collapse .list-group-item:hover {
    background: rgba(255, 255, 255, .55) !important;
    color: #111 !important;
    border-left-color: #c9a257 !important;
}

/* Submenu active */
#sidebarMenu .collapse .list-group-item.active {
    background: rgba(201, 162, 87, .18) !important;
    color: #111 !important;
}

/* ==========================================================
   CHEVRON / COLLAPSE ICON
   ========================================================== */

#sidebarMenu .list-group-item[aria-expanded="true"] i.bi.bi-chevron-down {
    transform: rotate(180deg);
    color: #9b7835 !important;
}

#sidebarMenu .list-group-item i.bi-chevron-down {
    transition: transform .35s ease, color .35s ease;
}

/* ==========================================================
   SIDEBAR CLOSE BUTTON
   ========================================================== */

.sidebar-close {
    color: #111 !important;
    background: transparent !important;
    border: none !important;
}

/* ==========================================================
   SIDEBAR BORDER / SEPARATION
   ========================================================== */

.white-paper-view-row .sidebar-menu {
    border-right: 1px solid rgba(0, 0, 0, .08);
}

/* ==========================================================
   DESKTOP HEIGHT
   ========================================================== */

@media (min-width: 993px) {
    .whitepaper-sidebar,
    #sidebarMenu {
        min-height: calc(100vh - 55px);
    }
}

/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 992px) {

    .white-paper-view-row .sidebar-menu {
        width: 100%;
        min-width: 100%;
        background: #dcdbd7 !important;
    }

    #sidebarMenu,
    .whitepaper-sidebar {
        margin-bottom: 30px;
        position: relative;
        top: 0;
        min-height: auto;
        background: #dcdbd7 !important;
    }

    #sidebarMenu .list-group-item {
        padding: 11px 18px;
    }

}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 576px) {

    #sidebarMenu {
        padding: 8px;
    }

    #sidebarMenu h4 {
        font-size: 15px;
    }

    .whitepaper-sidebar h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #sidebarMenu .list-group-item {
        font-size: 12px;
        min-height: 38px;
        padding: 9px 15px;
    }

    #sidebarMenu .list-group-item i {
        font-size: 16px;
    }

}
.row.white-paper-view-row {
    margin: 0;
}
.tooltip {
    margin-left: 10px !important;
}
#sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu .list-group-item::after{
    display: none;
}

#sidebarMenu .list-group-item:last-child {
    display: none !important;
}
#sidebar_menu_hide_show.sidebar-collapsed #sidebarMenu h4{
    margin-left: 0;

}
/* =========================================
   SMOOTH SIDEBAR — NO ZOOM EFFECT
   ========================================= */

#sidebar_menu_hide_show {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    flex: 0 0 300px;

    transition:
        width 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        min-width 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        max-width 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        flex-basis 0.55s cubic-bezier(0.4, 0, 0.2, 1);

    transform: none !important;
    scale: none !important;
}

/* COLLAPSED */
#sidebar_menu_hide_show.sidebar-collapsed {
    width: 78px;
    min-width: 78px;
    max-width: 78px;
    flex: 0 0 78px;

    transform: none !important;
    scale: none !important;
}


/* MAIN CONTENT */
.white-paper-view-row .col-lg-9 {
    transition:
        width 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        flex-basis 0.55s cubic-bezier(0.4, 0, 0.2, 1);

    transform: none !important;
}


/* COLLAPSED MAIN CONTENT */
#sidebar_menu_hide_show.sidebar-collapsed + .col-lg-9 {
    width: calc(100% - 78px);
    flex-basis: calc(100% - 78px);
}


/* OPEN MAIN CONTENT */
#sidebar_menu_hide_show:not(.sidebar-collapsed) + .col-lg-9 {
    width: calc(100% - 300px);
    flex-basis: calc(100% - 300px);
}


/* REMOVE ZOOM / SCALE FROM SIDEBAR ELEMENTS */
#sidebar_menu_hide_show *,
#sidebar_menu_hide_show .whitepaper-sidebar,
#sidebar_menu_hide_show #sidebarMenu,
#sidebar_menu_hide_show .list-group-item,
#sidebar_menu_hide_show i {
    transform: none !important;
}


/* MENU ITEMS — ONLY FADE/REPOSITION */
#sidebar_menu_hide_show .list-group-item {
    transition:
        padding 0.35s ease,
        margin 0.35s ease,
        opacity 0.25s ease;
}


/* ICONS STAY SAME SIZE */
#sidebar_menu_hide_show .list-group-item i {
    transition:
        margin 0.35s ease,
        opacity 0.25s ease;
}


/* TOGGLE — NO ZOOM */
.sidebar-collapse-toggle {
    transform: none !important;
    transition:
        left 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* PREVENT IMAGE / CONTENT ZOOM */
#sidebar_menu_hide_show img,
#sidebar_menu_hide_show svg,
#sidebar_menu_hide_show .sidebar-logo {
    transform: none !important;
    scale: 1 !important;
}


/* DESKTOP ONLY */
@media (min-width: 992px) {

    #sidebar_menu_hide_show,
    #sidebar_menu_hide_show.sidebar-collapsed {
        transform: none !important;
    }

}


/* MOBILE — KEEP YOUR EXISTING MOBILE ANIMATION */
@media (max-width: 991.98px) {

    #sidebar_menu_hide_show,
    #sidebar_menu_hide_show.sidebar-collapsed {
        width: auto;
        min-width: 0;
        max-width: none;
        flex: none;
    }

}


#whitePaperModal{

input#whitePaperPassword:focus {
    box-shadow: none;
    outline: none;
    font-size: 13px;
}
input#whitePaperPassword {
    font-size: 13px;
    min-height: 40px;
}
h5#whitePaperModalLabel {
    color: #000;
}
button.btn.btn-dark.rounded-pill {
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
}
button.btn-close:focus {
    box-shadow: none;
}
}
.modal-backdrop.show {
    opacity: .7;
}