html{overflow: hidden;}
.acceptcookies,
button{color: #000;}
.breadcrumb .breadcrumb-item a{
    color: #ffd9be;
}
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:active,
.breadcrumb .breadcrumb-item a:focus{opacity: 0.8}
.user-login-form .button,
#block-navapro-primary-local-tasks .page-tabs li a{
    background: #EF9C82;
    color: #000;
}
.region-primary-menu .menu > li:hover, 
.region-primary-menu .menu > li:hover > a{
    
}
.acceptcookies:hover{
    background: #EF9C82 !important;
    color: #000 !important;
    opacity: 0.6;
}
.user-login-form .button:hover{
    background: #EF9C82;
    color: #000;
    opacity: 0.6;
}
#block-navapro-primary-local-tasks .page-tabs li a:hover,
#block-navapro-primary-local-tasks .page-tabs li a:active{opacity: 0.6;}
#block-navapro-content .view-frontpage .view-empty,
#block-navapro-content .view-frontpage .feed-icons{
  display: none;
}
.header,
.footer-last{background:#123332 !important;}
.region-primary-menu .menu > li{
    border-bottom: 4px solid transparent;
    transition: border-color 0.3s;
}
.main-container a{color: #ffd9be;}
button{
    background: #ffd9be;
    color: #000;
}
.dynamic-tiering__title,
.rebalancing-governance__title,
.staking-economic__title,
.technical-infrastructure__title,
.investor-insights__title,
.future-roadmap__title,
.contact-vrci__title{
    font-size: 2.3529411764705883em;
    margin-bottom: 1em;
}
p{line-height: 1.6;}
.region-primary-menu .menu > li:hover, 
.region-primary-menu .menu > li:hover > a{
    color:#f9eee7 !important;
    border-bottom-color:#ef9c82;
}
.region-primary-menu .menu > li:hover::after {
    left: 0;
    background-color: #ef9c82;
    width: 100% !important;
    transition: width 0.3s linear;
}
.region-primary-menu .menu > li::after,
.region-primary-menu .menu > li::before{
    width:0 !important;
    height:0;
}
.svg-foreground-img svg{
    width: 28px;
    height: 28px;
    max-width: none;
}
#block-navapro-firstsection{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
#block-navapro-firstsection .right{padding-left: 15%;}
#block-navapro-firstsection img{
    width: 100%;
    height: auto;
}
#block-navapro-firstsection h1{
    font-size: 2.3529411764705883em;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 30px;
}
#block-navapro-firstsection .field-name-field-button-url a{
    background: #EF9C82;
    padding: 20px 25px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    border: 1px solid #ef9c82;
    border-radius: 4px;
}
#block-navapro-firstsection .field-name-field-button-url a:hover{
    opacity: 0.8;
}
.pyramids{
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.pyramids .item{
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}
.pyramids .item .left{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-inline-start:0;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    --flex-align: center;
    --descendant-align-self: center;
    --descendant-align-self-left: flex-start;
    --descendant-align-self-center: center;
    --descendant-align-self-right: flex-end;
}
.pyramids .item .right{
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    min-width: 0px;
    flex: 1 1 0%;
    text-align: left;
    align-items: flex-start;
    --flex-align: flex-start;
    --descendant-align-self: flex-start;
    --descendant-align-self-left: flex-start;
    --descendant-align-self-center: center;
    --descendant-align-self-right: flex-end;
}
.pyramids .item .right .item-title{
    font-size: 1.17em;
    line-height: 2;
}
.pyramids .item .left-col1{
    width: 92.5%;
   
}
.pyramids .item .left-col2{
    width: 70.125%;

}
.pyramids .item .right-col4,
.pyramids .item .right-col1,
.pyramids .item .right-col3,
.pyramids .item .right-col2{
    border-bottom: 2px solid #315251;
    padding:1.1em 1.4em;
}
.pyramids .item .right-col1{
    border-bottom: none;
    margin-inline-start:-20px;
}
.pyramids .item .right-col2{
    margin-inline-start:-14.5%;
    width: 114.5%;
    padding: 1.1em 1.4em 1.2em;
}
.pyramids .item .right-col3{
    margin-inline-start:-26%;
    width: 126%;
}
.pyramids .item .right-col4{
    margin-inline-start:-37%;
    width: 137%;
}
.pyramids .item .left-col3{
    width: 46.75%;
}
.pyramids .left-col4,
.pyramids .left-col3,
.pyramids .left-col2,
.pyramids .left-col1{
    position: relative;
    margin-bottom: 5px;
}
.pyramids .left-col1 .svg-foreground-img,
.pyramids .left-col2 .svg-foreground-img,
.pyramids .left-col3 .svg-foreground-img,
.pyramids .left-col4 .svg-foreground-img{
    position: absolute;
    top: 50%;
    left: 39%;
}
.pyramids .left-col1 .svg-foreground-img,
.pyramids .left-col3 .svg-foreground-img,
.pyramids .left-col2 .svg-foreground-img{
    top: 40%;
    left: 47%;
}
#block-navapro-stakingeconomicmodel1,
#block-navapro-rebalancinggovernance{
    width: 100vw;
    position: relative;
    background: #1d4241;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 7em 0;
}
#block-navapro-stakingeconomicmodel1{
  z-index: 1;
  overflow: hidden;
  margin-top: -75px;
    padding: 5em 0 1em;
}
#block-navapro-stakingeconomicmodel1:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/staking-economic-bg.jpg');
  background-size: cover; /* Ensures full coverage */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */
  opacity: 0.2; /* Your desired opacity */
  z-index: -1;
}
#block-navapro-stakingeconomicmodel1 .inner-block,
#block-navapro-rebalancinggovernance .inner-block{
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px;
    background: #123332;
}
#block-navapro-stakingeconomicmodel1 .inner-block{
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 40px 0 30px;
}
#block-navapro-rebalancinggovernance .parent-div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*min-height: 120vh; */
    align-items: start;
}
#block-navapro-rebalancinggovernance .parent-div .center{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
}
#block-navapro-rebalancinggovernance .parent-div .right,
#block-navapro-rebalancinggovernance .parent-div .left{
    padding: 70px 0 0;
}
#block-navapro-rebalancinggovernance .parent-div .right .item{margin-left: -25px;}
#block-navapro-rebalancinggovernance .parent-div .right .right-inner,
#block-navapro-rebalancinggovernance .parent-div .left .left-inner{margin: 0 0 100px;}
#block-navapro-rebalancinggovernance .parent-div .left .left-inner{
    padding-right: 72px;
    text-align: right;
}
#block-navapro-rebalancinggovernance .parent-div .right .right-inner{
    text-align: left;
}
#block-navapro-rebalancinggovernance .parent-div .left .svg-bg-img,
#block-navapro-rebalancinggovernance .parent-div .right .svg-bg-img{position: relative;}
#block-navapro-rebalancinggovernance .parent-div .left .svg-foreground-img,
#block-navapro-rebalancinggovernance .parent-div .right .svg-foreground-img{
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    left: 30%;
    top: 50%;
}
#block-navapro-rebalancinggovernance .parent-div .left .item-title,
#block-navapro-rebalancinggovernance .parent-div .right .item-title{
    margin: 0 0 10px;
}
#block-navapro-rebalancinggovernance .parent-div .left .left-inner1 .svg-foreground-img{
    left: 35px;
    top: 26px;
}
#block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img{
    left: -5px;
    top: 107px;
}
#block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img{
    left: 30px;
    top: 145px;
}
#block-navapro-rebalancinggovernance .parent-div .center svg{overflow: visible;}
#block-navapro-stakingeconomicmodel1 .items .svg-bg-img{position: relative;}
#block-navapro-stakingeconomicmodel1 .items .svg-bg-img .svg-foreground-img{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    top: 25px;
    left: 50%;
}
#block-navapro-stakingeconomicmodel1 .item1 .svg-bg-img,
#block-navapro-stakingeconomicmodel1 .item2 .svg-bg-img,
#block-navapro-stakingeconomicmodel1 .item3 .svg-bg-img{margin: 0 0 20px;}
#block-navapro-technicalinfrastructure .block{
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#block-navapro-technicalinfrastructure .item1{
   
}
#block-navapro-stakingeconomicmodel1 .items .item-title{
    margin: 0 0 5px;
    font-size: 1.3em;
    line-height: 1.5;
}
#block-navapro-stakingeconomicmodel1 .items .item-description{
    padding-right: 20px;
}
#block-navapro-stakingeconomicmodel1 .items{
    line-height: 2.2;
    margin: 0 0 20px;
}
#block-navapro-technicalinfrastructure .item .item-title{
    font-size: 1.17em;
    margin: 0 0 10px 10px;
}
#block-navapro-technicalinfrastructure .item .item-description{
    margin: 0 0 10px 10px;
}
#block-navapro-technicalinfrastructure .item2{
    
}
#block-navapro-technicalinfrastructure .item .left1,
#block-navapro-technicalinfrastructure .item .left2,
#block-navapro-technicalinfrastructure .item .left3{
    justify-self:left;
    align-self: center;
    margin:0 0 10px;
    padding: 50px 75px;
    background: #315251;
}
#block-navapro-technicalinfrastructure .item .left2{
    padding: 50px 158px;
}
#block-navapro-technicalinfrastructure .item .left3{
     padding: 50px 246px;
}
#block-navapro-technicalinfrastructure .item .right3,
#block-navapro-technicalinfrastructure .item .right2,
#block-navapro-technicalinfrastructure .item .right1{
    padding: 35px 0 0;
    border-bottom: 2px solid #315251;
}
#block-navapro-technicalinfrastructure .item .right1{
    margin-inline-start: -65%;
    padding: 27px 0 8px 0px;
}
#block-navapro-technicalinfrastructure .item .right2{
    margin-inline-start: -34%;
    padding: 27px 0 17px 0;
}
#block-navapro-technicalinfrastructure .item .right3{
    border-bottom: none;
}
#block-navapro-investorinsightsanalytics .items .item{
    display: grid;
    grid-template-columns: .2fr 1.8fr;
    padding-right: 10px;
}
#block-navapro-investorinsightsanalytics .items .left .svg-foreground-img{
    background: #315251;
    justify-self: center;
    align-self: center;
    padding: 5px;
}
#block-navapro-investorinsightsanalytics .items .item .right{margin-left: 10px;}
#block-navapro-futureroadmapcommunity .future-roadmap__container{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#block-navapro-contactvrciglobal .block .item{
    display: grid;
    grid-template-columns: 0.1fr 1.9fr;
    margin: 0 0 40px;
}
#block-navapro-contactvrciglobal .block .item-3{margin: 0}
#block-navapro-contactvrciglobal .block .item .left{
    margin-right: 15px;
}
#block-navapro-contactvrciglobal .svg-foreground-img svg{
    width: 41px;
    height: 41px;
}
#block-navapro-futureroadmapcommunity .left{padding-top: 0;}
#block-navapro-futureroadmapcommunity .left .left-item{
    display: grid;
    grid-template-columns: 0.4fr 1.6fr;
    margin: 0 0 35px;
}
#block-navapro-futureroadmapcommunity .left .left-item .item-num{
    justify-self: self-start;
    background: #4a6b6a;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
}
#block-navapro-futureroadmapcommunity .left .left-item .item-num:after{
    position: absolute;
    content: " ";
    height: 112px;
    width: 2px;
    background: #4a6b6a;
    left: 50%;
    top: -35px;
    z-index: -1;
}
#block-navapro-futureroadmapcommunity .left .left-item .item-num:before{
    position: absolute;
    content: " ";
    width: 80px;
    height: 2px;
    background: #4a6b6a;
    left: 20px;
    top: 50%;
    z-index: -1;
}
#block-navapro-futureroadmapcommunity .left .item-1 .item-num .field-type-integer{width: 10px;}

#block-navapro-futureroadmapcommunity .left .future-roadmap__title{
    margin-bottom: 1.5em;
}
#block-navapro-contactvrciglobal .contact-vrci b{color: #fff;}
#block-navapro-rebalancinggovernance .inner-block .content-body{
    border-left: 2px solid #ef9c82;
    padding-left: 30px;
}






/* Responsive Styles */
@media (max-width: 1024px) {
  .region-site-branding{padding:1em 3em 0;}
  #block-navapro-firstsection {
    grid-template-columns: 1fr;
    text-align: center;
  }
  #block-navapro-firstsection .right {
    padding-left: 0;
    margin-top: 2em;
  }
    .pyramids .item4 .left-col{
        width: 14.375%;
        margin-inline-start: 21%;
    }
    .pyramids .item3 .left-col {
        width: 28.75%;
        margin-inline-start: 14%;
    }
    .pyramids .item2 .left-col {
        width: 44.125%;
        margin-inline-start: 7%;
    }
    .pyramids .item1 .left-col {
        width: 58.5%;
        margin-inline-start: 0;
    }
  
  .contactvrciglobal .block .item {
        display: grid;
        grid-template-columns: 0.2fr 1.8fr;
        margin: 0 0 40px;
  }
  
  #block-navapro-futureroadmapcommunity .future-roadmap__container {
    grid-template-columns: 1fr;
  }
  #block-navapro-investorinsightsanalytics .items{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
  }
  #block-navapro-investorinsightsanalytics .items .item{
    grid-template-columns: 0.3fr 1.7fr;  
  }
  .future-roadmap__title {
    text-align: center;
  }
  .region-primary-menu .menu > li > a{color: #000;}
  .region-primary-menu .menu > li:hover > a{opacity: 0.6;}
  #block-navapro-technicalinfrastructure svg{
    max-width: none;
  }
  #block-navapro-stakingeconomicmodel1 .items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #block-navapro-stakingeconomicmodel1 .items .item-title{
      padding-right: 10px; 
  }
  .pyramids .left-col4{width: 24%;}
  .pyramids .item .right-col4{padding: .1em 1.4em .5em;}
  .pyramids .item .right-col3{padding:0 0 12px 1.5em;}
  .pyramids .item .right-col2{padding:0em 1.4em .7em;}
  .pyramids .item .right-col1{padding: 0 0 0 1em;}
  .pyramids .item .right .item-description .field-name-field-tier3-description,
  .pyramids .item .right .item-description .field-name-field-tier2-description,
  .pyramids .item .right .item-description .field-name-field-tier1-description,
  .pyramids .item .right .item-description .field-name-field-tier4-description{font-size: 0.9em;}
  #block-navapro-rebalancinggovernance .parent-div .left .left-inner1 .svg-foreground-img {
    left: 12px;
    top: 15px;
  }
  #block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img {
    left: -5px;
    top: 63px;
  }
  #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img {
    left: 4px;
    top: 89px;
  }
  #block-navapro-technicalinfrastructure .item .right1{margin-inline-start:-107%;}
  #block-navapro-technicalinfrastructure .item .right2{margin-inline-start:-47%;}
  #block-navapro-technicalinfrastructure .item .left3 {padding: 50px 225px;}
  #block-navapro-rebalancinggovernance .parent-div .right .right-inner,
  #block-navapro-rebalancinggovernance .parent-div .left .left-inner{margin: 0 0 20px;}
  #block-navapro-rebalancinggovernance .parent-div .right, 
  #block-navapro-rebalancinggovernance .parent-div .left{padding: 0;}
  #block-navapro-stakingeconomicmodel1 .inner-block{padding: 50px;}
  #block-navapro-stakingeconomicmodel1 .items .svg-bg-img .svg-foreground-img{
    top: 5px;
    left: 45%;
  }
  #block-navapro-rebalancinggovernance .parent-div .right .right-inner{padding: 0 0 0 20px;}
}
@media (min-width:901px) and (max-width: 1024px){
    .pyramids .item .right-col4 {
        padding: .1em 1.4em 1.9em;
    }
    .pyramids .item .right-col3 {
        padding: 0 0 37px 1.5em;
    }
    .pyramids .item .right-col2 {
        padding: 0em 1.4em 2.1em;
    }
    #block-navapro-rebalancinggovernance .parent-div{margin: 0 0 35px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img{top: 100px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner, 
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner {
        margin: 0 0 60px;
    }
    #block-navapro-technicalinfrastructure .item .right1 {
        margin-inline-start: -73%;
    }
    #block-navapro-technicalinfrastructure .item .right2 {
        margin-inline-start: -32%;
    }
    #block-navapro-technicalinfrastructure .item .right3{padding: 25px 0 0 10px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img {
        top: 130px;
    }
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img{top: 100px;}
    #block-navapro-technicalinfrastructure .item .right1 {
        margin-inline-start: -64%;
    }
    #block-navapro-technicalinfrastructure .item .right2 {
        margin-inline-start: -30%;
    }
    #block-navapro-technicalinfrastructure .item .right3 {
        padding: 35px 0 0 0px;
    }
    #block-navapro-futureroadmapcommunity .left .left-inner{justify-self:center;}
}
@media (min-width:769px) and (max-width: 900px){
    .pyramids .item .right-col4 {
        padding: .1em 1.4em 1.4em;
    }
    .pyramids .item .right-col3 {
        padding: 0 0 22px 1.5em;
    }
    .pyramids .item .right-col2 {
        padding: 0em 1.4em 1.4em;
    }
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img{top: 100px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner, 
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner {
        margin: 0 0 30px;
    }
    #block-navapro-technicalinfrastructure .item .right1 {
        margin-inline-start: -73%;
    }
    #block-navapro-technicalinfrastructure .item .right2 {
        margin-inline-start: -32%;
    }
    #block-navapro-technicalinfrastructure .item .right3{padding: 25px 0 0 10px;}
    
}

@media (max-width: 768px) {
  .region-site-branding{padding:1em 2em;}
  .dynamic-tiering__title,
  .rebalancing-governance__title,
  .staking-economic__title,
  .technical-infrastructure__title,
  .investor-insights__title,
  .future-roadmap__title,
  .contact-vrci__title {
    font-size: 1.8em;
  }

  #block-navapro-stakingeconomicmodel1 .inner-block,
  #block-navapro-rebalancinggovernance .inner-block {
    padding: 20px;
  }

  .region-primary-menu .menu > li {
    display: block;
    text-align: center;
   }
    .region-primary-menu .menu > li > a{color: #000;}
    .region-primary-menu .menu > li:hover > a{opacity: 0.6;}
    #block-navapro-technicalinfrastructure .item1{
        grid-template-columns: .6fr 1.4fr;
        margin: 0 0 5px;
    }
    #block-navapro-investorinsightsanalytics .items .item{
        grid-template-columns: .2fr 1.8fr;
    }
    #block-navapro-futureroadmapcommunity .left .left-item {
        grid-template-columns: 0.4fr 1.6fr;
        text-align: left;
    }
    #block-navapro-contactvrciglobal .block .item{
        grid-template-columns: 0.3fr 1.7fr;
        margin: 0 0 10px;
    }
    .pyramids{grid-template-columns: 1fr;}
    .pyramids .left-col4{width: 24%;}
    .pyramids .item .right-col3,
    .pyramids .item .right-col2,
    .pyramids .item .right-col1,
    .pyramids .item .right-col4 {
        margin-inline-start: 0;
        width: 85%;
        align-self: end;
        border-bottom: none;
    }
    #block-navapro-investorinsightsanalytics .items,
    #block-navapro-stakingeconomicmodel1 .items{
        grid-template-columns: 1fr;
    }
    .pyramids .left-col4 .svg-foreground-img {
        position: absolute;
        top: 44%;
        left: 36%;
    }
    .pyramids .left-col1 .svg-foreground-img, 
    .pyramids .left-col3 .svg-foreground-img, 
    .pyramids .left-col2 .svg-foreground-img {
        top: 32%;
        left: 44%;
    }
    #block-navapro-futureroadmapcommunity .left .left-item .item-num:before{
        width: 55px;
    }
    #block-navapro-stakingeconomicmodel1 .items .svg-bg-img .svg-foreground-img{
        top: 30%;
    }
    #block-navapro-rebalancinggovernance .left .item-title,
    #block-navapro-rebalancinggovernance .right .item-title,
    #block-navapro-dynamictieringsystem .pyramids .right-col4 .item-title,
    #block-navapro-dynamictieringsystem .pyramids .right-col3 .item-title,
    #block-navapro-dynamictieringsystem .pyramids .right-col2 .item-title,
    #block-navapro-dynamictieringsystem .pyramids .right-col1 .item-title{position: relative;}
    #block-navapro-rebalancinggovernance .left .left-inner1 .item-title:after,
    #block-navapro-rebalancinggovernance .left .left-inner2 .item-title:after,
    #block-navapro-rebalancinggovernance .right .right-inner1 .item-title:after,
    #block-navapro-rebalancinggovernance .right .right-inner2 .item-title:after,
    #block-navapro-dynamictieringsystem .pyramids .right-col4 .item-title:after,
    #block-navapro-dynamictieringsystem .pyramids .right-col3 .item-title:after,
    #block-navapro-dynamictieringsystem .pyramids .right-col2 .item-title:after,
    #block-navapro-dynamictieringsystem .pyramids .right-col1 .item-title:after{
      content: url('../images/tier4.png');
      position: absolute;
      top: 0;
      left: -50px;
      width: 25px;
      height: 25px;
    }
    #block-navapro-dynamictieringsystem .pyramids .right-col3 .item-title:after{
        content: url('../images/tier3.png');
    }
    #block-navapro-dynamictieringsystem .pyramids .right-col2 .item-title:after{
        content: url('../images/tier2.png');
    }
    #block-navapro-dynamictieringsystem .pyramids .right-col1 .item-title:after{
        content: url('../images/tier1.png');
    }
    #block-navapro-rebalancinggovernance .left .left-inner1 .item-title:after{
        content: url('../images/multi-signature.png');
    }
    #block-navapro-rebalancinggovernance .left .left-inner2 .item-title:after{
        content: url('../images/vrci.png');
    }
    #block-navapro-rebalancinggovernance .right .right-inner1 .item-title:after{
        content: url('../images/shamir.png');
    }
    #block-navapro-rebalancinggovernance .right .right-inner2 .item-title:after{
        content: url('../images/oracle.png');
    }
    #block-navapro-rebalancinggovernance .parent-div{grid-template-columns: 1fr;}
    #block-navapro-rebalancinggovernance .parent-div .center{
        order: 1;
        padding: 0;
        width: 75%;
        margin: 40px 0 0 25%;
    }
    #block-navapro-rebalancinggovernance .parent-div > .left{
        order: 2;
        margin-top: 175px;
    }
    #block-navapro-rebalancinggovernance .parent-div .right, 
    #block-navapro-rebalancinggovernance .parent-div .left{padding: 0;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner,
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner {
        padding-left: 90px;
        text-align: left;
    }
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner, 
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner {
        margin: 0 0 25px;
    }
    #block-navapro-rebalancinggovernance .parent-div .right .item{
        margin-left: 0;
    }
    #block-navapro-rebalancinggovernance .parent-div .right{
        order: 3;
        padding: 0;
    }
    #block-navapro-stakingeconomicmodel1 .item1 .svg-bg-img, 
    #block-navapro-stakingeconomicmodel1 .item2 .svg-bg-img, 
    #block-navapro-stakingeconomicmodel1 .item3 .svg-bg-img{display: none;}
    #block-navapro-rebalancinggovernance{padding: 1em 0;}
    #block-navapro-stakingeconomicmodel1 .item .content-staking{
        position: relative;
        padding-left: 25%;
    }
    #block-navapro-stakingeconomicmodel1 .items .item-title {
        padding-right: 0;
        margin: 0 0 15px;
    }
    #block-navapro-technicalinfrastructure .item .right{border-bottom: none;}
    #block-navapro-technicalinfrastructure .item .right .item-title{position: relative;}
    #block-navapro-technicalinfrastructure .item .right1 .item-title:after,
    #block-navapro-technicalinfrastructure .item .right2 .item-title:after,
    #block-navapro-technicalinfrastructure .item .right3 .item-title:after,
    #block-navapro-stakingeconomicmodel1 .item1 .content-staking:after,
    #block-navapro-stakingeconomicmodel1 .item2 .content-staking:after,
    #block-navapro-stakingeconomicmodel1 .item3 .content-staking:after{
        content: url('../images/staking.png');
        position: absolute;
        top: 0;
        left: 0px;
        width: auto;
        height: auto;
    }
    #block-navapro-stakingeconomicmodel1 .item2 .content-staking:after{
        content: url('../images/performance.png');
    }
    #block-navapro-stakingeconomicmodel1 .item3 .content-staking:after{
        content: url('../images/fee.png');
    }
    #block-navapro-technicalinfrastructure .item .right3 .item-title:after,
    #block-navapro-technicalinfrastructure .item .right2 .item-title:after,
    #block-navapro-technicalinfrastructure .item .right1 .item-title:after{
        content: url('../images/smart.png');
        top: 5px;
        left: -58px;
    }
    #block-navapro-technicalinfrastructure .item .right2 .item-title:after{
        content: url('../images/dex.png');
    }
    #block-navapro-technicalinfrastructure .item .right3 .item-title:after{
        content: url('../images/future.png');
    }
    #block-navapro-technicalinfrastructure .block{
        grid-template-columns: 1fr;
        margin: 0;
    }
    #block-navapro-technicalinfrastructure .item .left1, 
    #block-navapro-technicalinfrastructure .item .left2, 
    #block-navapro-technicalinfrastructure .item .left3{
        padding: 20px 15%;
    }
    #block-navapro-technicalinfrastructure .item .left2{
        padding: 20px 25%;
    }
    #block-navapro-technicalinfrastructure .item .left3{
        padding: 20px 40%;
    }
    #block-navapro-technicalinfrastructure .item .right2,
    #block-navapro-technicalinfrastructure .item .right3,
    #block-navapro-technicalinfrastructure .item .right1 {
        margin-inline-start: 0;
        padding: 27px 0 8px 50px;
    }
    #block-navapro-stakingeconomicmodel1 .items .item-description{padding: 0;}
}
@media (min-width:631px) and (max-width: 767px) {
    #block-navapro-rebalancinggovernance .parent-div .center{margin: 65px 0 0 25%;}
    #block-navapro-rebalancinggovernance .parent-div > .left{margin-top: 265px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img{
        top: 250px;
    }
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img{
        top: 185px;
    }
    #block-navapro-stakingeconomicmodel1 .item .content-staking{
        padding: 0 21% 0 22%;
    }
    #block-navapro-stakingeconomicmodel1 .items .item-description p{
        line-height: 2.3;
    }

}
@media (min-width:481px) and (max-width: 630px) {
    #block-navapro-rebalancinggovernance .parent-div > .left{margin-top: 220px;}
    #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img{top: 150px;}
    #block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img{top: 145px;}
    #block-navapro-stakingeconomicmodel1 .item .content-staking{
        padding: 0 8% 0 22%;
    }
    #block-navapro-stakingeconomicmodel1 .items .item-description p{
        line-height: 2.3;
    }
}

@media (min-width:376px) and (max-width: 480px) {
  #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img {
    left: 12px;
    top: 135px;
  }
  button,
  .user-login-form .button {
    width: 100%;
  }

  #block-navapro-firstsection .field-name-field-button-url a {
    padding: 15px 20px;
    font-size: 1em;
  }

  .svg-foreground-img svg {
    width: 24px;
    height: 24px;
  }

  #block-navapro-futureroadmapcommunity .left .left-item {
    grid-template-columns: 0.4fr 1.6fr;
    text-align: center;
  }

  #block-navapro-contactvrciglobal .svg-foreground-img svg {
    width: 32px;
    height: 32px;
  }
  #block-navapro-rebalancinggovernance .parent-div .left .left-inner1 .svg-foreground-img {
    left: 21%;
    top: 6%;
  }
  #block-navapro-rebalancinggovernance .parent-div .left .left-inner3 .svg-foreground-img {
    left: -5px;
    top: 103%;
  }
  #block-navapro-rebalancinggovernance .parent-div .right .right-inner4 .svg-foreground-img {
    left: 12px;
    top: 144%;
  }
  #block-navapro-stakingeconomicmodel1 .items .item-description p{
    font-size: 1em;
    line-height: 2;
  }
    #block-navapro-stakingeconomicmodel1 .items .item{margin: 0 0 30px;}
}
@media (max-width: 375px){
    #block-navapro-stakingeconomicmodel1 .item .content-staking{padding-left: 35%;}
}